{
"version": 3,
"sources": ["import-map:https://ga.jspm.io/npm:react@17.0.2/jsx-runtime.js", "import-map:https://app.framerstatic.com/chunk-QCLOLDTP.js", "import-map:https://app.framerstatic.com/framer-motion-esm-shim.6CMEER7V.js", "import-map:https://framer.com/m/framer/useConstant.js@^1.0.0", "import-map:https://framer.com/m/framer/randomID.js@^2.0.0", "import-map:https://framerusercontent.com/modules/axXM66WVo6k4dLoZE5fa/Q6yC5t60B2bwapWKJZld/IVACdHWDK.js"],
"sourcesContent": ["import*as r from\"object-assign\";import*as e from\"react\";var t=\"default\"in r?r.default:r;var o=\"default\"in e?e.default:e;var a={};t;var f=o,n=60103;a.Fragment=60107;if(\"function\"===typeof Symbol&&Symbol.for){var s=Symbol.for;n=s(\"react.element\");a.Fragment=s(\"react.fragment\")}var l=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,_=Object.prototype.hasOwnProperty,i={key:!0,ref:!0,__self:!0,__source:!0};function q(r,e,t){var o,a={},f=null,s=null;void 0!==t&&(f=\"\"+t);void 0!==e.key&&(f=\"\"+e.key);void 0!==e.ref&&(s=e.ref);for(o in e)_.call(e,o)&&!i.hasOwnProperty(o)&&(a[o]=e[o]);if(r&&r.defaultProps)for(o in e=r.defaultProps,e)void 0===a[o]&&(a[o]=e[o]);return{$$typeof:n,type:r,key:f,ref:s,props:a,_owner:l.current}}a.jsx=q;a.jsxs=q;const u=a.Fragment,p=a.jsx,y=a.jsxs;export{u as Fragment,a as default,p as jsx,y as jsxs};\n\n//# sourceMappingURL=jsx-runtime.js.map", "var h=Object.create;var f=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var m=a=>f(a,\"__esModule\",{value:!0});var q=(a=>typeof require!=\"undefined\"?require:typeof Proxy!=\"undefined\"?new Proxy(a,{get:(b,c)=>(typeof require!=\"undefined\"?require:b)[c]}):a)(function(a){if(typeof require!=\"undefined\")return require.apply(this,arguments);throw new Error('Dynamic require of \"'+a+'\" is not supported')});var r=(a,b)=>()=>(b||a((b={exports:{}}).exports,b),b.exports),s=(a,b)=>{for(var c in b)f(a,c,{get:b[c],enumerable:!0})},n=(a,b,c,d)=>{if(b&&typeof b==\"object\"||typeof b==\"function\")for(let e of j(b))!l.call(a,e)&&(c||e!==\"default\")&&f(a,e,{get:()=>b[e],enumerable:!(d=i(b,e))||d.enumerable});return a},t=(a,b)=>n(m(f(a!=null?h(k(a)):{},\"default\",!b&&a&&a.__esModule?{get:()=>a.default,enumerable:!0}:{value:a,enumerable:!0})),a);var g=(a,b,c)=>{if(!b.has(a))throw TypeError(\"Cannot \"+c)};var o=(a,b,c)=>(g(a,b,\"read from private field\"),c?c.call(a):b.get(a)),u=(a,b,c)=>{if(b.has(a))throw TypeError(\"Cannot add the same private member more than once\");b instanceof WeakSet?b.add(a):b.set(a,c)},p=(a,b,c,d)=>(g(a,b,\"write to private field\"),d?d.call(a,c):b.set(a,c),c),v=(a,b,c,d)=>({set _(e){p(a,b,e,c)},get _(){return o(a,b,d)}}),w=(a,b,c)=>(g(a,b,\"access private method\"),c);export{q as a,r as b,s as c,t as d,o as e,u as f,p as g,v as h,w as i};\n//# sourceMappingURL=https://app.framerstatic.com/chunk-QCLOLDTP.js.map\n", "import\"https://app.framerstatic.com/chunk-QCLOLDTP.js\";var{AnimatePresence:e,AnimateSharedLayout:o,AnimationType:t,DeprecatedLayoutGroupContext:n,DragControls:a,FlatTree:i,LayoutGroup:s,LayoutGroupContext:r,LazyMotion:u,MotionConfig:l,MotionConfigContext:m,MotionContext:c,MotionValue:d,PresenceContext:p,Reorder:C,SwitchLayoutGroupContext:M,addPointerEvent:V,addScaleCorrector:y,animate:f,animateVisualElement:g,animationControls:x,animations:L,calcLength:S,checkTargetForNewValues:T,createBox:A,createDomMotionComponent:D,createMotionComponent:E,domAnimation:P,domMax:h,filterProps:v,isBrowser:w,isDragActive:F,isMotionValue:I,isValidMotionProp:G,m:R,makeUseVisualState:U,motion:k,motionValue:B,resolveMotionValue:b,transform:j,useAnimation:z,useAnimationFrame:H,useCycle:N,useDeprecatedAnimatedState:q,useDeprecatedInvertedScale:J,useDomEvent:K,useDragControls:O,useElementScroll:Q,useForceUpdate:W,useInstantLayoutTransition:X,useInstantTransition:Y,useIsPresent:Z,useIsomorphicLayoutEffect:_,useMotionTemplate:$,useMotionValue:ee,usePresence:oe,useReducedMotion:te,useReducedMotionConfig:ne,useResetProjection:ae,useSpring:ie,useTime:se,useTransform:re,useUnmountEffect:ue,useVelocity:le,useViewportScroll:me,useVisualElementContext:ce,visualElement:de,wrapHandler:pe}=globalThis.Framer;export{e as AnimatePresence,o as AnimateSharedLayout,t as AnimationType,n as DeprecatedLayoutGroupContext,a as DragControls,i as FlatTree,s as LayoutGroup,r as LayoutGroupContext,u as LazyMotion,l as MotionConfig,m as MotionConfigContext,c as MotionContext,d as MotionValue,p as PresenceContext,C as Reorder,M as SwitchLayoutGroupContext,V as addPointerEvent,y as addScaleCorrector,f as animate,g as animateVisualElement,x as animationControls,L as animations,S as calcLength,T as checkTargetForNewValues,A as createBox,D as createDomMotionComponent,E as createMotionComponent,P as domAnimation,h as domMax,v as filterProps,w as isBrowser,F as isDragActive,I as isMotionValue,G as isValidMotionProp,R as m,U as makeUseVisualState,k as motion,B as motionValue,b as resolveMotionValue,j as transform,z as useAnimation,H as useAnimationFrame,N as useCycle,q as useDeprecatedAnimatedState,J as useDeprecatedInvertedScale,K as useDomEvent,O as useDragControls,Q as useElementScroll,W as useForceUpdate,X as useInstantLayoutTransition,Y as useInstantTransition,Z as useIsPresent,_ as useIsomorphicLayoutEffect,$ as useMotionTemplate,ee as useMotionValue,oe as usePresence,te as useReducedMotion,ne as useReducedMotionConfig,ae as useResetProjection,ie as useSpring,se as useTime,re as useTransform,ue as useUnmountEffect,le as useVelocity,me as useViewportScroll,ce as useVisualElementContext,de as visualElement,pe as wrapHandler};\n//# sourceMappingURL=https://app.framerstatic.com/framer-motion-esm-shim.6CMEER7V.js.map\n", "import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on.\n * By using `useConstant` you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map", "import { useConstant } from \"https://framer.com/m/framer/useConstant.js@^1.0.0\";\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n/**\n * Generates a random string of BASE62 characters.\n */ export function randomID(length = 5) {\n return Array(length).fill(0).map(()=>BASE62[Math.floor(Math.random() * BASE62.length)]\n ).join(\"\");\n}\nexport function useRandomID(length = 5) {\n return useConstant(()=>randomID(length)\n );\n}\nconst defaultStorageKey = \"$$FramerRandomID\";\n/**\n * `randomID` but cached in localStorage.\n */ export function useCachedRandomID(storageKey = defaultStorageKey) {\n return useConstant(()=>{\n const storage = getLocalStorage();\n if (!storage) return randomID(8);\n const cachedValue = storage.getItem(storageKey);\n if (cachedValue) return cachedValue;\n const newID = randomID(8);\n storage.setItem(storageKey, newID);\n return newID;\n });\n}\nfunction getLocalStorage() {\n if (typeof window === undefined) return undefined;\n try {\n return window.localStorage;\n } catch (err) {\n return undefined;\n }\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useRandomID\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useCachedRandomID\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./randomID.map", "import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\"; // Generated by Framer (ed3e0e3)\n\nimport * as React from \"react\";\nimport { motion, LayoutGroup } from \"framer-motion\";\nimport { addFonts, withCSS, addPropertyControls, ControlType, cx, useAddVariantProps, useVariantState, Text, Stack } from \"framer\";\nimport { useRandomID } from \"https://framer.com/m/framer/randomID.js@^2.0.0\";\nconst cycleOrder = [\"76871:18324\", \"M7SKC_mFM\"];\nconst variantClassNames = {\n \"76871:18324\": \"framer-v-134bqs7\",\n \"M7SKC_mFM\": \"framer-v-og6n0a\"\n};\nconst humanReadableVariantMap = {\n \"Desktop\": \"76871:18324\",\n \"Tablet\": \"M7SKC_mFM\"\n};\nconst transitions = {\n \"default\": {\n \"type\": \"spring\",\n \"ease\": [0.44, 0, 0.56, 1],\n \"duration\": 0.3,\n \"delay\": 0,\n \"stiffness\": 500,\n \"damping\": 60,\n \"mass\": 1\n }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"76871:18324\",\n title: fC3j_yCDg = \"k8s manifests in the cloud\",\n headline: ZMJQRFNkH = \"Monokle from everywhere\",\n intro: YWS_qL50c = \"How we transformed a successfull standealone native app into a cloud SaaS.\",\n h1: fNTEX_8Ji = 94,\n color: RyPFR0Mj9 = \"rgb(255, 255, 255)\",\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n variants,\n baseVariant,\n gestureVariant,\n classNames,\n transition,\n setVariant,\n setGestureState\n } = useVariantState({\n defaultVariant: \"76871:18324\",\n variant,\n transitions,\n variantClassNames,\n cycleOrder\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const variantProps = React.useMemo(() => ({\n \"M7SKC_mFM\": {\n \"76871:18324\": {\n \"center\": false,\n \"data-framer-name\": \"Tablet\",\n \"__contentWrapperStyle\": {\n \"width\": \"100%\",\n \"height\": \"auto\",\n \"padding\": \"0px 0px 0px 0px\"\n },\n \"background\": null\n },\n \"76871:18325\": {\n \"center\": false\n },\n \"76871:18326\": {\n \"gap\": 40,\n \"center\": false,\n \"__contentWrapperStyle\": {\n \"width\": \"100%\",\n \"height\": \"auto\",\n \"padding\": \"0px 0px 0px 0px\"\n },\n \"background\": null\n },\n \"76871:18327\": {\n \"rawHTML\": \"