{"version":3,"file":"Negativegap.CMKXDWVT.mjs","names":["React.useMemo"],"sources":["https:/framerusercontent.com/modules/wNPzsQdpVjFuSylabpCc/TGjNjN0VHjIcQpKZVeaU/Negativegap.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{Frame,addPropertyControls,ControlType}from\"framer\";//Code component provided by Eleveight Supply™. All rights reserved 2024.\n/**\n * @framerDisableUnlink\n * @framerIntrinsicWidth 320\n * @framerIntrinsicHeight 150\n\n *\n * @framerSupportedLayoutWidth 100%\n * @framerSupportedLayoutHeight 100%\n */export default function NegativeGap(props){const{gap,connection,direction,distribution,alignment,stacking,...rest}=props;const containerStyle=React.useMemo(()=>({display:\"flex\",flexDirection:direction===\"horizontal\"?\"row\":\"column\",justifyContent:direction===\"horizontal\"?distribution===\"left\"?\"flex-start\":distribution===\"center\"?\"center\":distribution===\"right\"?\"flex-end\":\"flex-start\":alignment===\"top\"?\"flex-start\":alignment===\"center\"?\"center\":alignment===\"bottom\"?\"flex-end\":\"stretch\",alignItems:direction===\"horizontal\"?alignment===\"top\"?\"flex-start\":alignment===\"center\"?\"center\":alignment===\"bottom\"?\"flex-end\":\"stretch\":distribution===\"left\"?\"flex-start\":distribution===\"center\"?\"center\":distribution===\"right\"?\"flex-end\":\"flex-start\",width:\"100%\",height:\"100%\"}),[direction,distribution,alignment]);const zIndexBase=stacking===\"firstOnTop\"?connection.length:0;return /*#__PURE__*/_jsx(Frame,{...rest,background:null,width:\"100%\",height:\"100%\",style:{overflow:\"visible\",position:\"relative\"},children:connection.length===0?// Empty state\n/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",height:\"100%\",width:\"320px\",padding:\"24px\",boxSizing:\"border-box\",backgroundColor:\"#8658d833\",border:\"1px solid #8658D8\"},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"117\",height:\"17\",viewBox:\"0 0 117 58\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M66.0602 28.6733C66.0602 35.332 68.9575 41.314 73.5602 45.4273C75.0874 46.7922 76.8024 47.9513 78.6617 48.8612C81.6385 50.318 84.985 51.1357 88.5226 51.1357C100.928 51.1357 110.985 41.079 110.985 28.6733C110.985 16.2677 100.928 6.21094 88.5226 6.21094C84.985 6.21094 81.6385 7.0287 78.6617 8.48549C76.8024 9.39535 75.0874 10.5545 73.5602 11.9194C68.9575 16.0327 66.0602 22.0147 66.0602 28.6733ZM88.5226 0.210938C83.0336 0.210938 77.9075 1.76471 73.5602 4.45643C71.7075 5.60351 69.9963 6.95726 68.4587 8.48549C63.2716 13.641 60.0602 20.7821 60.0602 28.6733C60.0602 36.5645 63.2716 43.7057 68.4587 48.8612C69.9963 50.3894 71.7075 51.7432 73.5602 52.8903C77.9075 55.582 83.0336 57.1357 88.5226 57.1357C104.242 57.1357 116.985 44.3927 116.985 28.6733C116.985 12.954 104.242 0.210938 88.5226 0.210938Z\",fill:\"#545454\"}),/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M0.210571 28.6733C0.210571 12.954 12.9536 0.210938 28.673 0.210938C34.162 0.210938 39.288 1.76471 43.6354 4.45643C47.9827 1.76471 53.1088 0.210938 58.5978 0.210938C64.0868 0.210938 69.2128 1.76471 73.5602 4.45643C77.9075 1.76471 83.0336 0.210938 88.5226 0.210938C104.242 0.210938 116.985 12.954 116.985 28.6733C116.985 44.3927 104.242 57.1357 88.5226 57.1357C83.0336 57.1357 77.9075 55.582 73.5602 52.8903C69.2128 55.582 64.0868 57.1357 58.5978 57.1357C53.1088 57.1357 47.9827 55.582 43.6354 52.8903C39.288 55.582 34.162 57.1357 28.673 57.1357C12.9536 57.1357 0.210571 44.3927 0.210571 28.6733ZM48.7368 48.8612C51.7137 50.318 55.0602 51.1357 58.5978 51.1357C62.1353 51.1357 65.4819 50.318 68.4587 48.8612C63.2716 43.7057 60.0602 36.5645 60.0602 28.6733C60.0602 20.7821 63.2716 13.641 68.4587 8.48549C65.4819 7.0287 62.1353 6.21094 58.5978 6.21094C55.0602 6.21094 51.7137 7.0287 48.7368 8.48549C46.8776 9.39535 45.1626 10.5545 43.6354 11.9194C39.0327 16.0327 36.1354 22.0147 36.1354 28.6733C36.1354 35.332 39.0327 41.314 43.6354 45.4273C45.1626 46.7922 46.8776 47.9513 48.7368 48.8612ZM88.5226 51.1357C84.985 51.1357 81.6385 50.318 78.6617 48.8612C76.8024 47.9513 75.0874 46.7922 73.5602 45.4273C68.9575 41.314 66.0602 35.332 66.0602 28.6733C66.0602 22.0147 68.9575 16.0327 73.5602 11.9194C75.0874 10.5545 76.8024 9.39535 78.6617 8.48549C81.6385 7.0287 84.985 6.21094 88.5226 6.21094C100.928 6.21094 110.985 16.2677 110.985 28.6733C110.985 41.079 100.928 51.1357 88.5226 51.1357ZM28.673 51.1357C16.2673 51.1357 6.21057 41.079 6.21057 28.6733C6.21057 16.2677 16.2673 6.21094 28.673 6.21094C32.2105 6.21094 35.5571 7.0287 38.5339 8.48549C33.3468 13.641 30.1354 20.7821 30.1354 28.6733C30.1354 36.5645 33.3468 43.7057 38.5339 48.8612C35.5571 50.318 32.2105 51.1357 28.673 51.1357Z\",fill:\"#9A66FF\"})]}),/*#__PURE__*/_jsx(\"div\",{style:{color:\"#9A66FF\",fontWeight:\"bold\",fontSize:\"12px\",fontFamily:\"Inter, sans-serif\",textAlign:\"center\",marginTop:\"20px\"},children:\"Negative Gap\"}),/*#__PURE__*/_jsx(\"div\",{style:{marginTop:\"8px\",color:\"#8658D8\",fontWeight:\"normal\",fontSize:\"12px\",fontFamily:\"Inter, sans-serif\",textAlign:\"center\"},children:\"Style your frames and then connect them to the component to begin.\"})]}):/*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:connection.map((child,index)=>{const zIndex=stacking===\"firstOnTop\"?zIndexBase-index:zIndexBase+index;return /*#__PURE__*/React.cloneElement(child,{key:index,style:{...child.props.style,zIndex:zIndex,marginRight:direction===\"horizontal\"&&index<connection.length-1?gap:0,marginBottom:direction===\"vertical\"&&index<connection.length-1?gap:0}});})})});}NegativeGap.defaultProps={gap:-10,direction:\"vertical\",distribution:\"start\",alignment:\"top\",stacking:\"lastOnTop\"};addPropertyControls(NegativeGap,{gap:{type:ControlType.Number,title:\"Gap\",min:-100,max:50,defaultValue:-10},direction:{type:ControlType.SegmentedEnum,options:[\"vertical\",\"horizontal\"],optionTitles:[\"↓\",\"→\"],defaultValue:\"horizontal\"},distribution:{type:ControlType.SegmentedEnum,options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},alignment:{type:ControlType.SegmentedEnum,title:\"Alignment\",options:[\"top\",\"center\",\"bottom\"],optionTitles:[\"Top\",\"Center\",\"Bottom\"],defaultValue:\"center\"},stacking:{type:ControlType.Enum,title:\"Stacking\",options:[\"firstOnTop\",\"lastOnTop\"],optionTitles:[\"First on Top\",\"Last on Top\"],defaultValue:\"lastOnTop\"},connection:{type:ControlType.Array,title:\"Connect\",propertyControl:{type:ControlType.ComponentInstance},description:\"Re-arrange your items here as necessary\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NegativeGap\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"150\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth 320\",\"framerSupportedLayoutHeight\":\"100%\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"100%\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Negativegap.map"],"mappings":"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"}