{"version":3,"file":"CornerFrame.BrX3Xf5n.mjs","names":[],"sources":["https:/framerusercontent.com/modules/Y0kL3CiiSWAm8i3FIcmW/I38hCLNNklraqSotmpGS/CornerFrame.js"],"sourcesContent":["// Frame component with customizable corner borders only\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function CornerFrame(props){const{cornerSize=20,borderWidth=2,borderColor=\"#000000\",borderRadius=0,topLeft,topRight,bottomLeft,bottomRight,style}=props;// Apply defaults only if properties don't exist\nconst topLeftBorders={top:topLeft?.top??true,left:topLeft?.left??true,right:topLeft?.right??false,bottom:topLeft?.bottom??false};const topRightBorders={top:topRight?.top??true,right:topRight?.right??true,left:topRight?.left??false,bottom:topRight?.bottom??false};const bottomLeftBorders={bottom:bottomLeft?.bottom??true,left:bottomLeft?.left??true,top:bottomLeft?.top??false,right:bottomLeft?.right??false};const bottomRightBorders={bottom:bottomRight?.bottom??true,right:bottomRight?.right??true,top:bottomRight?.top??false,left:bottomRight?.left??false};const cornerStyle={position:\"absolute\",width:cornerSize,height:cornerSize};return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",background:\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{...cornerStyle,top:0,left:0,borderTop:topLeftBorders.top?`${borderWidth}px solid ${borderColor}`:\"none\",borderLeft:topLeftBorders.left?`${borderWidth}px solid ${borderColor}`:\"none\",borderRight:topLeftBorders.right?`${borderWidth}px solid ${borderColor}`:\"none\",borderBottom:topLeftBorders.bottom?`${borderWidth}px solid ${borderColor}`:\"none\",borderTopLeftRadius:borderRadius}}),/*#__PURE__*/_jsx(\"div\",{style:{...cornerStyle,top:0,right:0,borderTop:topRightBorders.top?`${borderWidth}px solid ${borderColor}`:\"none\",borderRight:topRightBorders.right?`${borderWidth}px solid ${borderColor}`:\"none\",borderLeft:topRightBorders.left?`${borderWidth}px solid ${borderColor}`:\"none\",borderBottom:topRightBorders.bottom?`${borderWidth}px solid ${borderColor}`:\"none\",borderTopRightRadius:borderRadius}}),/*#__PURE__*/_jsx(\"div\",{style:{...cornerStyle,bottom:0,left:0,borderBottom:bottomLeftBorders.bottom?`${borderWidth}px solid ${borderColor}`:\"none\",borderLeft:bottomLeftBorders.left?`${borderWidth}px solid ${borderColor}`:\"none\",borderTop:bottomLeftBorders.top?`${borderWidth}px solid ${borderColor}`:\"none\",borderRight:bottomLeftBorders.right?`${borderWidth}px solid ${borderColor}`:\"none\",borderBottomLeftRadius:borderRadius}}),/*#__PURE__*/_jsx(\"div\",{style:{...cornerStyle,bottom:0,right:0,borderBottom:bottomRightBorders.bottom?`${borderWidth}px solid ${borderColor}`:\"none\",borderRight:bottomRightBorders.right?`${borderWidth}px solid ${borderColor}`:\"none\",borderTop:bottomRightBorders.top?`${borderWidth}px solid ${borderColor}`:\"none\",borderLeft:bottomRightBorders.left?`${borderWidth}px solid ${borderColor}`:\"none\",borderBottomRightRadius:borderRadius}})]});}addPropertyControls(CornerFrame,{cornerSize:{type:ControlType.Number,title:\"Corner Size\",defaultValue:20,min:5,max:100,step:1,unit:\"px\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,min:1,max:20,step:.1,unit:\"px\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#000000\"},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",defaultValue:0,min:0,max:50,step:1,unit:\"px\"},topLeft:{type:ControlType.Object,title:\"Top Left\",controls:{top:{type:ControlType.Boolean,title:\"Top\",defaultValue:true},left:{type:ControlType.Boolean,title:\"Left\",defaultValue:true},right:{type:ControlType.Boolean,title:\"Right\",defaultValue:false},bottom:{type:ControlType.Boolean,title:\"Bottom\",defaultValue:false}},defaultValue:{top:true,left:true,right:false,bottom:false}},topRight:{type:ControlType.Object,title:\"Top Right\",controls:{top:{type:ControlType.Boolean,title:\"Top\",defaultValue:true},right:{type:ControlType.Boolean,title:\"Right\",defaultValue:true},left:{type:ControlType.Boolean,title:\"Left\",defaultValue:false},bottom:{type:ControlType.Boolean,title:\"Bottom\",defaultValue:false}},defaultValue:{top:true,right:true,left:false,bottom:false}},bottomLeft:{type:ControlType.Object,title:\"Bottom Left\",controls:{bottom:{type:ControlType.Boolean,title:\"Bottom\",defaultValue:true},left:{type:ControlType.Boolean,title:\"Left\",defaultValue:true},top:{type:ControlType.Boolean,title:\"Top\",defaultValue:false},right:{type:ControlType.Boolean,title:\"Right\",defaultValue:false}},defaultValue:{bottom:true,left:true,top:false,right:false}},bottomRight:{type:ControlType.Object,title:\"Bottom Right\",controls:{bottom:{type:ControlType.Boolean,title:\"Bottom\",defaultValue:true},right:{type:ControlType.Boolean,title:\"Right\",defaultValue:true},top:{type:ControlType.Boolean,title:\"Top\",defaultValue:false},left:{type:ControlType.Boolean,title:\"Left\",defaultValue:false}},defaultValue:{bottom:true,right:true,top:false,left:false}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CornerFrame\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CornerFrame.map"],"mappings":"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"}