{"version":3,"file":"StickyNote.Bhxb6rDP.mjs","names":[],"sources":["https:/framerusercontent.com/modules/zxtfJcQANzB8JI22Nes5/oLkONyExadagGcZCKJ26/StickyNote.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * StickyNote\n * Matches the sticky notes on the Afriex, Konga and AML case studies,\n * including the hover: the note straightens to 0 degrees, lifts, and the\n * shadow deepens.\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */const PAPERS={Cream:\"#F3E7C6\",Sage:\"#DCE9D5\",Peach:\"#F6D9BE\",Sky:\"#D9E5EC\",Lilac:\"#E2D9FB\"};const GLYPHS={None:\"\",Sparkle:\"M24 4.5C25 17 31 23 43.5 24C31 25 25 31 24 43.5C23 31 17 25 4.5 24C17 23 23 17 24 4.5Z\",Star:\"M24 4v40M24 24 8.6 8.6M24 24l15.4-15.4M24 24 8.6 39.4M24 24l15.4 15.4M4 24h40\"};const SHADOW=\"0 14px 26px rgba(0,0,0,.30), 0 3px 7px rgba(0,0,0,.22)\";const SHADOW_UP=\"0 22px 38px rgba(0,0,0,.34), 0 4px 9px rgba(0,0,0,.24)\";export default function StickyNote(props){const{title,body,paper,glyph,tilt,tape,curl,ink,inkSoft,titleSize,bodySize,padding,radius,hoverEnabled,lift,style}=props;const paperColor=PAPERS[paper]??PAPERS.Cream;const glyphPath=GLYPHS[glyph]??\"\";const hover=hoverEnabled?{rotate:0,y:-lift,boxShadow:SHADOW_UP,zIndex:3}:undefined;return /*#__PURE__*/_jsxs(motion.div,{initial:false,animate:{rotate:tilt,y:0,boxShadow:SHADOW},whileHover:hover,transition:{duration:.35,ease:[.2,.7,.2,1]},style:{position:\"relative\",width:\"100%\",boxSizing:\"border-box\",padding,borderRadius:radius,backgroundColor:paperColor,backgroundImage:\"linear-gradient(158deg, rgba(255,255,255,.5), rgba(255,255,255,0) 46%)\",...style},children:[tape&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:-11,left:\"50%\",width:80,height:22,transform:`translateX(-50%) rotate(${-tilt*1.4}deg)`,background:\"linear-gradient(180deg, rgba(255,252,240,.62), rgba(255,250,235,.34))\",boxShadow:\"0 1px 3px rgba(0,0,0,.18)\",borderLeft:\"1px solid rgba(255,255,255,.22)\",borderRight:\"1px solid rgba(255,255,255,.22)\",pointerEvents:\"none\"}}),glyphPath&&/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:42,height:42,marginBottom:16,borderRadius:10,color:ink,border:\"1px solid rgba(26,34,32,.22)\",background:\"rgba(255,255,255,.42)\"},children:/*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 48 48\",width:24,height:24,fill:\"none\",stroke:\"currentColor\",strokeWidth:1.6,strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:glyphPath})})}),/*#__PURE__*/_jsx(\"h3\",{style:{margin:\"0 0 10px\",fontFamily:'\"DM Serif Display\", Georgia, serif',fontWeight:400,fontSize:titleSize,lineHeight:1.15,color:ink},children:title}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontFamily:\"Inter, system-ui, sans-serif\",fontSize:bodySize,lineHeight:1.62,color:inkSoft},children:body}),curl&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",right:0,bottom:0,width:28,height:28,borderBottomRightRadius:radius,background:\"linear-gradient(135deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.09) 50%)\",pointerEvents:\"none\"}})]});}StickyNote.defaultProps={title:\"Built for real-world complexity\",body:\"Payments, marketplaces and operational tools don't forgive guesswork. My designs account for edge cases, failure states, compliance, and scale from day one.\",paper:\"Cream\",glyph:\"None\",tilt:-1.5,tape:true,curl:true,ink:\"#17322E\",inkSoft:\"#3E5852\",titleSize:22,bodySize:15,padding:30,radius:3,hoverEnabled:true,lift:6};addPropertyControls(StickyNote,{title:{type:ControlType.String,title:\"Title\"},body:{type:ControlType.String,title:\"Body\",displayTextArea:true},paper:{type:ControlType.Enum,title:\"Paper\",options:[\"Cream\",\"Sage\",\"Peach\",\"Sky\",\"Lilac\"],optionTitles:[\"Cream\",\"Sage\",\"Peach\",\"Sky\",\"Lilac\"]},glyph:{type:ControlType.Enum,title:\"Glyph\",options:[\"None\",\"Sparkle\",\"Star\"],optionTitles:[\"None\",\"Sparkle\",\"Star\"]},tilt:{type:ControlType.Number,title:\"Tilt\",min:-4,max:4,step:.1,unit:\"\\xb0\"},tape:{type:ControlType.Boolean,title:\"Tape\"},curl:{type:ControlType.Boolean,title:\"Corner\"},hoverEnabled:{type:ControlType.Boolean,title:\"Hover\",enabledTitle:\"On\",disabledTitle:\"Off\"},lift:{type:ControlType.Number,title:\"Hover lift\",min:0,max:24,hidden:p=>!p.hoverEnabled},ink:{type:ControlType.Color,title:\"Ink\"},inkSoft:{type:ControlType.Color,title:\"Body ink\"},titleSize:{type:ControlType.Number,title:\"Title size\",min:14,max:40},bodySize:{type:ControlType.Number,title:\"Body size\",min:12,max:22},padding:{type:ControlType.Number,title:\"Padding\",min:12,max:60},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:20}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StickyNote\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StickyNote.map"],"mappings":"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"}