{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/x6e8m3mDZcz31eV1E7iP/SNopTAxt7WuCdXC7KavP/TextGlitchWave.js", "ssg:https://framerusercontent.com/modules/pbWNzvO9yygZzw0H5Xc3/AGWBQv5cx87H4sArx4jj/augiA20Il.js"], "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, useEffect } from \"react\";\nexport function onTextGlitchWave(Component) {\n return props => {\n const value = props.children.props.children.props.children;\n const [glitchText, setGlitchText] = useState(value); // Controls\n const waveLength = 5 // Number of characters affected by the wave at any given time\n ;\n const speed = 50 // Speed of the glitch wave\n ;\n const randomChar = () => {\n return String.fromCharCode(33 + Math.random() * (127 - 33));\n };\n useEffect(() => {\n let pos = 0;\n const interval = setInterval(() => {\n let newText = value.split(\"\").map((char, index) => {\n if (index >= pos && index < pos + waveLength) {\n return randomChar();\n }\n return char;\n }).join(\"\");\n setGlitchText(newText); // Move the wave through the text\n pos = (pos + 1) % (value.length + waveLength);\n }, speed);\n return () => clearInterval(interval);\n }, []) // Effect runs on mount only\n ;\n return /*#__PURE__*/_jsx(Component, {\n ...props,\n text: glitchText\n });\n };\n}\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"onTextGlitchWave\": {\n \"type\": \"reactHoc\",\n \"name\": \"onTextGlitchWave\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./TextGlitchWave.map", "// Generated by Framer (1119174)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, cx, GeneratedComponentContext, removeHiddenBreakpointLayers, RichText, useHydratedBreakpointVariants, useLocaleInfo, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { onTextGlitchWave } from \"https://framerusercontent.com/modules/x6e8m3mDZcz31eV1E7iP/SNopTAxt7WuCdXC7KavP/TextGlitchWave.js\";\nimport metadataProvider from \"https://framerusercontent.com/modules/ywCGUtnUfNw3eBQoYY5N/ZsWUeSJbcKzs41C0x1nc/augiA20Il.js\";\nconst RichTextOnTextGlitchWave = onTextGlitchWave(RichText);\nconst cycleOrder = [\"WQLkyLRf1\"];\nconst breakpoints = {};\nconst isBrowser = () => typeof document !== \"undefined\";\nconst serializationHash = \"framer-fJIHP\";\nconst variantClassNames = {\n WQLkyLRf1: \"framer-v-72rtr7\"\n};\nif (isBrowser()) {\n removeHiddenBreakpointLayers(\"WQLkyLRf1\", breakpoints, variantClassNames);\n}\nconst transitions = {\n default: {\n duration: 0\n }\n};\nconst metadata = metadataProvider();\nconst getProps = ({\n height,\n id,\n width,\n ...props\n}) => {\n return {\n ...props\n };\n};\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale,\n setLocale\n } = useLocaleInfo();\n const {\n style,\n className,\n layoutId,\n variant,\n ...restProps\n } = getProps(props);\n React.useLayoutEffect(() => {\n const metadata1 = metadataProvider(undefined, activeLocale);\n document.title = metadata1.title || \"\";\n if (metadata1.viewport) {\n var _document_querySelector;\n (_document_querySelector = document.querySelector('meta[name=\"viewport\"]')) === null || _document_querySelector === void 0 ? void 0 : _document_querySelector.setAttribute(\"content\", metadata1.viewport);\n }\n if (metadata1.bodyClassName) {\n Array.from(document.body.classList).filter(c => c.startsWith(\"framer-body-\")).map(c => document.body.classList.remove(c));\n document.body.classList.add(`${metadata1.bodyClassName}-framer-fJIHP`);\n return () => {\n document.body.classList.remove(`${metadata1.bodyClassName}-framer-fJIHP`);\n };\n }\n }, [undefined, activeLocale]);\n const [baseVariant, hydratedBaseVariant] = useHydratedBreakpointVariants(variant, breakpoints, false);\n const gestureVariant = undefined;\n const transition = transitions.default;\n const ref1 = React.useRef(null);\n const defaultLayoutId = React.useId();\n const sharedStyleClassNames = [];\n return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider, {\n value: {\n primaryVariantId: \"WQLkyLRf1\",\n variantClassNames\n },\n children: /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: cx(\"framer-fJIHP\", ...sharedStyleClassNames),\n style: {\n display: \"contents\"\n },\n children: [/*#__PURE__*/_jsx(motion.div, {\n ...restProps,\n className: cx(\"framer-72rtr7\", className),\n ref: ref !== null && ref !== void 0 ? ref : ref1,\n style: {\n ...style\n },\n children: /*#__PURE__*/_jsxs(\"div\", {\n className: \"framer-1fhssl8\",\n children: [/*#__PURE__*/_jsx(\"div\", {\n className: \"framer-kg3vnr\",\n children: /*#__PURE__*/_jsx(\"div\", {\n className: \"framer-19ss0zd\",\n children: /*#__PURE__*/_jsx(RichTextOnTextGlitchWave, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"h3\", {\n style: {\n \"--font-selector\": \"R0Y7T25lc3QtNjAw\",\n \"--framer-font-family\": '\"Onest\", \"Onest Placeholder\", sans-serif',\n \"--framer-font-size\": \"32px\",\n \"--framer-font-weight\": \"600\",\n \"--framer-letter-spacing\": \"-1.5px\",\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": \"rgb(35, 35, 74)\"\n },\n children: \"FramerOverrides\"\n })\n }),\n className: \"framer-1ojcy2w\",\n fonts: [\"GF;Onest-600\"],\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n })\n }), /*#__PURE__*/_jsx(\"div\", {\n className: \"framer-11m5nx6\"\n })]\n })\n }), /*#__PURE__*/_jsx(\"div\", {\n id: \"overlay\"\n })]\n })\n })\n });\n});\nconst css = ['.framer-fJIHP [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", `.${metadata.bodyClassName}-framer-fJIHP { background: #EFEFF1; }`, \".framer-fJIHP .framer-lux5qc { display: block; }\", \".framer-fJIHP .framer-72rtr7 { align-content: center; align-items: center; background-color: #efeff1; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1200px; }\", \".framer-fJIHP .framer-1fhssl8 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 100vh; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-fJIHP .framer-kg3vnr { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 1px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-fJIHP .framer-19ss0zd { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 100%; justify-content: center; overflow: hidden; padding: 16px 16px 16px 16px; position: relative; width: 1px; }\", \".framer-fJIHP .framer-1ojcy2w { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-fJIHP .framer-11m5nx6 { flex: none; height: 23%; overflow: visible; position: relative; width: 100%; }\", \"@supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-fJIHP .framer-72rtr7, .framer-fJIHP .framer-1fhssl8, .framer-fJIHP .framer-kg3vnr, .framer-fJIHP .framer-19ss0zd { gap: 0px; } .framer-fJIHP .framer-72rtr7 > *, .framer-fJIHP .framer-1fhssl8 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-fJIHP .framer-72rtr7 > :first-child, .framer-fJIHP .framer-1fhssl8 > :first-child, .framer-fJIHP .framer-19ss0zd > :first-child { margin-top: 0px; } .framer-fJIHP .framer-72rtr7 > :last-child, .framer-fJIHP .framer-1fhssl8 > :last-child, .framer-fJIHP .framer-19ss0zd > :last-child { margin-bottom: 0px; } .framer-fJIHP .framer-kg3vnr > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-fJIHP .framer-kg3vnr > :first-child { margin-left: 0px; } .framer-fJIHP .framer-kg3vnr > :last-child { margin-right: 0px; } .framer-fJIHP .framer-19ss0zd > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 800\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerResponsiveScreen\n */\nconst FrameraugiA20Il = withCSS(Component, css, \"framer-fJIHP\");\nexport default FrameraugiA20Il;\nFrameraugiA20Il.displayName = \"Home\";\nFrameraugiA20Il.defaultProps = {\n height: 800,\n width: 1200\n};\naddFonts(FrameraugiA20Il, [{\n family: \"Onest\",\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/onest/v6/gNMZW3F-SZuj7zOT0IfSjTS16cPhKxiZtxFMQWXgSQ.woff2\",\n weight: \"600\"\n}]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FrameraugiA20Il\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"1200\",\n \"framerIntrinsicHeight\": \"800\",\n \"framerContractVersion\": \"1\",\n \"framerImmutableVariables\": \"true\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerResponsiveScreen\": \"\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["onTextGlitchWave", "Component", "props", "value", "glitchText", "setGlitchText", "ye", "waveLength", "speed", "randomChar", "ue", "pos", "interval", "newText", "char", "index", "p", "RichTextOnTextGlitchWave", "onTextGlitchWave", "RichText", "breakpoints", "isBrowser", "variantClassNames", "isBrowser", "removeHiddenBreakpointLayers", "breakpoints", "transitions", "metadata", "getProps", "height", "id", "width", "props", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "restProps", "fe", "metadata1", "_document_querySelector", "c", "baseVariant", "hydratedBaseVariant", "useHydratedBreakpointVariants", "gestureVariant", "transition", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "p", "GeneratedComponentContext", "LayoutGroup", "u", "motion", "cx", "RichTextOnTextGlitchWave", "x", "css", "FrameraugiA20Il", "withCSS", "augiA20Il_default", "addFonts", "__FramerMetadata__"] }