{"version":3,"file":"AddListItemSpacing.N4B-ctr2.mjs","names":[],"sources":["https:/framerusercontent.com/modules/YkI0NpvZsF8c1oBEY2dL/BWYTcfnppP1worQ8tIxi/AddListItemSpacing.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function AddListItemSpacing({containerId=\"blog-content\"}){React.useEffect(()=>{const container=document.getElementById(containerId);if(!container)return;// Inject CSS once\nif(!document.getElementById(\"arrow-list-style\")){const style=document.createElement(\"style\");style.id=\"arrow-list-style\";// SVG arrow encoded as a data URI\nconst arrowSvg=`<svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'><mask id='m' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='10' height='8'><rect x='10' width='8' height='10' transform='rotate(90 10 0)' fill='%235C44F5'/></mask><g mask='url(%23m)'><path d='M1.00001 3.5H0.500007V4.5H1.00001V4V3.5ZM1.00001 4V4.5L8.71094 4.5V4V3.5L1.00001 3.5V4Z' fill='url(%23g)'/><path d='M4.50007 -1.5L8.48197 3.36676C8.78336 3.73513 8.78336 4.26487 8.48197 4.63324L4.50007 9.5' stroke='%235C44F5' stroke-linecap='square'/></g><defs><linearGradient id='g' x1='8.71094' y1='4.5' x2='1.00001' y2='4.5' gradientUnits='userSpaceOnUse'><stop stop-color='%235C44F5'/><stop offset='0.5' stop-color='%235C44F5'/><stop offset='1' stop-color='%235C44F5' stop-opacity='0'/></linearGradient></defs></svg>`;const arrowUrl=`url(\"data:image/svg+xml;utf8,${arrowSvg}\")`;style.innerHTML=`\n                #${containerId} ul,\n                #${containerId} ol {\n                    list-style: none;\n                    padding-left: 20px;\n                }\n\n                #${containerId} li {\n                    position: relative;\n                    padding-left: 32px;\n                }\n\n                #${containerId} li::before {\n                    content: \"\";\n                    position: absolute;\n                    left: 0;\n                    top: 5px;\n                    width: 18px;\n                    height: 14px;\n                    background-image: ${arrowUrl};\n                    background-repeat: no-repeat;\n                    background-position: left center;\n                    background-size: contain;\n                }\n            `;document.head.appendChild(style);}const lists=container.querySelectorAll(\"ul, ol\");lists.forEach(list=>{const items=Array.from(list.querySelectorAll(\":scope > li\"));items.forEach((li,index)=>{li.style.marginBottom=index===items.length-1?\"0px\":\"18px\";});// Add spacing after the list itself (only for top-level lists,\n// not nested ones inside another li)\nif(!list.parentElement?.closest(\"li\")){list.style.marginBottom=\"24px\";}});},[containerId]);return /*#__PURE__*/_jsx(\"div\",{style:{display:\"none\"}});}addPropertyControls(AddListItemSpacing,{containerId:{type:ControlType.String,title:\"Container ID\",defaultValue:\"blog-content\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"AddListItemSpacing\":{\"type\":\"reactComponent\",\"name\":\"AddListItemSpacing\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AddListItemSpacing.map"],"mappings":"qKAA2H,SAAgB,EAAmB,CAAC,cAAY,gBAAgB,CA4BhG,OA5BiG,MAAoB,CAAC,IAAM,EAAU,SAAS,eAAe,EAAY,CAAK,KAC1Q,IAAG,CAAC,SAAS,eAAe,mBAAmB,CAAC,CAAC,IAAM,EAAM,SAAS,cAAc,QAAQ,CAAC,EAAM,GAAG,mBACoyB,EAAM,UAAU;mBACv4B,EAAY;mBACZ,EAAY;;;;;mBAKZ,EAAY;;;;;mBAKZ,EAAY;;;;;;;;;;;;cAYjB,SAAS,KAAK,YAAY,EAAM,CAAc,EAAU,iBAAiB,SAAS,CAAO,QAAQ,GAAM,CAAC,IAAM,EAAM,MAAM,KAAK,EAAK,iBAAiB,cAAc,CAAC,CAAC,EAAM,SAAS,EAAG,IAAQ,CAAC,EAAG,MAAM,aAAa,IAAQ,EAAM,OAAO,EAAE,MAAM,QAAS,CAEtQ,EAAK,eAAe,QAAQ,KAAK,GAAE,EAAK,MAAM,aAAa,SAAU,GAAG,CAAC,EAAY,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,CAAC,CAAC,kBA5BxG,IAA4B,IAAoD,CA4B0B,EAAoB,EAAmB,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,eAAe,CAAC,CAAC"}