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

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

package/dist/MarketingButton/useMarketingAnimations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMarketingAnimations.js","sourceRoot":"","sources":["../../src/MarketingButton/useMarketingAnimations.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarketingButton/useMarketingAnimations.js","sources":["../../src/MarketingButton/useMarketingAnimations.ts"],"sourcesContent":["import { useState, useRef, MouseEvent, useCallback } from 'react';\nimport type { Variant } from './types.js';\nimport {\n  GLOW_BLUR_MIN,\n  calculateGlowOpacity,\n  calculateGlowBlur,\n  easeOut,\n  easeIn,\n} from './utils.js';\n\nconst HOVER_BG_ANIMATION_TYPES: Variant[] = ['gradient', 'primary', 'alternative', 'ondark', 'outline'];\nconst HOVER_GLOW_ANIMATION_TYPES: Variant[] = ['gradient', 'primary', 'secondary'];\nconst ACTIVE_BG_ANIMATION_TYPES: Variant[] = ['gradient', 'ondark'];\n\nconst animateGradient = (\n  element: HTMLButtonElement | HTMLAnchorElement,\n  ref: React.RefObject<number | null>,\n  fromX: number,\n  toX: number,\n  duration: number,\n  onComplete?: () => void,\n) => {\n  const startTime = performance.now();\n\n  const animate = (time: number) => {\n    const elapsed = time - startTime;\n    const progress = Math.min(elapsed / duration, 1);\n    const newX = fromX + (toX - fromX) * easeOut(progress);\n\n    element.style.setProperty('--gradient-x', `${newX}%`);\n\n    if (progress >= 1) {\n      ref.current = null;\n      onComplete?.();\n      return;\n    }\n\n    ref.current = requestAnimationFrame(animate);\n  };\n\n  ref.current = requestAnimationFrame(animate);\n};\n\nconst animateGradientSize = (\n  element: HTMLButtonElement | HTMLAnchorElement,\n  ref: React.RefObject<number | null>,\n  fromWidth: number,\n  toWidth: number,\n  fromHeight: number,\n  toHeight: number,\n  duration: number,\n  onComplete?: () => void,\n) => {\n  const startTime = performance.now();\n\n  const animate = (time: number) => {\n    const elapsed = time - startTime;\n    const progress = Math.min(elapsed / duration, 1);\n    const newWidth = fromWidth + (toWidth - fromWidth) * easeIn(progress);\n    const newHeight = fromHeight + (toHeight - fromHeight) * easeIn(progress);\n\n    element.style.setProperty('--gradient-width', `${newWidth}%`);\n    element.style.setProperty('--gradient-height', `${newHeight}%`);\n\n    if (progress >= 1) {\n      ref.current = null;\n      onComplete?.();\n      return;\n    }\n\n    ref.current = requestAnimationFrame(animate);\n  };\n\n  ref.current = requestAnimationFrame(animate);\n};\n\nexport const useMarketingAnimations = (marketingType?: Variant) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const [glow, setGlow] = useState({\n    opacity: { left: 0, right: 0 },\n    blur: GLOW_BLUR_MIN,\n  });\n\n  const animationRef = useRef<number | null>(null);\n  const scaleAnimationRef = useRef<number | null>(null);\n  const lastMouseX = useRef<number>(0);\n\n  const hasHoverBgAnimation =\n    marketingType && HOVER_BG_ANIMATION_TYPES.includes(marketingType);\n  const hasHoverGlowAnimation =\n    marketingType && HOVER_GLOW_ANIMATION_TYPES.includes(marketingType);\n  const hasActiveBgAnimation =\n    marketingType && ACTIVE_BG_ANIMATION_TYPES.includes(marketingType);\n\n  const handleMouseMove = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const rect = e.currentTarget.getBoundingClientRect();\n    const x = ((e.clientX - rect.left) / rect.width) * 100;\n\n    lastMouseX.current = x;\n\n    if (hasHoverBgAnimation && isHovered) {\n      if (marketingType === 'gradient' && animationRef.current) {\n        const currentGradientX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');\n        if (currentGradientX <= x) {\n          cancelAnimationFrame(animationRef.current);\n          animationRef.current = null;\n        }\n      } else {\n        e.currentTarget.style.setProperty('--gradient-x', `${x}%`);\n      }\n    }\n\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: calculateGlowOpacity(x),\n        blur: calculateGlowBlur(x),\n      });\n    }\n  }, [hasHoverBgAnimation, hasHoverGlowAnimation, isHovered, marketingType]);\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const rect = e.currentTarget.getBoundingClientRect();\n    const mouseX = ((e.clientX - rect.left) / rect.width) * 100;\n\n    if (marketingType === 'gradient') {\n      const currentX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');\n\n      if (Math.abs(currentX - mouseX) > 1) {\n        if (animationRef.current) {\n          cancelAnimationFrame(animationRef.current);\n        }\n        animateGradient(e.currentTarget, animationRef, currentX, mouseX, 300, () => {\n          animationRef.current = null;\n        });\n      }\n    }\n\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: calculateGlowOpacity(mouseX),\n        blur: calculateGlowBlur(mouseX),\n      });\n    }\n\n    setIsHovered(true);\n  }, [hasHoverGlowAnimation, marketingType]);\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const element = e.currentTarget;\n\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: { left: 0, right: 0 },\n        blur: GLOW_BLUR_MIN,\n      });\n    }\n\n    if (animationRef.current && hasHoverBgAnimation) {\n      cancelAnimationFrame(animationRef.current);\n      animationRef.current = null;\n    }\n\n    if (marketingType === 'gradient') {\n      const currentX = parseFloat(element.style.getPropertyValue('--gradient-x') || '100');\n      animateGradient(element, animationRef, currentX, 100, 300, () => {\n        element.style.removeProperty('--gradient-x');\n      });\n    }\n\n    setIsHovered(false);\n    setIsActive(false);\n  }, [hasHoverBgAnimation, hasHoverGlowAnimation, marketingType]);\n\n  const handleMouseDown = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: { left: 0, right: 0 },\n        blur: GLOW_BLUR_MIN,\n      });\n    }\n\n    if (hasActiveBgAnimation) {\n      if (scaleAnimationRef.current) {\n        cancelAnimationFrame(scaleAnimationRef.current);\n      }\n      const currentWidth = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-width') || '100');\n      const currentHeight = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-height') || (marketingType === 'gradient' ? '328' : '180'));\n      animateGradientSize(e.currentTarget, scaleAnimationRef, currentWidth, 120, currentHeight, 394, 300);\n    }\n\n    setIsActive(true);\n  }, [hasActiveBgAnimation, hasHoverGlowAnimation, marketingType]);\n\n  const handleMouseUp = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const element = e.currentTarget;\n\n    if (hasHoverGlowAnimation) {\n      const x = lastMouseX.current;\n      setGlow({\n        opacity: calculateGlowOpacity(x),\n        blur: calculateGlowBlur(x),\n      });\n    }\n\n    if (hasActiveBgAnimation) {\n      if (scaleAnimationRef.current) {\n        cancelAnimationFrame(scaleAnimationRef.current);\n        scaleAnimationRef.current = null;\n      }\n      const currentWidth = parseFloat(element.style.getPropertyValue('--gradient-width') || '120');\n      const currentHeight = parseFloat(element.style.getPropertyValue('--gradient-height') || '394');\n      const defaultWidth = isHovered && marketingType === 'gradient' ? 90 : 100;\n      const defaultHeight = isHovered && marketingType === 'gradient' ? 300 : (marketingType === 'gradient' ? 328 : 180);\n      animateGradientSize(element, scaleAnimationRef, currentWidth, defaultWidth, currentHeight, defaultHeight, 300, () => {\n        element.style.removeProperty('--gradient-width');\n        element.style.removeProperty('--gradient-height');\n      });\n    }\n\n    setIsActive(false);\n  }, [hasActiveBgAnimation, hasHoverGlowAnimation, isHovered, marketingType]);\n\n  return {\n    handlers: {\n      onMouseMove: handleMouseMove,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onMouseDown: handleMouseDown,\n      onMouseUp: handleMouseUp,\n    },\n    glow,\n    isHovered,\n    isActive,\n    hasHoverBgAnimation,\n    hasHoverGlowAnimation,\n    highlightX: lastMouseX.current,\n  };\n};\n"],"names":["HOVER_BG_ANIMATION_TYPES","HOVER_GLOW_ANIMATION_TYPES","ACTIVE_BG_ANIMATION_TYPES","animateGradient","element","ref","fromX","toX","duration","onComplete","startTime","performance","animate","time","elapsed","progress","Math","newX","easeOut","requestAnimationFrame","animateGradientSize","fromWidth","toWidth","fromHeight","toHeight","newWidth","easeIn","newHeight","useMarketingAnimations","marketingType","isHovered","setIsHovered","useState","isActive","setIsActive","glow","setGlow","GLOW_BLUR_MIN","animationRef","useRef","scaleAnimationRef","lastMouseX","hasHoverBgAnimation","hasHoverGlowAnimation","hasActiveBgAnimation","handleMouseMove","useCallback","e","rect","x","currentGradientX","parseFloat","cancelAnimationFrame","calculateGlowOpacity","calculateGlowBlur","handleMouseEnter","mouseX","currentX","handleMouseLeave","handleMouseDown","currentWidth","currentHeight","handleMouseUp","defaultWidth","defaultHeight"],"mappings":";;AAUA,MAAMA,2BAAsC;IAAC;IAAY;IAAW;IAAe;IAAU;CAAU;AACvG,MAAMC,6BAAwC;IAAC;IAAY;IAAW;CAAY;AAClF,MAAMC,4BAAuC;IAAC;IAAY;CAAS;AAEnE,MAAMC,kBAAkB,CACtBC,SACAC,KACAC,OACAC,KACAC,UACAC;IAEA,MAAMC,YAAYC,YAAY,GAAG;IAEjC,MAAMC,UAAU,CAACC;QACf,MAAMC,UAAUD,OAAOH;QACvB,MAAMK,WAAWC,KAAK,GAAG,CAACF,UAAUN,UAAU;QAC9C,MAAMS,OAAOX,QAASC,AAAAA,CAAAA,MAAMD,KAAI,IAAKY,QAAQH;QAE7CX,QAAQ,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAGa,KAAK,CAAC,CAAC;QAEpD,IAAIF,YAAY,GAAG;YACjBV,IAAI,OAAO,GAAG;YACdI,QAAAA,cAAAA;YACA;QACF;QAEAJ,IAAI,OAAO,GAAGc,sBAAsBP;IACtC;IAEAP,IAAI,OAAO,GAAGc,sBAAsBP;AACtC;AAEA,MAAMQ,sBAAsB,CAC1BhB,SACAC,KACAgB,WACAC,SACAC,YACAC,UACAhB,UACAC;IAEA,MAAMC,YAAYC,YAAY,GAAG;IAEjC,MAAMC,UAAU,CAACC;QACf,MAAMC,UAAUD,OAAOH;QACvB,MAAMK,WAAWC,KAAK,GAAG,CAACF,UAAUN,UAAU;QAC9C,MAAMiB,WAAWJ,YAAaC,AAAAA,CAAAA,UAAUD,SAAQ,IAAKK,OAAOX;QAC5D,MAAMY,YAAYJ,aAAcC,AAAAA,CAAAA,WAAWD,UAAS,IAAKG,OAAOX;QAEhEX,QAAQ,KAAK,CAAC,WAAW,CAAC,oBAAoB,GAAGqB,SAAS,CAAC,CAAC;QAC5DrB,QAAQ,KAAK,CAAC,WAAW,CAAC,qBAAqB,GAAGuB,UAAU,CAAC,CAAC;QAE9D,IAAIZ,YAAY,GAAG;YACjBV,IAAI,OAAO,GAAG;YACdI,QAAAA,cAAAA;YACA;QACF;QAEAJ,IAAI,OAAO,GAAGc,sBAAsBP;IACtC;IAEAP,IAAI,OAAO,GAAGc,sBAAsBP;AACtC;AAEO,MAAMgB,yBAAyB,CAACC;IACrC,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAAS;IACzC,MAAM,CAACG,MAAMC,QAAQ,GAAGJ,SAAS;QAC/B,SAAS;YAAE,MAAM;YAAG,OAAO;QAAE;QAC7B,MAAMK;IACR;IAEA,MAAMC,eAAeC,OAAsB;IAC3C,MAAMC,oBAAoBD,OAAsB;IAChD,MAAME,aAAaF,OAAe;IAElC,MAAMG,sBACJb,iBAAiB7B,yBAAyB,QAAQ,CAAC6B;IACrD,MAAMc,wBACJd,iBAAiB5B,2BAA2B,QAAQ,CAAC4B;IACvD,MAAMe,uBACJf,iBAAiB3B,0BAA0B,QAAQ,CAAC2B;IAEtD,MAAMgB,kBAAkBC,YAAY,CAACC;QACnC,MAAMC,OAAOD,EAAE,aAAa,CAAC,qBAAqB;QAClD,MAAME,IAAMF,AAAAA,CAAAA,EAAE,OAAO,GAAGC,KAAK,IAAG,IAAKA,KAAK,KAAK,GAAI;QAEnDP,WAAW,OAAO,GAAGQ;QAErB,IAAIP,uBAAuBZ,WACzB,IAAID,AAAkB,eAAlBA,iBAAgCS,aAAa,OAAO,EAAE;YACxD,MAAMY,mBAAmBC,WAAWJ,EAAE,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,mBAAmB;YAC9F,IAAIG,oBAAoBD,GAAG;gBACzBG,qBAAqBd,aAAa,OAAO;gBACzCA,aAAa,OAAO,GAAG;YACzB;QACF,OACES,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAGE,EAAE,CAAC,CAAC;QAI7D,IAAIN,uBACFP,QAAQ;YACN,SAASiB,qBAAqBJ;YAC9B,MAAMK,kBAAkBL;QAC1B;IAEJ,GAAG;QAACP;QAAqBC;QAAuBb;QAAWD;KAAc;IAEzE,MAAM0B,mBAAmBT,YAAY,CAACC;QACpC,MAAMC,OAAOD,EAAE,aAAa,CAAC,qBAAqB;QAClD,MAAMS,SAAWT,AAAAA,CAAAA,EAAE,OAAO,GAAGC,KAAK,IAAG,IAAKA,KAAK,KAAK,GAAI;QAExD,IAAInB,AAAkB,eAAlBA,eAA8B;YAChC,MAAM4B,WAAWN,WAAWJ,EAAE,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,mBAAmB;YAEtF,IAAI/B,KAAK,GAAG,CAACyC,WAAWD,UAAU,GAAG;gBACnC,IAAIlB,aAAa,OAAO,EACtBc,qBAAqBd,aAAa,OAAO;gBAE3CnC,gBAAgB4C,EAAE,aAAa,EAAET,cAAcmB,UAAUD,QAAQ,KAAK;oBACpElB,aAAa,OAAO,GAAG;gBACzB;YACF;QACF;QAEA,IAAIK,uBACFP,QAAQ;YACN,SAASiB,qBAAqBG;YAC9B,MAAMF,kBAAkBE;QAC1B;QAGFzB,aAAa;IACf,GAAG;QAACY;QAAuBd;KAAc;IAEzC,MAAM6B,mBAAmBZ,YAAY,CAACC;QACpC,MAAM3C,UAAU2C,EAAE,aAAa;QAE/B,IAAIJ,uBACFP,QAAQ;YACN,SAAS;gBAAE,MAAM;gBAAG,OAAO;YAAE;YAC7B,MAAMC;QACR;QAGF,IAAIC,aAAa,OAAO,IAAII,qBAAqB;YAC/CU,qBAAqBd,aAAa,OAAO;YACzCA,aAAa,OAAO,GAAG;QACzB;QAEA,IAAIT,AAAkB,eAAlBA,eAA8B;YAChC,MAAM4B,WAAWN,WAAW/C,QAAQ,KAAK,CAAC,gBAAgB,CAAC,mBAAmB;YAC9ED,gBAAgBC,SAASkC,cAAcmB,UAAU,KAAK,KAAK;gBACzDrD,QAAQ,KAAK,CAAC,cAAc,CAAC;YAC/B;QACF;QAEA2B,aAAa;QACbG,YAAY;IACd,GAAG;QAACQ;QAAqBC;QAAuBd;KAAc;IAE9D,MAAM8B,kBAAkBb,YAAY,CAACC;QACnC,IAAIJ,uBACFP,QAAQ;YACN,SAAS;gBAAE,MAAM;gBAAG,OAAO;YAAE;YAC7B,MAAMC;QACR;QAGF,IAAIO,sBAAsB;YACxB,IAAIJ,kBAAkB,OAAO,EAC3BY,qBAAqBZ,kBAAkB,OAAO;YAEhD,MAAMoB,eAAeT,WAAWJ,EAAE,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB;YAC9F,MAAMc,gBAAgBV,WAAWJ,EAAE,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,wBAAyBlB,CAAAA,AAAkB,eAAlBA,gBAA+B,QAAQ,KAAI;YAC5IT,oBAAoB2B,EAAE,aAAa,EAAEP,mBAAmBoB,cAAc,KAAKC,eAAe,KAAK;QACjG;QAEA3B,YAAY;IACd,GAAG;QAACU;QAAsBD;QAAuBd;KAAc;IAE/D,MAAMiC,gBAAgBhB,YAAY,CAACC;QACjC,MAAM3C,UAAU2C,EAAE,aAAa;QAE/B,IAAIJ,uBAAuB;YACzB,MAAMM,IAAIR,WAAW,OAAO;YAC5BL,QAAQ;gBACN,SAASiB,qBAAqBJ;gBAC9B,MAAMK,kBAAkBL;YAC1B;QACF;QAEA,IAAIL,sBAAsB;YACxB,IAAIJ,kBAAkB,OAAO,EAAE;gBAC7BY,qBAAqBZ,kBAAkB,OAAO;gBAC9CA,kBAAkB,OAAO,GAAG;YAC9B;YACA,MAAMoB,eAAeT,WAAW/C,QAAQ,KAAK,CAAC,gBAAgB,CAAC,uBAAuB;YACtF,MAAMyD,gBAAgBV,WAAW/C,QAAQ,KAAK,CAAC,gBAAgB,CAAC,wBAAwB;YACxF,MAAM2D,eAAejC,aAAaD,AAAkB,eAAlBA,gBAA+B,KAAK;YACtE,MAAMmC,gBAAgBlC,aAAaD,AAAkB,eAAlBA,gBAA+B,MAAOA,AAAkB,eAAlBA,gBAA+B,MAAM;YAC9GT,oBAAoBhB,SAASoC,mBAAmBoB,cAAcG,cAAcF,eAAeG,eAAe,KAAK;gBAC7G5D,QAAQ,KAAK,CAAC,cAAc,CAAC;gBAC7BA,QAAQ,KAAK,CAAC,cAAc,CAAC;YAC/B;QACF;QAEA8B,YAAY;IACd,GAAG;QAACU;QAAsBD;QAAuBb;QAAWD;KAAc;IAE1E,OAAO;QACL,UAAU;YACR,aAAagB;YACb,cAAcU;YACd,cAAcG;YACd,aAAaC;YACb,WAAWG;QACb;QACA3B;QACAL;QACAG;QACAS;QACAC;QACA,YAAYF,WAAW,OAAO;IAChC;AACF"}

package/dist/MarketingButton/utils.js

@@ -1,24 +1,23 @@
-export const GLOW_BLUR_MIN = 16;
+const GLOW_BLUR_MIN = 16;
 const BUFFER_PERCENT_GLOW = 5;
 const GLOW_ZONE_LEFT_END = 40;
 const GLOW_ZONE_RIGHT_START = 60;
 const GLOW_OPACITY_MAX = 0.8;
 const GLOW_BLUR_MAX = 32;
-export const calculateGlowOpacity = (x) => {
-    const leftOpacity = x <= BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : (x <= GLOW_ZONE_LEFT_END
-        ? Math.max(0.02, GLOW_OPACITY_MAX - ((x - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))
-        : 0);
-    const rightOpacity = x >= (100 - BUFFER_PERCENT_GLOW) ? GLOW_OPACITY_MAX : (x >= GLOW_ZONE_RIGHT_START
-        ? Math.max(0.02, ((x - GLOW_ZONE_RIGHT_START) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))
-        : 0);
-    return { left: leftOpacity, right: rightOpacity };
+const calculateGlowOpacity = (x)=>{
+    const leftOpacity = x <= BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : x <= GLOW_ZONE_LEFT_END ? Math.max(0.02, GLOW_OPACITY_MAX - (x - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)) : 0;
+    const rightOpacity = x >= 100 - BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : x >= GLOW_ZONE_RIGHT_START ? Math.max(0.02, (x - GLOW_ZONE_RIGHT_START) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)) : 0;
+    return {
+        left: leftOpacity,
+        right: rightOpacity
+    };
 };
-export const calculateGlowBlur = (x) => {
+const calculateGlowBlur = (x)=>{
     const distFromEdge = Math.min(x, 100 - x);
-    return distFromEdge <= BUFFER_PERCENT_GLOW ? GLOW_BLUR_MIN : (distFromEdge <= GLOW_ZONE_LEFT_END
-        ? GLOW_BLUR_MIN + ((GLOW_BLUR_MAX - GLOW_BLUR_MIN) * ((distFromEdge - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))
-        : GLOW_BLUR_MIN);
+    return distFromEdge <= BUFFER_PERCENT_GLOW ? GLOW_BLUR_MIN : distFromEdge <= GLOW_ZONE_LEFT_END ? GLOW_BLUR_MIN + (distFromEdge - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW) * (GLOW_BLUR_MAX - GLOW_BLUR_MIN) : GLOW_BLUR_MIN;
 };
-export const easeOut = (t) => 1 - Math.pow(1 - t, 3);
-export const easeIn = (t) => Math.pow(t, 3);
+const easeOut = (t)=>1 - Math.pow(1 - t, 3);
+const easeIn = (t)=>Math.pow(t, 3);
+export { GLOW_BLUR_MIN, calculateGlowBlur, calculateGlowOpacity, easeIn, easeOut };
+
 //# sourceMappingURL=utils.js.map

package/dist/MarketingButton/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/MarketingButton/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAEhC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,aAAa,GAAG,EAAE,CAAC;AAEzB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAS,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAChE,CAAC,IAAI,kBAAkB;QACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC;QAC7G,CAAC,CAAC,CAAC,CACN,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACzE,CAAC,IAAI,qBAAqB;QACxB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,GAAG,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC,CAAC,CACN,CAAC;IACF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAS,EAAE,EAAE;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;IAC1C,OAAO,YAAY,IAAI,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAC3D,YAAY,IAAI,kBAAkB;QAChC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC;QACzI,CAAC,CAAC,aAAa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"MarketingButton/utils.js","sources":["../../src/MarketingButton/utils.ts"],"sourcesContent":["export const GLOW_BLUR_MIN = 16;\n\nconst BUFFER_PERCENT_GLOW = 5;\nconst GLOW_ZONE_LEFT_END = 40;\nconst GLOW_ZONE_RIGHT_START = 60;\nconst GLOW_OPACITY_MAX = 0.8;\nconst GLOW_BLUR_MAX = 32;\n\nexport const calculateGlowOpacity = (x: number) => {\n  const leftOpacity = x <= BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : (\n    x <= GLOW_ZONE_LEFT_END\n      ? Math.max(0.02, GLOW_OPACITY_MAX - ((x - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))\n      : 0\n  );\n  const rightOpacity = x >= (100 - BUFFER_PERCENT_GLOW) ? GLOW_OPACITY_MAX : (\n    x >= GLOW_ZONE_RIGHT_START\n      ? Math.max(0.02, ((x - GLOW_ZONE_RIGHT_START) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))\n      : 0\n  );\n  return { left: leftOpacity, right: rightOpacity };\n};\n\nexport const calculateGlowBlur = (x: number) => {\n  const distFromEdge = Math.min(x, 100 - x);\n  return distFromEdge <= BUFFER_PERCENT_GLOW ? GLOW_BLUR_MIN : (\n    distFromEdge <= GLOW_ZONE_LEFT_END\n      ? GLOW_BLUR_MIN + ((GLOW_BLUR_MAX - GLOW_BLUR_MIN) * ((distFromEdge - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))\n      : GLOW_BLUR_MIN\n  );\n};\n\nexport const easeOut = (t: number) => 1 - Math.pow(1 - t, 3);\nexport const easeIn = (t: number) => Math.pow(t, 3);\n"],"names":["GLOW_BLUR_MIN","BUFFER_PERCENT_GLOW","GLOW_ZONE_LEFT_END","GLOW_ZONE_RIGHT_START","GLOW_OPACITY_MAX","GLOW_BLUR_MAX","calculateGlowOpacity","x","leftOpacity","Math","rightOpacity","calculateGlowBlur","distFromEdge","easeOut","t","easeIn"],"mappings":"AAAO,MAAMA,gBAAgB;AAE7B,MAAMC,sBAAsB;AAC5B,MAAMC,qBAAqB;AAC3B,MAAMC,wBAAwB;AAC9B,MAAMC,mBAAmB;AACzB,MAAMC,gBAAgB;AAEf,MAAMC,uBAAuB,CAACC;IACnC,MAAMC,cAAcD,KAAKN,sBAAsBG,mBAC7CG,KAAKL,qBACDO,KAAK,GAAG,CAAC,MAAML,mBAAqBG,AAAAA,CAAAA,IAAIN,mBAAkB,IAAMC,CAAAA,qBAAqBD,mBAAkB,KACvG;IAEN,MAAMS,eAAeH,KAAM,MAAMN,sBAAuBG,mBACtDG,KAAKJ,wBACDM,KAAK,GAAG,CAAC,MAAQF,AAAAA,CAAAA,IAAIJ,qBAAoB,IAAMD,CAAAA,qBAAqBD,mBAAkB,KACtF;IAEN,OAAO;QAAE,MAAMO;QAAa,OAAOE;IAAa;AAClD;AAEO,MAAMC,oBAAoB,CAACJ;IAChC,MAAMK,eAAeH,KAAK,GAAG,CAACF,GAAG,MAAMA;IACvC,OAAOK,gBAAgBX,sBAAsBD,gBAC3CY,gBAAgBV,qBACZF,gBAAkBK,AAAmCO,CAAAA,eAAeX,mBAAkB,IAAMC,CAAAA,qBAAqBD,mBAAkB,IAAjHI,CAAAA,gBAAgBL,aAAY,IAC9CA;AAER;AAEO,MAAMa,UAAU,CAACC,IAAc,IAAIL,KAAK,GAAG,CAAC,IAAIK,GAAG;AACnD,MAAMC,SAAS,CAACD,IAAcL,KAAK,GAAG,CAACK,GAAG"}