{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/Ko8xixMZQ5CwHKLyRP3F/quno4Hvu26an39gQK7V0/akgu8VZHN.js"], "sourcesContent": ["// Generated by Framer (2491c01)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, RichText, SVG, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport Button from \"https://framerusercontent.com/modules/lNN3GPne3svlawYghvTm/bmhnosgXHsw0s1sG5HoK/Tnz4seCKc.js\";\nconst ButtonFonts = getFonts(Button);\nconst cycleOrder = [\"HmX0pnR9z\", \"wot4Qugqy\"];\nconst variantClassNames = {\n HmX0pnR9z: \"framer-v-y0pnnm\",\n wot4Qugqy: \"framer-v-uto86b\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n const nextOverrides = {};\n variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n return nextOverrides;\n}\nconst humanReadableVariantMap = {\n \"title-only-white\": \"wot4Qugqy\",\n \"Variant 1\": \"HmX0pnR9z\"\n};\nconst transitions = {\n default: {\n damping: 60,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n const ref = React.useRef(null);\n if (ref.current === null) {\n ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n }\n return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"HmX0pnR9z\",\n tap: iOhQ21xAk,\n title: BVgfhSInU = \"Fabric\",\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"HmX0pnR9z\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onClickeyxiv3 = activeVariantCallback(async (...args) => {\n if (iOhQ21xAk) {\n const res = await iOhQ21xAk(...args);\n if (res === false) return false;\n }\n });\n const isDisplayed1 = () => {\n if (baseVariant === \"wot4Qugqy\") return false;\n return true;\n };\n const defaultLayoutId = useRandomID();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\n initial: variant,\n animate: variants,\n onHoverStart: () => setGestureState({\n isHovered: true\n }),\n onHoverEnd: () => setGestureState({\n isHovered: false\n }),\n onTapStart: () => setGestureState({\n isPressed: true\n }),\n onTap: () => setGestureState({\n isPressed: false\n }),\n onTapCancel: () => setGestureState({\n isPressed: false\n }),\n className: cx(\"framer-jWoHC\", classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n },\n children: /*#__PURE__*/_jsxs(motion.nav, {\n ...restProps,\n className: cx(\"framer-y0pnnm\", className),\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"HmX0pnR9z\",\n ref: ref,\n style: {\n backgroundColor: \"rgb(255, 255, 255)\",\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n wot4Qugqy: {\n \"data-framer-name\": \"title-only-white\"\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsx(SVG, {\n className: \"framer-8dddcm\",\n \"data-framer-name\": \"black_fabric_mini_logo\",\n fill: \"black\",\n intrinsicHeight: 41,\n intrinsicWidth: 29,\n layoutDependency: layoutDependency,\n layoutId: \"kIkdKdUAR\",\n svg: '',\n transition: transition,\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-40sjk3\",\n layoutDependency: layoutDependency,\n layoutId: \"BRJUM3BTc\",\n transition: transition,\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.h1, {\n style: {\n \"--font-selector\": \"R0Y7TWFucm9wZS04MDA=\",\n \"--framer-font-family\": '\"Manrope\", serif',\n \"--framer-font-size\": \"20px\",\n \"--framer-font-weight\": \"800\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-text-color\": \"var(--extracted-gdpscs)\"\n },\n children: \"Fabric\"\n })\n }),\n className: \"framer-p7kvoj\",\n fonts: [\"GF;Manrope-800\"],\n layoutDependency: layoutDependency,\n layoutId: \"QKQPIaPKA\",\n style: {\n \"--extracted-gdpscs\": \"var(--token-b1fb229f-a8e6-4640-b958-ea29fe1a7f0e, rgb(25, 21, 78)) \",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: BVgfhSInU,\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-5h5zay\",\n \"data-framer-name\": \"Links\",\n layoutDependency: layoutDependency,\n layoutId: \"PrPzvQItS\",\n transition: transition,\n children: isDisplayed1() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1wbqtxj-container\",\n layoutDependency: layoutDependency,\n layoutId: \"XY4e8yMlM-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Button, {\n height: \"100%\",\n icon: false,\n icon1: \"PlayCircle\",\n id: \"XY4e8yMlM\",\n layoutId: \"XY4e8yMlM\",\n link: \"https://chrome.google.com/webstore/detail/braid-%E2%80%93-social-annotation/dbbaiokglpdmdlgjakcfcmfalfhbjhjn\",\n title: \"Get the extension\",\n variant: \"zMIqz4YH_\",\n width: \"100%\"\n })\n })\n })]\n })\n })\n });\n});\nconst css = ['.framer-jWoHC [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; } }\", \".framer-jWoHC * { box-sizing: border-box; }\", \".framer-jWoHC .framer-4r7fjr { display: block; }\", \".framer-jWoHC .framer-y0pnnm { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: 80px; justify-content: center; overflow: hidden; padding: 25px 25px 25px 25px; position: relative; width: 1200px; }\", \".framer-jWoHC .framer-106giia, .framer-jWoHC .framer-o1bwnr { aspect-ratio: 0.7142857142857143 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 35px); position: relative; width: 25px; }\", \".framer-jWoHC .framer-8dddcm { aspect-ratio: 0.7073170731707317 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 34px); position: relative; width: 24px; }\", \".framer-jWoHC .framer-40sjk3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 52px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 552px; }\", \".framer-jWoHC .framer-10f8sn6 { aspect-ratio: 1.96875 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 0px); position: relative; width: 38px; }\", \".framer-jWoHC .framer-p7kvoj { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\", \".framer-jWoHC .framer-1xiub2n-container { flex: none; height: 30px; position: relative; width: 30px; }\", \".framer-jWoHC .framer-5h5zay { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 30px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-jWoHC .framer-1wbqtxj-container, .framer-jWoHC .framer-jqlpjw-container { flex: none; height: auto; position: relative; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-jWoHC .framer-y0pnnm, .framer-jWoHC .framer-40sjk3, .framer-jWoHC .framer-5h5zay { gap: 0px; } .framer-jWoHC .framer-y0pnnm > * { margin: 0px; margin-left: calc(24px / 2); margin-right: calc(24px / 2); } .framer-jWoHC .framer-y0pnnm > :first-child, .framer-jWoHC .framer-40sjk3 > :first-child, .framer-jWoHC .framer-5h5zay > :first-child { margin-left: 0px; } .framer-jWoHC .framer-y0pnnm > :last-child, .framer-jWoHC .framer-40sjk3 > :last-child, .framer-jWoHC .framer-5h5zay > :last-child { margin-right: 0px; } .framer-jWoHC .framer-40sjk3 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-jWoHC .framer-5h5zay > * { margin: 0px; margin-left: calc(30px / 2); margin-right: calc(30px / 2); } }\", \".framer-jWoHC.framer-v-uto86b .framer-8dddcm { order: 0; }\", \".framer-jWoHC.framer-v-uto86b .framer-40sjk3 { order: 5; }\", \".framer-jWoHC.framer-v-uto86b .framer-5h5zay { min-height: 46px; min-width: 179px; order: 4; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 80\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"wot4Qugqy\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"iOhQ21xAk\":\"tap\",\"BVgfhSInU\":\"title\"}\n */\nconst Framerakgu8VZHN = withCSS(Component, css);\nexport default Framerakgu8VZHN;\nFramerakgu8VZHN.displayName = \"Fabric-desktop\";\nFramerakgu8VZHN.defaultProps = {\n height: 80,\n width: 1200\n};\naddPropertyControls(Framerakgu8VZHN, {\n variant: {\n options: [\"HmX0pnR9z\", \"wot4Qugqy\"],\n optionTitles: [\"Variant 1\", \"title-only-white\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n iOhQ21xAk: {\n title: \"Tap\",\n type: ControlType.EventHandler\n },\n BVgfhSInU: {\n defaultValue: \"Fabric\",\n displayTextArea: false,\n title: \"Title\",\n type: ControlType.String\n }\n});\naddFonts(Framerakgu8VZHN, [{\n family: \"Manrope\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/akgu8VZHN:default\",\n url: \"https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F87jxeN7B.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F87jxeN7B.ttf\",\n weight: \"800\"\n}, ...ButtonFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"Framerakgu8VZHN\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"1200\",\n \"framerVariables\": \"{\\\"iOhQ21xAk\\\":\\\"tap\\\",\\\"BVgfhSInU\\\":\\\"title\\\"}\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"wot4Qugqy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n \"framerIntrinsicHeight\": \"80\",\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["ButtonFonts", "getFonts", "Tnz4seCKc_default", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "iOhQ21xAk", "BVgfhSInU", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onClickeyxiv3", "args", "isDisplayed1", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "u", "SVG", "RichText", "x", "css", "Framerakgu8VZHN", "withCSS", "akgu8VZHN_default", "addPropertyControls", "ControlType", "addFonts"] }