{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/Hooks-04c2.js@zwNDEORTcagqWlOQj6wu"],
  "sourcesContent": ["import{useEffect,useState}from\"react\";export const useMediaQuery=query=>{const mediaMatch=window.matchMedia(query);const[matches,setMatches]=useState(mediaMatch.matches);useEffect(()=>{const handler=e=>setMatches(e.matches);mediaMatch.addListener(handler);return()=>mediaMatch.removeListener(handler);});return matches;};export const useContainerQuery=(condition,containerRef)=>{const[matches,setMatches]=useState(false);useEffect(()=>{const observer=new ResizeObserver(entries=>{const{contentRect}=entries[0];const matchesQuery=condition(contentRect.width);setMatches(matchesQuery);});const container=containerRef.current;if(container){observer.observe(container);return()=>{if(container){observer.unobserve(container);}};}},[condition,containerRef]);return matches;};\nexport const __FramerMetadata__ = {\"exports\":{\"useContainerQuery\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMediaQuery\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hooks.map"],
  "mappings": "gDAAwU,IAAMA,EAAkB,CAACC,EAAUC,IAAe,CAAC,GAAK,CAACC,EAAQC,CAAU,EAAEC,EAAS,EAAK,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAS,IAAI,eAAeC,GAAS,CAAC,GAAK,CAAC,YAAAC,CAAW,EAAED,EAAQ,CAAC,EAAQE,EAAaT,EAAUQ,EAAY,KAAK,EAAEL,EAAWM,CAAY,CAAE,CAAC,EAAQC,EAAUT,EAAa,QAAQ,GAAGS,EAAW,OAAAJ,EAAS,QAAQI,CAAS,EAAQ,IAAI,CAAIA,GAAWJ,EAAS,UAAUI,CAAS,CAAG,CAAG,EAAE,CAACV,EAAUC,CAAY,CAAC,EAASC,CAAQ",
  "names": ["useContainerQuery", "condition", "containerRef", "matches", "setMatches", "ye", "ue", "observer", "entries", "contentRect", "matchesQuery", "container"]
}