@audius/harmony 0.5.0 → 0.5.2

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

@@ -0,0 +1 @@
+{"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;;;;;;;;;;;;;;;;;;0JAwGjC,CAAA"}

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

@@ -0,0 +1,64 @@
+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

@@ -0,0 +1 @@
+{"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/PlainButton/PlainButton.d.ts

@@ -0,0 +1,10 @@
+/// <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<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=PlainButton.d.ts.map

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

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

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

@@ -0,0 +1,64 @@
+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 defaultTextColor = variant === 'subdued' && !isDisabled
+        ? color.text.subdued
+        : variant === 'inverted'
+            ? color.static.staticWhite
+            : color.text.default;
+    var hoverTextColor = variant === 'inverted'
+        ? color.static.staticWhite
+        : color.secondary.secondary;
+    var activeTextColor = variant === 'inverted' ? color.static.staticWhite : color.secondary.s500;
+    var buttonCss = __assign(__assign(__assign({ background: 'transparent', border: 'none', color: defaultTextColor, '& svg': {
+            fill: defaultTextColor
+        }, fontWeight: typography.weight.bold }, (size === 'large' ? largeStyles : defaultStyles)), { '&:hover': __assign({ color: hoverTextColor, '& svg': {
+                fill: hoverTextColor
+            } }, (variant === 'inverted' && { opacity: 0.8 })), '&:active': __assign({ color: activeTextColor, '& svg': {
+                fill: activeTextColor
+            } }, (variant === 'inverted' && { opacity: 0.5 })) }), (isDisabled && {
+        opacity: 0.2
+    }));
+    var iconCss = size === 'large' ? largeIconStyles : defaultIconStyles;
+    // When using asChild, we don't want to wrap a span around the children
+    // as it can mess up links with icons
+    return (jsx(BaseButton, __assign({ ref: ref, disabled: isDisabled, styles: {
+            button: buttonCss,
+            icon: iconCss
+        } }, baseProps, { children: baseProps.asChild ? (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

@@ -0,0 +1 @@
+{"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 defaultTextColor =\n      variant === 'subdued' && !isDisabled\n        ? color.text.subdued\n        : variant === 'inverted'\n          ? color.static.staticWhite\n          : color.text.default\n\n    const hoverTextColor =\n      variant === 'inverted'\n        ? color.static.staticWhite\n        : color.secondary.secondary\n\n    const activeTextColor =\n      variant === 'inverted' ? color.static.staticWhite : color.secondary.s500\n\n    const buttonCss: CSSObject = {\n      background: 'transparent',\n      border: 'none',\n      color: defaultTextColor,\n      '& svg': {\n        fill: defaultTextColor\n      },\n      fontWeight: typography.weight.bold,\n\n      ...(size === 'large' ? largeStyles : defaultStyles),\n\n      '&:hover': {\n        color: hoverTextColor,\n        '& svg': {\n          fill: hoverTextColor\n        },\n        ...(variant === 'inverted' && { opacity: 0.8 })\n      },\n\n      '&:active': {\n        color: activeTextColor,\n        '& svg': {\n          fill: activeTextColor\n        },\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    // When using asChild, we don't want to wrap a span around the children\n    // as it can mess up links with icons\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={isDisabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        {...baseProps}\n      >\n        {baseProps.asChild ? (\n          children\n        ) : (\n          <span css={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n            {children}\n          </span>\n        )}\n      </BaseButton>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,79 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import 'react';
+import '@emotion/react';
+import '@emotion/css';
+import { IconInstagram } from '../../../icons/individual/IconInstagram.js';
+import { IconTikTok } from '../../../icons/individual/IconTikTok.js';
+import { IconX } from '../../../icons/individual/IconX.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 '../../input/TextArea/TextArea.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 '../BaseButton/BaseButton.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';
+import 'react-dom';
+
+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

@@ -0,0 +1 @@
+{"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 for development purposes\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/UnstyledButton.d.ts

@@ -0,0 +1,11 @@
+/// <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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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';
+export { BaseButton } from './BaseButton/BaseButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <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<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=Checkbox.d.ts.map

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

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

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,64 @@
+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

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;AAWA;;;;AAIG;IACU,QAAQ,GAAG,UAAU,CAChC,UAAC,KAAoB,EAAE,GAA0B,EAAA;AAE7C,IAAA,IAAS,WAAW,GAOlB,KAAK,CAPa,OAAA,EACpB,cAAc,GAMZ,KAAK,CANO,cAAA,EACd,aAAa,GAKX,KAAK,CALM,aAAA,EACb,QAAQ,GAIN,KAAK,CAJC,QAAA,EACR,UAAU,GAGR,KAAK,CAHG,UAAA,EACV,UAAU,GAER,KAAK,CAFG,UAAA,EACP,KAAK,GACN,MAAA,CAAA,KAAK,EARH,CAAA,SAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,CAQL,CADS,CACD;IACH,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;IAE9B,IAAA,EAAA,GAAwB,aAAa,CAAC;AAC1C,QAAA,cAAc,EAAE,WAAW;AAC3B,QAAA,YAAY,EAAE,cAAc;AAC5B,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,aAAa,EAAE,UAAU;AAC1B,KAAA,CAAC,EALK,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,QAKxB,CAAA;AAEF,IAAA,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgC,EAAA;AAC/B,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;AACb,QAAA,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AAC9B,KAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAA;IAED,IAAM,IAAI,GAAG,CAAC,OAAO;AACnB,UAAE,IAAI;AACN,UAAE,aAAa;AACb,cAAEA,gBAAiB;cACjBC,SAAU,CAAA;AAEhB,IAAA,IAAM,QAAQ,GAAG;AACf,QAAA,eAAe,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI;KACrE,CAAA;AAED,IAAA,IAAM,QAAQ,GAAG;AACf,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAE;KAC3C,CAAA;AAED,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,CAAC,EAAC,OAAO,EACT,CAAC,EAAC,OAAO,EACT,EAAE,EAAC,MAAM,EACT,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,iBAEvBC,GACE,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,GAAG,EAAE;AACH,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,OAAO,EAAE,CAAC;AACV,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,OAAO,EAAE,CAAC;AACV,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,mCAAmC,EAAE,QAAQ;AAC7C,oBAAA,sCAAsC,EAAE,QAAQ;iBACjD,EACmB,oBAAA,EAAA,aAAa,EACjC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EAAA,EAClB,KAAK,CACT,CAAA,EACFA,IAAC,GAAG,EAAA,EACF,CAAC,EAAC,OAAO,EACT,CAAC,EAAC,OAAO,EACT,EAAE,EAAC,MAAM,EACC,WAAA,EAAA,OAAO,EACjB,GAAG,EAAA,QAAA,CAAA,EACD,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EAAA,GACV,UAAU,IAAI,QAAQ,EAE5B,EAAA,CAAA,EACFA,IAAC,IAAI,EAAA,QAAA,CAAA,EACH,YAAY,EAAC,GAAG,EAChB,eAAe,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,EAC/C,CAAC,EAAC,OAAO,EACT,CAAC,EAAC,OAAO,EACT,EAAE,EAAC,MAAM,EAAA,WAAA,EACC,YAAY,EACtB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAA,QAAA,CAAA,EACD,eAAe,EAAE,OAAO;AACtB,0BAAE,KAAK,CAAC,UAAU,CAAC,MAAM;AACzB,0BAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACtB,SAAS,EAAE,2CAA2C,EACtD,UAAU,EAAE,2BAAoB,MAAM,CAAC,KAAK,CAAE,EAAA,GAC1C,UAAU,IAAI,QAAQ,kBAG3B,IAAI,GAAGA,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,GAAG,IAAI,EAClB,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH,CAAC;;;;"}

package/dist/components/checkbox/Indeterminate.svg.js

@@ -0,0 +1,125 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+import { css, cx } from '@emotion/css';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _g, _defs;
+var _excluded = ["title", "titleId", "desc", "descId"],
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps", "hex"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var SvgIndeterminate = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color, _other$fillSecondary, _theme$color2;
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var _props = props,
+    color = _props.color,
+    colorSecondary = _props.colorSecondary,
+    size = _props.size,
+    sizeH = _props.sizeH,
+    sizeW = _props.sizeW,
+    heightProp = _props.height,
+    widthProp = _props.width,
+    shadow = _props.shadow;
+    _props.animatedProps;
+    var hex = _props.hex,
+    other = _objectWithoutProperties(_props, _excluded2);
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
+  if (height) {
+    other.height = height;
+  }
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
+  if (width) {
+    other.width = isNaN(width) ? "100%" : width;
+  } // Using let here because it may be updated by webStyles
+  var fill = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color];
+  var fillSecondary = (_other$fillSecondary = other.fillSecondary) !== null && _other$fillSecondary !== void 0 ? _other$fillSecondary : (_theme$color2 = theme.color) === null || _theme$color2 === void 0 ? void 0 : _theme$color2.icon[colorSecondary];
+  var classNameProp = other.className;
+  var className = css({
+    filter: shadow ? theme.shadows.drop : undefined,
+    minHeight: height,
+    minWidth: width,
+    clipPath: hex ? 'url(#rounded-hex-clip-path)' : undefined
+  });
+  other.className = cx(className, classNameProp);
+
+  // Handle gradient fills for heading style
+  if (color === 'heading') {
+    fill = 'url(#harmony-gradient)';
+  }
+  other.role = title ? 'img' : undefined;
+  other['aria-hidden'] = title ? undefined : true;
+  props = _objectSpread(_objectSpread({}, other), {}, {
+    ref: ref,
+    fill: fill,
+    fillSecondary: fillSecondary
+  });
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    filter: "url(#filter0_d_6946_1483)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 13.333,
+    height: 2.667,
+    x: 1.333,
+    y: 6.667,
+    fill: "#fff",
+    rx: 1.333
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+    id: "filter0_d_6946_1483",
+    width: 17.333,
+    height: 6.667,
+    x: 1.333,
+    y: 6.667,
+    colorInterpolationFilters: "sRGB",
+    filterUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("feFlood", {
+    floodOpacity: 0,
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    result: "hardAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/React.createElement("feOffset", {
+    dx: 2,
+    dy: 2
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: 1
+  }), /*#__PURE__*/React.createElement("feComposite", {
+    in2: "hardAlpha",
+    operator: "out"
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/React.createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow_6946_1483"
+  }), /*#__PURE__*/React.createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow_6946_1483",
+    result: "shape"
+  })))));
+});
+
+export { SvgIndeterminate as default };
+//# sourceMappingURL=Indeterminate.svg.js.map

package/dist/components/checkbox/Indeterminate.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indeterminate.svg.js","sources":["../../../src/components/checkbox/Indeterminate.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <g filter=\"url(#filter0_d_6946_1483)\">\n    <rect x=\"1.33337\" y=\"6.66675\" width=\"13.3333\" height=\"2.66667\" rx=\"1.33333\" fill=\"white\"/>\n  </g>\n  <defs>\n    <filter id=\"filter0_d_6946_1483\" x=\"1.33337\" y=\"6.66675\" width=\"17.3334\" height=\"6.66675\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n      <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n      <feOffset dx=\"2\" dy=\"2\"/>\n      <feGaussianBlur stdDeviation=\"1\"/>\n      <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n      <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n      <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1483\"/>\n      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1483\" result=\"shape\"/>\n    </filter>\n  </defs>\n</svg>"],"names":[],"mappings":";;;;;AAAA,SAAS,OAAO,CAAC,CAAC,EAAE,EAAE,yBAAyB,CAAC,CAAC,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE,EAAE,OAAO,OAAO,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;AAC9T,IAAI,EAAE,EAAE,KAAK,CAAC;AACd,IAAI,SAAS,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AACtD,EAAE,UAAU,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;AAC1H,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE;AACpR,SAAS,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;AAC/P,SAAS,aAAa,CAAC,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;AACvb,SAAS,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE;AACpL,SAAS,cAAc,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE;AAC7G,SAAS,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,KAAK,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;AAC5T,SAAS,wBAAwB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,6BAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;AACtU,SAAS,6BAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;AAKpM,IAAC,gBAAgB,gBAAgB,UAAU,CAAC,UAAU,IAAI,EAAE,GAAG,EAAE;AACpE,EAAE,IAAI,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,CAAC;AAC1G,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO;AAC1B,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;AACpB,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM;AACxB,IAAI,KAAK,GAAG,wBAAwB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACtD,EAAE,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,EAAK,IAAC,MAAM,GAAG,KAAK,CAAC;AACrB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,IAAI,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAC3C,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AACvB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,IAAI,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;AAC7B,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B,IAAoB,MAAM,CAAC,aAAa,CAAC;AACzC,QAAI,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;AACrB,IAAI,KAAK,GAAG,wBAAwB,CAAC,MAAM,EAAE,UAAU,EAAE;AACzD,EAAE,IAAI,MAAM,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,KAAK,CAAC,GAAG,UAAU,GAAG,CAAC,gBAAgB,GAAG,KAAK,CAAC,SAAS,MAAM,IAAI,IAAI,gBAAgB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;AACvO,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,IAAI,KAAK,GAAG,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,SAAS,MAAM,IAAI,IAAI,iBAAiB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;AACtO,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC;AAChD,GAAG;AACH,EAAE,IAAI,IAAI,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,MAAM,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC,KAAK,MAAM,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChM,EAAE,IAAI,aAAa,GAAG,CAAC,oBAAoB,GAAG,KAAK,CAAC,aAAa,MAAM,IAAI,IAAI,oBAAoB,KAAK,KAAK,CAAC,GAAG,oBAAoB,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC,KAAK,MAAM,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AACzP,EAAE,IAAI,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;AACtC,EAAE,IAAI,SAAS,GAAG,GAAG,CAAC;AACtB,IAAI,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS;AACnD,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,QAAQ,EAAE,KAAK;AACnB,IAAI,QAAQ,EAAE,GAAG,GAAG,6BAA6B,GAAG,SAAS;AAC7D,GAAG,CAAC,CAAC;AACL,EAAE,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACjD;AACA;AACA,EAAE,IAAI,KAAK,KAAK,SAAS,EAAE;AAC3B,IAAI,IAAI,GAAG,wBAAwB,CAAC;AACpC,GAAG;AAEH,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC;AACzC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;AAClD,EAAE,KAAK,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE;AACtD,IAAI,GAAG,EAAE,GAAG;AACZ,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,aAAa,EAAE,aAAa;AAChC,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,iBAAiB,EAAE,OAAO;AAC9B,IAAI,kBAAkB,EAAE,MAAM;AAC9B,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC7D,IAAI,EAAE,EAAE,MAAM;AACd,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACrE,IAAI,EAAE,EAAE,OAAO;AACf,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACtE,IAAI,MAAM,EAAE,2BAA2B;AACvC,GAAG,eAAe,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC9C,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,EAAE,EAAE,KAAK;AACb,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,eAAe,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACpH,IAAI,EAAE,EAAE,qBAAqB;AAC7B,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,yBAAyB,EAAE,MAAM;AACrC,IAAI,WAAW,EAAE,gBAAgB;AACjC,GAAG,eAAe,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACjD,IAAI,YAAY,EAAE,CAAC;AACnB,IAAI,MAAM,EAAE,oBAAoB;AAChC,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE;AACxD,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,MAAM,EAAE,2CAA2C;AACvD,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACnD,IAAI,EAAE,EAAE,CAAC;AACT,IAAI,EAAE,EAAE,CAAC;AACT,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE;AACzD,IAAI,YAAY,EAAE,CAAC;AACnB,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACtD,IAAI,GAAG,EAAE,WAAW;AACpB,IAAI,QAAQ,EAAE,KAAK;AACnB,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE;AACxD,IAAI,MAAM,EAAE,2CAA2C;AACvD,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAClD,IAAI,GAAG,EAAE,oBAAoB;AAC7B,IAAI,MAAM,EAAE,8BAA8B;AAC1C,GAAG,CAAC,eAAe,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAClD,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,GAAG,EAAE,8BAA8B;AACvC,IAAI,MAAM,EAAE,OAAO;AACnB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACT,CAAC;;;;"}