{"version":3,"file":"StickyNoteCard.Dvt7aCqb.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/JOQG29VfrbACSuXLHnHX/F7ObGxYIzNyJfG91Y2Fr/StickyNoteCard.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 280\n * @framerIntrinsicHeight 320\n *\n * @framerSupportedLayoutWidth any-prefer-auto\n * @framerSupportedLayoutHeight auto\n */export default function StickyNoteCard(props){const{image={src:\"https://framerusercontent.com/images/f9RiWoNpmlCMqVRIHz8l8wYfeI.jpg\",alt:\"Card image\"},label=\"My Note\",tapeColor=\"#FFB6C1\",tapeOpacity=.85,tapeRotation=-2,tapeHeight=32,tapePadding=16,maxWidth=400,borderRadius=4,shadowIntensity=.15,labelFont={},textColor=\"#000000\",link=\"\",noteRotation=0}=props;const[isHovered,setIsHovered]=useState(false);const handleMouseEnter=()=>{startTransition(()=>setIsHovered(true));};const handleMouseLeave=()=>{startTransition(()=>setIsHovered(false));};const handleClick=()=>{if(link){window.open(link,\"_blank\");}};const wrapperStyle={position:\"relative\",width:\"100%\",maxWidth:maxWidth,display:\"flex\",flexDirection:\"column\",alignItems:\"center\"};const cardStyle={position:\"relative\",width:\"100%\",borderRadius:borderRadius,overflow:\"hidden\",boxShadow:isHovered?`${shadowIntensity*8}px ${shadowIntensity*16}px ${shadowIntensity*40}px rgba(0, 0, 0, ${shadowIntensity*1.5})`:`${shadowIntensity*4}px ${shadowIntensity*8}px ${shadowIntensity*20}px rgba(0, 0, 0, ${shadowIntensity})`,transform:`rotate(${noteRotation}deg)`,transformOrigin:\"top left\",cursor:\"pointer\",transition:\"box-shadow 0.3s ease\"};const tapeStyle={position:\"relative\",transform:`rotate(${tapeRotation}deg)`,height:tapeHeight,paddingLeft:tapePadding,paddingRight:tapePadding,backgroundColor:tapeColor,opacity:tapeOpacity,boxShadow:\"0 1px 3px rgba(0,0,0,0.1)\",backgroundImage:`repeating-linear-gradient(\n            90deg,\n            transparent,\n            transparent 8px,\n            rgba(255,255,255,0.3) 8px,\n            rgba(255,255,255,0.3) 16px\n        )`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:2,marginBottom:-tapeHeight*.5};const imageContainerStyle={position:\"relative\",width:\"100%\",paddingBottom:\"100%\"};const imageStyle={position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\",transform:isHovered?\"scale(1.1)\":\"scale(1)\",transition:\"transform 0.3s ease\"};const labelStyle={margin:0,textAlign:\"center\",color:textColor,whiteSpace:\"nowrap\",...labelFont};return /*#__PURE__*/_jsxs(\"div\",{style:wrapperStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:tapeStyle,children:/*#__PURE__*/_jsx(\"p\",{style:labelStyle,children:label})}),/*#__PURE__*/_jsx(\"div\",{style:cardStyle,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onClick:handleClick,children:/*#__PURE__*/_jsx(\"div\",{style:imageContainerStyle,children:/*#__PURE__*/_jsx(\"img\",{src:image.src,alt:image.alt,style:imageStyle})})})]});}addPropertyControls(StickyNoteCard,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"My Note\",placeholder:\"Enter label text...\"},tapeColor:{type:ControlType.Color,title:\"Tape Color\",defaultValue:\"#FFB6C1\"},tapeOpacity:{type:ControlType.Number,title:\"Tape Opacity\",defaultValue:.85,min:.3,max:1,step:.05},tapeRotation:{type:ControlType.Number,title:\"Tape Rotation\",defaultValue:-2,min:-10,max:10,step:.5,unit:\"deg\"},tapeHeight:{type:ControlType.Number,title:\"Tape Height\",defaultValue:32,min:20,max:60,step:2,unit:\"px\"},tapePadding:{type:ControlType.Number,title:\"Tape Padding\",defaultValue:16,min:8,max:48,step:2,unit:\"px\"},maxWidth:{type:ControlType.Number,title:\"Max Width\",defaultValue:400,min:160,max:800,step:10,unit:\"px\"},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",defaultValue:4,min:0,max:20,step:1,unit:\"px\"},shadowIntensity:{type:ControlType.Number,title:\"Shadow\",defaultValue:.15,min:0,max:.5,step:.05},noteRotation:{type:ControlType.Number,title:\"Note Rotation\",defaultValue:0,min:-10,max:10,step:.5,unit:\"deg\"},labelFont:{type:ControlType.Font,title:\"Label Font\",defaultFontType:\"sans-serif\",controls:\"extended\",defaultValue:{fontSize:\"16px\",variant:\"Medium\",letterSpacing:\"0em\",lineHeight:\"1.3em\"}},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},link:{type:ControlType.Link,title:\"Link\",defaultValue:\"\"}});StickyNoteCard.displayName=\"Sticky Note Card\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StickyNoteCard\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-auto\",\"framerIntrinsicHeight\":\"320\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicWidth\":\"280\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StickyNoteCard.map"],"mappings":"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"}