{
  "version": 3,
  "sources": ["ssg:https://ga.jspm.io/npm:react-dom@18.2.0/client.js", "framer:toplevel:framer:toplevel/main"],
  "sourcesContent": ["import*as t from\"react-dom\";var o=\"default\"in t?t.default:t;var a={};var e=o;a.createRoot=e.createRoot;a.hydrateRoot=e.hydrateRoot;const r=a.createRoot,d=a.hydrateRoot;export{r as createRoot,a as default,d as hydrateRoot};\n\n//# sourceMappingURL=client.js.map", "\r\n        import * as Framer from \"framer\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom/client\";\r\n\r\n        const routes = {LCpwKiTcI: {elements: {riQ7Z3lFV: \"work\", YerGlzDW8: \"hero\", YwQJGOllq: \"tool-and-skills\"}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/R2qjoFG0xo4JJ4CRBTRY/1FFYebMOdvkw6IQMipuK/LCpwKiTcI.js\")), path: \"/\"}, augiA20Il: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/bm6zRzdgAbSwPe6e7a1s/SEWX8lMdqWZl3MbVCzmy/augiA20Il.js\")), path: \"/old-home\"}, VF_ddw3NQ: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/8dVcrh60yufpGZwb8PXc/y2YDAeVwvoqP4QTFvZwK/VF_ddw3NQ.js\")), path: \"/styleguide\"}, mgsdbf6ZI: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/vlFSUywMaC8LCk1uW5eD/Qz0bx3j5JoJ0tpUUMhyM/mgsdbf6ZI.js\")), path: \"/contact\"}, PmjXFTkQq: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/k1jtff65TTqMF3QtUmIY/2Nti5LcNmEBMGzkfsm2n/PmjXFTkQq.js\")), path: \"/about\"}, D27eDmldW: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/mkV4RsXDJFFu9v9lRe4H/SK9toaJ2l1Ye8BC2qsNj/D27eDmldW.js\")), path: \"/404\"}, kzJ_qEeQ3: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/sHm7PlwzQuzBDKslTnj4/TXesGnfCZrBAt60BMyW5/kzJ_qEeQ3.js\")), path: \"/old-circle\"}, LHNBPwvZ2: {elements: {cKiHdRH8t: \"prototype\", dpASFLY1k: \"define\", KINGnGdQ4: \"empathize\", nzKidO3iP: \"overview\", PHIqovjl3: \"ideate\", w0IJRjjX7: \"end-design\", W5OifQZux: \"test-idea\"}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/YmpwVHbq5BVjIyGF7Rmq/6JDFjSo66qwCoj38PYGj/LHNBPwvZ2.js\")), path: \"/sustainable-convenience\"}, o7byLO0uv: {elements: {bt0UIplqM: \"prototype\", fKwW_5mFM: \"learnings\", K1HMpHHWR: \"end-design\", QlvSOEtzO: \"overview\", qvV6s6BOJ: \"empathize\", zHZS8K_KS: \"define\"}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/XAyzGsKpnItxfcvPztGq/xJNSNSlvY50NXnGio8Vy/o7byLO0uv.js\")), path: \"/hong-kong-museum-of-arts\"}, sFiSYBBam: {elements: {cvahquUVu: \"research-1\", cvBGWu7B9: \"research\", dogbu7avA: \"components\", foASfVe7E: \"design-process\", HxkvMvXB4: \"learnings\", jJrDr8Bph: \"overview\", MNn0U8qYK: \"before-start\", NofuHC5M0: \"style-guide\", R73IFdASB: \"documentation\"}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/ECOlxQSaLYuSWCteDOi6/UBIBFzCTbRGcjXknPm34/sFiSYBBam.js\")), path: \"/ui-kit-for-banking\"}, wWj0p15tU: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/99wALnOHal6cbCtUnUrV/Io9F5nkBwYmQlvZjKHO5/wWj0p15tU.js\")), path: \"/old-hkmoa\"}, XoIEOc1Ht: {elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/DvwwpFrAaY2lhaSIBx69/7R6h1qAht97bxSqRRujO/XoIEOc1Ht.js\")), path: \"/old-ui-banking\"}, oQIoIKO2v: {collectionId: \"JYgo9dYQE\", elements: {}, page: Framer.lazy(() => import(\"https://framerusercontent.com/modules/mGJV98jhxSv24OF98pvQ/ACZ9CEtmrHe54V0yu3di/oQIoIKO2v.js\")), path: \"/Old-/work/:rXzpE7RDC\"}}\r\n        const locales = [{code: \"en\", id: \"default\", name: \"English\", slug: \"\"}, {code: \"yue-Hant-HK\", id: \"N1Nw2vEIz\", name: \"Cantonese\", slug: \"yue\"}]\r\n        \r\n\r\n        export async function getPageRoot({ routeId, pathVariables, localeId }) {\r\n            // We don't want the initial render to immediately have to suspend.\r\n            await routes[routeId].page.preload()\r\n\r\n            const content = React.createElement(\r\n                Framer.PageRoot,\r\n                {\r\n                    isWebsite: true,\r\n                    routeId,\r\n                    pathVariables,\r\n                    routes,\r\n                    collectionUtils: {JYgo9dYQE: async () => (await import(\"https://framerusercontent.com/modules/jvhk5E0LfITC9gHHp6jR/bfoEfLv1gpZGexg04gdq/JYgo9dYQE.js\"))?.[\"utils\"]},\r\n                    framerSiteId: \"04303e0e22898f47555ba53ccb9b521bf38ca5d432e2c149fd11af50f06844e9\",\r\n                    notFoundPage: Framer.lazy(() => import(\"https://framerusercontent.com/modules/mkV4RsXDJFFu9v9lRe4H/SK9toaJ2l1Ye8BC2qsNj/D27eDmldW.js\")),\r\n                    isReducedMotion: true,\r\n                    localeId,\r\n                    locales,\r\n                    preserveQueryParams: true,\r\n                    EditorBar: \r\n        typeof window === \"undefined\" ? undefined : Framer.lazy(async () => {\r\n            const [{ createPortal }, { createEditorBar }] = await Promise.all([\r\n                import(\"react-dom\"),\r\n                import(\"https://edit.framer.com/init.mjs\")\r\n            ])\r\n            return {\r\n                default: createEditorBar({\r\n                    dependencies: {\r\n                        __version: 1,\r\n                        framer: {\r\n                            useCurrentRoute: Framer.useCurrentRoute,\r\n                            useLocaleInfo: Framer.useLocaleInfo,\r\n                            useRouter: Framer.useRouter\r\n                        },\r\n                        react: {\r\n                            createElement: React.createElement,\r\n                            memo: React.memo,\r\n                            useCallback: React.useCallback,\r\n                            useEffect: React.useEffect,\r\n                            useRef: React.useRef,\r\n                            useState: React.useState\r\n                        },\r\n                        'react-dom': { createPortal }\r\n                    }\r\n                })\r\n            }\r\n        })\r\n    ,\r\n                    \r\n                }\r\n            )\r\n\r\n            const contentWithFeaturesContext = React.createElement(\r\n                Framer.LibraryFeaturesProvider,\r\n                {\r\n                    children: content,\r\n                    value: {codeBoundaries: false, editorBarCloseAfterLogin: false, editorBarMenu: true, enableAsyncURLUpdates: true, replaceNestedLinks: true, useGranularSuspense: true, wrapUpdatesInTransitions: true}\r\n                }\r\n            )\r\n\r\n            const contentWithGracefullyDegradingErrorBoundary = React.createElement(Framer.GracefullyDegradingErrorBoundary, {\r\n                children: contentWithFeaturesContext\r\n            })\r\n\r\n            \r\n            const page = React.createElement(Framer.PageEffectsProvider, {\r\n                children: contentWithGracefullyDegradingErrorBoundary,\r\n                value: {global: {enter: {opacity: 0, rotate: 0, rotate3d: false, rotateX: 0, rotateY: 0, scale: 1, transition: {damping: 30, delay: 0, duration: 0.2, ease: [0.27, 0, 0.51, 1], mass: 1, stiffness: 400, type: \"tween\"}, x: \"0px\", y: \"0px\"}}, routes: {}}\r\n            })\r\n\r\n            return page\r\n        }\r\n\r\n        const isBrowser = typeof document !== \"undefined\"\r\n        if (isBrowser) {\r\n            window.__framer_importFromPackage = (packageAndFilename, exportIdentifier) => () => {\r\n                return React.createElement(Framer.ErrorPlaceholder, { error: 'Package component not supported: \"' + exportIdentifier + '\" in \"' + packageAndFilename + '\"' })\r\n            }\r\n\r\n            // A lot of libraries assume process.env.NODE_ENV is present in runtime/buildtime, so we are polyfilling it\r\n            window.process = {\r\n                ...window.process,\r\n                env: {\r\n                    ...(window.process ? window.process.env: undefined),\r\n                    NODE_ENV: \"production\"\r\n                }\r\n            }\r\n\r\n            window.__framer_events = window.__framer_events || []\r\n\r\n            // Fallback support for stack gaps\r\n            Framer.installFlexboxGapWorkaroundIfNeeded()\r\n\r\n            const container = document.getElementById(\"main\")\r\n            // We know that #main is parsed before this script, so we don't need to wait for DOMContentLoaded or similar events.\r\n            if (\"framerHydrateV2\" in container.dataset) main(true, container)\r\n            else main(false, container)\r\n        }\r\n\r\n        function track() {\r\n            if (!isBrowser) return\r\n            window.__framer_events.push(arguments)\r\n        }\r\n\r\n        async function main(shouldHydrate, container) {\r\n            function handleError(error, errorInfo, recoverable = true) {\r\n                if (error.caught || window.__framer_hadFatalError) return // we already logged it\r\n\r\n                const componentStack = errorInfo?.componentStack\r\n                if (recoverable) {\r\n                    console.warn(\"Recoverable error during hydration. Please check any custom code or code overrides to fix server/client mismatches:\\n\", error, componentStack)\r\n                    // we only want to collect 1%, because this can be quite noisy (floods the data pipeline)\r\n                    if (Math.random() > 0.01) return\r\n                } else {\r\n                    console.error(\"Fatal crash during hydration. If you are the author of this website, please report this issue to the Framer team via https://www.framer.community/\")\r\n                }\r\n                track(recoverable ? \"published_site_load_recoverable_error\" : \"published_site_load_error\", {\r\n                    message: String(error),\r\n                    componentStack, // componentStack is more useful\r\n                    stack: componentStack ? undefined : error instanceof Error && typeof error.stack === \"string\" ? error.stack : null,\r\n                })\r\n            }\r\n\r\n            try {\r\n                let routeId, localeId, pathVariables, breakpoints\r\n                if (shouldHydrate) {\r\n                    const routeData = JSON.parse(container.dataset.framerHydrateV2)\r\n                    routeId = routeData.routeId\r\n                    localeId = routeData.localeId\r\n                    pathVariables = routeData.pathVariables\r\n                    breakpoints = routeData.breakpoints\r\n                } else {\r\n                    const routeData = Framer.inferInitialRouteFromPath(routes, decodeURIComponent(location.pathname), true, locales)\r\n                    routeId = routeData.routeId\r\n                    localeId = routeData.localeId\r\n                    pathVariables = routeData.pathVariables\r\n                }\r\n\r\n                const page = await getPageRoot({ routeId, localeId, pathVariables })\r\n                if (shouldHydrate) {\r\n                    \r\n\r\n                    Framer.withPerformanceMarks(\"framer-rewrite-breakpoints\", () => {\r\n                        Framer.removeHiddenBreakpointLayersV2(breakpoints)\r\n                        window.__framer_onRewriteBreakpoints?.(breakpoints)\r\n                    })\r\n\r\n                    \r\n\r\n                    const startTransition = React.startTransition\r\n                    startTransition(() => {\r\n                        Framer.markHydrationStart()\r\n                        Framer.setInitialHydrationState()\r\n                        if (true) Framer.turnOffReactEventHandling()\r\n                        ReactDOM.hydrateRoot(container, page, { onRecoverableError: handleError })\r\n                    })\r\n                } else {\r\n                    \r\n                    ReactDOM.createRoot(container, { onRecoverableError: handleError }).render(page)\r\n                }\r\n            } catch (error) {\r\n                handleError(error, undefined, false)\r\n                throw error\r\n            }\r\n        }\r\n\r\n        \r\n\r\n        \r\n    "],
  "mappings": "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",
  "names": ["o", "npm_react_dom_18_2_exports", "Ha", "a", "e", "r", "d", "routes", "lazy", "locales", "getPageRoot", "routeId", "pathVariables", "localeId", "content", "B", "PageRoot", "window", "createPortal", "createEditorBar", "useCurrentRoute", "useLocaleInfo", "useRouter", "X", "te", "ue", "pe", "ye", "contentWithFeaturesContext", "LibraryFeaturesProvider", "contentWithGracefullyDegradingErrorBoundary", "GracefullyDegradingErrorBoundary", "PageEffectsProvider", "isBrowser", "packageAndFilename", "exportIdentifier", "ErrorPlaceholder", "installFlexboxGapWorkaroundIfNeeded", "container", "main", "track", "shouldHydrate", "handleError", "error", "errorInfo", "recoverable", "componentStack", "breakpoints", "routeData", "inferInitialRouteFromPath", "page", "withPerformanceMarks", "removeHiddenBreakpointLayersV2", "Z", "markHydrationStart", "setInitialHydrationState", "turnOffReactEventHandling", "d", "r"]
}