{"version":3,"file":"DdbPtXHY.js","sources":["../../../../../../src/lib/components/common/ButtonV2.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { onMount } from 'svelte';\n\n  let {\n    label = undefined,\n    type = \"button\",\n    theme = \"primary\",\n    variant = \"solid\",\n    size = \"md\",\n    isDisabled = false,\n    fullWidth = false,\n    uppercase = false,\n    disabled = false,\n    className = \"\",\n    element = $bindable(null),\n    animationIterations = 1\n  } = $props<{\n    label?: string;\n    type?: \"button\" | \"submit\" | \"reset\";\n    theme?: \"primary\" | \"secondary\" | \"success\" | \"error\" | \"warning\" | \"accent-green\" | \"accent-blue\" | \"accent-red\" | \"muted\";\n    variant?: \"solid\" | \"outline\" | \"transparent\" | \"shine\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    isDisabled?: boolean;\n    fullWidth?: boolean;\n    uppercase?: boolean;\n    disabled?: boolean;\n    className?: string;\n    element?: HTMLButtonElement | null;\n    animationIterations?: number;\n  }>();\n  \n  // Convert state to runes\n  let hasAnimated = $state(false);\n  \n  // Compute animation iteration count for CSS\n  let animationCount = $derived(animationIterations <= 0 ? 'infinite' : animationIterations.toString());\n\n  // Theme-based styles\n  const baseThemeClasses = {\n    primary: \"text-kong-text-on-primary\",\n    secondary: \"text-kong-text-primary\",\n    success: \"text-kong-success\",\n    error: \"text-white\",\n    warning: \"text-kong-warning\",\n    \"accent-green\": \"text-kong-bg-dark\",\n    \"accent-blue\": \"text-kong-white\",\n    \"accent-red\": \"text-kong-white\",\n    muted: \"text-kong-text-inverse/60\",\n  };\n\n  const solidThemeClasses = {\n    primary: \"bg-kong-primary hover:bg-kong-primary-hover\",\n    secondary: \"bg-kong-bg-light\",\n    success: \"bg-kong-accent-green hover:bg-kong-accent-green-hover\",\n    error: \"bg-red-600 hover:bg-red-700\",\n    warning: \"bg-kong-warning hover:bg-yellow-500\",\n    \"accent-green\": \"bg-kong-accent-green hover:bg-kong-accent-green-hover\",\n    \"accent-blue\": \"bg-kong-accent-blue hover:bg-kong-accent-blue-hover\",\n    \"accent-red\": \"bg-kong-accent-red hover:bg-kong-accent-red-hover\",\n    muted: \"bg-white/5 hover:bg-white/10 text-white/90 hover:text-white\",\n  };\n\n  const outlineThemeClasses = {\n    primary: \"border border-kong-primary text-kong-text-primary hover:bg-kong-primary/10\",\n    secondary: \"border border-white/10 text-white/90 hover:bg-white/5\",\n    \"accent-green\": \"border border-kong-accent-green text-kong-text-accent-green hover:bg-kong-accent-green/10\",\n    \"accent-blue\": \"border border-kong-accent-blue text-kong-accent-blue hover:bg-kong-accent-blue/10\",\n    \"accent-red\": \"border border-kong-accent-red text-kong-accent-red hover:bg-kong-accent-red/10\",\n    success: \"border border-kong-success text-kong-success hover:bg-kong-success/10\",\n    error: \"border border-red-600 text-red-500 hover:bg-red-600/10\",\n    warning: \"border border-kong-warning text-kong-warning hover:bg-kong-warning/10\",\n    muted: \"border border-white/10 text-white/50 hover:bg-white/5\",\n  };\n\n  const transparentThemeClasses = {\n    primary: \"bg-transparent text-kong-primary hover:bg-kong-primary/10\",\n    secondary: \"bg-transparent text-white/90 hover:bg-white/5\",\n    \"accent-green\": \"bg-transparent text-kong-text-accent-green hover:bg-kong-accent-green/10\",\n    \"accent-blue\": \"bg-transparent text-kong-accent-blue hover:bg-kong-accent-blue/10\",\n    \"accent-red\": \"bg-transparent text-kong-accent-red hover:bg-kong-accent-red/10\",\n    success: \"bg-transparent text-kong-success hover:bg-kong-success/10\",\n    error: \"bg-transparent text-red-600 hover:bg-red-600/10\",\n    warning: \"bg-transparent text-kong-warning hover:bg-kong-warning/10\",\n    muted: \"bg-transparent text-white/50 hover:bg-white/5\",\n  };\n\n  const sizeClasses = {\n    xs: \"px-2 py-1 text-xs\",\n    sm: \"px-3 py-1 text-sm\",\n    md: \"px-4 py-2 text-sm\",\n    lg: \"px-6 py-3 text-base\",\n  };\n\n  const shineThemeClasses = {\n    primary: `\n      relative overflow-hidden\n      bg-gradient-to-r from-kong-primary to-kong-primary-hover\n      hover:from-kong-primary-hover hover:to-kong-primary\n      shadow-lg hover:shadow-xl\n      border border-white/10\n      transform hover:-translate-y-0.5\n      transition-all duration-200\n    `,\n    secondary: \"bg-gradient-to-r from-kong-secondary to-kong-secondary-hover\",\n    success: \"bg-gradient-to-r from-kong-success to-green-500\",\n    error: \"bg-gradient-to-r from-kong-error to-red-500\",\n    warning: \"bg-gradient-to-r from-kong-warning to-yellow-500\",\n    \"accent-green\": \"bg-gradient-to-r from-kong-accent-green to-kong-accent-green-hover\",\n    \"accent-blue\": \"bg-gradient-to-r from-kong-accent-blue to-kong-accent-blue-hover\",\n    \"accent-red\": \"bg-gradient-to-r from-kong-accent-red to-kong-accent-red-hover\",\n    muted: \"bg-gradient-to-r from-white/10 to-white/20\",\n  };\n\n  const variantClasses = {\n    solid: solidThemeClasses[theme],\n    outline: outlineThemeClasses[theme],\n    transparent: transparentThemeClasses[theme],\n    shine: shineThemeClasses[theme],\n  };\n  \n  function handleAnimationEnd() {\n    if (animationIterations > 0) {\n      hasAnimated = true;\n    }\n  }\n  \n  onMount(() => {\n    hasAnimated = false;\n  });\n</script>\n\n<button\n  bind:this={element}\n  type={type}\n  class=\"rounded-lg font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed \n    {baseThemeClasses[theme]} {variantClasses[variant]} {sizeClasses[size]} \n    {fullWidth ? 'w-full' : 'w-auto'} {uppercase ? 'uppercase' : ''} {className}\"\n  disabled={isDisabled}\n  on:click\n>\n  <div class=\"relative z-10\">\n    {#if label}\n      {label}\n    {:else}\n      <slot />\n    {/if}\n  </div>\n\n  {#if variant === \"shine\" && !isDisabled && (!hasAnimated || animationIterations <= 0)}\n    <div class=\"absolute inset-0 overflow-hidden\">\n      <div class=\"shine-effect\" style=\"animation-iteration-count: {animationCount};\" on:animationend={handleAnimationEnd}></div>\n    </div>\n    <div class=\"ready-glow\" style=\"animation-iteration-count: {animationCount};\"></div>\n  {/if}\n</button>\n\n<style>\n  .shine-effect {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.2),\n      transparent\n    );\n    transform: skewX(-20deg);\n    pointer-events: none;\n    animation: shine 3s; /* Removed fixed iteration count */\n  }\n\n  .ready-glow {\n    position: absolute;\n    inset: -2px;\n    border-radius: inherit;\n    background: linear-gradient(\n      135deg,\n      rgba(55, 114, 255, 0.5),\n      rgba(111, 66, 193, 0.5)\n    );\n    opacity: 0;\n    filter: blur(8px);\n    transition: opacity 0.3s ease;\n    animation: pulse-glow 2s ease-in-out; /* Removed fixed iteration count */\n  }\n\n  @keyframes shine {\n    0%, 100% {\n      left: -100%;\n    }\n    35%, 65% {\n      left: 200%;\n    }\n  }\n\n  @keyframes pulse-glow {\n    0%, 100% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 0.5;\n      transform: scale(1.02);\n    }\n  }\n</style>\n"],"names":["label","type","theme","variant","size","isDisabled","fullWidth","uppercase","className","element","animationIterations","$.prop","$$props","hasAnimated","animationCount","$.derived","toString","baseThemeClasses","primary","secondary","success","error","warning","muted","sizeClasses","xs","sm","md","lg","shineThemeClasses","variantClasses","solid","outline","transparent","shine","handleAnimationEnd","$.set","onMount","$$render","consequent","alternate","consequent_1","bind_this","button","$$value"],"mappings":"qdAII,IAAAA,qBAAQ,GACRC,eAAO,UACPC,gBAAQ,WACRC,kBAAU,SACVC,eAAO,MACPC,sBAAa,GACbC,qBAAY,GACZC,qBAAY,qBACD,GACX,IAAAC,oBAAY,IACZC,mBAAoB,MACpBC,EAAsBC,EAAAC,EAAA,sBAAA,EAAA,GAiBpBC,KAAqB,GAGrBC,EAAcC,GAAA,IAAYL,KAAuB,EAAI,WAAaA,IAAoBM,mBAGpFC,EAAgB,CACpBC,QAAS,4BACTC,UAAW,yBACXC,QAAS,oBACTC,MAAO,aACPC,QAAS,oBACT,eAAgB,oBAChB,cAAe,kBACf,aAAc,kBACdC,MAAO,6BAuCHC,EAAW,CACfC,GAAI,oBACJC,GAAI,oBACJC,GAAI,oBACJC,GAAI,uBAGAC,EAAiB,CACrBX,QAAO,8SASPC,UAAW,+DACXC,QAAS,kDACTC,MAAO,8CACPC,QAAS,mDACT,eAAgB,qEAChB,cAAe,mEACf,aAAc,iEACdC,MAAO,8CAGHO,EAAc,CAClBC,MAhEqB,CACrBb,QAAS,8CACTC,UAAW,mBACXC,QAAS,wDACTC,MAAO,8BACPC,QAAS,sCACT,eAAgB,wDAChB,cAAe,sDACf,aAAc,oDACdC,MAAO,+DAuDkBrB,KACzB8B,QArDuB,CACvBd,QAAS,6EACTC,UAAW,wDACX,eAAgB,4FAChB,cAAe,oFACf,aAAc,iFACdC,QAAS,wEACTC,MAAO,yDACPC,QAAS,wEACTC,MAAO,yDA4CsBrB,KAC7B+B,YA1C2B,CAC3Bf,QAAS,4DACTC,UAAW,gDACX,eAAgB,2EAChB,cAAe,oEACf,aAAc,kEACdC,QAAS,4DACTC,MAAO,kDACPC,QAAS,4DACTC,MAAO,iDAiC8BrB,KACrCgC,MAAOL,EAAkB3B,MAGlB,SAAAiC,IACHzB,IAAsB,GACxB0B,EAAAvB,GAAc,EAElB,CAEAwB,GAAc,KACZD,EAAAvB,GAAc,EAAK,uDAehBb,gFADEA,IAAKsC,EAAAC,GAAAD,EAAAE,GAAA,EAAA,0HASqD1B,IAAc,mDAElBA,IAAc,MAAA,uBAFyBqB,oBAFnF,UAAZhC,KAAwBE,OAAgBQ,MAAeH,KAAuB,MAAC+B,EAAA,SAhBzEC,EAAAC,GAAAC,GAAAnC,WAAAA,yBACLR,uHAEHgB,EAAiBf,MAAS,MAAA4B,EAAe3B,MAAO,MAAIqB,EAAYpB,MAAI,aACpEE,IAAY,SAAW,WAAQ,OAAGC,IAAY,YAAc,KAAE,MAAGC,KAAS,iCACnEH,GAAU"}