{"version":3,"file":"CtaButtonAnimation.DJ8Lj966.mjs","names":[],"sources":["https:/framerusercontent.com/modules/yDZOlzQheoVrMuA60ljw/ydfcbWStUI7b7wASuhwp/CtaButtonAnimation.js"],"sourcesContent":["/**\n * CtaButtonAnimation v1.1.5\n * CTAボタン向けCode Override\n *\n * 特徴:\n * - FocusWaveButton / PurupuruButton / ランキングCTA演出を1ファイルに統合\n * - box-shadowによる波形アニメーション\n * - ぷるぷる振動アニメーション\n * - ランキングLP風の押し込みアニメーション\n * - 疑似要素による共通シャイン\n * - 旧Override関数名を維持\n * - HOCファクトリーを使わない直接実装パターン\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";const CTA_BUTTON_STYLE_ID=\"cta-button-animation-styles\";const CTA_BUTTON_ANIMATION_CSS=`\n@keyframes ctaButtonPress {\n    0% {\n        box-shadow: 0 var(--cta-button-press-depth, 5px) 0 var(--cta-button-shadow-color, #e78b1e);\n        top: 0;\n    }\n    10% {\n        box-shadow: 0 0 0 var(--cta-button-shadow-color, #e78b1e);\n        top: var(--cta-button-press-depth, 5px);\n    }\n    20% {\n        box-shadow: 0 var(--cta-button-press-depth, 5px) 0 var(--cta-button-shadow-color, #e78b1e);\n        top: 0;\n    }\n    30% {\n        box-shadow: 0 0 0 var(--cta-button-shadow-color, #e78b1e);\n        top: var(--cta-button-press-depth, 5px);\n    }\n    40% {\n        box-shadow: 0 var(--cta-button-press-depth, 5px) 0 var(--cta-button-shadow-color, #e78b1e);\n        top: 0;\n    }\n    100% {\n        box-shadow: 0 var(--cta-button-press-depth, 5px) 0 var(--cta-button-shadow-color, #e78b1e);\n        top: 0;\n    }\n}\n\n@keyframes ctaButtonWave {\n    0%, 100% {\n        box-shadow: 0 0 0 0 rgba(var(--cta-button-wave-rgb, 16, 185, 129), 0.5);\n    }\n    50% {\n        box-shadow: 0 0 0 var(--cta-button-wave-spread, 20px) rgba(var(--cta-button-wave-rgb, 16, 185, 129), 0);\n    }\n}\n\n@keyframes ctaButtonPurupuru {\n    0% {\n        transform: rotate(0deg) skew(0deg, 0deg);\n    }\n    5% {\n        transform: rotate(5deg) skew(2.69703deg, 0deg);\n    }\n    10% {\n        transform: rotate(0deg) skew(-1.5deg, 0deg);\n    }\n    15% {\n        transform: rotate(-5deg) skew(-2.69703deg, 0deg);\n    }\n    20% {\n        transform: rotate(0deg) skew(1.5deg, 0deg);\n    }\n    25% {\n        transform: rotate(3deg) skew(2deg, 0deg);\n    }\n    30% {\n        transform: rotate(0deg) skew(0deg, 0deg);\n    }\n    35% {\n        transform: rotate(-2deg) skew(-1.8deg, 0deg);\n    }\n    40% {\n        transform: rotate(0deg) skew(0deg, 0deg);\n    }\n    100% {\n        transform: rotate(0deg) skew(0deg, 0deg);\n    }\n}\n\n@keyframes ctaButtonKiran {\n    0% {\n        left: -10%;\n        transform: scale(5) rotate(45deg);\n        opacity: 0;\n    }\n    20% {\n        left: -10%;\n        transform: scale(5) rotate(45deg);\n        opacity: 0;\n    }\n    25% {\n        left: 10%;\n        transform: scale(15) rotate(45deg);\n        opacity: 0.6;\n    }\n    40% {\n        left: 110%;\n        transform: scale(20) rotate(45deg);\n        opacity: 0;\n    }\n    100% {\n        left: 110%;\n        transform: scale(20) rotate(45deg);\n        opacity: 0;\n    }\n}\n\n.cta-button-animation-press {\n    animation: ctaButtonPress var(--cta-button-press-duration, 2s) infinite;\n}\n\n.cta-button-animation-wave {\n    animation: ctaButtonWave var(--cta-button-wave-duration, 3s) ease-in-out infinite;\n}\n\n.cta-button-animation-purupuru {\n    animation: ctaButtonPurupuru var(--cta-button-purupuru-duration, 2s) linear 0s infinite;\n    transform-origin: center center;\n}\n\n.cta-button-animation-shiny,\n.cta-button-animation-kiran {\n    overflow: hidden;\n    isolation: isolate;\n}\n\n.cta-button-animation-shiny::before,\n.cta-button-animation-kiran::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: -10%;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 0.9) 50%,\n        rgba(255, 255, 255, 0) 100%\n    );\n    transform: scale(5) rotate(45deg);\n    transform-origin: center center;\n    opacity: 0;\n    animation: ctaButtonKiran var(--cta-button-kiran-duration, 3s) linear 500ms infinite;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cta-button-animation-toggle-kiran.active {\n    animation: ctaButtonPurupuru var(--cta-button-purupuru-duration, 2s) linear 0s infinite !important;\n}\n\n.cta-button-animation-toggle-kiran.active::before {\n    animation: ctaButtonKiran var(--cta-button-kiran-duration, 3s) linear 500ms infinite !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .cta-button-animation-press,\n    .cta-button-animation-wave,\n    .cta-button-animation-purupuru,\n    .cta-button-animation-toggle-kiran.active,\n    .cta-button-animation-shiny::before,\n    .cta-button-animation-kiran::before,\n    .cta-button-animation-toggle-kiran.active::before {\n        animation: none !important;\n    }\n}\n`;// スクショ元に近いオレンジCTA: 押し込み + シャイン + 背景色\nexport function withCtaPressShineOrange(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",background:\"#ffa234\",boxShadow:\"0 5px 0 #e78b1e\",\"--cta-button-shadow-color\":\"#e78b1e\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press cta-button-animation-shiny`,style:style});};}// 緑CTA: 押し込み + シャイン + 背景色\nexport function withCtaPressShineGreen(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",background:\"#10b981\",boxShadow:\"0 5px 0 #0f8f65\",\"--cta-button-shadow-color\":\"#0f8f65\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press cta-button-animation-shiny`,style:style});};}// 青CTA: 押し込み + シャイン + 背景色\nexport function withCtaPressShineBlue(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",background:\"#3b82f6\",boxShadow:\"0 5px 0 #2563c7\",\"--cta-button-shadow-color\":\"#2563c7\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press cta-button-animation-shiny`,style:style});};}// ピンクCTA: 押し込み + シャイン + 背景色\nexport function withCtaPressShinePink(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",background:\"#ec4899\",boxShadow:\"0 5px 0 #be2f77\",\"--cta-button-shadow-color\":\"#be2f77\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press cta-button-animation-shiny`,style:style});};}// 赤CTA: 押し込み + シャイン + 背景色\nexport function withCtaPressShineRed(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",background:\"#ef4444\",boxShadow:\"0 5px 0 #b91c1c\",\"--cta-button-shadow-color\":\"#b91c1c\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press cta-button-animation-shiny`,style:style});};}// 色を変えずに、押し込み + シャインだけ追加\nexport function withCtaPressShineOnly(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",boxShadow:props.style?.boxShadow||\"0 5px 0 rgba(0, 0, 0, 0.2)\",\"--cta-button-shadow-color\":\"rgba(0, 0, 0, 0.2)\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press cta-button-animation-shiny`,style:style});};}// シャインだけ追加。既存のanimationと競合しにくい軽量版\nexport function withCtaShineOnly(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-shiny`,style:style});};}// 押し込みだけ追加。シャインが不要なときに使用\nexport function withCtaPressOnly(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",boxShadow:props.style?.boxShadow||\"0 5px 0 rgba(0, 0, 0, 0.2)\",\"--cta-button-shadow-color\":\"rgba(0, 0, 0, 0.2)\",\"--cta-button-press-depth\":\"5px\",\"--cta-button-press-duration\":\"2s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-press`,style:style});};}// ================================================================================\n// FocusWaveButton 互換: 波形エフェクト\n// ================================================================================\nexport function withFocusWaveGreen(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"16, 185, 129\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}export function withFocusWaveBlue(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"59, 130, 246\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}export function withFocusWavePink(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"236, 72, 153\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}export function withFocusWaveOrange(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"249, 115, 22\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}export function withFocusWaveRed(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"239, 68, 68\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}export function withFocusWavePurple(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"139, 92, 246\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}export function withFocusWaveYellow(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",\"--cta-button-wave-rgb\":\"234, 179, 8\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave`,style:style});};}// ================================================================================\n// FocusWaveButton 互換: 波形 + キラッ\n// ================================================================================\nexport function withFocusWaveShineGreen(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"16, 185, 129\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}export function withFocusWaveShineBlue(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"59, 130, 246\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}export function withFocusWaveShinePink(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"236, 72, 153\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}export function withFocusWaveShineOrange(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"249, 115, 22\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}export function withFocusWaveShineRed(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"239, 68, 68\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}export function withFocusWaveShinePurple(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"139, 92, 246\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}export function withFocusWaveShineYellow(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonWave 3s ease-in-out infinite\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-wave-rgb\":\"234, 179, 8\",\"--cta-button-wave-spread\":\"20px\",\"--cta-button-wave-duration\":\"3s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-wave cta-button-animation-kiran`,style:style});};}// ================================================================================\n// PurupuruButton 互換: ぷるぷる / キラッ\n// ================================================================================\nexport function withPurupuru(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonPurupuru 2s linear 0s infinite\",transformOrigin:\"center center\",\"--cta-button-purupuru-duration\":\"2s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-purupuru`,style:style});};}export function withKiran(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-kiran`,style:style});};}export function withPurupuruKiran(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const style={...props.style,animation:\"ctaButtonPurupuru 2s linear 0s infinite\",transformOrigin:\"center center\",position:props.style?.position||\"relative\",overflow:\"hidden\",\"--cta-button-purupuru-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-purupuru cta-button-animation-kiran`,style:style});};}export function withTogglePurupuruKiran(Component){return props=>{useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(CTA_BUTTON_STYLE_ID))return;const styleElement=document.createElement(\"style\");styleElement.id=CTA_BUTTON_STYLE_ID;styleElement.textContent=CTA_BUTTON_ANIMATION_CSS;document.head.appendChild(styleElement);},[]);const handleClick=event=>{const element=event.currentTarget;element.classList.toggle(\"active\");if(props.onClick){props.onClick(event);}};const style={...props.style,transformOrigin:\"center center\",position:props.style?.position||\"relative\",overflow:\"hidden\",cursor:\"pointer\",\"--cta-button-purupuru-duration\":\"2s\",\"--cta-button-kiran-duration\":\"3s\"};return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} cta-button-animation-kiran cta-button-animation-toggle-kiran`,style:style,onClick:handleClick});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withFocusWaveYellow\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveYellow\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveRed\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveRed\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressShineRed\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressShineRed\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPurupuruKiran\":{\"type\":\"reactHoc\",\"name\":\"withPurupuruKiran\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressShineGreen\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressShineGreen\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPurupuru\":{\"type\":\"reactHoc\",\"name\":\"withPurupuru\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTogglePurupuruKiran\":{\"type\":\"reactHoc\",\"name\":\"withTogglePurupuruKiran\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveOrange\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveOrange\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKiran\":{\"type\":\"reactHoc\",\"name\":\"withKiran\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShineRed\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShineRed\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShineBlue\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShineBlue\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveBlue\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveBlue\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressShineOnly\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressShineOnly\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaShineOnly\":{\"type\":\"reactHoc\",\"name\":\"withCtaShineOnly\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressShineBlue\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressShineBlue\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShineOrange\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShineOrange\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShineYellow\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShineYellow\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWavePurple\":{\"type\":\"reactHoc\",\"name\":\"withFocusWavePurple\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressShineOrange\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressShineOrange\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWavePink\":{\"type\":\"reactHoc\",\"name\":\"withFocusWavePink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShinePink\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShinePink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShineGreen\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShineGreen\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressOnly\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressOnly\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveShinePurple\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveShinePurple\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFocusWaveGreen\":{\"type\":\"reactHoc\",\"name\":\"withFocusWaveGreen\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCtaPressShinePink\":{\"type\":\"reactHoc\",\"name\":\"withCtaPressShinePink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CtaButtonAnimation.map"],"mappings":"kHA4KA,SAAgB,EAAwB,EAAU,CAAC,MAAO,IAAO,CAAC,MAAc,CAAyC,GAArC,OAAO,SAAW,KAAsB,SAAS,eAAe,CAAmB,EAAE,OAAO,IAAM,EAAa,SAAS,cAAc,OAAO,EAAE,EAAa,GAAG,EAAoB,EAAa,YAAY,EAAyB,SAAS,KAAK,YAAY,CAAY,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,CAAC,GAAG,EAAM,MAAM,SAAS,EAAM,OAAO,UAAU,WAAW,SAAS,SAAS,WAAW,UAAU,UAAU,kBAAkB,4BAA4B,UAAU,2BAA2B,MAAM,8BAA8B,KAAK,8BAA8B,IAAI,EAAE,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,wDAA8D,OAAK,CAAC,CAAE,CAAE,CAMrxB,SAAgB,EAAiB,EAAU,CAAC,MAAO,IAAO,CAAC,MAAc,CAAyC,GAArC,OAAO,SAAW,KAAsB,SAAS,eAAe,CAAmB,EAAE,OAAO,IAAM,EAAa,SAAS,cAAc,OAAO,EAAE,EAAa,GAAG,EAAoB,EAAa,YAAY,EAAyB,SAAS,KAAK,YAAY,CAAY,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,CAAC,GAAG,EAAM,MAAM,SAAS,EAAM,OAAO,UAAU,WAAW,SAAS,SAAS,8BAA8B,IAAI,EAAE,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,6BAAmC,OAAK,CAAC,CAAE,CAAE,CAI+D,SAAgB,EAAkB,EAAU,CAAC,MAAO,IAAO,CAAC,MAAc,CAAyC,GAArC,OAAO,SAAW,KAAsB,SAAS,eAAe,CAAmB,EAAE,OAAO,IAAM,EAAa,SAAS,cAAc,OAAO,EAAE,EAAa,GAAG,EAAoB,EAAa,YAAY,EAAyB,SAAS,KAAK,YAAY,CAAY,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,CAAC,GAAG,EAAM,MAAM,UAAU,wCAAwC,wBAAwB,eAAe,2BAA2B,OAAO,6BAA6B,IAAI,EAAE,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,4BAAkC,OAAK,CAAC,CAAE,CAAE,CAMxG,SAAgB,EAAkB,EAAU,CAAC,MAAO,IAAO,CAAC,MAAc,CAAyC,GAArC,OAAO,SAAW,KAAsB,SAAS,eAAe,CAAmB,EAAE,OAAO,IAAM,EAAa,SAAS,cAAc,OAAO,EAAE,EAAa,GAAG,EAAoB,EAAa,YAAY,EAAyB,SAAS,KAAK,YAAY,CAAY,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,CAAC,GAAG,EAAM,MAAM,UAAU,0CAA0C,gBAAgB,gBAAgB,SAAS,EAAM,OAAO,UAAU,WAAW,SAAS,SAAS,iCAAiC,KAAK,8BAA8B,IAAI,EAAE,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,2DAAiE,OAAK,CAAC,CAAE,CAAE,qBAhLx4D,IAA6B,EAAO,EAAoB,8BAAoC,EAAyB"}