{"version":3,"file":"TableOfContent.Cc8z2Ptb.mjs","names":["useStore","useState","useState","_Fragment","children"],"sources":["https:/framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js","https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/bAXFms7pXBn2UTvQynB4/FGGjK3K8COG5bFTqGhci/TableOfContent.js"],"sourcesContent":["import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","/*\n * createStore (framer/store@1.0.1)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js\"\n","/**\n * Table of Contents Overrides v1.0.0\n * Made with ❤️ by ekayy.com\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{createElement as _createElement}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{useEffect,useState}from\"react\";const HEADING_TO_DISPLAY=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"];const SCROLL_MARGIN_TOP=80;const useStore=createStore({headings:[]});export function withTableOfContent(Component){return props=>{const[store]=useStore();const[activeSection,setActiveSection]=useState(\"\");const scrollToId=id=>{const element=document.getElementById(id);if(element){element.scrollIntoView({behavior:\"smooth\"});}};useEffect(()=>{const handleScroll=()=>{const midpoint=window.innerHeight/2;let matched=false;for(const heading of store.headings){const el=document.getElementById(heading.id);if(!el)continue;const rect=el.getBoundingClientRect();if(rect.top<=midpoint){setActiveSection(heading.id);matched=true;}else{break;}}if(!matched&&store.headings.length>0){setActiveSection(store.headings[0].id);}};handleScroll()// ✅ ensure correct on load\n;window.addEventListener(\"scroll\",handleScroll);window.addEventListener(\"resize\",handleScroll);return()=>{window.removeEventListener(\"scroll\",handleScroll);window.removeEventListener(\"resize\",handleScroll);};},[store.headings]);return /*#__PURE__*/_jsx(_Fragment,{children:store.headings.length>0&&typeof window!==\"undefined\"?store.headings.sort((a,b)=>a.originalIndex-b.originalIndex).filter(({type})=>HEADING_TO_DISPLAY.includes(type)).map(({id,heading,type})=>/*#__PURE__*/_createElement(Component,{...props,variant:activeSection===id?`${type}-active`:type,title:heading,onClick:()=>scrollToId(id),key:id})):/*#__PURE__*/_jsx(Component,{...props})});};}export function withContent(Component){return props=>{const[store,setStore]=useStore();const[newProps,setNewProps]=useState(props);useEffect(()=>{const updatedHeadings=formatTableOfContent(newProps.children.props.children);setStore({headings:updatedHeadings});},[newProps]);useEffect(()=>{const formatHeadings=()=>{const newChildren=[];const children=props.children.props.children;if(!Array.isArray(children))return props;children.forEach((item,index)=>{const childrenContent=item.props.children;if(HEADING_TO_DISPLAY.includes(item.type)){const{formattedId}=formatHeading(childrenContent,index);newChildren.push({...item,props:{...item.props,id:formattedId}});}else{newChildren.push(item);}});return{...props,children:{...props.children,props:{...props.children.props,children:newChildren}}};};setNewProps(formatHeadings());},[props]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`.framer-text { scroll-margin-top: ${SCROLL_MARGIN_TOP}px; }`}),/*#__PURE__*/_jsx(Component,{...newProps})]});};}function formatTableOfContent(children){const result=[];if(!Array.isArray(children))return result;children.filter(({type})=>HEADING_TO_DISPLAY.includes(type)).forEach((item,index)=>{const children=item.props.children;const{formattedId,formattedHeading}=formatHeading(children,index);result.push({id:formattedId,heading:formattedHeading,type:item.type,originalIndex:index});});return result;}function formatHeading(children,index){let formattedHeading=\"\";let formattedId=\"\";if(typeof children===\"string\"){formattedHeading=children;}else if(Array.isArray(children)){formattedHeading=children.map(item=>{if(typeof item===\"string\")return item.trim();if(item?.type===\"br\")return\"\";return typeof item?.props?.children===\"string\"?item.props.children.trim():\"\";}).join(\" \");}else if(typeof children===\"object\"){if(typeof children?.props?.children===\"string\"){formattedHeading=children.props.children;}}else{formattedHeading=`heading-${index}`;}formattedId=formattedHeading.trim().toLowerCase().replace(/[^a-z0-9]+/g,\"-\").replace(/^-+|-+$/g,\"\");return{formattedId,formattedHeading};}\nexport const __FramerMetadata__ = {\"exports\":{\"withContent\":{\"type\":\"reactHoc\",\"name\":\"withContent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTableOfContent\":{\"type\":\"reactHoc\",\"name\":\"withTableOfContent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TableOfContent.map"],"mappings":"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"}