@audius/harmony 0.0.25

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarProps } from './types';
+export declare const Avatar: (props: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,eAAO,MAAM,MAAM,UAAW,WAAW,qDAyDxC,CAAA"}

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,52 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+
+/*
+ * The Avatar component is a visual indicator used to quickly identify a
+ * user’s account.
+ */
+var Avatar = function (props) {
+    var src = props.src, _a = props.strokeWidth, strokeWidth = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'auto' : _b, _c = props.variant, variant = _c === void 0 ? 'default' : _c, className = props.className, children = props.children;
+    var color = useTheme().color;
+    var sizeMap = {
+        auto: '100%',
+        small: '24px',
+        medium: '40px',
+        large: '72px',
+        xl: '80px'
+    };
+    var strokeWidthMap = {
+        thin: '1.2px',
+        default: '2px'
+    };
+    var rootCss = {
+        height: sizeMap[size],
+        width: sizeMap[size],
+        overflow: 'hidden',
+        borderRadius: 'calc(infinity * 1px)',
+        border: "".concat(strokeWidthMap[strokeWidth], " solid ").concat(color.border.default),
+        boxSizing: 'border-box',
+        boxShadow: variant === 'strong'
+            ? '0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.03), 0px 1.5px 5px 0px rgba(0, 0, 0, 0.08), 0px 6px 15px 0px rgba(0, 0, 0, 0.10)'
+            : 'none',
+        backgroundColor: color.neutral.n400,
+        position: 'relative',
+        zIndex: 1
+    };
+    var imgCss = {
+        height: sizeMap[size],
+        width: sizeMap[size],
+        backgroundImage: src ? "url(".concat(src, ")") : undefined,
+        backgroundColor: src ? 'unset' : color.neutral.n400,
+        backgroundSize: 'cover',
+        zIndex: 1,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+    };
+    return (jsx("div", __assign({ css: rootCss, className: className }, { children: jsx("div", __assign({ css: imgCss }, { children: children })) })));
+};
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { CSSObject, useTheme } from '@emotion/react'\n\nimport type { AvatarProps } from './types'\n\n/*\n * The Avatar component is a visual indicator used to quickly identify a\n * user’s account.\n */\nexport const Avatar = (props: AvatarProps) => {\n  const {\n    src,\n    strokeWidth = 'default',\n    size = 'auto',\n    variant = 'default',\n    className,\n    children\n  } = props\n  const { color } = useTheme()\n\n  const sizeMap = {\n    auto: '100%',\n    small: '24px',\n    medium: '40px',\n    large: '72px',\n    xl: '80px'\n  }\n\n  const strokeWidthMap = {\n    thin: '1.2px',\n    default: '2px'\n  }\n\n  const rootCss: CSSObject = {\n    height: sizeMap[size],\n    width: sizeMap[size],\n    overflow: 'hidden',\n    borderRadius: 'calc(infinity * 1px)',\n    border: `${strokeWidthMap[strokeWidth]} solid ${color.border.default}`,\n    boxSizing: 'border-box',\n    boxShadow:\n      variant === 'strong'\n        ? '0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.03), 0px 1.5px 5px 0px rgba(0, 0, 0, 0.08), 0px 6px 15px 0px rgba(0, 0, 0, 0.10)'\n        : 'none',\n    backgroundColor: color.neutral.n400,\n    position: 'relative',\n    zIndex: 1\n  }\n\n  const imgCss: CSSObject = {\n    height: sizeMap[size],\n    width: sizeMap[size],\n    backgroundImage: src ? `url(${src})` : undefined,\n    backgroundColor: src ? 'unset' : color.neutral.n400,\n    backgroundSize: 'cover',\n    zIndex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n\n  return (\n    <div css={rootCss} className={className}>\n      <div css={imgCss}>{children}</div>\n    </div>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA;;;AAGG;AACI,IAAM,MAAM,GAAG,UAAC,KAAkB,EAAA;AAErC,IAAA,IAAA,GAAG,GAMD,KAAK,IANJ,EACH,EAAA,GAKE,KAAK,CALgB,WAAA,EAAvB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACvB,KAIE,KAAK,CAAA,IAJM,EAAb,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAGE,GAAA,KAAK,QAHY,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,SAAS,GAEP,KAAK,CAFE,SAAA,EACT,QAAQ,GACN,KAAK,SADC,CACD;AACD,IAAA,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;AAE5B,IAAA,IAAM,OAAO,GAAG;AACd,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,EAAE,EAAE,MAAM;KACX,CAAA;AAED,IAAA,IAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,KAAK;KACf,CAAA;AAED,IAAA,IAAM,OAAO,GAAc;AACzB,QAAA,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,YAAY,EAAE,sBAAsB;AACpC,QAAA,MAAM,EAAE,EAAA,CAAA,MAAA,CAAG,cAAc,CAAC,WAAW,CAAC,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAE;AACtE,QAAA,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,OAAO,KAAK,QAAQ;AAClB,cAAE,sHAAsH;AACxH,cAAE,MAAM;AACZ,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACnC,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;KACV,CAAA;AAED,IAAA,IAAM,MAAM,GAAc;AACxB,QAAA,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC;QACpB,eAAe,EAAE,GAAG,GAAG,MAAO,CAAA,MAAA,CAAA,GAAG,EAAG,GAAA,CAAA,GAAG,SAAS;AAChD,QAAA,eAAe,EAAE,GAAG,GAAG,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI;AACnD,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;KACzB,CAAA;AAED,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gBACrCA,GAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,MAAM,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,CAAA,EAAA,CAAA,CAC9B,EACP;AACH;;;;"}

package/dist/components/avatar/Avatar.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Avatar } from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const NoImage: Story;
+export declare const Strong: Story;
+//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/components/avatar/Avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAStD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AACD,eAAO,MAAM,MAAM,EAAE,KAwBpB,CAAA"}

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,cAAc,SAAS,CAAA"}

package/dist/components/avatar/types.d.ts

@@ -0,0 +1,24 @@
+import type { PropsWithChildren } from 'react';
+export type AvatarProps = PropsWithChildren<{
+    className?: string;
+    /**
+     * Url image source
+     */
+    src: string | undefined;
+    /**
+     * Variant
+     * @default default
+     */
+    variant?: 'default' | 'strong';
+    /**
+     * Size
+     * @default auto
+     */
+    size?: 'auto' | 'small' | 'medium' | 'large' | 'xl';
+    /**
+     * Stroke Width
+     * @default default
+     */
+    strokeWidth?: 'thin' | 'default';
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;IAEnD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC,CAAA"}

package/dist/components/button/BaseButton/BaseButton.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { CSSObject } from '@emotion/react';
+/**
+ * Base component for Harmony buttons. Not intended to be used directly. Use
+ * `Button` or `PlainButton`.
+ */
+export declare const BaseButton: (props: {
+    iconLeft?: import("../..").IconComponent | undefined;
+    iconRight?: import("../..").IconComponent | undefined;
+    isStaticIcon?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    widthToHideText?: number | undefined;
+    minWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    styles?: {
+        button: CSSObject;
+        icon: CSSObject;
+    } | undefined;
+    asChild?: boolean | undefined;
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    _isHovered?: boolean | undefined;
+    _isPressed?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=BaseButton.d.ts.map

package/dist/components/button/BaseButton/BaseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAA;AASpD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;sJA6GtB,CAAA"}

package/dist/components/button/BaseButton/BaseButton.js

@@ -0,0 +1,53 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+import { Slottable, Slot } from '@radix-ui/react-slot';
+import LoadingSpinner from '../../loading-spinner/LoadingSpinner.js';
+import { useMediaQueryListener } from '../../../hooks/useMediaQueryListener.js';
+
+/**
+ * Base component for Harmony buttons. Not intended to be used directly. Use
+ * `Button` or `PlainButton`.
+ */
+var BaseButton = forwardRef(function BaseButton(props, ref) {
+    var LeftIconComponent = props.iconLeft, RightIconComponent = props.iconRight, isStaticIcon = props.isStaticIcon, disabled = props.disabled, isLoading = props.isLoading, widthToHideText = props.widthToHideText, minWidth = props.minWidth, fullWidth = props.fullWidth, styles = props.styles, children = props.children, ariaLabelProp = props["aria-label"], asChild = props.asChild, _isHovered = props._isHovered, _isPressed = props._isPressed, other = __rest(props, ["iconLeft", "iconRight", "isStaticIcon", "disabled", "isLoading", "widthToHideText", "minWidth", "fullWidth", "styles", "children", 'aria-label', "asChild", "_isHovered", "_isPressed"]);
+    var _a = useTheme(), motion = _a.motion, typography = _a.typography;
+    var isTextHidden = useMediaQueryListener("(max-width: ".concat(widthToHideText, "px)")).isMatch;
+    var getAriaLabel = function () {
+        // always default to manual aria-label prop if provided
+        if (ariaLabelProp)
+            return ariaLabelProp;
+        // We use the children prop as the aria-label if the text becomes hidden
+        // and no aria-label was provided to keep the button accessible.
+        if (isTextHidden && typeof children === 'string')
+            return children;
+        return undefined;
+    };
+    var ButtonComponent = asChild ? Slot : 'button';
+    var buttonComponentCss = __assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: typography.font, alignItems: 'center', boxSizing: 'border-box', cursor: 'pointer', display: 'inline-flex', flexShrink: 0, justifyContent: 'center', overflow: 'hidden', position: 'relative', textAlign: 'center', userSelect: 'none', whiteSpace: 'nowrap', transition: "\n        transform ".concat(motion.hover, ",\n        border-color ").concat(motion.hover, ",\n        background-color ").concat(motion.hover, ",\n        color ").concat(motion.hover, "\n      ") }, (fullWidth && {
+        width: '100%',
+        flexShrink: 1
+    })), { ':focus': {
+            outline: 'none !important'
+        }, ':hover': {
+            transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'
+        }, ':active': {
+            transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'
+        } }), ((disabled || isLoading || _isHovered || _isPressed) && {
+        pointerEvents: 'none'
+    })), (_isHovered && {
+        transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'
+    })), (_isPressed && {
+        transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'
+    })), { minWidth: minWidth && !isTextHidden ? "".concat(minWidth, "px") : 'unset' });
+    var iconCss = !isStaticIcon && {
+        '& path': {
+            fill: 'currentcolor'
+        }
+    };
+    return (jsxs(ButtonComponent, __assign({ css: [buttonComponentCss, styles === null || styles === void 0 ? void 0 : styles.button], disabled: disabled || isLoading, ref: ref, type: asChild ? undefined : 'button', "aria-label": getAriaLabel() }, other, { children: [isLoading ? (jsx(LoadingSpinner, { css: styles === null || styles === void 0 ? void 0 : styles.icon })) : LeftIconComponent ? (jsx(LeftIconComponent, { css: [iconCss, styles === null || styles === void 0 ? void 0 : styles.icon] })) : null, !isTextHidden ? jsx(Slottable, { children: children }) : null, RightIconComponent ? (jsx(RightIconComponent, { css: [iconCss, styles === null || styles === void 0 ? void 0 : styles.icon] })) : null] })));
+});
+
+export { BaseButton };
+//# sourceMappingURL=BaseButton.js.map

package/dist/components/button/BaseButton/BaseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.js","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport LoadingSpinner from 'components/loading-spinner/LoadingSpinner'\n\nimport { useMediaQueryListener } from '../../../hooks/useMediaQueryListener'\n\nimport type { BaseButtonProps } from './types'\n\n/**\n * Base component for Harmony buttons. Not intended to be used directly. Use\n * `Button` or `PlainButton`.\n */\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n  function BaseButton(props, ref) {\n    const {\n      iconLeft: LeftIconComponent,\n      iconRight: RightIconComponent,\n      isStaticIcon,\n      disabled,\n      isLoading,\n      widthToHideText,\n      minWidth,\n      fullWidth,\n      styles,\n      children,\n      'aria-label': ariaLabelProp,\n      asChild,\n      _isHovered,\n      _isPressed,\n      ...other\n    } = props\n    const { motion, typography } = useTheme()\n    const { isMatch: isTextHidden } = useMediaQueryListener(\n      `(max-width: ${widthToHideText}px)`\n    )\n\n    const getAriaLabel = () => {\n      // always default to manual aria-label prop if provided\n      if (ariaLabelProp) return ariaLabelProp\n      // We use the children prop as the aria-label if the text becomes hidden\n      // and no aria-label was provided to keep the button accessible.\n      if (isTextHidden && typeof children === 'string') return children\n      return undefined\n    }\n\n    const ButtonComponent = asChild ? Slot : 'button'\n\n    const buttonComponentCss: CSSObject = {\n      fontFamily: typography.font,\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      cursor: 'pointer',\n      display: 'inline-flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n      overflow: 'hidden',\n      position: 'relative',\n      textAlign: 'center',\n      userSelect: 'none',\n      whiteSpace: 'nowrap',\n      transition: `\n        transform ${motion.hover},\n        border-color ${motion.hover},\n        background-color ${motion.hover},\n        color ${motion.hover}\n      `,\n\n      ...(fullWidth && {\n        width: '100%',\n        flexShrink: 1\n      }),\n\n      ':focus': {\n        outline: 'none !important'\n      },\n      ':hover': {\n        transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'\n      },\n      ':active': {\n        transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'\n      },\n\n      ...((disabled || isLoading || _isHovered || _isPressed) && {\n        pointerEvents: 'none'\n      }),\n      ...(_isHovered && {\n        transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'\n      }),\n      ...(_isPressed && {\n        transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'\n      }),\n      minWidth: minWidth && !isTextHidden ? `${minWidth}px` : 'unset'\n    }\n\n    const iconCss = !isStaticIcon && {\n      '& path': {\n        fill: 'currentcolor'\n      }\n    }\n\n    return (\n      <ButtonComponent\n        css={[buttonComponentCss, styles?.button]}\n        disabled={disabled || isLoading}\n        ref={ref}\n        type={asChild ? undefined : 'button'}\n        aria-label={getAriaLabel()}\n        {...other}\n      >\n        {isLoading ? (\n          <LoadingSpinner css={styles?.icon} />\n        ) : LeftIconComponent ? (\n          <LeftIconComponent css={[iconCss, styles?.icon]} />\n        ) : null}\n        {!isTextHidden ? <Slottable>{children}</Slottable> : null}\n        {RightIconComponent ? (\n          <RightIconComponent css={[iconCss, styles?.icon]} />\n        ) : null}\n      </ButtonComponent>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/button/BaseButton/BaseButton.module.css.js

@@ -0,0 +1,4 @@
+var baseStyles = {"button":"BaseButton-module_button__HlUt9","hover":"BaseButton-module_hover__T0ZGt","active":"BaseButton-module_active__djtpP","disabled":"BaseButton-module_disabled__smVrq","icon":"BaseButton-module_icon__vCce3","fullWidth":"BaseButton-module_fullWidth__wdMmU"};
+
+export { baseStyles as default };
+//# sourceMappingURL=BaseButton.module.css.js.map

package/dist/components/button/BaseButton/BaseButton.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/button/BaseButton/types.d.ts

@@ -0,0 +1,67 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { CSSObject } from '@emotion/react';
+import type { IconComponent } from '../../icon';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
+export type ButtonSize = 'small' | 'default' | 'large';
+type BaseButtonStyles = {
+    button: CSSObject;
+    icon: CSSObject;
+};
+export type HTMLButtonProps = ComponentPropsWithoutRef<'button'>;
+/**
+ * These props should only be used for dev purposes, whether in debug mode,
+ * or to show various states in storybook.
+ * */
+type InternalProps = {
+    /**
+     * @ignore: This prop is for internal use only
+     */
+    _isHovered?: boolean;
+    /**
+     * @ignore: This prop is for internal use only
+     */
+    _isPressed?: boolean;
+};
+export type BaseButtonProps = {
+    /**
+     * Optional icon element to include on the left side of the button
+     */
+    iconLeft?: IconComponent;
+    /**
+     * Optional icon element to include on the right side of the button
+     */
+    iconRight?: IconComponent;
+    /**
+     * When true, do not override icon's fill colors
+     */
+    isStaticIcon?: boolean;
+    /**
+     * Show a spinning loading state instead of the left icon
+     */
+    isLoading?: boolean;
+    /**
+     * The max width at which text will still be shown
+     */
+    widthToHideText?: number;
+    /**
+     * Optional min width
+     * Min width can be useful if the button is switching states and you want
+     * to keep a certain width while text length changes
+     */
+    minWidth?: number;
+    /**
+     * If provided, allow button to take up full width of container
+     */
+    fullWidth?: boolean;
+    /**
+     * Internal styling used by derived button components
+     */
+    styles?: BaseButtonStyles;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     *  merging their props and behavior.
+     */
+    asChild?: boolean;
+} & HTMLButtonProps & InternalProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/button/BaseButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;AAEhF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtD,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE;;;KAGK;AACL,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,eAAe,GACjB,aAAa,CAAA"}

package/dist/components/button/BaseButton.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/**
+ * Base component for Harmony buttons. Not intended to be used directly. Use
+ * `Button` or `PlainButton`.
+ */
+export declare const BaseButton: (props: {
+    text?: string | undefined;
+    iconLeft?: import("..").IconComponent | undefined;
+    iconRight?: import("..").IconComponent | undefined;
+    isLoading?: boolean | undefined;
+    widthToHideText?: number | undefined;
+    minWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    styles: {
+        button: string;
+        text: string;
+        icon: string;
+        spinner: string;
+    };
+} & import("./types").HTMLButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=BaseButton.d.ts.map

package/dist/components/button/BaseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../src/components/button/BaseButton.tsx"],"names":[],"mappings":";AAWA;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;0LAkEtB,CAAA"}

package/dist/components/button/Button/Button.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * Buttons allow users to trigger an action or event with a single click.
+ * For example, you can use a button for allowing the functionality of
+ * submitting a form, opening a dialog, canceling an action, or performing
+ * a delete operation.
+ */
+export declare const Button: (props: {
+    color?: "white" | "background" | "blue" | "orange" | "red" | "darkRed" | "green" | "lightGreen" | "gradient" | undefined;
+    hexColor?: `#${string}` | undefined;
+    variant?: import("./types").ButtonVariant | undefined;
+    size?: import("./types").ButtonSize | undefined;
+} & Omit<import("../BaseButton/types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/Button.tsx"],"names":[],"mappings":";AAaA;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;sNAoOlB,CAAA"}

package/dist/components/button/Button/Button.js

@@ -0,0 +1,148 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+import { toCSSVariableName } from '../../../utils/styles.js';
+import { BaseButton } from '../BaseButton/BaseButton.js';
+
+/**
+ * Buttons allow users to trigger an action or event with a single click.
+ * For example, you can use a button for allowing the functionality of
+ * submitting a form, opening a dialog, canceling an action, or performing
+ * a delete operation.
+ */
+var Button = forwardRef(function Button(props, ref) {
+    var color = props.color, hexColor = props.hexColor, _a = props.variant, variant = _a === void 0 ? 'primary' : _a, _b = props.size, size = _b === void 0 ? 'default' : _b, disabled = props.disabled, baseProps = __rest(props, ["color", "hexColor", "variant", "size", "disabled"]);
+    var _isHovered = baseProps._isHovered, _isPressed = baseProps._isPressed, isLoading = baseProps.isLoading;
+    var isDisabled = disabled || isLoading;
+    var _c = useTheme(), type = _c.type, themeColors = _c.color, cornerRadius = _c.cornerRadius, shadows = _c.shadows, spacing = _c.spacing, typography = _c.typography;
+    // Size Styles
+    var smallStyles = {
+        gap: spacing.xs,
+        height: spacing.unit8,
+        paddingInline: spacing.m,
+        fontSize: typography.size.s,
+        fontWeight: typography.weight.bold,
+        lineHeight: typography.lineHeight.s,
+        textTransform: 'capitalize'
+    };
+    var smallIconStyles = {
+        zIndex: 1,
+        width: spacing.unit4,
+        height: spacing.unit4
+    };
+    var defaultStyles = {
+        gap: spacing.s,
+        height: spacing.unit12,
+        paddingInline: spacing.xl,
+        fontSize: typography.size.l,
+        fontWeight: typography.weight.bold,
+        lineHeight: typography.lineHeight.l,
+        textTransform: 'capitalize'
+    };
+    var defaultIconStyles = {
+        zIndex: 1,
+        width: spacing.unit5,
+        height: spacing.unit5
+    };
+    var largeStyles = {
+        gap: spacing.s,
+        height: spacing.unit16,
+        paddingInline: spacing.xl,
+        fontSize: typography.size.xl,
+        fontWeight: typography.weight.bold,
+        lineHeight: typography.lineHeight.m,
+        letterSpacing: '0.25px',
+        textTransform: 'uppercase'
+    };
+    var largeIconStyles = {
+        zIndex: 1,
+        width: spacing.unit6,
+        height: spacing.unit6
+    };
+    // Variant Styles
+    var primaryStyles = __assign(__assign({ '&:hover': { color: themeColors.static.white } }, ((_isHovered || _isPressed) && { color: themeColors.static.white })), (isDisabled && {
+        backgroundColor: themeColors.neutral.n150,
+        boxShadow: 'none'
+    }));
+    var secondaryHoverStyles = {
+        backgroundColor: themeColors.primary.primary,
+        color: themeColors.static.white
+    };
+    var secondaryStyles = __assign(__assign({ backgroundColor: 'transparent', color: themeColors.text.default, boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong), '&:hover': secondaryHoverStyles, '&:active': secondaryHoverStyles }, ((_isHovered || _isPressed) && secondaryHoverStyles)), (isDisabled && {
+        backgroundColor: themeColors.neutral.n150,
+        color: themeColors.static.white,
+        boxShadow: 'none'
+    }));
+    var tertiaryHoverStyles = {
+        backgroundColor: themeColors.background.white,
+        boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong, ", ").concat(shadows.mid),
+        color: themeColors.text.default
+    };
+    var tertiaryActiveStyles = {
+        backgroundColor: themeColors.background.surface2,
+        backdropFilter: 'none',
+        color: themeColors.text.default,
+        boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong)
+    };
+    var tertiaryStyles = __assign(__assign(__assign({ backgroundColor: type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)', color: themeColors.text.default, backdropFilter: 'blur(6px)', boxShadow: "0 0 0 1px inset ".concat(themeColors.border.default, ", ").concat(shadows.near), '&:hover': tertiaryHoverStyles, '&:active': tertiaryActiveStyles }, (_isHovered && tertiaryHoverStyles)), (_isPressed && tertiaryActiveStyles)), (isDisabled && {
+        opacity: 0.45
+    }));
+    var destructiveHoverStyles = {
+        backgroundColor: themeColors.special.red,
+        color: themeColors.static.white
+    };
+    var destructiveStyles = __assign(__assign({ backgroundColor: 'transparent', color: themeColors.special.red, boxShadow: "0 0 0 1px inset ".concat(themeColors.special.red), '&:hover': destructiveHoverStyles, '&:active': destructiveHoverStyles }, ((_isHovered || _isPressed) && destructiveHoverStyles)), (isDisabled && {
+        opacity: 0.45
+    }));
+    var hoverStyles = {
+        boxShadow: shadows.mid,
+        '&::before': {
+            backgroundColor: 'rgba(255, 255, 255, 0.2)'
+        }
+    };
+    var activeStyles = {
+        boxShadow: 'none',
+        '&::before': {
+            backgroundColor: 'rgba(0, 0, 0, 0.2)'
+        }
+    };
+    var buttonCss = __assign(__assign(__assign(__assign({ backgroundColor: themeColors.primary.primary, color: themeColors.static.white, boxSizing: 'border-box', border: 'none', borderRadius: cornerRadius.s, boxShadow: shadows.near }, (size === 'small'
+        ? smallStyles
+        : size === 'large'
+            ? largeStyles
+            : defaultStyles)), (variant === 'secondary'
+        ? secondaryStyles
+        : variant === 'tertiary'
+            ? tertiaryStyles
+            : variant === 'destructive'
+                ? destructiveStyles
+                : primaryStyles)), { '::before': {
+            zIndex: -1,
+            content: '""',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0)'
+        } }), (variant !== 'tertiary' && __assign(__assign({ ':hover': hoverStyles, ':active': activeStyles }, (_isHovered && hoverStyles)), (_isPressed && activeStyles))));
+    var iconCss = size === 'small'
+        ? smallIconStyles
+        : size === 'large'
+            ? largeIconStyles
+            : defaultIconStyles;
+    var style = variant === 'primary' && !isDisabled
+        ? {
+            backgroundColor: hexColor ||
+                (color ? "var(".concat(toCSSVariableName(color), ")") : undefined)
+        }
+        : {};
+    return (jsx(BaseButton, __assign({ ref: ref, disabled: isDisabled, styles: {
+            button: buttonCss,
+            icon: iconCss
+        }, style: style }, baseProps)));
+});
+
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button/Button.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { toCSSVariableName } from '../../../utils/styles'\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { ButtonProps } from './types'\n\ntype CSSCustomProperties = CSSProperties & {\n  [index: `--${string}`]: any\n}\n\n/**\n * Buttons allow users to trigger an action or event with a single click.\n * For example, you can use a button for allowing the functionality of\n * submitting a form, opening a dialog, canceling an action, or performing\n * a delete operation.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const {\n      color,\n      hexColor,\n      variant = 'primary',\n      size = 'default',\n      disabled,\n      ...baseProps\n    } = props\n    const { _isHovered, _isPressed, isLoading } = baseProps\n    const isDisabled = disabled || isLoading\n    const {\n      type,\n      color: themeColors,\n      cornerRadius,\n      shadows,\n      spacing,\n      typography\n    } = useTheme()\n\n    // Size Styles\n    const smallStyles: CSSObject = {\n      gap: spacing.xs,\n      height: spacing.unit8,\n      paddingInline: spacing.m,\n      fontSize: typography.size.s,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.s,\n      textTransform: 'capitalize'\n    }\n    const smallIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit4,\n      height: spacing.unit4\n    }\n\n    const defaultStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit12,\n      paddingInline: spacing.xl,\n      fontSize: typography.size.l,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.l,\n      textTransform: 'capitalize'\n    }\n    const defaultIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit5,\n      height: spacing.unit5\n    }\n\n    const largeStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit16,\n      paddingInline: spacing.xl,\n      fontSize: typography.size.xl,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.m,\n      letterSpacing: '0.25px',\n      textTransform: 'uppercase'\n    }\n    const largeIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit6,\n      height: spacing.unit6\n    }\n\n    // Variant Styles\n    const primaryStyles: CSSObject = {\n      '&:hover': { color: themeColors.static.white },\n\n      ...((_isHovered || _isPressed) && { color: themeColors.static.white }),\n      ...(isDisabled && {\n        backgroundColor: themeColors.neutral.n150,\n        boxShadow: 'none'\n      })\n    }\n\n    const secondaryHoverStyles: CSSObject = {\n      backgroundColor: themeColors.primary.primary,\n      color: themeColors.static.white\n    }\n    const secondaryStyles: CSSObject = {\n      backgroundColor: 'transparent',\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n      '&:hover': secondaryHoverStyles,\n      '&:active': secondaryHoverStyles,\n\n      ...((_isHovered || _isPressed) && secondaryHoverStyles),\n      ...(isDisabled && {\n        backgroundColor: themeColors.neutral.n150,\n        color: themeColors.static.white,\n        boxShadow: 'none'\n      })\n    }\n\n    const tertiaryHoverStyles: CSSObject = {\n      backgroundColor: themeColors.background.white,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}, ${shadows.mid}`,\n      color: themeColors.text.default\n    }\n    const tertiaryActiveStyles: CSSObject = {\n      backgroundColor: themeColors.background.surface2,\n      backdropFilter: 'none',\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`\n    }\n    const tertiaryStyles: CSSObject = {\n      backgroundColor:\n        type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)',\n      color: themeColors.text.default,\n      backdropFilter: 'blur(6px)',\n      boxShadow: `0 0 0 1px inset ${themeColors.border.default}, ${shadows.near}`,\n\n      '&:hover': tertiaryHoverStyles,\n      '&:active': tertiaryActiveStyles,\n\n      ...(_isHovered && tertiaryHoverStyles),\n      ...(_isPressed && tertiaryActiveStyles),\n      ...(isDisabled && {\n        opacity: 0.45\n      })\n    }\n\n    const destructiveHoverStyles: CSSObject = {\n      backgroundColor: themeColors.special.red,\n      color: themeColors.static.white\n    }\n    const destructiveStyles: CSSObject = {\n      backgroundColor: 'transparent',\n      color: themeColors.special.red,\n      boxShadow: `0 0 0 1px inset ${themeColors.special.red}`,\n\n      '&:hover': destructiveHoverStyles,\n      '&:active': destructiveHoverStyles,\n\n      ...((_isHovered || _isPressed) && destructiveHoverStyles),\n      ...(isDisabled && {\n        opacity: 0.45\n      })\n    }\n\n    const hoverStyles: CSSObject = {\n      boxShadow: shadows.mid,\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.2)'\n      }\n    }\n    const activeStyles: CSSObject = {\n      boxShadow: 'none',\n      '&::before': {\n        backgroundColor: 'rgba(0, 0, 0, 0.2)'\n      }\n    }\n\n    const buttonCss: CSSObject = {\n      backgroundColor: themeColors.primary.primary,\n      color: themeColors.static.white,\n      boxSizing: 'border-box',\n      border: 'none',\n      borderRadius: cornerRadius.s,\n      boxShadow: shadows.near,\n\n      ...(size === 'small'\n        ? smallStyles\n        : size === 'large'\n        ? largeStyles\n        : defaultStyles),\n\n      ...(variant === 'secondary'\n        ? secondaryStyles\n        : variant === 'tertiary'\n        ? tertiaryStyles\n        : variant === 'destructive'\n        ? destructiveStyles\n        : primaryStyles),\n\n      '::before': {\n        zIndex: -1,\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: 'rgba(0, 0, 0, 0)'\n      },\n\n      ...(variant !== 'tertiary' && {\n        ':hover': hoverStyles,\n        ':active': activeStyles,\n        ...(_isHovered && hoverStyles),\n        ...(_isPressed && activeStyles)\n      })\n    }\n\n    const iconCss =\n      size === 'small'\n        ? smallIconStyles\n        : size === 'large'\n        ? largeIconStyles\n        : defaultIconStyles\n\n    const style: CSSCustomProperties =\n      variant === 'primary' && !isDisabled\n        ? {\n            backgroundColor:\n              hexColor ||\n              (color ? `var(${toCSSVariableName(color)})` : undefined)\n          }\n        : {}\n\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={isDisabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        style={style}\n        {...baseProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/button/Button/Button.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"button":"Button-module_button__7vPT6","icon":"Button-module_icon__IRW3a","text":"Button-module_text__XYhBN","buttonSmall":"Button-module_buttonSmall__ZImwg","iconSmall":"Button-module_iconSmall__F1vS4","spinnerSmall":"Button-module_spinnerSmall__0Rh30","textSmall":"Button-module_textSmall__bK1HR","buttonDefault":"Button-module_buttonDefault__hzyeh","iconDefault":"Button-module_iconDefault__UKdot","spinnerDefault":"Button-module_spinnerDefault__OAL-y","textDefault":"Button-module_textDefault__Crr50","buttonLarge":"Button-module_buttonLarge__x9XBt","iconLarge":"Button-module_iconLarge__qECZ9","spinnerLarge":"Button-module_spinnerLarge__OOu7-","textLarge":"Button-module_textLarge__2QvYt","primary":"Button-module_primary__L6hRs","hover":"Button-module_hover__7DO9v","active":"Button-module_active__Ol0Fm","disabled":"Button-module_disabled__gmp2l","secondary":"Button-module_secondary__EMXOH","tertiary":"Button-module_tertiary__uWLp8","destructive":"Button-module_destructive__YSY0b","plain":"Button-module_plain__E6PvA"};
+
+export { styles as default };
+//# sourceMappingURL=Button.module.css.js.map

package/dist/components/button/Button/Button.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/button/Button/Button.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const Disabled: Story;
+export declare const Icons: Story;
+export declare const LoadingState: Story;
+export declare const ColorPropApplied: Story;
+export declare const Link: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/button/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAwCpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAA"}

package/dist/components/button/Button/types.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+import type { SpecialColors } from "../../../foundations/color";
+import { BaseButtonProps } from '../BaseButton/types';
+export type HTMLButtonProps = ComponentPropsWithoutRef<'button'>;
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
+export type ButtonSize = 'small' | 'default' | 'large';
+export type ButtonProps = {
+    /**
+     * Override the color of the button, only valid for the `PRIMARY` variant
+     */
+    color?: SpecialColors;
+    /**
+     * Override the color of the button using any hex color, only valid for the `PRIMARY` variant
+     */
+    hexColor?: `#${string}`;
+    /**
+     * The type of the button
+     */
+    variant?: ButtonVariant;
+    /**
+     * The button size
+     */
+    size?: ButtonSize;
+} & Omit<BaseButtonProps, 'styles'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/button/Button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,mCAAyB;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;AAEhF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA"}

package/dist/components/button/Button.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ButtonSize, ButtonType } from './types';
+/**
+ * A common Button component. Includes a few variants and options to
+ * include and position icons.
+ */
+export declare const Button: (props: {
+    color?: import("../../types/colors").ColorValue | undefined;
+    hexColor?: `#${string}` | undefined;
+    variant?: ButtonType | undefined;
+    size?: ButtonSize | undefined;
+} & Omit<import("./types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/button/Button.tsx"],"names":[],"mappings":";AASA,OAAO,EAAe,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+B7D;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;0MA4ClB,CAAA"}