{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/l1Y2Y4LPXmAxmGIEYnsV/E00t8yIYWwVERD7skF0a/SVGIcon.js"],
  "sourcesContent": ["/**\n * SVG Icon Component\n * @Created by Dan LEE\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerDisableUnlink\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect,useCallback}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function SVGIcon(props){const[isHovered,setIsHovered]=useState(false);const[svgContent,setSvgContent]=useState(null);const handleMouseEnter=useCallback(()=>{props.enableHover&&setIsHovered(true);},[props.enableHover]);const handleMouseLeave=useCallback(()=>{props.enableHover&&setIsHovered(false);},[props.enableHover]);const processSVG=useCallback(svg=>{let replacements=[[/width=\"[^\"]*\"/,'width=\"100%\"'],[/height=\"[^\"]*\"/,'height=\"100%\"']];const hasStyle=svg.includes('style=\"');const hasFill=svg.includes('fill=\"');const hasStroke=svg.includes('stroke=\"');const hasStrokeWidth=svg.includes('stroke-width=\"');// Only modify colors if override is enabled\nif(props.overrideColors){hasStyle&&replacements.push([/style=\"[^\"]*(stroke|fill)[^;\"]*(;|$)/g,\"\"]);if(!hasFill&&!hasStrokeWidth){svg=svg.replace(\"<path\",'<path fill=\"currentColor\"');}hasFill&&replacements.push([/fill=\"(?!none)(#[0-9a-fA-F]{3,6}|rgba?\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}(?:,\\s*\\d*(?:\\.\\d+)?)?\\)|hsla?\\(\\d{1,3},\\s*\\d{1,3}%,\\s*\\d{1,3}%(?:,\\s*\\d*(?:\\.\\d+)?)?\\)|[a-zA-Z]+)\"/g,'fill=\"currentColor\"']);hasStroke&&replacements.push([/stroke=\"(?!none)(#[0-9a-fA-F]{3,6}|rgba?\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}(?:,\\s*\\d*(?:\\.\\d+)?)?\\)|hsla?\\(\\d{1,3},\\s*\\d{1,3}%,\\s*\\d{1,3}%(?:,\\s*\\d*(?:\\.\\d+)?)?\\)|[a-zA-Z]+)\"/g,'stroke=\"currentColor\"']);}hasStrokeWidth&&replacements.push([/stroke-width=\"(?!0\\b)\\d+(\\.\\d+)?\"/g,`stroke-width=\"${props.strokeWidth}\"`]);svg.includes('fill=\"none\"')&&!hasStrokeWidth&&replacements.push([/<path/g,`<path stroke-width=\"${props.strokeWidth}\"`]);svg.includes('overflow=\"')?replacements.push([/overflow=\"[^\"]*\"/,'overflow=\"visible\"']):replacements.push([/<svg/,'<svg overflow=\"visible\"']);replacements.forEach(([pattern,replacement])=>{svg=svg.replace(pattern,replacement);});setSvgContent(svg);},[props.strokeWidth,props.overrideColors]);useEffect(()=>{let svg;if(props.inputMethod===\"code\"){processSVG(props.svgCode);}else if(props.inputMethod===\"file\"){svg=props.svgFile;const match=/(?:data:framer\\/asset-reference,|https:\\/\\/framerusercontent\\.com\\/[\\w]+\\/)([\\w\\-]+)\\.svg/.exec(svg);if(match&&match[1]){const id=match[1];const url=`https://framerusercontent.com/images/${id}.svg`;fetch(url).then(response=>response.text()).then(text=>{processSVG(text);});}}},[props.svgCode,props.svgFile,props.inputMethod,props.strokeWidth,processSVG]);const containerStyle={color:props.enableHover&&isHovered?props.hoverColor:props.color,transition:props.enableHover?`color ${props.hoverDuration}s ${props.hoverTransition}`:undefined,padding:`${props.padding}px`,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",overflow:\"visible\"};return /*#__PURE__*/_jsx(\"div\",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,dangerouslySetInnerHTML:{__html:svgContent},style:containerStyle});}SVGIcon.defaultProps={inputMethod:\"code\",svgCode:'<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.28571 0.964279H1.89285C1.64657 0.964279 1.41039 1.06211 1.23625 1.23625C1.06211 1.41039 0.964279 1.64657 0.964279 1.89285V3.28571M10.7143 0.964279H12.1071C12.3534 0.964279 12.5896 1.06211 12.7637 1.23625C12.9378 1.41039 13.0357 1.64657 13.0357 1.89285V3.28571M3.28571 13.0357H1.89285C1.64657 13.0357 1.41039 12.9378 1.23625 12.7637C1.06211 12.5896 0.964279 12.3534 0.964279 12.1071V10.7143M10.7143 13.0357H12.1071C12.3534 13.0357 12.5896 12.9378 12.7637 12.7637C12.9378 12.5896 13.0357 12.3534 13.0357 12.1071V10.7143M11.5 5H10.5C10.2348 5 9.98043 5.10536 9.79289 5.29289C9.60536 5.48043 9.5 5.73478 9.5 6V8C9.5 8.26522 9.60536 8.51957 9.79289 8.70711C9.98043 8.89464 10.2348 9 10.5 9H11.5V7H11M4.5 5H3C2.86739 5 2.74021 5.05268 2.64645 5.14645C2.55268 5.24021 2.5 5.36739 2.5 5.5V6.5C2.5 6.63261 2.55268 6.75979 2.64645 6.85355C2.74021 6.94732 2.86739 7 3 7H4C4.13261 7 4.25979 7.05268 4.35355 7.14645C4.44732 7.24021 4.5 7.36739 4.5 7.5V8.5C4.5 8.63261 4.44732 8.75979 4.35355 8.85355C4.25979 8.94732 4.13261 9 4 9H2.5M6 5L6.75 9H7.25L8 5\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>',overrideColors:true,color:\"#000000\",padding:0,strokeWidth:1,enableHover:false,hoverColor:\"#0D0DF2\",hoverDuration:.2,hoverTransition:\"ease\"};addPropertyControls(SVGIcon,{inputMethod:{type:ControlType.Enum,title:\"SVG\",options:[\"code\",\"file\"],displaySegmentedControl:true,optionTitles:[\"Code\",\"Upload\"],defaultValue:\"code\"},svgCode:{type:ControlType.String,title:\"SVG Code\",displayTextArea:true,hidden:props=>props.inputMethod!==\"code\"},svgFile:{type:ControlType.File,title:\"Upload File\",allowedFileTypes:[\"svg\"],hidden:props=>props.inputMethod!==\"file\"},overrideColors:{type:ControlType.Boolean,title:\"Override Colors\",defaultValue:true,description:\"Override original SVG colors with custom colors\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\",hidden:props=>!props.overrideColors},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:0,min:0,step:1,displayStepper:true},strokeWidth:{type:ControlType.Number,title:\"Stroke\",defaultValue:1,min:0,step:.1,displayStepper:true},enableHover:{type:ControlType.Boolean,title:\"Enable Hover\",defaultValue:false,hidden:props=>!props.overrideColors},hoverColor:{type:ControlType.Color,title:\"Hover\",defaultValue:\"#0D0DF2\",hidden:props=>!props.enableHover||!props.overrideColors},hoverTransition:{type:ControlType.Enum,title:\"Transition\",defaultValue:\"ease\",options:[\"linear\",\"ease\",\"ease-in\",\"ease-out\",\"ease-in-out\"],optionTitles:[\"Linear\",\"Ease\",\"Ease In\",\"Ease Out\",\"Ease In Out\"],hidden:props=>!props.enableHover||!props.overrideColors},hoverDuration:{type:ControlType.Number,title:\"Duration\",defaultValue:.2,min:0,step:.1,displayStepper:true,hidden:props=>!props.enableHover||!props.overrideColors}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVGIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVGIcon.map"],
  "mappings": "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",
  "names": ["SVGIcon", "props", "isHovered", "setIsHovered", "ye", "svgContent", "setSvgContent", "handleMouseEnter", "te", "handleMouseLeave", "processSVG", "svg", "replacements", "hasStyle", "hasFill", "hasStroke", "hasStrokeWidth", "pattern", "replacement", "ue", "match", "url", "response", "text", "containerStyle", "p", "addPropertyControls", "ControlType"]
}