@audius/harmony 0.4.2 → 0.5.0

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

@@ -1,23 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { FollowButton } from './FollowButton';
-import type { FollowButtonProps } from './types';
-declare const meta: Meta<typeof FollowButton>;
-export default meta;
-export declare const Default: {};
-export declare const Pill: {
-    args: {
-        variant: string;
-    };
-};
-export declare const Variants: {
-    render: (props: FollowButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-};
-export declare const Sizes: {
-    render: (props: FollowButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-};
-export declare const AsCheckbox: {
-    render: (props: FollowButtonProps & {
-        type: 'checkbox';
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-};
-//# sourceMappingURL=FollowButton.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FollowButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/FollowButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAI5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAchD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAO,MAAM,IAAI;;;;CAIhB,CAAA;AAuBD,eAAO,MAAM,QAAQ;oBArBW,iBAAiB;CAuBhD,CAAA;AAuBD,eAAO,MAAM,KAAK;oBArBW,iBAAiB;CAuB7C,CAAA;AAeD,eAAO,MAAM,UAAU;oBAbW,iBAAiB,GAAG;QAAE,IAAI,EAAE,UAAU,CAAA;KAAE;CAezE,CAAA"}

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

@@ -1,38 +0,0 @@
-import type { ComponentPropsWithoutRef } from 'react';
-type InputProps = ({
-    type: 'checkbox';
-} & Omit<ComponentPropsWithoutRef<'input'>, 'chiildren' | 'size'>) | ({
-    type?: 'button' | undefined;
-} & Omit<ComponentPropsWithoutRef<'button'>, 'children'>);
-export type FollowButtonProps = {
-    /**
-     * Swap between the default (squared) and pill (rounded) forms.
-     * @default default
-     */
-    variant?: 'default' | 'pill';
-    /**
-     * Swap between the default and small sizes.
-     * @default default
-     */
-    size?: 'default' | 'small';
-    /**
-     * The current state of the button
-     */
-    isFollowing?: boolean;
-    /**
-     * Callback for when a follow is triggered.
-     */
-    onFollow?: () => void;
-    /**
-     * Callback for when an unfollow is triggered.
-     */
-    onUnfollow?: () => void;
-    fullWidth?: boolean;
-    messages?: {
-        follow?: string;
-        following?: string;
-        unfollow?: string;
-    };
-} & InputProps;
-export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,UAAU,GACX,CAAC;IACC,IAAI,EAAE,UAAU,CAAA;CACjB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,GAClE,CAAC;IACC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC5B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAEvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,GAAG,UAAU,CAAA"}

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

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import { type CSSObject } from '@emotion/react';
-import type { IconComponent, IconProps } from '../../icon';
-import type { BaseButtonProps } from '../BaseButton/types';
-export type IconButtonProps = {
-    icon: IconComponent;
-    ripple?: boolean;
-    'aria-label': string;
-    iconCss?: CSSObject;
-    isActive?: boolean;
-    activeColor?: IconProps['color'];
-} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> & BaseButtonProps;
-/**
- * The icon component allows you to pass in an icon and
- * apply color and sizing properties.
- */
-export declare const IconButton: (props: {
-    icon: IconComponent;
-    ripple?: boolean | undefined;
-    'aria-label': string;
-    iconCss?: CSSObject | undefined;
-    isActive?: boolean | undefined;
-    activeColor?: IconProps['color'];
-} & Pick<IconProps, "color" | "size" | "shadow" | "height" | "width"> & {
-    iconLeft?: IconComponent | null | undefined;
-    iconRight?: IconComponent | null | undefined;
-    isStaticIcon?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    widthToHideText?: number | undefined;
-    minWidth?: number | undefined;
-    fullWidth?: boolean | undefined;
-    styles?: {
-        button?: CSSObject | undefined;
-        icon?: CSSObject | undefined;
-    } | undefined;
-    asChild?: boolean | undefined;
-    slotted?: 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=IconButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CACjC,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,GACnE,eAAe,CAAA;AAEjB;;;GAGG;AACH,eAAO,MAAM,UAAU;UAbf,aAAa;;kBAEL,MAAM;;;kBAGN,SAAS,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;sJAwGjC,CAAA"}

package/dist/components/button/IconButton/IconButton.js

@@ -1,64 +0,0 @@
-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 } from '@radix-ui/react-slot';
-import { BaseButton } from '../BaseButton/BaseButton.js';
-
-/**
- * The icon component allows you to pass in an icon and
- * apply color and sizing properties.
- */
-var IconButton = forwardRef(function (props, ref) {
-    var Icon = props.icon, _a = props.color, iconColor = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'l' : _b, shadow = props.shadow, ripple = props.ripple, height = props.height, width = props.width, iconCss = props.iconCss, children = props.children, isActive = props.isActive, activeColor = props.activeColor, other = __rest(props, ["icon", "color", "size", "shadow", "ripple", "height", "width", "iconCss", "children", "isActive", "activeColor"]);
-    var disabled = other.disabled, isLoading = other.isLoading, asChild = other.asChild;
-    var _c = useTheme(), color = _c.color, cornerRadius = _c.cornerRadius, spacing = _c.spacing, motion = _c.motion, iconSizes = _c.iconSizes;
-    var currentIconColor = disabled
-        ? 'disabled'
-        : (isActive && activeColor) || iconColor;
-    var buttonCss = {
-        background: 'transparent',
-        border: 'none',
-        borderRadius: cornerRadius.circle,
-        padding: ripple ? spacing.xs : 0,
-        overflow: 'unset',
-        svg: {
-            transition: "transform ".concat(motion.hover),
-            path: {
-                transition: "fill ".concat(motion.hover)
-            }
-        },
-        '&:hover': {
-            transform: 'scale(1.0)',
-            svg: {
-                transform: 'scale(1.1)',
-                path: {
-                    fill: activeColor ? color.icon[activeColor] : undefined
-                }
-            }
-        },
-        '&:active': {
-            transform: 'scale(1.0)',
-            svg: {
-                transform: 'scale(0.98)',
-                path: {
-                    fill: activeColor ? color.icon[activeColor] : undefined
-                }
-            }
-        }
-    };
-    var rippleCss = {
-        transition: "background-color ".concat(motion.hover),
-        '&:hover, &[data-active="true"]': {
-            backgroundColor: color.neutral.n100
-        },
-        '&:active': {
-            backgroundColor: color.neutral.n150
-        }
-    };
-    var loadingIconCss = __assign(__assign({}, iconCss), { height: iconSizes[size], width: iconSizes[size] });
-    return (jsxs(BaseButton, __assign({ ref: ref, type: asChild ? undefined : 'button' }, other, { css: [buttonCss, (ripple || isActive) && rippleCss], styles: { icon: loadingIconCss }, slotted: true, "data-active": isActive }, { children: [isLoading ? null : (jsx(Icon, { "aria-hidden": true, color: currentIconColor, size: size, shadow: shadow, height: height, width: width, css: iconCss })), jsx(Slottable, { children: children })] })));
-});
-
-export { IconButton };
-//# sourceMappingURL=IconButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport type { IconComponent, IconProps } from '../../icon'\nimport { BaseButton } from '../BaseButton/BaseButton'\nimport type { BaseButtonProps } from '../BaseButton/types'\n\nexport type IconButtonProps = {\n  icon: IconComponent\n  ripple?: boolean\n  'aria-label': string\n  iconCss?: CSSObject\n  isActive?: boolean\n  activeColor?: IconProps['color']\n} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> &\n  BaseButtonProps\n\n/**\n * The icon component allows you to pass in an icon and\n * apply color and sizing properties.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props: IconButtonProps, ref) => {\n    const {\n      icon: Icon,\n      color: iconColor = 'default',\n      size = 'l',\n      shadow,\n      ripple,\n      height,\n      width,\n      iconCss,\n      children,\n      isActive,\n      activeColor,\n      ...other\n    } = props\n    const { disabled, isLoading, asChild } = other\n    const { color, cornerRadius, spacing, motion, iconSizes } = useTheme()\n\n    const currentIconColor = disabled\n      ? 'disabled'\n      : (isActive && activeColor) || iconColor\n\n    const buttonCss: CSSObject = {\n      background: 'transparent',\n      border: 'none',\n      borderRadius: cornerRadius.circle,\n      padding: ripple ? spacing.xs : 0,\n      overflow: 'unset',\n      svg: {\n        transition: `transform ${motion.hover}`,\n        path: {\n          transition: `fill ${motion.hover}`\n        }\n      },\n      '&:hover': {\n        transform: 'scale(1.0)',\n        svg: {\n          transform: 'scale(1.1)',\n          path: {\n            fill: activeColor ? color.icon[activeColor] : undefined\n          }\n        }\n      },\n      '&:active': {\n        transform: 'scale(1.0)',\n        svg: {\n          transform: 'scale(0.98)',\n          path: {\n            fill: activeColor ? color.icon[activeColor] : undefined\n          }\n        }\n      }\n    }\n\n    const rippleCss: CSSObject = {\n      transition: `background-color ${motion.hover}`,\n      '&:hover, &[data-active=\"true\"]': {\n        backgroundColor: color.neutral.n100\n      },\n      '&:active': {\n        backgroundColor: color.neutral.n150\n      }\n    }\n\n    const loadingIconCss: CSSObject = {\n      ...iconCss,\n      height: iconSizes[size],\n      width: iconSizes[size]\n    }\n\n    return (\n      <BaseButton\n        ref={ref}\n        type={asChild ? undefined : 'button'}\n        {...other}\n        css={[buttonCss, (ripple || isActive) && rippleCss]}\n        styles={{ icon: loadingIconCss }}\n        slotted\n        data-active={isActive}\n      >\n        {isLoading ? null : (\n          <Icon\n            aria-hidden\n            color={currentIconColor}\n            size={size}\n            shadow={shadow}\n            height={height}\n            width={width}\n            css={iconCss}\n          />\n        )}\n        <Slottable>{children}</Slottable>\n      </BaseButton>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { IconButton } from './IconButton';
-declare const meta: Meta<typeof IconButton>;
-export default meta;
-type Story = StoryObj<typeof IconButton>;
-export declare const Primary: Story;
-export declare const Default: Story;
-export declare const Size: Story;
-export declare const Color: Story;
-export declare const Ripple: Story;
-//# sourceMappingURL=IconButton.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAYjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA"}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-/**
- * A plain Button component (no border/background). Includes a few variants and options to
- * include and position icons.
- */
-export declare const PlainButton: (props: {
-    variant?: import("./types").PlainButtonVariant | undefined;
-    size?: import("./types").PlainButtonSize | undefined;
-} & Omit<import("../BaseButton/types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-//# sourceMappingURL=PlainButton.d.ts.map

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

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

package/dist/components/button/PlainButton/PlainButton.js

@@ -1,57 +0,0 @@
-import { __rest, __assign } from '../../../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useTheme } from '@emotion/react';
-import { BaseButton } from '../BaseButton/BaseButton.js';
-
-/**
- * A plain Button component (no border/background). Includes a few variants and options to
- * include and position icons.
- */
-var PlainButton = forwardRef(function PlainButton(props, ref) {
-    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'default' : _b, disabled = props.disabled, children = props.children, baseProps = __rest(props, ["variant", "size", "disabled", "children"]);
-    var isDisabled = disabled || baseProps.isLoading;
-    var _c = useTheme(), color = _c.color, spacing = _c.spacing, typography = _c.typography;
-    // Size Styles
-    var defaultStyles = {
-        gap: spacing.xs,
-        height: spacing.unit4,
-        fontSize: typography.size.s,
-        lineHeight: typography.lineHeight.s
-    };
-    var defaultIconStyles = {
-        width: spacing.unit4,
-        height: spacing.unit4
-    };
-    var largeStyles = {
-        gap: spacing.s,
-        height: spacing.unit5,
-        fontSize: typography.size.l,
-        lineHeight: typography.lineHeight.m
-    };
-    var largeIconStyles = {
-        width: spacing.unit5,
-        height: spacing.unit5
-    };
-    var buttonCss = __assign(__assign(__assign({ '--text-color': variant === 'subdued' && !isDisabled
-            ? color.text.subdued
-            : variant === 'inverted'
-                ? color.static.staticWhite
-                : color.text.default, background: 'transparent', border: 'none', color: 'var(--text-color)', '& svg': {
-            fill: 'var(--text-color)'
-        }, fontWeight: typography.weight.bold }, (size === 'large' ? largeStyles : defaultStyles)), { '&:hover': __assign({ '--text-color': variant === 'inverted'
-                ? color.static.staticWhite
-                : color.secondary.secondary }, (variant === 'inverted' && { opacity: 0.8 })), '&:active': __assign({ '--text-color': variant === 'inverted'
-                ? color.static.staticWhite
-                : color.secondary.s500 }, (variant === 'inverted' && { opacity: 0.5 })) }), (isDisabled && {
-        opacity: 0.2
-    }));
-    var iconCss = size === 'large' ? largeIconStyles : defaultIconStyles;
-    return (jsx(BaseButton, __assign({ ref: ref, disabled: isDisabled, styles: {
-            button: buttonCss,
-            icon: iconCss
-        } }, baseProps, { children: jsx("span", __assign({ css: { overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: children })) })));
-});
-
-export { PlainButton };
-//# sourceMappingURL=PlainButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlainButton.js","sources":["../../../../src/components/button/PlainButton/PlainButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { PlainButtonProps } from './types'\n\n/**\n * A plain Button component (no border/background). Includes a few variants and options to\n * include and position icons.\n */\nexport const PlainButton = forwardRef<HTMLButtonElement, PlainButtonProps>(\n  function PlainButton(props, ref) {\n    const {\n      variant = 'default',\n      size = 'default',\n      disabled,\n      children,\n      ...baseProps\n    } = props\n    const isDisabled = disabled || baseProps.isLoading\n    const { color, spacing, typography } = useTheme()\n\n    // Size Styles\n    const defaultStyles: CSSObject = {\n      gap: spacing.xs,\n      height: spacing.unit4,\n      fontSize: typography.size.s,\n      lineHeight: typography.lineHeight.s\n    }\n    const defaultIconStyles: CSSObject = {\n      width: spacing.unit4,\n      height: spacing.unit4\n    }\n\n    const largeStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit5,\n      fontSize: typography.size.l,\n      lineHeight: typography.lineHeight.m\n    }\n    const largeIconStyles: CSSObject = {\n      width: spacing.unit5,\n      height: spacing.unit5\n    }\n\n    const buttonCss: CSSObject = {\n      '--text-color':\n        variant === 'subdued' && !isDisabled\n          ? color.text.subdued\n          : variant === 'inverted'\n            ? color.static.staticWhite\n            : color.text.default,\n      background: 'transparent',\n      border: 'none',\n      color: 'var(--text-color)',\n      '& svg': {\n        fill: 'var(--text-color)'\n      },\n      fontWeight: typography.weight.bold,\n\n      ...(size === 'large' ? largeStyles : defaultStyles),\n\n      '&:hover': {\n        '--text-color':\n          variant === 'inverted'\n            ? color.static.staticWhite\n            : color.secondary.secondary,\n        ...(variant === 'inverted' && { opacity: 0.8 })\n      },\n\n      '&:active': {\n        '--text-color':\n          variant === 'inverted'\n            ? color.static.staticWhite\n            : color.secondary.s500,\n        ...(variant === 'inverted' && { opacity: 0.5 })\n      },\n\n      ...(isDisabled && {\n        opacity: 0.2\n      })\n    }\n\n    const iconCss = size === 'large' ? largeIconStyles : defaultIconStyles\n\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={isDisabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        {...baseProps}\n      >\n        <span css={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n          {children}\n        </span>\n      </BaseButton>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PlainButton } from './PlainButton';
-declare const meta: Meta<typeof PlainButton>;
-export default meta;
-type Story = StoryObj<typeof PlainButton>;
-export declare const Primary: Story;
-export declare const Default: Story;
-export declare const Subdued: Story;
-export declare const Inverted: {
-    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
-};
-export declare const Sizes: Story;
-export declare const LeadingIcons: Story;
-export declare const TrailingIcons: Story;
-//# sourceMappingURL=PlainButton.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlainButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/PlainButton/PlainButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAGzC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAGD,eAAO,MAAM,QAAQ;;CAQpB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KASnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAA"}

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

@@ -1,14 +0,0 @@
-import { BaseButtonProps } from '../BaseButton/types';
-export type PlainButtonVariant = 'default' | 'subdued' | 'inverted';
-export type PlainButtonSize = 'default' | 'large';
-export type PlainButtonProps = {
-    /**
-     * The type of the button
-     */
-    variant?: PlainButtonVariant;
-    /**
-     * The button size
-     */
-    size?: PlainButtonSize;
-} & Omit<BaseButtonProps, 'styles'>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/PlainButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEnE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAA;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA"}

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

@@ -1,11 +0,0 @@
-import type { ButtonProps } from '../Button/types';
-type SocialMedia = 'tiktok' | 'instagram' | 'x';
-export type SocialButtonProps = ButtonProps & {
-    /**
-     * Which social media.
-     */
-    socialType: SocialMedia;
-};
-export declare const SocialButton: (props: SocialButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SocialButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SocialButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,KAAK,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,GAAG,CAAA;AAG/C,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C;;OAEG;IACH,UAAU,EAAE,WAAW,CAAA;CACxB,CAAA;AAQD,eAAO,MAAM,YAAY,UAAW,iBAAiB,qDAyBpD,CAAA"}

package/dist/components/button/SocialButton/SocialButton.js

@@ -1,74 +0,0 @@
-import { __rest, __assign } from '../../../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-import 'react';
-import '@emotion/react';
-import '@emotion/css';
-import { IconTikTok, IconInstagram, IconX } from '../../../icons/logos.js';
-import '../../layout/Box/Box.js';
-import '../../layout/Flex/Flex.js';
-import '../../skeleton/Skeleton.js';
-import '../../common/HiddenInput.js';
-import '../../radio-group/RadioGroupContext.js';
-import '../../text/Text.js';
-import '../../input/TextInput/TextInput.js';
-import '../../input/TextInput/types.js';
-import '../../input/PasswordInput/PasswordInput.js';
-import '../../input/TokenAmountInput/TokenAmountInput.js';
-import '../../layout/Paper/Paper.js';
-import { Button } from '../Button/Button.js';
-import '../PlainButton/PlainButton.js';
-import '../FollowButton/FollowButton.js';
-import '../IconButton/IconButton.js';
-import '../UnstyledButton.js';
-import '../FilterButton/FilterButton.js';
-import '../FilterButton/FilterButtonOption.js';
-import '@react-spring/web';
-import 'classnames';
-import '../../text-link/TextLink.js';
-import '../../switch/Switch.js';
-import '@juggle/resize-observer';
-import 'react-merge-refs';
-import 'react-use-measure';
-import '../../scrollbar/Scrollbar.js';
-import '../../popup/Popup.js';
-import '../../popup-menu/PopupMenu.js';
-import '../../modal/Modal.js';
-import '../../modal/ModalContext.js';
-import 'react-spring/renderprops.cjs';
-import '../../modal/ModalHeader.js';
-import '../../modal/ModalFooter.js';
-import '../../modal/types.js';
-import 'lodash';
-import 'numeral';
-import '../../../contexts/MediaContext.js';
-import 'color';
-import 'lottie-react';
-import '../../pill/Pill.js';
-import '../../select/Select/Select.js';
-import '../../checkbox/Checkbox.js';
-import '../../hover-card/HoverCard.js';
-import '../../../foundations/color/semantic.js';
-import '../../../foundations/color/color.js';
-import '../../../foundations/theme/theme.js';
-import '../../../hooks/useHotKeys.js';
-import '../../internal/MenuItem.js';
-
-var getSocialLogos = function () { return ({
-    tiktok: IconTikTok,
-    instagram: IconInstagram,
-    x: IconX
-}); };
-var SocialButton = function (props) {
-    var socialType = props.socialType, rest = __rest(props, ["socialType"]);
-    var instagramBackgroundCss = {
-        background: "radial-gradient(61.46% 59.09% at 36.25% 96.55%, #ffd600 0%, #ff6930 48.44%, #fe3b36 73.44%, rgba(254, 59, 54, 0) 100%),\n      radial-gradient(202.83% 136.37% at 84.5% 113.5%, #ff1b90 24.39%, #f80261 43.67%, #ed00c0 68.85%, #c500e9 77.68%, #7017ff 89.32%)"
-    };
-    var SocialLogo = getSocialLogos()[socialType];
-    return (jsx(Button, __assign({ variant: 'secondary' }, rest, { css: __assign(__assign({ border: 'transparent' }, (socialType === 'instagram' && instagramBackgroundCss)), (socialType === 'tiktok' && {
-            background: '#fe2c55',
-            color: '#ffffff'
-        })), iconLeft: SocialLogo })));
-};
-
-export { SocialButton };
-//# sourceMappingURL=SocialButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SocialButton.js","sources":["../../../../src/components/button/SocialButton/SocialButton.tsx"],"sourcesContent":["import type { CSSObject } from '@emotion/react'\n\nimport { IconInstagram, IconTikTok, IconX } from '~harmony/icons'\n\nimport { Button } from '../Button/Button'\nimport type { ButtonProps } from '../Button/types'\n\ntype SocialMedia = 'tiktok' | 'instagram' | 'x'\n\n// Omitting aria-label from original type purely for showing in Storybook\nexport type SocialButtonProps = ButtonProps & {\n  /**\n   * Which social media.\n   */\n  socialType: SocialMedia\n}\n\nconst getSocialLogos = () => ({\n  tiktok: IconTikTok,\n  instagram: IconInstagram,\n  x: IconX\n})\n\nexport const SocialButton = (props: SocialButtonProps) => {\n  const { socialType, ...rest } = props\n\n  const instagramBackgroundCss: CSSObject = {\n    background: `radial-gradient(61.46% 59.09% at 36.25% 96.55%, #ffd600 0%, #ff6930 48.44%, #fe3b36 73.44%, rgba(254, 59, 54, 0) 100%),\n      radial-gradient(202.83% 136.37% at 84.5% 113.5%, #ff1b90 24.39%, #f80261 43.67%, #ed00c0 68.85%, #c500e9 77.68%, #7017ff 89.32%)`\n  }\n\n  const SocialLogo = getSocialLogos()[socialType]\n\n  return (\n    <Button\n      variant='secondary'\n      {...rest}\n      css={{\n        border: 'transparent',\n        ...(socialType === 'instagram' && instagramBackgroundCss),\n        ...(socialType === 'tiktok' && {\n          background: '#fe2c55',\n          color: '#ffffff'\n        })\n      }}\n      iconLeft={SocialLogo}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,cAAc,GAAG,YAAM,EAAA,QAAC;AAC5B,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,CAAC,EAAE,KAAK;CACT,EAAC,EAAA,CAAA;AAEK,IAAM,YAAY,GAAG,UAAC,KAAwB,EAAA;IAC3C,IAAA,UAAU,GAAc,KAAK,CAAnB,UAAA,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAA/B,CAAuB,YAAA,CAAA,CAAF,CAAU;AAErC,IAAA,IAAM,sBAAsB,GAAc;AACxC,QAAA,UAAU,EAAE,iQACuH;KACpI,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,cAAc,EAAE,CAAC,UAAU,CAAC,CAAA;AAE/C,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EACL,OAAO,EAAC,WAAW,EAAA,EACf,IAAI,EAAA,EACR,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EACD,MAAM,EAAE,aAAa,EAAA,GACjB,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAAC,GACrD,UAAU,KAAK,QAAQ,IAAI;AAC7B,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA,IAEH,QAAQ,EAAE,UAAU,EAAA,CAAA,CACpB,EACH;AACH;;;;"}

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

@@ -1,6 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { SocialButton } from './SocialButton';
-declare const meta: Meta<typeof SocialButton>;
-export default meta;
-export declare const SocialButtons: () => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SocialButton.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SocialButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/SocialButton/SocialButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAI5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAQnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,aAAa,wDAMzB,CAAA"}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-/**
- * A button element with no styling.
- * For use when you want the correct HTML button role on something that isn't visually a button
- * e.g. icons, etc
- */
-export declare const UnstyledButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-//# sourceMappingURL=UnstyledButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/UnstyledButton.tsx"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;qHAK1B,CAAA"}

package/dist/components/button/UnstyledButton.js

@@ -1,13 +0,0 @@
-import { __makeTemplateObject } from '../../_virtual/_tslib.js';
-import styled from '@emotion/styled';
-
-/**
- * A button element with no styling.
- * For use when you want the correct HTML button role on something that isn't visually a button
- * e.g. icons, etc
- */
-var UnstyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n"], ["\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n"])));
-var templateObject_1;
-
-export { UnstyledButton };
-//# sourceMappingURL=UnstyledButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UnstyledButton.js","sources":["../../../src/components/button/UnstyledButton.tsx"],"sourcesContent":["import styled from '@emotion/styled'\n\n/**\n * A button element with no styling.\n * For use when you want the correct HTML button role on something that isn't visually a button\n * e.g. icons, etc\n */\nexport const UnstyledButton = styled.button`\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n`\n"],"names":[],"mappings":";;;AAEA;;;;AAIG;AACU,IAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,8EAAA,CAAA,EAAA,CAAA,8EAK1C,CAAA,CAAA,CAAA,EAAA;;;;;"}

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

@@ -1,13 +0,0 @@
-export { Button } from './Button/Button';
-export * from './Button/types';
-export { PlainButton } from './PlainButton/PlainButton';
-export * from './PlainButton/types';
-export { SocialButton, type SocialButtonProps } from './SocialButton/SocialButton';
-export { FollowButton } from './FollowButton/FollowButton';
-export * from './FollowButton/types';
-export { IconButton, type IconButtonProps } from './IconButton/IconButton';
-export { UnstyledButton } from './UnstyledButton';
-export { FilterButton } from './FilterButton/FilterButton';
-export { FilterButtonOption } from './FilterButton/FilterButtonOption';
-export type { FilterButtonProps } from './FilterButton/types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACvB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const Checkbox: (props: Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    indeterminate?: boolean | undefined;
-    _isHovered?: boolean | undefined;
-    _isFocused?: boolean | undefined;
-} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,QAAQ;;;;qJA4GpB,CAAA"}

package/dist/components/checkbox/Checkbox.js

@@ -1,64 +0,0 @@
-import { __rest, __assign } from '../../_virtual/_tslib.js';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef, useCallback } from 'react';
-import '../../foundations/color/semantic.js';
-import '../../foundations/color/color.js';
-import { useTheme } from '@emotion/react';
-import '../../foundations/theme/theme.js';
-import { useControlled } from '../../hooks/useControlled.js';
-import { Box } from '../layout/Box/Box.js';
-import { Flex } from '../layout/Flex/Flex.js';
-import '../layout/Paper/Paper.js';
-import SvgIndeterminate from './Indeterminate.svg.js';
-import SvgSelect from './Select.svg.js';
-
-/*
- * An input for choosing from predefined options:
- * (1) when used alone, it gives a binary choice (checked/unchecked)
- * (2) in a group it allows the user to select multiple values from a list of options.
- */
-var Checkbox = forwardRef(function (props, ref) {
-    var checkedProp = props.checked, defaultChecked = props.defaultChecked, indeterminate = props.indeterminate, onChange = props.onChange, _isFocused = props._isFocused, _isHovered = props._isHovered, other = __rest(props, ["checked", "defaultChecked", "indeterminate", "onChange", "_isFocused", "_isHovered"]);
-    var _a = useTheme(), color = _a.color, motion = _a.motion;
-    var _b = useControlled({
-        controlledProp: checkedProp,
-        defaultValue: defaultChecked,
-        stateName: 'checked',
-        componentName: 'Checkbox'
-    }), checked = _b[0], setChecked = _b[1];
-    var handleChange = useCallback(function (e) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        setChecked(e.target.checked);
-    }, [onChange, setChecked]);
-    var Icon = !checked
-        ? null
-        : indeterminate
-            ? SvgIndeterminate
-            : SvgSelect;
-    var hoverCss = {
-        backgroundColor: checked ? color.secondary.s200 : color.neutral.n150
-    };
-    var focusCss = {
-        borderRadius: 6,
-        border: "2px solid ".concat(color.border.accent)
-    };
-    return (jsxs(Flex, __assign({ h: 'unit7', w: 'unit7', as: 'span', alignItems: 'center', justifyContent: 'center' }, { children: [jsx("input", __assign({ ref: ref, type: 'checkbox', css: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    opacity: 0,
-                    width: '100%',
-                    height: '100%',
-                    zIndex: 1,
-                    margin: 0,
-                    padding: 0,
-                    cursor: 'pointer',
-                    ':hover ~ [data-span="background"]': hoverCss,
-                    ':focus-visible ~ [data-span="focus"]': focusCss
-                }, "data-indeterminate": indeterminate, checked: checked, onChange: handleChange }, other)), jsx(Box, { h: 'unit7', w: 'unit7', as: 'span', "data-span": 'focus', css: __assign({ position: 'absolute', width: '100%', height: '100%' }, (_isFocused && focusCss)) }), jsx(Flex, __assign({ borderRadius: 's', backgroundColor: checked ? 'accent' : 'default', h: 'unit5', w: 'unit5', as: 'span', "data-span": 'background', alignItems: 'center', justifyContent: 'center', css: __assign({ backgroundColor: checked
-                        ? color.background.accent
-                        : color.neutral.n200, boxShadow: 'inset 2px 2px 2px 0px rgba(0, 0, 0, 0.10)', transition: "background-color ".concat(motion.hover) }, (_isHovered && hoverCss)) }, { children: Icon ? jsx(Icon, {}) : null }))] })));
-});
-
-export { Checkbox };
-//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, Ref, useCallback } from 'react'\n\nimport { useTheme } from '~harmony/foundations'\nimport { useControlled } from '~harmony/hooks/useControlled'\n\nimport { Flex, Box } from '../layout'\n\nimport IconIndeterminate from './Indeterminate.svg'\nimport IconSelect from './Select.svg'\nimport { CheckboxProps } from './types'\n\n/*\n * An input for choosing from predefined options:\n * (1) when used alone, it gives a binary choice (checked/unchecked)\n * (2) in a group it allows the user to select multiple values from a list of options.\n */\nexport const Checkbox = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const {\n      checked: checkedProp,\n      defaultChecked,\n      indeterminate,\n      onChange,\n      _isFocused,\n      _isHovered,\n      ...other\n    } = props\n    const { color, motion } = useTheme()\n\n    const [checked, setChecked] = useControlled({\n      controlledProp: checkedProp,\n      defaultValue: defaultChecked,\n      stateName: 'checked',\n      componentName: 'Checkbox'\n    })\n\n    const handleChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(e)\n        setChecked(e.target.checked)\n      },\n      [onChange, setChecked]\n    )\n\n    const Icon = !checked\n      ? null\n      : indeterminate\n        ? IconIndeterminate\n        : IconSelect\n\n    const hoverCss = {\n      backgroundColor: checked ? color.secondary.s200 : color.neutral.n150\n    }\n\n    const focusCss = {\n      borderRadius: 6,\n      border: `2px solid ${color.border.accent}`\n    }\n\n    return (\n      <Flex\n        h='unit7'\n        w='unit7'\n        as='span'\n        alignItems='center'\n        justifyContent='center'\n      >\n        <input\n          ref={ref}\n          type='checkbox'\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            opacity: 0,\n            width: '100%',\n            height: '100%',\n            zIndex: 1,\n            margin: 0,\n            padding: 0,\n            cursor: 'pointer',\n            ':hover ~ [data-span=\"background\"]': hoverCss,\n            ':focus-visible ~ [data-span=\"focus\"]': focusCss\n          }}\n          data-indeterminate={indeterminate}\n          checked={checked}\n          onChange={handleChange}\n          {...other}\n        />\n        <Box\n          h='unit7'\n          w='unit7'\n          as='span'\n          data-span='focus'\n          css={{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n            ...(_isFocused && focusCss)\n          }}\n        />\n        <Flex\n          borderRadius='s'\n          backgroundColor={checked ? 'accent' : 'default'}\n          h='unit5'\n          w='unit5'\n          as='span'\n          data-span='background'\n          alignItems='center'\n          justifyContent='center'\n          css={{\n            backgroundColor: checked\n              ? color.background.accent\n              : color.neutral.n200,\n            boxShadow: 'inset 2px 2px 2px 0px rgba(0, 0, 0, 0.10)',\n            transition: `background-color ${motion.hover}`,\n            ...(_isHovered && hoverCss)\n          }}\n        >\n          {Icon ? <Icon /> : null}\n        </Flex>\n      </Flex>\n    )\n  }\n)\n"],"names":["IconIndeterminate","IconSelect","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/checkbox/Checkbox.stories.d.ts

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