{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/e3x4jPb1EG4euVPWc4mR/DcqkjAY8EPVJ6ETf0Jqb/Notes.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,RenderTarget,Color}from\"framer\";import{defaultEvents,fontStack}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";const colors={blue:\"#0099FF\",darkBlue:\"#0066FF\",purple:\"#8855FF\",red:\"#FF5588\",green:\"#22CC66\",yellow:\"#FFBB00\"};/**\n * STICKY\n *\n * @framerIntrinsicWidth 180\n * @framerIntrinsicHeight 180\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export function Notes(props){const{note=\"\",shadow,color,preview,alignment,smallFont,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,useScriptFont}=props;const[baseColorString,backgroundColorString]=React.useMemo(()=>{const baseColor=Color(colors[color]);const hslColor=Color.toHsl(baseColor);hslColor.l=0.95;const baseColorString=Color(colors[color]).toValue();const backgroundColorString=Color(hslColor).toValue();return[baseColorString,backgroundColorString];},[color]);const centerAligned=alignment===\"center\";const hasContent=note.length>0;return(/*#__PURE__*/ _jsxs(\"div\",{style:{flex:1,width:\"100%\",height:\"100%\",display:\"flex\",alignItems:centerAligned?\"center\":\"flex-start\",backgroundColor:backgroundColorString,overflow:\"hidden\",paddingLeft:smallFont?15:18,paddingTop:useScriptFont?12:14,paddingBottom:useScriptFont?12:14,paddingRight:smallFont?15:18,borderRadius:8,visibility:RenderTarget.current()===RenderTarget.preview&&!preview?\"hidden\":\"visible\",fontFamily:useScriptFont?\"Nanum Pen Script\":fontStack,//@ts-ignore\nfontDisplay:\"fallback\",boxShadow:shadow?\"0 4px 10px rgba(0,0,0,0.08)\":\"none\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:[/*#__PURE__*/ _jsx(\"link\",{href:\"https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap\",rel:\"stylesheet\"}),/*#__PURE__*/ _jsx(\"p\",{style:{width:\"max-content\",wordBreak:\"break-word\",overflowWrap:\"break-word\",overflow:\"hidden\",whiteSpace:\"pre-wrap\",margin:0,fontSize:smallFont?useScriptFont?18:12:useScriptFont?32:24,lineHeight:smallFont?useScriptFont?1.15:1.4:useScriptFont?1.08:1.3,textAlign:alignment,color:baseColorString,display:\"-webkit-box\",opacity:hasContent?1:0.5,// lineClamp: 7,\nWebkitBoxOrient:\"vertical\"},children:hasContent?note:\"Write something...\"})]}));}Notes.defaultProps={useScriptFont:false,color:\"blue\",width:180,height:180,shadow:false};addPropertyControls(Notes,{note:{type:ControlType.String,displayTextArea:true,placeholder:`Write something\u2026 \\n\\n\\n`},color:{type:ControlType.Enum,defaultValue:\"blue\",options:Object.keys(colors),optionTitles:Object.keys(colors).map(c=>c.replace(/^\\w/,c=>c.toUpperCase()))},alignment:{title:\"Text Align\",type:ControlType.Enum,displaySegmentedControl:true,optionTitles:[\"Left\",\"Center\",\"Right\"],options:[\"left\",\"center\",\"right\"]},useScriptFont:{type:ControlType.Boolean,disabledTitle:\"Default\",enabledTitle:\"Script\",title:\"Font\"},smallFont:{type:ControlType.Boolean,disabledTitle:\"Big\",enabledTitle:\"Small\",title:\"Text Size\"},preview:{type:ControlType.Boolean,defaultValue:true,title:\"In Preview\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},shadow:{type:ControlType.Boolean,defaultValue:Notes.defaultProps.shadow,title:\"Shadow\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},...defaultEvents});Notes.displayName=\"Sticky Note\";\nexport const __FramerMetadata__ = {\"exports\":{\"Notes\":{\"type\":\"reactComponent\",\"name\":\"Notes\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"180\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicHeight\":\"180\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Notes.map"],
  "mappings": "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",
  "names": ["colors", "Notes", "props", "note", "shadow", "color", "preview", "alignment", "smallFont", "onClick", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "useScriptFont", "baseColorString", "backgroundColorString", "se", "baseColor", "Color", "hslColor", "centerAligned", "hasContent", "u", "RenderTarget", "fontStack", "p", "addPropertyControls", "ControlType", "c", "defaultEvents"]
}