{"version":3,"file":"DashedBorder_XY.BU0AeVKL.mjs","names":[],"sources":["https:/framerusercontent.com/modules/46P0iVqmI2svwTU0dMK8/2xEvjc3hKBqL68jvCayX/DashedBorder_XY.js"],"sourcesContent":["// Dashed border component with vertical and horizontal orientation options\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function DashedBorderXY(props){const{orientation=\"horizontal\",dashLength=0,gapLength=0,thickness=0,color=\"#000000\",style}=props;const isHorizontal=orientation===\"horizontal\";return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:isHorizontal?\"100%\":`${thickness}px`,height:isHorizontal?`${thickness}px`:\"100%\",backgroundImage:isHorizontal?`linear-gradient(to right, ${color} ${dashLength}px, transparent ${dashLength}px)`:`linear-gradient(to bottom, ${color} ${dashLength}px, transparent ${dashLength}px)`,backgroundSize:isHorizontal?`${dashLength+gapLength}px ${thickness}px`:`${thickness}px ${dashLength+gapLength}px`,backgroundRepeat:isHorizontal?\"repeat-x\":\"repeat-y\"}})});}addPropertyControls(DashedBorderXY,{orientation:{type:ControlType.Enum,title:\"Orientation\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"horizontal\",displaySegmentedControl:true},dashLength:{type:ControlType.Number,title:\"Dash Length\",defaultValue:10,min:1,max:50,step:1,unit:\"px\"},gapLength:{type:ControlType.Number,title:\"Gap Length\",defaultValue:5,min:1,max:50,step:1,unit:\"px\"},thickness:{type:ControlType.Number,title:\"Thickness\",defaultValue:2,min:1,max:20,step:1,unit:\"px\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\",description:\"Component Built and [Designed by Zaid](https://x.com/zaidkhan3419).\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DashedBorderXY\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DashedBorder_XY.map"],"mappings":"4JAIG,SAAwB,EAAe,EAAM,CAAC,GAAK,CAAC,cAAY,aAAa,aAAW,EAAE,YAAU,EAAE,YAAU,EAAE,QAAM,UAAU,SAAO,EAAY,EAAa,IAAc,aAAa,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,QAAQ,EAAE,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAa,OAAO,GAAG,EAAU,IAAI,OAAO,EAAa,GAAG,EAAU,IAAI,OAAO,gBAAgB,EAAa,6BAA6B,EAAM,GAAG,EAAW,kBAAkB,EAAW,KAAK,8BAA8B,EAAM,GAAG,EAAW,kBAAkB,EAAW,KAAK,eAAe,EAAa,GAAG,EAAW,EAAU,KAAK,EAAU,IAAI,GAAG,EAAU,KAAK,EAAW,EAAU,IAAI,iBAAiB,EAAa,WAAW,UAAU,CAAC,CAAC,CAAC,CAAC,CAAE,iBAHhyB,IAAoD,EAG6uB,EAAoB,EAAe,CAAC,YAAY,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,aAAa,UAAU,EAAE,aAAa,CAAC,aAAa,UAAU,EAAE,aAAa,aAAa,wBAAwB,EAAI,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,UAAU,YAAY,qEAAqE,CAAC,CAAC"}