@finam/web-ui-kit-components 3.31.0 → 3.33.0

package/dist/MarketingButton/MarketingButton.js

@@ -1,20 +1,59 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import clsx from 'clsx';
-import { useMarketingAnimations } from './useMarketingAnimations.js';
-import { MarketingGlow } from './MarketingGlow.js';
-import { MarketingHighlight } from './MarketingHighlight.js';
-import { StyledButton } from './MarketingButton.styles.js';
-const MarketingButton = forwardRef((_a, ref) => {
-    var { children, className, disabled, loading, variant = 'primary', size = 'm' } = _a, props = __rest(_a, ["children", "className", "disabled", "loading", "variant", "size"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx from "clsx";
+import { useMarketingAnimations } from "./useMarketingAnimations.js";
+import { MarketingGlow } from "./MarketingGlow.js";
+import { MarketingHighlight } from "./MarketingHighlight.js";
+import { StyledButton } from "./MarketingButton.styles.js";
+const MarketingButton = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { children, className, disabled, loading, variant = 'primary', size = 'm' } = _ref1, props = _object_without_properties__(_ref1, [
+        "children",
+        "className",
+        "disabled",
+        "loading",
+        "variant",
+        "size"
+    ]), [ref] = _rest;
     const { handlers, hasHoverGlowAnimation, glow, isHovered, isActive, highlightX } = useMarketingAnimations(variant);
-    const mergedHandlers = Object.keys(handlers).reduce((acc, name) => (Object.assign(Object.assign({}, acc), { [name]: (e) => {
-            var _a, _b;
-            (_a = handlers[name]) === null || _a === void 0 ? void 0 : _a.call(handlers, e);
-            (_b = props[name]) === null || _b === void 0 ? void 0 : _b.call(props, e);
-        } })), {});
-    return (_jsxs(StyledButton, Object.assign({ className: clsx(className, variant), disabled: disabled, loading: loading, size: size }, props, mergedHandlers, { style: Object.assign(Object.assign({}, props.style), { position: hasHoverGlowAnimation ? 'relative' : undefined, overflow: hasHoverGlowAnimation ? 'visible' : undefined }), ref: ref, children: [hasHoverGlowAnimation && (_jsx(MarketingGlow, { glow: glow, marketingType: variant })), variant === 'secondary' && !disabled && !loading && (_jsx(MarketingHighlight, { isVisible: isHovered && !isActive, buttonSize: size, highlightX: highlightX })), children] })));
+    const mergedHandlers = Object.keys(handlers).reduce((acc, name)=>_object_spread_props__(_({}, acc), {
+            [name]: (e)=>{
+                var _handlers_name, _props_name;
+                null == (_handlers_name = handlers[name]) || _handlers_name.call(handlers, e);
+                null == (_props_name = props[name]) || _props_name.call(props, e);
+            }
+        }), {});
+    return /*#__PURE__*/ jsxs(StyledButton, _object_spread_props__(_({
+        className: clsx(className, variant),
+        disabled: disabled,
+        loading: loading,
+        size: size
+    }, props, mergedHandlers), {
+        style: _object_spread_props__(_({}, props.style), {
+            position: hasHoverGlowAnimation ? 'relative' : void 0,
+            overflow: hasHoverGlowAnimation ? 'visible' : void 0
+        }),
+        ref: ref,
+        children: [
+            hasHoverGlowAnimation && /*#__PURE__*/ jsx(MarketingGlow, {
+                glow: glow,
+                marketingType: variant
+            }),
+            'secondary' === variant && !disabled && !loading && /*#__PURE__*/ jsx(MarketingHighlight, {
+                isVisible: isHovered && !isActive,
+                buttonSize: size,
+                highlightX: highlightX
+            }),
+            children
+        ]
+    }));
 });
-export default memo(MarketingButton);
+const MarketingButton_MarketingButton = /*#__PURE__*/ memo(MarketingButton);
+export default MarketingButton_MarketingButton;
+
 //# sourceMappingURL=MarketingButton.js.map

package/dist/MarketingButton/MarketingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingButton.js","sourceRoot":"","sources":["../../src/MarketingButton/MarketingButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAgB,MAAM,OAAO,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAS3D,MAAM,eAAe,GAAG,UAAU,CAA2B,CAAC,EAQ7D,EAAE,GAAG,EAAE,EAAE;QARoD,EAC5D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,OAEX,EADI,KAAK,cAPoD,mEAQ7D,CADS;IAER,MAAM,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEnH,MAAM,cAAc,GAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAkC,CAAC,MAAM,CACnF,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCACV,GAAG,KACN,CAAC,IAAI,CAAC,EAAE,CAAC,CAA0D,EAAE,EAAE;;YACrE,MAAA,QAAQ,CAAC,IAAI,CAAC,yDAAG,CAAC,CAAC,CAAC;YACpB,MAAA,KAAK,CAAC,IAAI,CAAC,sDAAG,CAAC,CAAC,CAAC;QACnB,CAAC,IACD,EACF,EAA0F,CAC3F,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,kBACX,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,KAAK,EACL,cAAc,IAClB,KAAK,EAAE,gCACF,KAAK,CAAC,KAAK,KACd,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACjC,EACxB,GAAG,EAAE,GAAiE,aAErE,qBAAqB,IAAI,CACxB,KAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,OAAO,GACtB,CACH,EACA,OAAO,KAAK,WAAW,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CACnD,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,EACjC,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,UAAU,GACtB,CACH,EACA,QAAQ,KACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"MarketingButton/MarketingButton.js","sources":["../../src/MarketingButton/MarketingButton.tsx"],"sourcesContent":["import { forwardRef, memo, ForwardedRef } from 'react';\nimport clsx from 'clsx';\nimport { type Props as ButtonProps } from '../Button/Button.js';\nimport { useMarketingAnimations } from './useMarketingAnimations.js';\nimport { MarketingGlow } from './MarketingGlow.js';\nimport { MarketingHighlight } from './MarketingHighlight.js';\nimport type { Variant, Size } from './types.js';\nimport { StyledButton } from './MarketingButton.styles.js';\n\nexport type Props = Omit<ButtonProps, 'variant' | 'color' | 'alternativeType'> & {\n  /** Вариант отображения. По умолчанию 'primary' */\n  variant?: Variant;\n  /** Размер кнопки */\n  size?: Size;\n};\n\nconst MarketingButton = forwardRef<HTMLButtonElement, Props>(({\n  children,\n  className,\n  disabled,\n  loading,\n  variant = 'primary',\n  size = 'm',\n  ...props\n}, ref) => {\n  const { handlers, hasHoverGlowAnimation, glow, isHovered, isActive, highlightX } = useMarketingAnimations(variant);\n\n  const mergedHandlers = (Object.keys(handlers) as Array<keyof typeof handlers>).reduce(\n    (acc, name) => ({\n      ...acc,\n      [name]: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        handlers[name]?.(e);\n        props[name]?.(e);\n      },\n    }),\n    {} as Record<string, (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void>,\n  );\n\n  return (\n    <StyledButton\n      className={clsx(className, variant)}\n      disabled={disabled}\n      loading={loading}\n      size={size}\n      {...props}\n      {...mergedHandlers}\n      style={{\n        ...props.style,\n        position: hasHoverGlowAnimation ? 'relative' : undefined,\n        overflow: hasHoverGlowAnimation ? 'visible' : undefined,\n      } as React.CSSProperties}\n      ref={ref as ForwardedRef<HTMLAnchorElement & HTMLButtonElement | null>}\n    >\n      {hasHoverGlowAnimation && (\n        <MarketingGlow\n          glow={glow}\n          marketingType={variant}\n        />\n      )}\n      {variant === 'secondary' && !disabled && !loading && (\n        <MarketingHighlight\n          isVisible={isHovered && !isActive}\n          buttonSize={size}\n          highlightX={highlightX}\n        />\n      )}\n      {children}\n    </StyledButton>\n  );\n});\n\nexport default memo(MarketingButton);\n"],"names":["MarketingButton","forwardRef","children","className","disabled","loading","variant","size","props","ref","handlers","hasHoverGlowAnimation","glow","isHovered","isActive","highlightX","useMarketingAnimations","mergedHandlers","Object","acc","name","e","StyledButton","clsx","undefined","MarketingGlow","MarketingHighlight","memo"],"mappings":";;;;;;;;;;AAgBA,MAAMA,kBAAkB,WAAHA,GAAGC,WAAqC,CAAC,IAAD;;;;iCAAC,EAC5DC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,UAAU,SAAS,EACnBC,OAAO,GAAG,EAEX,UADIC,QAAAA,6BAAAA,OAAAA;;;;;;;SACFC,IAAAA,GAAAA;IACD,MAAM,EAAEC,QAAQ,EAAEC,qBAAqB,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGC,uBAAuBV;IAE1G,MAAMW,iBAAkBC,OAAO,IAAI,CAACR,UAA2C,MAAM,CACnF,CAACS,KAAKC,OAAU,6BACXD,MAAAA;YACH,CAACC,KAAK,EAAE,CAACC;oBACPX,gBACAF;wBADAE,CAAAA,iBAAAA,QAAQ,CAACU,KAAK,AAAD,KAAbV,eAAAA,IAAAA,CAAAA,UAAiBW;wBACjBb,CAAAA,cAAAA,KAAK,CAACY,KAAK,AAAD,KAAVZ,YAAAA,IAAAA,CAAAA,OAAca;YAChB;YAEF,CAAC;IAGH,OAAO,WAAP,GACE,KAACC,cAAYA,uBAAAA,EAAAA;QACX,WAAWC,KAAKpB,WAAWG;QAC3B,UAAUF;QACV,SAASC;QACT,MAAME;OACFC,OACAS,iBAAAA;QACJ,OAAO,6BACFT,MAAM,KAAK;YACd,UAAUG,wBAAwB,aAAaa;YAC/C,UAAUb,wBAAwB,YAAYa;;QAEhD,KAAKf;;YAEJE,yBAAyB,WAAzBA,GACC,IAACc,eAAaA;gBACZ,MAAMb;gBACN,eAAeN;;YAGN,gBAAZA,WAA2B,CAACF,YAAY,CAACC,WAAW,WAAXA,GACxC,IAACqB,oBAAkBA;gBACjB,WAAWb,aAAa,CAACC;gBACzB,YAAYP;gBACZ,YAAYQ;;YAGfb;;;AAGP;AAEA,sDAAeyB,KAAK3B"}

package/dist/MarketingButton/MarketingButton.styles.js

@@ -1,28 +1,28 @@
-import { styled } from '@linaria/react';
-import Button from '../Button/Button.js';
+import { styled } from "@linaria/react";
+import Button from "../Button/Button.js";
 const MarketingGlowBase = /*#__PURE__*/styled('span')({
   name: "MarketingGlowBase",
   class: "ui_components_mow9nga",
   propsAsIs: false
 });
 const _exp = () => (MarketingGlowBase);
-export const MarketingGlowLeft = /*#__PURE__*/styled(_exp())({
+const MarketingGlowLeft = /*#__PURE__*/styled(_exp())({
   name: "MarketingGlowLeft",
   class: "ui_components_m1kbhx7l",
   propsAsIs: true
 });
 const _exp12 = () => (MarketingGlowBase);
-export const MarketingGlowRight = /*#__PURE__*/styled(_exp12())({
+const MarketingGlowRight = /*#__PURE__*/styled(_exp12())({
   name: "MarketingGlowRight",
   class: "ui_components_mdti0v7",
   propsAsIs: true
 });
-export const MarketingHighlight = /*#__PURE__*/styled('span')({
+const MarketingHighlight = /*#__PURE__*/styled('span')({
   name: "MarketingHighlight",
   class: "ui_components_m16dq86w",
   propsAsIs: false
 });
-export const marketingHighlightSize = {
+const marketingHighlightSize = {
   l: {
     width: '131px',
     height: '131px'
@@ -40,18 +40,19 @@ export const marketingHighlightSize = {
     height: '62px'
   }
 };
-export const MarketingHighlightWrapper = /*#__PURE__*/styled('span')({
+const MarketingHighlightWrapper = /*#__PURE__*/styled('span')({
   name: "MarketingHighlightWrapper",
   class: "ui_components_m6vdz53",
   propsAsIs: false
 });
-export const loaderOverlayClass = "ui_components_ljk1uj2";
+const loaderOverlayClass = "ui_components_ljk1uj2";
 const _exp33 = () => (Button);
-export const StyledButton = /*#__PURE__*/styled(_exp33())({
+const StyledButton = /*#__PURE__*/styled(_exp33())({
   name: "StyledButton",
   class: "ui_components_s12u2j5f",
   propsAsIs: true
 });
+export { MarketingGlowLeft, MarketingGlowRight, MarketingHighlight, MarketingHighlightWrapper, StyledButton, loaderOverlayClass, marketingHighlightSize };
 //# sourceMappingURL=MarketingButton.styles.js.map
 
 import "./MarketingButton.styles.css";

package/dist/MarketingButton/MarketingButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingButton.styles.js","sourceRoot":"","sources":["../../src/MarketingButton/MarketingButton.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarketingButton/MarketingButton.styles.js","sources":["../../src/MarketingButton/MarketingButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { baseVars } from '@finam/web-ui-kit-core/theme/index';\nimport { button, buttonIconWrapper } from '@finam/web-ui-kit-core/styles/button';\nimport Button from '../Button/Button.js';\n\nconst stateClassNames = button.classNames.variants.state;\nconst disabled = `.${stateClassNames.disabled}`;\nconst loadingText = '.loadingText';\nconst loadingOverlay = '.loadingOverlay';\nconst focusVisible = `:focus-visible:not(${disabled}):not(${loadingText}):not(${loadingOverlay})`;\nconst active = `:active:not(${disabled}):not(${loadingText}):not(${loadingOverlay})`;\nconst hover = `:hover:not(:active):not(${disabled}):not(${loadingText}):not(${loadingOverlay})`;\n\nconst MarketingGlowBase = styled.span`\n  position: absolute;\n  top: -2px;\n  bottom: -2px;\n  left: -2px;\n  right: -2px;\n  border-radius: 8px;\n  pointer-events: none;\n  z-index: -1;\n`;\n\nexport const MarketingGlowLeft = styled(MarketingGlowBase)`\n  background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.opacity[1]} 0%, ${baseVars.gradientColors.yellow.light[4]} 100%);\n\n  &.gradient {\n    background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.opacity[1]} 0%, ${baseVars.gradientColors.yellow.light[3]} 100%);\n  }\n\n  &.secondary {\n    background: linear-gradient(270deg, ${tokens.colors.gradients.glow.tertiary.end} 0%, ${tokens.colors.gradients.glow.tertiary.start} 100%);\n  }\n\n  &.ondark {\n    background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.opacity[1]} 0%, ${baseVars.gradientColors.yellow.light[3]} 100%);\n  }\n\n  &.alternative {\n    background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.opacity[1]} 0%, ${baseVars.gradientColors.yellow.light[3]} 100%);\n  }\n`;\n\nexport const MarketingGlowRight = styled(MarketingGlowBase)`\n  background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.light[4]} 0%, ${baseVars.gradientColors.yellow.opacity[1]} 100%);\n\n  &.gradient {\n    background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.light[3]} 0%, ${baseVars.gradientColors.yellow.opacity[1]} 100%);\n  }\n\n  &.secondary {\n    background: linear-gradient(270deg, ${tokens.colors.gradients.glow.tertiary.start} 0%, ${tokens.colors.gradients.glow.tertiary.end} 100%);\n  }\n\n  &.ondark {\n    background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.light[3]} 0%, ${baseVars.gradientColors.yellow.opacity[1]} 100%);\n  }\n\n  &.alternative {\n    background: linear-gradient(270deg, ${baseVars.gradientColors.yellow.light[3]} 0%, ${baseVars.gradientColors.yellow.opacity[1]} 100%);\n  }\n`;\n\nexport const MarketingHighlight = styled.span`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 100%;\n  filter: blur(8px) saturate(1.15);\n  background: radial-gradient(circle at 50% 50%, ${tokens.colors.gradients.button.secondary.start.default} 0%, ${tokens.colors.gradients.button.secondary.middle1.default} 23%, ${tokens.colors.gradients.button.secondary.end.default} 48%, ${tokens.colors.gradients.button.secondary.end.default} 68%);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 200ms ease-out;\n  z-index: -1;\n  overflow: hidden;\n`;\n\nexport const marketingHighlightSize = {\n  l: { width: '131px', height: '131px' },\n  m: { width: '105px', height: '105px' },\n  s: { width: '79px', height: '79px' },\n  xs: { width: '62px', height: '62px' },\n};\n\nexport const MarketingHighlightWrapper = styled.span`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n`;\n\nexport const loaderOverlayClass = css`\n  &.primary * {\n    color: ${tokens.colors.button.label.primary.default.default};\n  }\n\n  &.secondary * {\n    color: ${tokens.colors.button.label.secondary.default.default};\n  }\n\n  &.outline * {\n    color: ${tokens.colors.button.label.secondary.default.default};\n  }\n\n  &.gradient * {\n    color: ${tokens.colors.button.label.accent.default.default};\n  }\n\n  &.alternative * {\n    color: ${tokens.colors.button.label.alternate.default.default};\n  }\n\n  &.ondark * {\n    color: ${tokens.colors.button.label.onlight.default.default};\n  }\n`;\n\nexport const StyledButton = styled(Button)`\n  &.primary {\n    --label-color: ${tokens.colors.button.label.primary.default.default};\n\n    color: var(--label-color);\n    background: ${tokens.colors.button.bg.primary.default.default};\n    border: none;\n\n    &${hover} {\n      background: radial-gradient(85% 180% at var(--gradient-x, 100%) 50%,\n        ${tokens.colors.gradients.button.primary.start.default} 0%,\n        ${tokens.colors.gradients.button.primary.middle1.default} 33%,\n        ${tokens.colors.gradients.button.primary.middle2.default} 55.8%,\n        ${tokens.colors.gradients.button.primary.end.default} 100%\n      );\n    }\n\n    &${active} {\n      background: ${tokens.colors.button.bg.primary.default.pressed};\n    }\n\n    &${focusVisible} {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n    }\n\n    &${disabled} {\n      color: ${tokens.colors.button.label.default.default.disabled};\n      background: ${tokens.colors.button.bg.primary.default.disabled};\n    }\n  }\n\n  &.secondary {\n    --label-color: ${tokens.colors.button.label.secondary.default.default};\n\n    overflow: hidden;\n    color: var(--label-color);\n    background: ${tokens.colors.button.bg.secondary.default.default};\n    border: none;\n\n    &${hover} {\n      background: ${tokens.colors.button.bg.secondary.default.hover};\n    }\n\n    &${active} {\n      background: ${tokens.colors.button.bg.secondary.default.pressed};\n    }\n\n    &${focusVisible} {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n    }\n\n    &${disabled} {\n      color: ${tokens.colors.button.label.default.default.disabled};\n      background: ${tokens.colors.button.bg.secondary.default.disabled};\n    }\n  }\n\n  &.outline {\n    --label-color: ${tokens.colors.button.label.secondary.default.default};\n\n    position: relative;\n    overflow: hidden;\n    border: none;\n    border-radius: ${tokens.radius.buttonL};\n    color: var(--label-color);\n    background: transparent;\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      border-radius: inherit;\n      padding: 1px;\n      box-sizing: border-box;\n      background: ${tokens.colors.button.border.outline.default.default};\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -webkit-mask-composite: xor;\n      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n      mask-composite: exclude;\n      pointer-events: none;\n    }\n\n    &${hover} {\n      color: ${tokens.colors.button.label.secondary.default.hover};\n      background: transparent;\n    }\n\n    &${hover}::before {\n      background: radial-gradient(105% 440% at var(--gradient-x, 100%) 0%,\n        ${tokens.colors.gradients.border.primary.start} 0%,\n        ${tokens.colors.gradients.border.primary.middle1} 25%,\n        ${tokens.colors.gradients.border.primary.middle2} 50%,\n        ${tokens.colors.gradients.border.primary.end} 100%\n      );\n    }\n\n    &${focusVisible} {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n    }\n\n    &${focusVisible}::before {\n      background: transparent;\n    }\n\n    &${disabled} {\n      color: ${tokens.colors.button.label.default.default.disabled};\n    }\n\n    &${disabled}::before {\n      color: ${tokens.colors.button.label.default.default.disabled};\n      background: ${tokens.colors.button.border.default.default.disabled};\n    }\n\n    &${active} {\n      color: ${tokens.colors.button.label.secondary.default.pressed};\n      background: transparent;\n    }\n\n    &${active}::before {\n      background: radial-gradient(105% 440% at var(--gradient-x, 100%) 0%,\n        ${tokens.colors.gradients.border.primary.start} 0%,\n        ${tokens.colors.gradients.border.primary.middle1} 25%,\n        ${tokens.colors.gradients.border.primary.middle2} 50%,\n        ${tokens.colors.gradients.border.primary.end} 100%\n      );\n    }\n  }\n\n  &.gradient {\n    --label-color: ${tokens.colors.button.label.accent.default.default};\n\n    color: var(--label-color);\n    background: radial-gradient(var(--gradient-width, 100%) var(--gradient-height, 328%) at var(--gradient-x, 100%) 50%,\n      ${tokens.colors.gradients.button.marketing.start.default} 0%,\n      ${tokens.colors.gradients.button.marketing.middle.default} 23%,\n      ${tokens.colors.gradients.button.marketing.middle1.default} 43%,\n      ${tokens.colors.gradients.button.marketing.middle2.default} 70%,\n      ${tokens.colors.gradients.button.marketing.middle3.default} 87%,\n      ${tokens.colors.gradients.button.marketing.end.default} 100%\n    );\n    border: none;\n\n    &${hover} {\n      background: radial-gradient(var(--gradient-width, 90%) var(--gradient-height, 300%) at var(--gradient-x, 100%) 50%,\n        ${tokens.colors.gradients.button.marketing.start.hover} 0%,\n        ${tokens.colors.gradients.button.marketing.middle1.hover} 43%,\n        ${tokens.colors.gradients.button.marketing.middle2.hover} 70%,\n        ${tokens.colors.gradients.button.marketing.end.hover} 100%\n      );\n    }\n\n    &${active} {\n      background: radial-gradient(var(--gradient-width, 90%) var(--gradient-height, 300%) at var(--gradient-x, 100%) 50%,\n        ${tokens.colors.gradients.button.marketing.start.hover} 0%,\n        ${tokens.colors.gradients.button.marketing.middle1.hover} 43%,\n        ${tokens.colors.gradients.button.marketing.middle2.hover} 70%,\n        ${tokens.colors.gradients.button.marketing.end.hover} 100%\n      );\n    }\n\n    &${focusVisible} {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n    }\n\n    &${disabled} {\n      color: ${tokens.colors.button.label.default.default.disabled};\n      background: ${tokens.colors.button.bg.primary.default.disabled};\n    }\n  }\n\n  &.alternative {\n    --label-color: ${tokens.colors.button.label.alternate.default.default};\n\n    overflow: hidden;\n    color: var(--label-color);\n    background: ${tokens.colors.button.bg.alternative.default.default};\n    border: none;\n\n    &${hover} {\n      background: radial-gradient(85% 180% at var(--gradient-x, 100%) 50%,\n        ${tokens.colors.gradients.button.alternative.start.default} 0%,\n        ${tokens.colors.gradients.button.alternative.middle1.default} 33%,\n        ${tokens.colors.gradients.button.alternative.middle2.default} 55%,\n        ${tokens.colors.gradients.button.alternative.end.default} 100%\n      );\n    }\n\n    &${active} {\n      background: ${tokens.colors.button.bg.alternative.default.pressed};\n    }\n\n    &${focusVisible} {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n    }\n\n    &${disabled} {\n      color: ${tokens.colors.button.label.alternate.default.disabled};\n      background: ${tokens.colors.button.bg.alternative.default.disabled};\n    }\n  }\n\n  &.ondark {\n    --label-color: ${tokens.colors.button.label.onlight.default.default};\n\n    color: var(--label-color);\n    background: ${tokens.colors.button.bg.alternative.ondark.default};\n    border: none;\n\n    &${hover} {\n      background: radial-gradient(var(--gradient-width, 85%) var(--gradient-height, 180%) at var(--gradient-x, 100%) 50%,\n        ${tokens.colors.gradients.button.ondark.start.default} 0%,\n        ${tokens.colors.gradients.button.ondark.middle1.default} 30%,\n        ${tokens.colors.gradients.button.ondark.end.default} 75%\n      );\n    }\n\n    &${active} {\n      background: radial-gradient(var(--gradient-width, 120%) var(--gradient-height, 120%) at var(--gradient-x, 100%) 50%,\n        ${tokens.colors.gradients.button.ondark.start.default} 0%,\n        ${tokens.colors.gradients.button.ondark.middle1.default} 30%,\n        ${tokens.colors.gradients.button.ondark.end.default} 75%\n      );\n    }\n\n    &${focusVisible} {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n    }\n\n    &${disabled} {\n      color: ${tokens.colors.button.label.alternate.default.disabled};\n      background: ${tokens.colors.button.bg.alternative.default.disabled};\n    }\n  }\n\n  &${loadingOverlay} {\n    color: transparent;\n  }\n\n  &${loadingOverlay} > .${buttonIconWrapper.overlay.replace(' ', '.')} > *,\n  &${loadingText} > .${buttonIconWrapper.left.replace(' ', '.')} > * {\n    color: var(--label-color);\n  }\n`;\n"],"names":["stateClassNames","button","disabled","loadingText","loadingOverlay","focusVisible","active","hover","MarketingGlowBase","styled","MarketingGlowLeft","baseVars","tokens","MarketingGlowRight","MarketingHighlight","marketingHighlightSize","MarketingHighlightWrapper","loaderOverlayClass","css","StyledButton","Button","buttonIconWrapper"],"mappings":"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"}

package/dist/MarketingButton/MarketingGlow.js

@@ -1,15 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { MarketingGlowLeft, MarketingGlowRight } from './MarketingButton.styles.js';
-export const MarketingGlow = memo(({ glow, marketingType }) => {
-    return (_jsxs("span", { "data-testid": "marketing-glow", children: [_jsx(MarketingGlowLeft, { className: marketingType, style: {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { MarketingGlowLeft, MarketingGlowRight } from "./MarketingButton.styles.js";
+const MarketingGlow = /*#__PURE__*/ memo(({ glow, marketingType })=>/*#__PURE__*/ jsxs("span", {
+        "data-testid": "marketing-glow",
+        children: [
+            /*#__PURE__*/ jsx(MarketingGlowLeft, {
+                className: marketingType,
+                style: {
                     opacity: glow.opacity.left,
                     filter: `blur(${glow.blur}px)`,
-                    transition: 'opacity 300ms ease-out',
-                } }), _jsx(MarketingGlowRight, { className: marketingType, style: {
+                    transition: 'opacity 300ms ease-out'
+                }
+            }),
+            /*#__PURE__*/ jsx(MarketingGlowRight, {
+                className: marketingType,
+                style: {
                     opacity: glow.opacity.right,
                     filter: `blur(${glow.blur}px)`,
-                    transition: 'opacity 300ms ease-out',
-                } })] }));
-});
+                    transition: 'opacity 300ms ease-out'
+                }
+            })
+        ]
+    }));
+export { MarketingGlow };
+
 //# sourceMappingURL=MarketingGlow.js.map

package/dist/MarketingButton/MarketingGlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingGlow.js","sourceRoot":"","sources":["../../src/MarketingButton/MarketingGlow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAWpF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAY,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,+BAAkB,gBAAgB,aAChC,KAAC,iBAAiB,IAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;oBACL,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;oBAC1B,MAAM,EAAE,QAAQ,IAAI,CAAC,IAAI,KAAK;oBAC9B,UAAU,EAAE,wBAAwB;iBACrC,GACD,EACF,KAAC,kBAAkB,IACjB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;oBACL,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;oBAC3B,MAAM,EAAE,QAAQ,IAAI,CAAC,IAAI,KAAK;oBAC9B,UAAU,EAAE,wBAAwB;iBACrC,GACD,IACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"MarketingButton/MarketingGlow.js","sources":["../../src/MarketingButton/MarketingGlow.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { MarketingGlowLeft, MarketingGlowRight } from './MarketingButton.styles.js';\nimport type { Variant } from './types.js';\n\ninterface GlowProps {\n  glow: {\n    opacity: { left: number; right: number; };\n    blur: number;\n  };\n  marketingType: Variant;\n}\n\nexport const MarketingGlow = memo<GlowProps>(({ glow, marketingType }) => {\n  return (\n    <span data-testid=\"marketing-glow\">\n      <MarketingGlowLeft\n        className={marketingType}\n        style={{\n          opacity: glow.opacity.left,\n          filter: `blur(${glow.blur}px)`,\n          transition: 'opacity 300ms ease-out',\n        }}\n      />\n      <MarketingGlowRight\n        className={marketingType}\n        style={{\n          opacity: glow.opacity.right,\n          filter: `blur(${glow.blur}px)`,\n          transition: 'opacity 300ms ease-out',\n        }}\n      />\n    </span>\n  );\n});\n"],"names":["MarketingGlow","memo","glow","marketingType","MarketingGlowLeft","MarketingGlowRight"],"mappings":";;;AAYO,MAAMA,gBAAgB,WAAHA,GAAGC,KAAgB,CAAC,EAAEC,IAAI,EAAEC,aAAa,EAAE,GAC5D,WAAP,GACE,KAAC;QAAK,eAAY;;0BAChB,IAACC,mBAAiBA;gBAChB,WAAWD;gBACX,OAAO;oBACL,SAASD,KAAK,OAAO,CAAC,IAAI;oBAC1B,QAAQ,CAAC,KAAK,EAAEA,KAAK,IAAI,CAAC,GAAG,CAAC;oBAC9B,YAAY;gBACd;;0BAEF,IAACG,oBAAkBA;gBACjB,WAAWF;gBACX,OAAO;oBACL,SAASD,KAAK,OAAO,CAAC,KAAK;oBAC3B,QAAQ,CAAC,KAAK,EAAEA,KAAK,IAAI,CAAC,GAAG,CAAC;oBAC9B,YAAY;gBACd"}

package/dist/MarketingButton/MarketingHighlight.js

@@ -1,7 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { MarketingHighlight as StyledHighlight, MarketingHighlightWrapper, marketingHighlightSize } from './MarketingButton.styles.js';
-export const MarketingHighlight = memo(({ isVisible, buttonSize, highlightX }) => {
-    return (_jsx(MarketingHighlightWrapper, { "data-testid": "marketing-highlight", children: _jsx(StyledHighlight, { style: Object.assign({ opacity: isVisible ? 1 : 0, left: `calc(50% + ${highlightX - 50}%)` }, marketingHighlightSize[buttonSize]) }) }));
-});
+import { _ } from "@swc/helpers/_/_object_spread";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { MarketingHighlight, MarketingHighlightWrapper, marketingHighlightSize } from "./MarketingButton.styles.js";
+const MarketingHighlight_MarketingHighlight = /*#__PURE__*/ memo(({ isVisible, buttonSize, highlightX })=>/*#__PURE__*/ jsx(MarketingHighlightWrapper, {
+        "data-testid": "marketing-highlight",
+        children: /*#__PURE__*/ jsx(MarketingHighlight, {
+            style: _({
+                opacity: isVisible ? 1 : 0,
+                left: `calc(50% + ${highlightX - 50}%)`
+            }, marketingHighlightSize[buttonSize])
+        })
+    }));
+export { MarketingHighlight_MarketingHighlight as MarketingHighlight };
+
 //# sourceMappingURL=MarketingHighlight.js.map

package/dist/MarketingButton/MarketingHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingHighlight.js","sourceRoot":"","sources":["../../src/MarketingButton/MarketingHighlight.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,kBAAkB,IAAI,eAAe,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAUvI,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAA0B,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,KAAC,yBAAyB,mBAAa,qBAAqB,YAC1D,KAAC,eAAe,IACd,KAAK,kBACH,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1B,IAAI,EAAE,cAAc,UAAU,GAAG,EAAE,IAAI,IACpC,sBAAsB,CAAC,UAAU,CAAC,IAEvC,GACwB,CAC7B,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"MarketingButton/MarketingHighlight.js","sources":["../../src/MarketingButton/MarketingHighlight.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { MarketingHighlight as StyledHighlight, MarketingHighlightWrapper, marketingHighlightSize } from './MarketingButton.styles.js';\n\ntype Size = 'l' | 'm' | 's' | 'xs';\n\ninterface MarketingHighlightProps {\n  isVisible: boolean;\n  buttonSize: Size;\n  highlightX: number;\n}\n\nexport const MarketingHighlight = memo<MarketingHighlightProps>(({ isVisible, buttonSize, highlightX }) => {\n  return (\n    <MarketingHighlightWrapper data-testid=\"marketing-highlight\">\n      <StyledHighlight\n        style={{\n          opacity: isVisible ? 1 : 0,\n          left: `calc(50% + ${highlightX - 50}%)`,\n          ...marketingHighlightSize[buttonSize],\n        }}\n      />\n    </MarketingHighlightWrapper>\n  );\n});\n"],"names":["MarketingHighlight","memo","isVisible","buttonSize","highlightX","MarketingHighlightWrapper","StyledHighlight","marketingHighlightSize"],"mappings":";;;;AAWO,MAAMA,wCAAqB,WAAHA,GAAGC,KAA8B,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAC7F,WAAP,GACE,IAACC,2BAAyBA;QAAC,eAAY;kBACrC,kBAACC,oBAAeA;YACd,OAAO;gBACL,SAASJ,YAAY,IAAI;gBACzB,MAAM,CAAC,WAAW,EAAEE,aAAa,GAAG,EAAE,CAAC;eACpCG,sBAAsB,CAACJ,WAAW"}

package/dist/MarketingButton/index.js

@@ -1,2 +1 @@
-export { default } from './MarketingButton.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./MarketingButton.js";

package/dist/MarketingButton/types.js

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

package/dist/MarketingButton/useMarketingAnimations.js

@@ -1,27 +1,40 @@
-import { useState, useRef, useCallback } from 'react';
-import { GLOW_BLUR_MIN, calculateGlowOpacity, calculateGlowBlur, easeOut, easeIn, } from './utils.js';
-const HOVER_BG_ANIMATION_TYPES = ['gradient', 'primary', 'alternative', 'ondark', 'outline'];
-const HOVER_GLOW_ANIMATION_TYPES = ['gradient', 'primary', 'secondary'];
-const ACTIVE_BG_ANIMATION_TYPES = ['gradient', 'ondark'];
-const animateGradient = (element, ref, fromX, toX, duration, onComplete) => {
+import { useCallback, useRef, useState } from "react";
+import { GLOW_BLUR_MIN, calculateGlowBlur, calculateGlowOpacity, easeIn, easeOut } from "./utils.js";
+const HOVER_BG_ANIMATION_TYPES = [
+    'gradient',
+    'primary',
+    'alternative',
+    'ondark',
+    'outline'
+];
+const HOVER_GLOW_ANIMATION_TYPES = [
+    'gradient',
+    'primary',
+    'secondary'
+];
+const ACTIVE_BG_ANIMATION_TYPES = [
+    'gradient',
+    'ondark'
+];
+const animateGradient = (element, ref, fromX, toX, duration, onComplete)=>{
     const startTime = performance.now();
-    const animate = (time) => {
+    const animate = (time)=>{
         const elapsed = time - startTime;
         const progress = Math.min(elapsed / duration, 1);
         const newX = fromX + (toX - fromX) * easeOut(progress);
         element.style.setProperty('--gradient-x', `${newX}%`);
         if (progress >= 1) {
             ref.current = null;
-            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            null == onComplete || onComplete();
             return;
         }
         ref.current = requestAnimationFrame(animate);
     };
     ref.current = requestAnimationFrame(animate);
 };
-const animateGradientSize = (element, ref, fromWidth, toWidth, fromHeight, toHeight, duration, onComplete) => {
+const animateGradientSize = (element, ref, fromWidth, toWidth, fromHeight, toHeight, duration, onComplete)=>{
     const startTime = performance.now();
-    const animate = (time) => {
+    const animate = (time)=>{
         const elapsed = time - startTime;
         const progress = Math.min(elapsed / duration, 1);
         const newWidth = fromWidth + (toWidth - fromWidth) * easeIn(progress);
@@ -30,19 +43,22 @@ const animateGradientSize = (element, ref, fromWidth, toWidth, fromHeight, toHei
         element.style.setProperty('--gradient-height', `${newHeight}%`);
         if (progress >= 1) {
             ref.current = null;
-            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            null == onComplete || onComplete();
             return;
         }
         ref.current = requestAnimationFrame(animate);
     };
     ref.current = requestAnimationFrame(animate);
 };
-export const useMarketingAnimations = (marketingType) => {
+const useMarketingAnimations = (marketingType)=>{
     const [isHovered, setIsHovered] = useState(false);
     const [isActive, setIsActive] = useState(false);
     const [glow, setGlow] = useState({
-        opacity: { left: 0, right: 0 },
-        blur: GLOW_BLUR_MIN,
+        opacity: {
+            left: 0,
+            right: 0
+        },
+        blur: GLOW_BLUR_MIN
     });
     const animationRef = useRef(null);
     const scaleAnimationRef = useRef(null);
@@ -50,96 +66,101 @@ export const useMarketingAnimations = (marketingType) => {
     const hasHoverBgAnimation = marketingType && HOVER_BG_ANIMATION_TYPES.includes(marketingType);
     const hasHoverGlowAnimation = marketingType && HOVER_GLOW_ANIMATION_TYPES.includes(marketingType);
     const hasActiveBgAnimation = marketingType && ACTIVE_BG_ANIMATION_TYPES.includes(marketingType);
-    const handleMouseMove = useCallback((e) => {
+    const handleMouseMove = useCallback((e)=>{
         const rect = e.currentTarget.getBoundingClientRect();
-        const x = ((e.clientX - rect.left) / rect.width) * 100;
+        const x = (e.clientX - rect.left) / rect.width * 100;
         lastMouseX.current = x;
-        if (hasHoverBgAnimation && isHovered) {
-            if (marketingType === 'gradient' && animationRef.current) {
-                const currentGradientX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');
-                if (currentGradientX <= x) {
-                    cancelAnimationFrame(animationRef.current);
-                    animationRef.current = null;
-                }
-            }
-            else {
-                e.currentTarget.style.setProperty('--gradient-x', `${x}%`);
+        if (hasHoverBgAnimation && isHovered) if ('gradient' === marketingType && animationRef.current) {
+            const currentGradientX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');
+            if (currentGradientX <= x) {
+                cancelAnimationFrame(animationRef.current);
+                animationRef.current = null;
             }
-        }
-        if (hasHoverGlowAnimation) {
-            setGlow({
-                opacity: calculateGlowOpacity(x),
-                blur: calculateGlowBlur(x),
-            });
-        }
-    }, [hasHoverBgAnimation, hasHoverGlowAnimation, isHovered, marketingType]);
-    const handleMouseEnter = useCallback((e) => {
+        } else e.currentTarget.style.setProperty('--gradient-x', `${x}%`);
+        if (hasHoverGlowAnimation) setGlow({
+            opacity: calculateGlowOpacity(x),
+            blur: calculateGlowBlur(x)
+        });
+    }, [
+        hasHoverBgAnimation,
+        hasHoverGlowAnimation,
+        isHovered,
+        marketingType
+    ]);
+    const handleMouseEnter = useCallback((e)=>{
         const rect = e.currentTarget.getBoundingClientRect();
-        const mouseX = ((e.clientX - rect.left) / rect.width) * 100;
-        if (marketingType === 'gradient') {
+        const mouseX = (e.clientX - rect.left) / rect.width * 100;
+        if ('gradient' === marketingType) {
             const currentX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');
             if (Math.abs(currentX - mouseX) > 1) {
-                if (animationRef.current) {
-                    cancelAnimationFrame(animationRef.current);
-                }
-                animateGradient(e.currentTarget, animationRef, currentX, mouseX, 300, () => {
+                if (animationRef.current) cancelAnimationFrame(animationRef.current);
+                animateGradient(e.currentTarget, animationRef, currentX, mouseX, 300, ()=>{
                     animationRef.current = null;
                 });
             }
         }
-        if (hasHoverGlowAnimation) {
-            setGlow({
-                opacity: calculateGlowOpacity(mouseX),
-                blur: calculateGlowBlur(mouseX),
-            });
-        }
+        if (hasHoverGlowAnimation) setGlow({
+            opacity: calculateGlowOpacity(mouseX),
+            blur: calculateGlowBlur(mouseX)
+        });
         setIsHovered(true);
-    }, [hasHoverGlowAnimation, marketingType]);
-    const handleMouseLeave = useCallback((e) => {
+    }, [
+        hasHoverGlowAnimation,
+        marketingType
+    ]);
+    const handleMouseLeave = useCallback((e)=>{
         const element = e.currentTarget;
-        if (hasHoverGlowAnimation) {
-            setGlow({
-                opacity: { left: 0, right: 0 },
-                blur: GLOW_BLUR_MIN,
-            });
-        }
+        if (hasHoverGlowAnimation) setGlow({
+            opacity: {
+                left: 0,
+                right: 0
+            },
+            blur: GLOW_BLUR_MIN
+        });
         if (animationRef.current && hasHoverBgAnimation) {
             cancelAnimationFrame(animationRef.current);
             animationRef.current = null;
         }
-        if (marketingType === 'gradient') {
+        if ('gradient' === marketingType) {
             const currentX = parseFloat(element.style.getPropertyValue('--gradient-x') || '100');
-            animateGradient(element, animationRef, currentX, 100, 300, () => {
+            animateGradient(element, animationRef, currentX, 100, 300, ()=>{
                 element.style.removeProperty('--gradient-x');
             });
         }
         setIsHovered(false);
         setIsActive(false);
-    }, [hasHoverBgAnimation, hasHoverGlowAnimation, marketingType]);
-    const handleMouseDown = useCallback((e) => {
-        if (hasHoverGlowAnimation) {
-            setGlow({
-                opacity: { left: 0, right: 0 },
-                blur: GLOW_BLUR_MIN,
-            });
-        }
+    }, [
+        hasHoverBgAnimation,
+        hasHoverGlowAnimation,
+        marketingType
+    ]);
+    const handleMouseDown = useCallback((e)=>{
+        if (hasHoverGlowAnimation) setGlow({
+            opacity: {
+                left: 0,
+                right: 0
+            },
+            blur: GLOW_BLUR_MIN
+        });
         if (hasActiveBgAnimation) {
-            if (scaleAnimationRef.current) {
-                cancelAnimationFrame(scaleAnimationRef.current);
-            }
+            if (scaleAnimationRef.current) cancelAnimationFrame(scaleAnimationRef.current);
             const currentWidth = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-width') || '100');
-            const currentHeight = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-height') || (marketingType === 'gradient' ? '328' : '180'));
+            const currentHeight = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-height') || ('gradient' === marketingType ? '328' : '180'));
             animateGradientSize(e.currentTarget, scaleAnimationRef, currentWidth, 120, currentHeight, 394, 300);
         }
         setIsActive(true);
-    }, [hasActiveBgAnimation, hasHoverGlowAnimation, marketingType]);
-    const handleMouseUp = useCallback((e) => {
+    }, [
+        hasActiveBgAnimation,
+        hasHoverGlowAnimation,
+        marketingType
+    ]);
+    const handleMouseUp = useCallback((e)=>{
         const element = e.currentTarget;
         if (hasHoverGlowAnimation) {
             const x = lastMouseX.current;
             setGlow({
                 opacity: calculateGlowOpacity(x),
-                blur: calculateGlowBlur(x),
+                blur: calculateGlowBlur(x)
             });
         }
         if (hasActiveBgAnimation) {
@@ -149,29 +170,36 @@ export const useMarketingAnimations = (marketingType) => {
             }
             const currentWidth = parseFloat(element.style.getPropertyValue('--gradient-width') || '120');
             const currentHeight = parseFloat(element.style.getPropertyValue('--gradient-height') || '394');
-            const defaultWidth = isHovered && marketingType === 'gradient' ? 90 : 100;
-            const defaultHeight = isHovered && marketingType === 'gradient' ? 300 : (marketingType === 'gradient' ? 328 : 180);
-            animateGradientSize(element, scaleAnimationRef, currentWidth, defaultWidth, currentHeight, defaultHeight, 300, () => {
+            const defaultWidth = isHovered && 'gradient' === marketingType ? 90 : 100;
+            const defaultHeight = isHovered && 'gradient' === marketingType ? 300 : 'gradient' === marketingType ? 328 : 180;
+            animateGradientSize(element, scaleAnimationRef, currentWidth, defaultWidth, currentHeight, defaultHeight, 300, ()=>{
                 element.style.removeProperty('--gradient-width');
                 element.style.removeProperty('--gradient-height');
             });
         }
         setIsActive(false);
-    }, [hasActiveBgAnimation, hasHoverGlowAnimation, isHovered, marketingType]);
+    }, [
+        hasActiveBgAnimation,
+        hasHoverGlowAnimation,
+        isHovered,
+        marketingType
+    ]);
     return {
         handlers: {
             onMouseMove: handleMouseMove,
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
             onMouseDown: handleMouseDown,
-            onMouseUp: handleMouseUp,
+            onMouseUp: handleMouseUp
         },
         glow,
         isHovered,
         isActive,
         hasHoverBgAnimation,
         hasHoverGlowAnimation,
-        highlightX: lastMouseX.current,
+        highlightX: lastMouseX.current
     };
 };
+export { useMarketingAnimations };
+
 //# sourceMappingURL=useMarketingAnimations.js.map