{"version":3,"file":"Buttonv2.CZdjFO04.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/ANKp5huTB8JbpYJq29Ia/HnFYjDyuyfliVGu8fBgl/Buttonv2.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * SMUC Button — Code Component pour Framer\n *\n * Installation :\n * 1. Dans Framer : Assets → + → Code File → \"Button.tsx\"\n * 2. Colle ce code.\n * 3. Glisse le composant sur le canvas. Les réglages (variante, taille,\n * texte, lien…) apparaissent dans le panneau de droite.\n */// ---- Palette SMUC (mêmes valeurs que la maquette) ----\nconst COLORS={blue:\"#3b5bff\",violet:\"#6c5cff\",ink:\"#0c1124\",line:\"rgba(255,255,255,0.14)\"};const SIZES={small:{padding:\"10px 18px\",font:14,gap:7},medium:{padding:\"13px 24px\",font:15,gap:9},large:{padding:\"16px 30px\",font:17,gap:11}};export default function Button(props){const{label,variant,size,showArrow,fullWidth,link,newTab,radius}=props;const[hover,setHover]=useState(false);const s=SIZES[size]||SIZES.medium;// Styles par variante\nconst variants={primary:{background:`linear-gradient(135deg, ${COLORS.blue}, ${COLORS.violet})`,color:\"#ffffff\",border:\"1px solid transparent\",shadow:hover?\"0 16px 40px -10px rgba(108,92,255,0.9)\":\"0 10px 30px -10px rgba(59,91,255,0.8)\"},ghost:{background:hover?\"rgba(255,255,255,0.06)\":\"transparent\",color:\"#eef1fb\",border:`1px solid ${COLORS.line}`,shadow:\"none\"},light:{background:\"#ffffff\",color:COLORS.ink,border:\"1px solid transparent\",shadow:hover?\"0 18px 44px -10px rgba(0,0,0,0.55)\":\"0 14px 40px -10px rgba(0,0,0,0.45)\"}};const v=variants[variant]||variants.primary;const style={display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",gap:s.gap,width:fullWidth?\"100%\":\"auto\",padding:s.padding,fontSize:s.font,fontWeight:700,fontFamily:\"Manrope, -apple-system, BlinkMacSystemFont, sans-serif\",lineHeight:1,borderRadius:radius,cursor:\"pointer\",textDecoration:\"none\",whiteSpace:\"nowrap\",background:v.background,color:v.color,border:v.border,boxShadow:v.shadow,transform:hover?\"translateY(-2px)\":\"translateY(0)\",transition:\"transform .25s ease, box-shadow .25s ease, background .25s ease\"};const arrowStyle={display:\"inline-block\",transition:\"transform .25s ease\",transform:hover?\"translateX(3px)\":\"translateX(0)\"};const content=/*#__PURE__*/_jsxs(_Fragment,{children:[label,showArrow&&/*#__PURE__*/_jsx(\"span\",{style:arrowStyle,children:\"→\"})]});// Si un lien est fourni → , sinon →