@maelstrom-futurism/button 0.7.4-alpha.9

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright 2025 OSMstudios
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Button.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { ButtonProps } from "./types";
+declare const Button: (props: ButtonProps) => ReactNode;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,WAAW,EAAiB,MAAM,SAAS,CAAC;AAmDrD,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,KAAG,SAoEpC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Button.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { buttonStyle } from "./Button.styles";
+import { useTheme, debounce } from "@maelstrom-futurism/core";
+import { css as emotionCss } from "@emotion/react";
+import LinkButton from "./LinkButton";
+const scales = {
+    small: {
+        padding: `5px 10px`,
+        fontSize: 14,
+    },
+    normal: {
+        padding: `10px 20px`,
+        fontSize: 16,
+    },
+    big: {
+        padding: `20px 30px`,
+        fontSize: 18,
+    },
+};
+const getVariantColor = (theme, variant) => {
+    switch (variant) {
+        case "secondary":
+            return [theme.color("secondary"), theme.color("textColor")];
+        case "cancel":
+            return [theme.color("alert"), theme.color("textColor")];
+        case "ghost":
+            return ["transparent", theme.color("textColor")];
+        case "primary":
+        default:
+            return [theme.color("primary"), theme.color("textColor")];
+    }
+};
+const getVariantStyle = (theme, variant, outline) => {
+    const colors = getVariantColor(theme, variant);
+    const boxShadowColor = outline ? colors[0] : "transparent";
+    const backgroundColor = outline ? "transparent" : colors[0];
+    return {
+        background: backgroundColor,
+        boxShadow: `inset 0 0 0 1px ${boxShadowColor}`,
+        color: `${outline ? colors[0] : colors[1]}`,
+        transition: "all .3s",
+        "&:hover": {
+            boxShadow: `inset 0 0 0 1000px ${boxShadowColor}`,
+            color: colors[1],
+        },
+    };
+};
+const Button = (props) => {
+    const theme = useTheme();
+    if (props.variant === "link") {
+        return _jsx(LinkButton, { theme: theme, ...props });
+    }
+    const { children, onClick, scale = "normal", variant = "secondary", outline, type = "button", disabled = false, css, ...rest } = props;
+    const buttonRef = useRef(null);
+    const buttonStyleByTheme = emotionCss `
+    border-radius: ${theme.buttonRadius};
+  `;
+    const addRipple = (e) => {
+        if (!buttonRef || !buttonRef.current)
+            return;
+        const rippleContainer = buttonRef.current.querySelector("div.rippleContainer");
+        if (!rippleContainer)
+            return;
+        const size = buttonRef.current.offsetWidth;
+        const pos = buttonRef.current.getBoundingClientRect();
+        const rippler = document.createElement("span");
+        const x = e.pageX - pos.left - size / 2;
+        const y = e.pageY - pos.top - size / 2;
+        rippleContainer.appendChild(rippler);
+        rippler.setAttribute("style", `top: ${y}px; left: ${x}px; height: ${size}px; width: ${size}px;`);
+    };
+    const cleanUp = () => {
+        if (!buttonRef || !buttonRef.current)
+            return;
+        const rippleContainer = buttonRef.current.querySelector("div.rippleContainer");
+        if (!rippleContainer)
+            return;
+        rippleContainer.innerHTML = "";
+    };
+    return (_jsxs("button", { css: [buttonStyle, buttonStyleByTheme, getVariantStyle(theme, variant, !!outline), scales[scale], css], onClick: onClick, ref: buttonRef, onMouseDown: addRipple, onMouseUp: debounce(cleanUp, 2000), type: type, disabled: disabled, ...rest, children: [children, _jsx("div", { className: "rippleContainer" })] }));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}

package/dist/Button.styles.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from "@emotion/react";
+export declare const ripple: SerializedStyles;
+export declare const buttonStyle: SerializedStyles;
+export declare const buttonGroupStyle: SerializedStyles;
+//# sourceMappingURL=Button.styles.d.ts.map

package/dist/Button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../src/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElE,eAAO,MAAM,MAAM,EAAE,gBAKpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAwBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,kBAkB5B,CAAC"}

package/dist/Button.styles.js

@@ -0,0 +1,52 @@
+import { css, keyframes } from "@emotion/react";
+export const ripple = keyframes `
+  to {
+    opacity  : 0;
+    transform: scale(2);
+  }
+`;
+export const buttonStyle = css `
+  cursor: pointer;
+  margin: 6px 5px 0px 0px;
+  border: none;
+
+  position: relative;
+  overflow: hidden;
+
+  div.rippleContainer {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    span {
+      transform: scale(0);
+      border-radius: 100%;
+      position: absolute;
+      opacity: 0.75;
+      background-color: #fff;
+      animation: ${ripple} 1000ms;
+    }
+  }
+`;
+export const buttonGroupStyle = css `
+  & button:first-of-type {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+    margin-right: 0;
+  }
+
+  & button:not(:first-of-type):not(:last-child) {
+    border-radius: 0px;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  & button:last-of-type {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+    margin-left: 0;
+  }
+`;
+//# sourceMappingURL=Button.styles.js.map

package/dist/Button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../src/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAElE,MAAM,CAAC,MAAM,MAAM,GAAqB,SAAS,CAAA;;;;;CAKhD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;mBAqBX,MAAM;;;CAGxB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBlC,CAAC"}

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+interface ButtonGroupProps {
+    children?: ReactNode;
+}
+declare const ButtonGroup: ({ children }: ButtonGroupProps) => ReactNode;
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,gBAAgB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,WAAW,GAAI,cAAc,gBAAgB,KAAG,SAIrD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ButtonGroup.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+// import Button from "./Button";
+import { buttonGroupStyle } from "./Button.styles";
+const ButtonGroup = ({ children }) => (_jsx("div", { css: buttonGroupStyle, children: children }));
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":";AACA,iCAAiC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,EAAa,EAAE,CAAC,CAC/D,cAAK,GAAG,EAAE,gBAAgB,YACrB,QAAQ,GACP,CACT,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/DropdownButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from "./types";
+interface DropdownButtonProps extends Omit<ButtonProps, "onClick"> {
+    items?: Array<{
+        label: string;
+        onClick: () => void;
+    }>;
+}
+declare const DropdownButton: (props: DropdownButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default DropdownButton;
+//# sourceMappingURL=DropdownButton.d.ts.map

package/dist/DropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../src/DropdownButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,UAAU,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC,CAAC;CACN;AAkCD,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,qDAkDjD,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/DropdownButton.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Icon } from "@maelstrom-futurism/icons";
+import { css as emotionCss } from "@emotion/react";
+import Button from "./Button";
+const dropdownButtonStyles = emotionCss `
+    position: relative;
+    display: inline-block;
+`;
+const dropdownStyles = emotionCss `
+    position: absolute;
+    z-index: 10;
+    margin-top: 2px;
+    width: 98%;
+
+    & button {
+        border-radius: 0;
+    }
+    & button:first-of-type {
+        border-top-left-radius: 4px;
+        border-top-right-radius: 4px;
+    }
+    & button:last-of-type {
+        border-bottom-left-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+`;
+const buttonStyles = emotionCss `
+    display: block;
+    width: 100%;
+    padding: 10px;
+    border: 0;
+    text-align: left;
+`;
+const DropdownButton = (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const handleRootClick = () => setIsOpen(!isOpen);
+    const { children, css, items, ...rest } = props;
+    const styles = [];
+    if (css)
+        styles.concat(css);
+    styles.push(dropdownButtonStyles);
+    return (_jsxs("div", { css: dropdownButtonStyles, ref: dropdownRef, children: [_jsxs(Button, { css: styles, onClick: handleRootClick, ...rest, children: [children, " ", _jsx(Icon, { icon: "CaretDown", size: 20 })] }), isOpen && (_jsx("div", { css: dropdownStyles, children: items && items.map((item, index) => (_jsx("button", { css: buttonStyles, onClick: () => {
+                        item.onClick();
+                        setIsOpen(false);
+                    }, children: item.label }, index))) }))] }));
+};
+export default DropdownButton;
+//# sourceMappingURL=DropdownButton.js.map

package/dist/DropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../src/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAoB,MAAM,gBAAgB,CAAC;AAErE,OAAO,MAAM,MAAM,UAAU,CAAC;AAU9B,MAAM,oBAAoB,GAAG,UAAU,CAAA;;;CAGtC,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAAA;;;;;;;;;;;;;;;;;CAiBhC,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAAA;;;;;;CAM9B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC7E,SAAS,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjD,MAAM,EACF,QAAQ,EACR,GAAG,EACH,KAAK,EACL,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,GAAG;QAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,GAAG,EAAE,oBAAoB,EAAE,GAAG,EAAE,WAAW,aAC5C,MAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,KAAM,IAAI,aAAG,QAAQ,OAAE,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,IAAS,EAE/G,MAAM,IAAI,CACP,cAAK,GAAG,EAAE,cAAc,YACnB,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,iBAEI,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,OAAO,EAAE,CAAC;wBACf,SAAS,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,YAEA,IAAI,CAAC,KAAK,IAPN,KAAK,CAQL,CACZ,CAAC,GACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/LinkButton.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { Theme } from "@maelstrom-futurism/core";
+interface LinkButtonProps {
+    theme: Theme;
+    children?: ReactNode;
+    onClick?: React.MouseEventHandler;
+    disabled?: boolean;
+}
+declare const LinkButton: ({ theme, children, onClick, disabled, }: LinkButtonProps) => ReactNode;
+export default LinkButton;
+//# sourceMappingURL=LinkButton.d.ts.map

package/dist/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAWjD,UAAU,eAAe;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yCAKjB,eAAe,KAAG,SAcpB,CAAA;AAED,eAAe,UAAU,CAAC"}

package/dist/LinkButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+const linkButtonStyles = css `
+    border: 0;
+    margin: 0;
+    padding: 0;
+    background: transparent;
+    cursor: pointer;
+    font-size: 16px;
+`;
+const LinkButton = ({ theme, children, onClick, disabled, }) => {
+    const linkStyles = css `
+        color: ${theme.color("textColor")};
+
+        &:hover {
+            color: ${theme.color('linkColor')};
+            text-decoration: underline;
+        }
+    `;
+    return _jsx("button", { onClick: onClick, disabled: disabled, css: [linkButtonStyles, linkStyles], children: children });
+};
+export default LinkButton;
+//# sourceMappingURL=LinkButton.js.map

package/dist/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;CAO3B,CAAC;AASF,MAAM,UAAU,GAAG,CAAC,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GACM,EAAa,EAAE;IAC7B,MAAM,UAAU,GAAG,GAAG,CAAA;iBACT,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;qBAGpB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;KAGxC,CAAC;IAEF,OAAO,iBACH,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,YAAG,QAAQ,GAAU,CAAC;AACjE,CAAC,CAAA;AAED,eAAe,UAAU,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { ButtonVariant } from "./types";
+export { default as Button } from "./Button";
+export { default as ButtonGroup } from "./ButtonGroup";
+export { default as DropdownButton } from "./DropdownButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { default as Button } from "./Button";
+export { default as ButtonGroup } from "./ButtonGroup";
+export { default as DropdownButton } from "./DropdownButton";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { SerializedStyles } from "@emotion/react";
+export type ButtonVariant = "primary" | "secondary" | "cancel" | "ghost" | "link";
+export type ButtonType = "button" | "submit";
+export type Scale = "small" | "normal" | "big";
+export interface ButtonProps {
+    children?: ReactNode;
+    /**
+     * Either type="submit" or type="button"
+     */
+    type?: ButtonType;
+    /**
+     * Allow the user to pass in custom styles
+     */
+    css?: SerializedStyles | SerializedStyles[];
+    scale?: Scale;
+    variant?: ButtonVariant;
+    outline?: boolean;
+    onClick?: React.MouseEventHandler;
+    disabled?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAE5C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@maelstrom-futurism/button",
+  "version": "0.7.4-alpha.9",
+  "description": "A button (with very cool ripples!) for MF",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1",
+    "clean": "rm -Rf dist",
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DawsonG/maelstrom-futurism.git",
+    "directory": "packages/button"
+  },
+  "keywords": [
+    "button",
+    "component",
+    "react"
+  ],
+  "author": "Dawson Goodell <dawsong@osmstudios.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/DawsonG/maelstrom-futurism/issues"
+  },
+  "homepage": "https://github.com/DawsonG/maelstrom-futurism#readme",
+  "dependencies": {
+    "@maelstrom-futurism/core": "^0.7.4-alpha.9",
+    "@maelstrom-futurism/icons": "^0.7.4-alpha.3"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">= 11.10.5",
+    "react": ">= 18.3.1"
+  },
+  "gitHead": "8c49684db1a6002ee19db00c53ed2e9aac7e484b"
+}