{"version":3,"file":"oHHGnuSU0.CYIuKSjL.mjs","names":["useStore","_Fragment","children"],"sources":["https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/A8l1eG0tC2FUN8viN3EK/Umwk3SSfFstLJx1I8fK3/TableOfContent.js","https:/framerusercontent.com/modules/kXumOKKAgRfmqQ7yAR1L/SXhSCZdzSflMrd1vBnTd/oHHGnuSU0.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","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{useEffect,useState}from\"react\";const HEADING_TO_DISPLAY=[\"h1\",\"h2\"];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 sections=store.headings.map(heading=>document.getElementById(heading.id));const scrollPosition=window.scrollY-160;for(let i=sections.length-1;i>=0;i--){if(sections[i].offsetTop<=scrollPosition){setActiveSection(store.headings[i].id);break;}}};window.addEventListener(\"scroll\",handleScroll);return()=>{window.removeEventListener(\"scroll\",handleScroll);};},[store.headings]);return /*#__PURE__*/_jsx(_Fragment,{children:store.headings.length>0&&window?store.headings.sort((a,b)=>a.originalIndex-b.originalIndex).filter(({type})=>HEADING_TO_DISPLAY.includes(type)).map(({id,heading,type},index)=>/*#__PURE__*/_jsx(Component,{...props,variant:activeSection===id?`${type}-active`:type,title:heading,onClick:()=>scrollToId(id)})):/*#__PURE__*/_jsx(Component,{...props})});};}export function withContent(Component){return props=>{const[store,setStore]=useStore();const[newProps,setNewProps]=useState(props);useEffect(()=>{setStore({headings:formatTableOfContent(newProps.children.props.children)});},[newProps]);useEffect(()=>{const formatHeadings=()=>{const newChildren=[];props.children.props.children.length>0&&props.children.props.children.forEach((item,index)=>{const children=item.props.children;if([\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"].includes(item.type)){const{formattedId}=formatHeading(children,index);// Create a new object for the modified item\nconst newItem={...item,props:{...item.props,id:formattedId}};newChildren.push(newItem);}else{newChildren.push(item);}});// Return a new props object with the modified children\nreturn{...props,children:{...props.children,props:{...props.children.props,children:newChildren}}};};setNewProps(formatHeadings());},[props]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`.framer-text {\n                    scroll-margin-top: ${SCROLL_MARGIN_TOP}px;\n                }`}),/*#__PURE__*/_jsx(Component,{...newProps})]});};}const formatTableOfContent=children=>{const result=[];children.length>0&&children.filter(({type})=>[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"].includes(type)).map((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;};const formatHeading=(children,index)=>{let formattedHeading=\"\";let formattedId=\"\";if(typeof children===\"string\"){formattedHeading=children;}else if(Array.isArray(children)){formattedHeading=children.map(item=>{console.log(\"item\",item);if(typeof item===\"string\")return item.trim();if(item.type===\"br\")return\"\";return item.props.children.trim();}).join(\" \");}else if(typeof children===\"object\"){if(typeof children.props.children===\"string\"){formattedHeading=children.props.children;}}else{formattedHeading=index.toString();}formattedId=formattedHeading.trim().toLowerCase().replace(/[^a-z]+/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","// Generated by Framer (f57d8b5)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-MHCr2 .framer-styles-preset-zy3tiq:not(.rich-text-wrapper), .framer-MHCr2 .framer-styles-preset-zy3tiq.rich-text-wrapper a { --framer-link-current-text-decoration: none; --framer-link-hover-text-color: var(--token-310ebed3-699e-415f-a351-71fd111ec39a, #999999); --framer-link-hover-text-decoration: underline; --framer-link-text-color: var(--token-49164ff2-888d-40c1-96fa-58a3e961b851, #fcfcfa); --framer-link-text-decoration: underline; transition: color 0.3s cubic-bezier(0.44, 0, 0.56, 1) 0s; }\"];export const className=\"framer-MHCr2\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}