{"version":3,"file":"ComputeKit.CB9PpZvb.mjs","names":["React.useState","me","React.useRef","React.useSyncExternalStore","_Fragment","React.useLayoutEffect","React.useEffect","__esmMin","me","init_ssg_sandbox_shims","init_npm_react_18_3_1","window","ce","le","init_jsx_runtime","_e","de","init_framer_CaDWdxiz","useIsStaticRenderer","cx","names","usePrefersReducedMotion","reduced","setReduced","mq","sync","useInView","opts","inView","setInView","el","ref","io","e","entries","once","rootMargin","threshold","KitStyles","me$1","show","kitSubscribe","kitOwners","useIsoLayoutEffect","id","kitSeq","kitEmit","i","KIT_CSS","Arrow","size","ARROW_DOTS","cy","Mono","className","Tag","theme","Btn","chip","arrow","variant","cls","block","inner","l","href","ariaLabel","ext","newTab","isExternal","Card","as","children","Reveal","El","isStatic","phase","setPhase","vh","st","delay","style","Section","labelledBy","bare","containerClassName","SectionHeader","align","tag","headingId","heading","lede","ORANGE_TOKEN","SANS","FONT_HEAD","FONT_BODY","FONT_LABEL","FONT_MONO","T","THEMES","themeCss","kitSubs","init_ComputeKit","t","k","v","cb"],"sources":["https:/framerusercontent.com/modules/06kjw15NjKcVQ5Ca8RCG/P5YQorH5CJaNiiizfDcN/ComputeKit.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{useIsStaticRenderer}from\"framer\";/**\n * ComputeKit: shared tokens, fonts and primitives for the raion.io/compute code components.\n * No default export (a module, not a canvas component). Import from \"./ComputeKit.tsx\".\n *\n * Usage rules for component files:\n * - Wrap each section in <Section theme=... labelledBy=...>: it emits <KitStyles /> itself, sets the theme\n *   variables, the 1320px framed container and the \"rk\" size container (container queries: 810 tablet, 1200 desktop).\n *   A component that does not use Section renders <KitStyles /> once inside its own root.\n * - Anchors: give the Framer instance a scroll target (elementId) rather than hard-coding Section's id, or the page\n *   gets the same id twice. Both the section and an id'd wrapper around it keep clear of the fixed navbar\n *   (scroll-margin-top: --rk-nav-h). Width annotation for sections: @framerSupportedLayoutWidth fixed (a size\n *   container has no content width, so Fit would collapse it).\n * - Fonts come from the page (Framer serves all four families); the kit never loads fonts itself.\n * - KitStyles is deduplicated: every copy renders on the server and in the first client render (no flash), then\n *   only the first mounted copy keeps its <style data-rk-kit>; if that one unmounts, the next copy takes over.\n * - Layout defaults (container padding, card padding, header spacing) use :where() so any component class overrides\n *   them regardless of stylesheet order.\n * - Theme variables (set by .rk-t-dark / .rk-t-light, or inline via themeVars): --rk-bg --rk-fg --rk-lead --rk-muted\n *   --rk-line --rk-line-strong --rk-frame --rk-card --rk-dot --rk-tag-bg --rk-tag-fg --rk-tag-bd --rk-focus --rk-tint.\n *   Constants on :root: --rk-orange --rk-orange-dark --rk-orange-tint --rk-ease --rk-f-head --rk-f-body --rk-f-label --rk-f-mono\n *   --rk-nav-h (76px, the fixed navbar) --rk-sticky-top (navbar + 24px, for position:sticky).\n * - Classes: rk-h2 rk-h3 rk-lede rk-body rk-label rk-mono rk-sr (visually hidden) rk-card rk-btn rk-tag.\n *//* 1. TOKENS */const ORANGE_TOKEN=\"var(--token-ee3f9d39-794c-4ba7-b3f2-d7f69fa59ea4, #F87238)\";const SANS='ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif';const FONT_HEAD=`\"Schibsted Grotesk\", \"Schibsted Grotesk Placeholder\", ${SANS}`;const FONT_BODY=`\"Cabin\", \"Cabin Placeholder\", ${SANS}`;const FONT_LABEL=`\"Inter\", \"Inter Placeholder\", ${SANS}`;const FONT_MONO='\"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace';export const T={orange:ORANGE_TOKEN,orangeHex:\"#F87238\",orangeDark:\"#DA4E24\",orangeTint:\"#F872381A\",black:\"#000000\",ink:\"#000000\",lead:\"#4D4D4D\",lightBg:\"#FAFAFA\",white:\"#FFFFFF\",hairlineLight:\"rgba(0,0,0,.1)\",hairlineDark:\"rgba(255,255,255,.1)\",hairline:{light:\"rgba(0,0,0,.1)\",dark:\"rgba(255,255,255,.1)\"},frameLight:\"rgba(0,0,0,.05)\",frameDark:\"rgba(255,255,255,.08)\",fontHead:FONT_HEAD,fontBody:FONT_BODY,fontLabel:FONT_LABEL,fontMono:FONT_MONO,fonts:{head:FONT_HEAD,body:FONT_BODY,label:FONT_LABEL,mono:FONT_MONO},ease:\"cubic-bezier(.16,.84,.28,1)\",/** cqi resolves against the nearest Section (or the viewport outside one). */padY:\"clamp(64px, 8cqi, 120px)\",padX:\"clamp(16px, 4cqi, 30px)\",padInner:\"clamp(16px, 2.8cqi, 40px)\",maxWidth:1320,/** Height of raion.io's fixed navbar (px): anchor scroll margin and the base of --rk-sticky-top. */navH:76,/** Top offset for sticky elements, clear of the navbar. */stickyTop:\"var(--rk-sticky-top, 100px)\",dot:6,bp:{tablet:810,desktop:1200}};const THEMES={dark:{\"--rk-bg\":\"#000000\",\"--rk-fg\":\"#FFFFFF\",\"--rk-lead\":\"rgba(255,255,255,.72)\",\"--rk-muted\":\"rgba(255,255,255,.56)\",\"--rk-line\":\"rgba(255,255,255,.1)\",\"--rk-line-strong\":\"rgba(255,255,255,.22)\",\"--rk-frame\":\"rgba(255,255,255,.08)\",\"--rk-card\":\"#000000\",\"--rk-dot\":\"#FFFFFF\",\"--rk-tag-bg\":\"rgba(248,114,56,.1)\",\"--rk-tag-fg\":\"#FFFFFF\",\"--rk-tag-bd\":ORANGE_TOKEN,\"--rk-focus\":ORANGE_TOKEN,\"--rk-tint\":\"rgba(248,114,56,.12)\"},light:{\"--rk-bg\":\"#FAFAFA\",\"--rk-fg\":\"#000000\",\"--rk-lead\":\"#4D4D4D\",\"--rk-muted\":\"#666666\",\"--rk-line\":\"rgba(0,0,0,.1)\",\"--rk-line-strong\":\"rgba(0,0,0,.22)\",\"--rk-frame\":\"rgba(0,0,0,.05)\",\"--rk-card\":\"#FFFFFF\",\"--rk-dot\":\"#000000\",\"--rk-tag-bg\":\"#000000\",\"--rk-tag-fg\":\"#FFFFFF\",\"--rk-tag-bd\":\"#000000\",\"--rk-focus\":\"#000000\",\"--rk-tint\":\"rgba(248,114,56,.1)\"}};/** The theme's CSS custom properties, for an inline style. */export function themeVars(theme){return{...THEMES[theme],colorScheme:theme};}/** Joins class names, skipping empty values. */export function cx(...names){return names.filter(Boolean).join(\" \");}/* 2. HOOKS */export const useIsoLayoutEffect=typeof window!==\"undefined\"?React.useLayoutEffect:React.useEffect;/** false on the server and in the first client render, then the live media query. */export function usePrefersReducedMotion(){const[reduced,setReduced]=React.useState(false);React.useEffect(()=>{if(typeof window===\"undefined\"||typeof window.matchMedia!==\"function\")return;const mq=window.matchMedia(\"(prefers-reduced-motion: reduce)\");const sync=()=>setReduced(mq.matches);sync();mq.addEventListener(\"change\",sync);return()=>mq.removeEventListener(\"change\",sync);},[]);return reduced;}/** Same shape as framer-motion's useInView: false until the element intersects (true without IntersectionObserver). */export function useInView(ref,opts={}){const{once=false,rootMargin=\"0px\",threshold=0}=opts;const[inView,setInView]=React.useState(false);React.useEffect(()=>{const el=ref.current;if(!el)return;if(typeof IntersectionObserver!==\"function\"){setInView(true);return;}const io=new IntersectionObserver(entries=>{const e=entries[entries.length-1];if(!e)return;setInView(e.isIntersecting);if(e.isIntersecting&&once)io.disconnect();},{rootMargin,threshold});io.observe(el);return()=>io.disconnect();},[ref,once,rootMargin,threshold]);return inView;}/* 3. STYLES (one <style data-rk-kit> per page) */// No font loading here: raion.io already serves Cabin, Geist Mono, Inter and Schibsted Grotesk (every weight the kit\n// uses) from Framer's own font files. A second source would override those @font-face rules for the native text too.\nconst themeCss=t=>`.rk-t-${t}{${Object.entries(THEMES[t]).map(([k,v])=>`${k}:${v}`).join(\";\")};color-scheme:${t}}`;const KIT_CSS=`:root{--rk-orange:${ORANGE_TOKEN};--rk-orange-dark:${T.orangeDark};--rk-orange-tint:${T.orangeTint};--rk-ease:${T.ease};\n--rk-f-head:${FONT_HEAD};--rk-f-body:${FONT_BODY};--rk-f-label:${FONT_LABEL};--rk-f-mono:${FONT_MONO};\n--rk-nav-h:${T.navH}px;--rk-sticky-top:calc(var(--rk-nav-h) + 24px)}\n@media (max-width:1199.98px){:root{--rk-nav-h:66px}}\n${themeCss(\"dark\")}\n${themeCss(\"light\")}\n.rk-section{position:relative;width:100%;container:rk / inline-size;overflow-x:clip;scroll-margin-top:var(--rk-nav-h,${T.navH}px)}\n[id]:has(> .rk-section){scroll-margin-top:var(--rk-nav-h,${T.navH}px)}\n:where(.rk-section){background:var(--rk-bg);color:var(--rk-fg);border-top:1px solid var(--rk-frame);font:400 16px/1.6 var(--rk-f-body);\n  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}\n:where(.rk-section,.rk-btn,.rk-card,.rk-tag),:where(.rk-section,.rk-btn,.rk-card,.rk-tag) *,:where(.rk-section) *::before,:where(.rk-section) *::after{box-sizing:border-box}\n:where(.rk-shell){padding-inline:${T.padX}}\n:where(.rk-container){position:relative;max-width:${T.maxWidth}px;margin-inline:auto;border-inline:1px solid var(--rk-frame);padding:${T.padY} ${T.padInner}}\n@container rk (min-width:810px){:where(.rk-container){padding:80px 19px}}\n@container rk (min-width:1200px){:where(.rk-container){padding:120px 39px}}\n:where(.rk-section--bare) :where(.rk-container){padding:0;border-inline:0;max-width:none}\n\n.rk-h2{margin:0;font:400 clamp(27px,calc(17px + 2.6cqi),41px)/1.1 var(--rk-f-head);letter-spacing:0;color:var(--rk-fg);text-wrap:balance}\n@container rk (min-width:810px) and (max-width:1199.98px){.rk-h2{font-size:41px}}\n@container rk (min-width:1200px){.rk-h2{font-size:45px}}\n.rk-h3{margin:0;font:400 clamp(20px,calc(16px + 1cqi),24px)/1.25 var(--rk-f-head);letter-spacing:-.01em;color:var(--rk-fg);text-wrap:balance}\n.rk-lede{margin:0;max-width:680px;font:400 16px/1.6 var(--rk-f-body);color:var(--rk-fg);text-wrap:pretty}\n.rk-body{margin:0;font:400 16px/1.6 var(--rk-f-body);color:var(--rk-lead)}\n.rk-label{font:600 12px/1.2 var(--rk-f-label);letter-spacing:.02em;text-transform:uppercase}\n.rk-mono{font-family:var(--rk-f-mono);font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}\n.rk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}\n\n.rk-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0;padding:3px 7px;\n  border:1px solid var(--rk-tag-bd,#000);background:var(--rk-tag-bg,#000);color:var(--rk-tag-fg,#fff);\n  font:400 14px/1.4 var(--rk-f-head);letter-spacing:0;text-transform:uppercase}\n.rk-tag::before{content:\"\";width:6px;height:6px;flex:none;background:var(--rk-orange)}\n\n:where(.rk-head){display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:clamp(36px,4.2cqi,60px)}\n:where(.rk-head__t){display:flex;flex-direction:column;gap:16px;max-width:760px}\n:where(.rk-head--center){align-items:center;text-align:center}\n:where(.rk-head--center) :where(.rk-head__t){align-items:center;margin-inline:auto}\n\n:where(.rk-card){position:relative;background:var(--rk-card);border:1px solid var(--rk-line);color:var(--rk-fg);padding:clamp(20px,2.8cqi,40px)}\n.rk-card__dot{position:absolute;width:${T.dot}px;height:${T.dot}px;background:var(--rk-dot);pointer-events:none;z-index:2}\n.rk-card__dot--tl{top:0;left:0}.rk-card__dot--tr{top:0;right:0}.rk-card__dot--bl{bottom:0;left:0}.rk-card__dot--br{bottom:0;right:0}\n\n.rk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;width:max-content;max-width:100%;\n  margin:0;padding:0 15px;flex:none;border:1px solid var(--rk-orange);border-radius:0;background:transparent;color:var(--rk-fg,#fff);\n  font:500 16px/24px var(--rk-f-body);letter-spacing:0;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;\n  -webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;\n  transition:background-color .3s var(--rk-ease)}\n.rk-btn--light{color:#000}.rk-btn--dark{color:#fff}\n.rk-btn--primary{background:var(--rk-orange);color:#000}\n.rk-btn--chip{padding-left:7px}\n.rk-btn--block{display:flex;width:100%}\n@container rk (max-width:359.98px){.rk-btn{padding-inline:12px;gap:8px;font-size:15px}.rk-btn--chip{padding-left:12px}.rk-btn--chip .rk-btn__c{display:none}}\n.rk-btn__l{display:flex;flex-direction:column;height:24px;overflow:hidden}\n.rk-btn__l>span{display:block;flex:none;height:24px;transition:transform .5s var(--rk-ease)}\n.rk-btn__c{position:relative;width:24px;height:24px;flex:none;overflow:hidden;background:#000;color:#fff}\n.rk-btn--secondary .rk-btn__c{background:var(--rk-orange);color:#000}\n.rk-btn__c>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--rk-ease)}\n.rk-btn__c>span+span{transform:translateX(-100%)}\n@media (hover:hover) and (pointer:fine){\n  .rk-btn:hover .rk-btn__l>span{transform:translateY(-100%)}\n  .rk-btn:hover .rk-btn__c>span{transform:translateX(100%)}\n  .rk-btn:hover .rk-btn__c>span+span{transform:translateX(0)}\n  .rk-btn--secondary:hover{background:var(--rk-tint,rgba(248,114,56,.12))}\n}\n.rk-btn:focus-visible{outline:2px solid var(--rk-focus,${ORANGE_TOKEN});outline-offset:3px}\n:where(.rk-section) :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--rk-focus);outline-offset:2px}\n\n.rk-rv.is-armed{opacity:0;transform:translate3d(0,24px,0)}\n.rk-rv.is-armed.is-in{opacity:1;transform:none;transition:opacity .8s var(--rk-ease) var(--rk-delay,0ms),transform .9s var(--rk-ease) var(--rk-delay,0ms)}\n@media print{.rk-rv{opacity:1!important;transform:none!important}}\n@media (prefers-reduced-motion:reduce){\n  .rk-rv{opacity:1!important;transform:none!important}\n  :where(.rk-section,.rk-btn) *,:where(.rk-section,.rk-btn) *::before,:where(.rk-section,.rk-btn) *::after,.rk-btn{\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}\n}`;/** Ids of the mounted KitStyles copies, in mount order; the first one owns the stylesheet. */const kitOwners=[];const kitSubs=new Set;let kitSeq=0;const kitEmit=()=>kitSubs.forEach(cb=>cb());const kitSubscribe=cb=>{kitSubs.add(cb);return()=>{kitSubs.delete(cb);};};/** The one shared stylesheet. Safe to render from every component; see the header note on deduplication. */export function KitStyles(){const me=React.useRef(0);const show=React.useSyncExternalStore(kitSubscribe,()=>kitOwners.indexOf(me.current)<=0,()=>true);useIsoLayoutEffect(()=>{const id=++kitSeq;me.current=id;kitOwners.push(id);kitEmit();return()=>{const i=kitOwners.indexOf(id);if(i>=0)kitOwners.splice(i,1);me.current=0;kitEmit();};},[]);return show?/*#__PURE__*/_jsx(\"style\",{\"data-rk-kit\":\"\",dangerouslySetInnerHTML:{__html:KIT_CSS}}):null;}/* 4. PRIMITIVES */const ARROW_DOTS=[[10.666,3.2],[8.533,1.067],[12.8,5.333],[14.933,7.466],[1.067,7.466],[4.268,7.466],[7.467,7.466],[10.666,7.466],[12.8,9.6],[10.666,11.733],[8.533,13.866]];/** The dotted pixel arrow used by the native raion.io buttons (same 16 × 15 artwork). */export function Arrow({size=16}){return /*#__PURE__*/_jsx(\"svg\",{width:size,height:size*15/16,viewBox:\"0 0 16 15\",fill:\"currentColor\",\"aria-hidden\":\"true\",focusable:\"false\",children:ARROW_DOTS.map(([cx,cy],i)=>/*#__PURE__*/_jsx(\"circle\",{cx:cx,cy:cy,r:1.067},i))});}export function Mono({children,className,style}){return /*#__PURE__*/_jsx(\"span\",{className:cx(\"rk-mono\",className),style:style,children:children});}/** Eyebrow chip: black box (light) or orange outline with tint (dark), 6px orange square, caps Inter. */export function Tag({children,theme,className}){return /*#__PURE__*/_jsx(\"p\",{className:cx(\"rk-tag\",theme&&\"rk-t-\"+theme,className),children:children});}const isExternal=href=>/^https?:\\/\\//i.test(href)&&!/^https?:\\/\\/([a-z0-9-]+\\.)*raion\\.io(\\/|$)/i.test(href);export function Btn({href,children,variant=\"primary\",theme,ariaLabel,arrow,block,className,onClick,newTab}){const chip=arrow??variant===\"primary\";const cls=cx(\"rk-btn\",\"rk-btn--\"+variant,theme&&\"rk-btn--\"+theme,chip&&\"rk-btn--chip\",block&&\"rk-btn--block\",className);const inner=/*#__PURE__*/_jsxs(_Fragment,{children:[chip?/*#__PURE__*/_jsxs(\"span\",{className:\"rk-btn__c\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"span\",{children:/*#__PURE__*/_jsx(Arrow,{})}),/*#__PURE__*/_jsx(\"span\",{children:/*#__PURE__*/_jsx(Arrow,{})})]}):null,/*#__PURE__*/_jsxs(\"span\",{className:\"rk-btn__l\",children:[/*#__PURE__*/_jsx(\"span\",{children:children}),/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",children:children})]})]});if(!href){return /*#__PURE__*/_jsx(\"button\",{type:\"button\",className:cls,\"aria-label\":ariaLabel,onClick:onClick,children:inner});}const ext=newTab??isExternal(href);return /*#__PURE__*/_jsx(\"a\",{className:cls,href:href,\"aria-label\":ariaLabel,onClick:onClick,target:ext?\"_blank\":undefined,rel:ext?\"noopener\":undefined,children:inner});}export function Card({theme,children,className,as,style,id}){const El=as||\"div\";return /*#__PURE__*/_jsxs(El,{className:cx(\"rk-card\",theme&&\"rk-t-\"+theme,className),style:style,id:id,children:[/*#__PURE__*/_jsx(\"i\",{className:\"rk-card__dot rk-card__dot--tl\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"i\",{className:\"rk-card__dot rk-card__dot--tr\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"i\",{className:\"rk-card__dot rk-card__dot--bl\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"i\",{className:\"rk-card__dot rk-card__dot--br\",\"aria-hidden\":\"true\"}),children]});}/**\n * Fade and rise on scroll (transform and opacity only). Content is fully visible on the server, without JS, in the\n * Framer canvas and export, under reduced motion and when already on screen at mount. Only an element that is\n * below the fold at mount is hidden (before paint, so nothing flashes) and revealed when it scrolls in.\n */export function Reveal({children,delay=0,as,className,style,id}){const El=as||\"div\";const ref=React.useRef(null);const isStatic=useIsStaticRenderer();const[phase,setPhase]=React.useState(0)// 0 visible, 1 armed (hidden), 2 revealing\n;useIsoLayoutEffect(()=>{const el=ref.current;if(!el||isStatic||typeof IntersectionObserver!==\"function\")return;if(typeof window.matchMedia===\"function\"&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches)return;const vh=window.innerHeight;if(!vh||el.getBoundingClientRect().top<vh*.92)return;// on screen, above, or no viewport: stays as rendered\nsetPhase(1);const io=new IntersectionObserver(entries=>{if(entries.some(e=>e.isIntersecting)){setPhase(2);io.disconnect();}},{rootMargin:\"0px 0px -8% 0px\"});io.observe(el);return()=>io.disconnect();},[isStatic]);const st=delay?{...style,\"--rk-delay\":`${Math.round(delay)}ms`}:style;return /*#__PURE__*/_jsx(El,{ref:ref,id:id,style:st,className:cx(\"rk-rv\",phase>0&&\"is-armed\",phase===2&&\"is-in\",className),children:children});}/** A raion.io section: theme background, 1320px container framed by thin vertical rules, \"rk\" size container. */export function Section({theme,id,labelledBy,children,style,className,bare,containerClassName}){return /*#__PURE__*/_jsxs(\"section\",{id:id,\"aria-labelledby\":labelledBy,className:cx(\"rk-section\",\"rk-t-\"+theme,bare&&\"rk-section--bare\",className),style:style,children:[/*#__PURE__*/_jsx(KitStyles,{}),/*#__PURE__*/_jsx(\"div\",{className:bare?undefined:\"rk-shell\",children:/*#__PURE__*/_jsx(\"div\",{className:cx(\"rk-container\",containerClassName),children:children})})]});}/** Eyebrow tag, h2 and lede in the raion.io layout, revealed on scroll. Children render under the lede. */export function SectionHeader({tag,heading,lede,theme,headingId,align=\"left\",className,children}){return /*#__PURE__*/_jsxs(Reveal,{className:cx(\"rk-head\",align===\"center\"&&\"rk-head--center\",theme&&\"rk-t-\"+theme,className),children:[tag?/*#__PURE__*/_jsx(Tag,{children:tag}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"rk-head__t\",children:[/*#__PURE__*/_jsx(\"h2\",{id:headingId,className:\"rk-h2\",children:heading}),lede?/*#__PURE__*/_jsx(\"p\",{className:\"rk-lede\",children:lede}):null,children]})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"Tag\":{\"type\":\"reactComponent\",\"name\":\"Tag\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"themeVars\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsoLayoutEffect\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"cx\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Btn\":{\"type\":\"reactComponent\",\"name\":\"Btn\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"KitStyles\":{\"type\":\"reactComponent\",\"name\":\"KitStyles\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"T\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Mono\":{\"type\":\"reactComponent\",\"name\":\"Mono\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"Arrow\":{\"type\":\"reactComponent\",\"name\":\"Arrow\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"Theme\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Card\":{\"type\":\"reactComponent\",\"name\":\"Card\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"Reveal\":{\"type\":\"reactComponent\",\"name\":\"Reveal\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePrefersReducedMotion\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"SectionHeader\":{\"type\":\"reactComponent\",\"name\":\"SectionHeader\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"BtnProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Section\":{\"type\":\"reactComponent\",\"name\":\"Section\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"useInView\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ComputeKit.map"],"mappings":"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"}