@zonos/amino 3.4.51

package/amino.css

@@ -0,0 +1,167 @@
+@import url('https://rsms.me/inter/inter.css');
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJV37NuzlojwUKaJO.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVT7NuzlojwUKaJO.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVz7NuzlojwUKaJO.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVP7NuzlojwUKaJO.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJV77NuzlojwUKaJO.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVD7NuzlojwUKQ.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+html {
+  font-size: var(--amino-type-scale-base);
+  font-family: var(--amino-font-sans);
+  color: var(--amino-text-color);
+  height: 100%;
+  width: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  font-family: var(--amino-font-sans);
+  font-size: var(--amino-text-base);
+  background: var(--amino-page-background);
+  height: 100%;
+  width: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#root {
+  height: 100%;
+  width: 100%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--amino-font-sans);
+  color: var(--amino-text-color);
+}
+
+h1 {
+  font-size: var(--amino-text-xxl);
+  font-weight: 500;
+}
+
+h2 {
+  font-size: var(--amino-text-xl);
+  font-weight: 500;
+}
+
+h3 {
+  font-size: var(--amino-text-lg);
+  font-weight: 500;
+}
+
+h4 {
+  font-size: var(--amino-text-md);
+  font-weight: 500;
+}
+
+h5 {
+  font-size: var(--amino-text-base);
+  font-weight: 400;
+}
+
+h6 {
+  font-size: var(--amino-text-sm);
+  font-weight: 500;
+}
+
+/* Dialog */
+.amino-dialog-enter {
+  opacity: 0;
+  transform: translateY(10px);
+}
+.amino-dialog-enter-active {
+  opacity: 1;
+  transform: translateY(0);
+  transition: opacity 400ms, transform 400ms;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.amino-dialog-exit {
+  opacity: 1;
+}
+.amino-dialog-exit-active {
+  opacity: 0;
+  transform: scale(0.8);
+  transition: opacity 200ms, transform 200ms;
+  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+/* Backdrop */
+.amino-backdrop-enter {
+  opacity: 0;
+}
+.amino-backdrop-enter-active {
+  opacity: 1;
+  transition: opacity 300ms;
+}
+.amino-backdrop-exit {
+  opacity: 1;
+}
+.amino-backdrop-exit-active {
+  opacity: 0;
+  transition: opacity 300ms;
+}
+
+.no-scroll {
+  overflow: hidden;
+}
+
+.toast-container {
+  display: flex;
+  justify-content: center;
+}
+.toasts-wrapper {
+  position: fixed;
+  z-index: 9999999;
+  bottom: var(--amino-space-40);
+}

package/animations/DropdownAnimation.d.ts

@@ -0,0 +1,2 @@
+export declare const DropdownAnimation: import("styled-components").Keyframes;
+export declare const DropdownAnimationInverse: import("styled-components").Keyframes;

package/animations/DropdownAnimation.js

@@ -0,0 +1 @@
+"use strict";var n,t,a=require("../_tslib-fe391a2e.js"),r=require("styled-components"),o=r.keyframes(n||(n=a.__makeTemplateObject(["\n  from {\n    opacity: 0;\n    transform: translateY(-5px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(-5px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),e=r.keyframes(t||(t=a.__makeTemplateObject(["\n  from {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n  to{\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n  to{\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));exports.DropdownAnimation=o,exports.DropdownAnimationInverse=e;

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

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

package/components/alert-dialog/AlertContext.js

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

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IAminoTheme } from "../../types/IAminoTheme";
+import { Intent } from "../../types/Intent";
+export declare type AlertDialogProps = {
+    open: boolean;
+    label: string;
+    theme?: IAminoTheme;
+    subtitle: ReactNode;
+    intent: Intent;
+    dismissText: string;
+    dismissAction: () => void;
+};
+export declare const AlertDialog: ({ theme: _theme, open, label, intent, subtitle, dismissText, dismissAction, }: AlertDialogProps) => JSX.Element;

package/components/alert-dialog/AlertDialog.js

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

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

@@ -0,0 +1 @@
+export declare const useAlert: () => (opts: import("../../types").AlertDialogOpts) => void;

package/components/alert-dialog/useAlert.js

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

package/components/avatar/AvatarBase.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export declare type ImageSize = 16 | 24 | 32 | 40 | 48 | 56 | 64;
+export declare const avatarShapes: {
+    readonly round: "50%";
+    readonly rounded: "10px";
+    readonly square: "0px";
+};
+declare type AvatarShape = keyof typeof avatarShapes;
+export declare type AvatarProps = {
+    /** @default round */
+    shape?: AvatarShape;
+    /** @default 32 px */
+    size?: ImageSize;
+    /** @default false */
+    bordered?: boolean;
+};
+declare type AvartarBaseProps = Required<AvatarProps> & {
+    backgroundUrl?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    children?: ReactNode;
+};
+export declare const AvatarBase: ({ children, ...rest }: AvartarBaseProps) => JSX.Element;
+export {};

package/components/avatar/AvatarBase.js

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

package/components/avatar/ImageAvatar.d.ts

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

package/components/avatar/ImageAvatar.js

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

package/components/avatar/UserAvatar.d.ts

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

package/components/avatar/UserAvatar.js

@@ -0,0 +1 @@
+"use strict";var M=require("react/jsx-runtime"),I=require("./AvatarBase.js");require("../../_tslib-fe391a2e.js"),require("../../styles/constants/theme.js"),require("styled-components");exports.UserAvatar=function(g){var A=g.size,i=void 0===A?32:A,j=g.shape,D=void 0===j?"round":j,N=g.bordered,e=void 0!==N&&N;return M.jsx(I.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQyIDQ0Ij48cGF0aCBmaWxsPSIjQTJBMkFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxOC40NWE4Ljk1IDguOTUgMCAwIDAgNi4zNjQtMi42NjVBOS4xNTIgOS4xNTIgMCAwIDAgMzAgOS4zNWE5LjE1MiA5LjE1MiAwIDAgMC0yLjYzNi02LjQzNUE4Ljk1IDguOTUgMCAwIDAgMjEgLjI1YTguOTUgOC45NSAwIDAgMC02LjM2NCAyLjY2NUE5LjE1MiA5LjE1MiAwIDAgMCAxMiA5LjM1YzAgMi40MTQuOTQ4IDQuNzI4IDIuNjM2IDYuNDM1QTguOTUgOC45NSAwIDAgMCAyMSAxOC40NVpNMCA0NS43NWMwLTIuNzg4LjU0My01LjU1IDEuNTk5LTguMTI2YTIxLjI1IDIxLjI1IDAgMCAxIDQuNTUyLTYuODg4IDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMtNC42MDMgMjAuOCAyMC44IDAgMCAxIDE2LjA3MiAwIDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMgNC42MDMgMjEuMjUgMjEuMjUgMCAwIDEgNC41NTMgNi44ODhBMjEuNDM5IDIxLjQzOSAwIDAgMSA0MiA0NS43NUgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"),bordered:e,shape:D,size:i})};

package/components/backdrop/Backdrop.d.ts

@@ -0,0 +1 @@
+export declare const Backdrop: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/components/backdrop/Backdrop.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("framer-motion"),t=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var o,r=i(require("styled-components")).default(n.motion.div)(o||(o=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  background: ",";\n  z-index: 999;\n  position: fixed;\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  background: ",";\n  z-index: 999;\n  position: fixed;\n"])),t.theme.backdropColor);exports.Backdrop=r;

package/components/badge/Badge.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { FontWeight } from '../text/Text';
+declare type ColorList = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
+declare type Size = 'small' | 'large';
+export interface BadgeProps {
+    children?: ReactNode | string;
+    className?: string;
+    color?: ColorList;
+    fontWeight?: FontWeight;
+    icon?: ReactNode;
+    iconRight?: boolean;
+    bold?: boolean;
+    rounded?: boolean;
+    /**
+     * @default large
+     */
+    size?: Size;
+}
+export declare const Badge: ({ children, className, color, fontWeight, icon, iconRight, bold, rounded, size, }: BadgeProps) => JSX.Element;
+export {};

package/components/badge/Badge.js

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

package/components/banner/Banner.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Intent } from "../../types";
+export declare type BannerProps = {
+    className?: string;
+    children?: ReactNode;
+    title?: ReactNode;
+    footerActions?: ReactNode;
+    headerActions?: ReactNode;
+    intent?: Exclude<Intent, 'danger' | 'secondary' | 'primary'>;
+    onClose?: () => void;
+};
+export declare const Banner: ({ children, className, footerActions, headerActions, intent, onClose, title, }: BannerProps) => JSX.Element;

package/components/banner/Banner.js

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

package/components/button/Button.d.ts

@@ -0,0 +1,42 @@
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
+import { SpinnerProps } from "../spinner/Spinner";
+import { Color } from "../../types";
+import { Intent } from "../../types/Intent";
+import { Size } from "../../types/Size";
+import { Theme } from "../../types/Theme";
+declare type IntentProps = 'outline' | 'subtle' | 'text' | 'link' | 'plain' | Intent;
+declare type ButtonBase = {
+    background?: Color | 'inherit';
+    /** @param borderColor only available for intent 'outline' */
+    borderColor?: Color | 'inherit';
+    children?: ReactNode;
+    className?: string;
+    color?: Color | 'inherit';
+    disabled?: boolean;
+    icon?: ReactNode;
+    iconRight?: boolean;
+    /** @default 'secondary' */
+    intent?: IntentProps;
+    /** @default false */
+    loading?: boolean;
+    loadingText?: string;
+    /**
+     * Disable ripple effect
+     * @default false
+     */
+    noRipple?: boolean;
+    size?: Size;
+    /** Color for the spinner when in a loading state */
+    spinnerColor?: SpinnerProps['color'];
+    tabIndex?: number;
+    theme?: Theme | 'space';
+    type?: 'button' | 'reset' | 'submit';
+};
+export declare type GroupTag = 'div' | 'a' | 'button';
+declare type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'div' ? HTMLDivElement : HTMLButtonElement;
+export declare type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'> & {
+    onClick?: MouseEventHandler<MyHtmlElement<T>>;
+    tag?: T;
+};
+export declare function Button<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, theme: _theme, type, ...props }: ButtonProps<T>): JSX.Element;
+export {};

package/components/button/Button.js

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

package/components/button/MenuButton.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare type MenuButtonProps = {
+    action: ReactNode;
+    children: ReactNode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+export declare const MenuButton: ({ action, children, open, setOpen, }: MenuButtonProps) => JSX.Element;

package/components/button/MenuButton.js

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

package/components/button/RippleGroup.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Color } from "../../types";
+export interface IRippleActions {
+    start: (event: React.SyntheticEvent) => void;
+}
+export declare type RippleGroupProps = {
+    /**
+     * @default 'inherit'
+     */
+    color?: Color;
+    /**
+     * @default 200 ms
+     */
+    duration?: number;
+    /**
+     * @default 0.12
+     */
+    opacity?: number;
+};
+export declare const RippleGroup: React.ForwardRefExoticComponent<RippleGroupProps & React.RefAttributes<IRippleActions>>;

package/components/button/RippleGroup.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("framer-motion"),o=require("../../styles/constants/theme.js"),i=require("styled-components"),a=require("uuid"),u=require("./_Ripple.js");function s(n){return n&&n.__esModule?n:{default:n}}function c(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,t.get?t:{enumerable:!0,get:function(){return n[r]}})}})),e.default=n,Object.freeze(e)}var l,p,d=c(r),f=s(i).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,i.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?o.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{width:t,height:t,left:(a||0)-r.left-o,top:(u||0)-r.top-o}},y=d.forwardRef((function(r,o){var i=r.color,s=r.duration,c=void 0===s?200:s,l=r.opacity,p=void 0===l?.12:l,y=n.__read(d.useState([]),2),_=y[0],b=y[1],h=d.useRef(null),v=function(){return b((function(n){return n.slice(1)}))},g=d.useCallback((function(r){if(h.current){var t={style:m(r,h.current),destroy:v,duration:c};b((function(r){return n.__spreadArray(n.__spreadArray([],n.__read(r),!1),[{element:e.jsx(u.Ripple,n.__assign({},t)),key:a.v4()}],!1)}))}}),[c]);return d.useImperativeHandle(o,(function(){return{start:g}}),[g]),e.jsx(f,n.__assign({ref:h,$color:i,$opacity:p,$duration:c},{children:e.jsx(t.AnimatePresence,{children:_.map((function(r){return e.jsx(t.motion.div,n.__assign({initial:{opacity:1},animate:{opacity:1},exit:{opacity:0}},{children:r.element}),r.key)}))})}))}));exports.RippleGroup=y;

package/components/button/_Ripple.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare type RippleProps = {
+    /** Removes the ripple */
+    destroy: () => void;
+    /** duration of the ripple */
+    duration: number;
+    style: {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    };
+};
+export declare const Ripple: ({ destroy, duration, style }: RippleProps) => JSX.Element;

package/components/button/_Ripple.js

@@ -0,0 +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:{width:"".concat(n.width,"px"),height:"".concat(n.height,"px"),top:"".concat(n.top,"px"),left:"".concat(n.left,"px")}})};

package/components/button/useRipple.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IRippleActions } from './RippleGroup';
+interface IRippleEventHandlers {
+    onMouseDown: React.MouseEventHandler;
+}
+declare type Props = {
+    rippleRef: React.RefObject<IRippleActions>;
+    disabled: boolean;
+    rippleEnabled: boolean;
+};
+declare type Return = {
+    /** Combines event handlers */
+    getRippleHandlers(otherEvents: Partial<IRippleEventHandlers>): IRippleEventHandlers;
+    rippleEnabled: boolean;
+};
+export declare const useRipple: ({ rippleRef, disabled, rippleEnabled, }: Props) => Return;
+export {};

package/components/button/useRipple.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var r=e(require("react"));exports.useRipple=function(e){var n=e.rippleRef,t=e.disabled,u=e.rippleEnabled;var a,c,i=(a="start",void 0===c&&(c=!u),r.useCallback((function(e){!c&&n.current&&n.current[a](e)}),[a,c])),l=r.useMemo((function(){var e={onMouseDown:i};return function(r){var n=Object.keys(e).map((function(n){return{name:n,handler:function(t){var u;null===(u=r[n])||void 0===u||u.call(r,t),e[n](t)}}}));return n.reduce((function(e,r){return e[r.name]=r.handler,e}),{})}}),[i]);return{rippleEnabled:u&&!t,getRippleHandlers:l}};

package/components/card/Card.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export declare type CardProps = {
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    footerActions?: ReactNode;
+    footerContent?: ReactNode;
+    footerHeight?: number;
+    label?: ReactNode;
+    spacing?: string;
+};
+export declare const Card: ({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: CardProps) => JSX.Element;

package/components/card/Card.js

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

package/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent, ReactNode } from 'react';
+export declare type CheckboxProps = {
+    checked: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    labelComponent?: ReactNode;
+    labelDescription?: string;
+    onChange: (checked: boolean, event: MouseEvent<HTMLLabelElement>) => void;
+    subtitle?: string;
+};
+export declare const Checkbox: ({ checked, disabled, icon, label, labelComponent, labelDescription, onChange, subtitle, }: CheckboxProps) => JSX.Element;

package/components/checkbox/Checkbox.js

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

package/components/collapse/Collapse.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export declare type CollapseProps = {
+    className?: string;
+    children: ReactNode;
+    /**
+     * Collapsed state
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * Size when collapsed
+     * @default 0
+     */
+    collapseSize?: number;
+};
+export declare const Collapse: ({ className, children, collapsed, collapseSize, }: CollapseProps) => JSX.Element;

package/components/collapse/Collapse.js

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

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

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

package/components/confirm-dialog/ConfirmContext.js

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