{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/eBYFqvd8PWLP26ymsWui/zCxTgJ0lqVlZXjptCF1c/o7jsgu8KS.js"], "sourcesContent": ["// Generated by Framer (7aa0232)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, SVG, useLocaleInfo, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nconst enabledGestures = {\n eSi8LskqH: {\n hover: true\n }\n};\nconst cycleOrder = [\"eSi8LskqH\"];\nconst variantClassNames = {\n eSi8LskqH: \"framer-v-pkt1iw\"\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 transitions = {\n default: {\n damping: 60,\n delay: 0,\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst Transition = ({\n value,\n children\n}) => {\n const config = React.useContext(MotionConfigContext);\n const transition = value !== null && value !== void 0 ? value : config.transition;\n const contextValue = React.useMemo(() => ({\n ...config,\n transition\n }), [JSON.stringify(transition)]);\n return /*#__PURE__*/_jsx(MotionConfigContext.Provider, {\n value: contextValue,\n children: children\n });\n};\nconst getProps = ({\n height,\n id,\n title,\n width,\n ...props\n}) => {\n var ref;\n return {\n ...props,\n IBDh5QFPn: (ref = title !== null && title !== void 0 ? title : props.IBDh5QFPn) !== null && ref !== void 0 ? ref : \" Back to all Mixers\"\n };\n};\nconst createLayoutDependency = (props, variants) => variants.join(\"-\") + props.layoutDependency;\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale\n } = useLocaleInfo();\n const {\n style,\n className,\n layoutId,\n variant,\n IBDh5QFPn,\n ...restProps\n } = getProps(props);\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"eSi8LskqH\",\n enabledGestures,\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = createLayoutDependency(props, variants);\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\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-Eqo4k\", classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(Transition, {\n value: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-pkt1iw\", className),\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"eSi8LskqH\",\n ref: ref,\n style: {\n backgroundColor: \"var(--token-baed57ca-3c9a-4ac8-9ad5-8a73a4517fd6, rgb(0, 0, 0))\",\n borderBottomLeftRadius: 300,\n borderBottomRightRadius: 300,\n borderTopLeftRadius: 300,\n borderTopRightRadius: 300,\n ...style\n },\n variants: {\n \"eSi8LskqH-hover\": {\n backgroundColor: \"rgb(255, 255, 255)\"\n }\n },\n ...addPropertyOverrides({\n \"eSi8LskqH-hover\": {\n \"data-framer-name\": undefined\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsx(SVG, {\n className: \"framer-immzrd\",\n \"data-framer-name\": \"<- Back to All Mixers\",\n fill: \"rgba(0,0,0,1)\",\n intrinsicHeight: 18,\n intrinsicWidth: 20,\n layoutDependency: layoutDependency,\n layoutId: \"qaF5ZGoIg\",\n style: {\n filter: \"none\",\n WebkitFilter: \"none\"\n },\n svg: '\\n\\n\\n',\n variants: {\n \"eSi8LskqH-hover\": {\n filter: \"contrast(0)\",\n WebkitFilter: \"contrast(0)\"\n }\n },\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0lCTSBQbGV4IFNhbnMgUmVndWxhcg==\",\n \"--framer-font-family\": '\"IBM Plex Sans Regular\", sans-serif',\n \"--framer-font-size\": \"18.679px\",\n \"--framer-letter-spacing\": \"0.05em\",\n \"--framer-line-height\": \"1em\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \" Back to all Mixers\"\n })\n }),\n className: \"framer-1yybmwd\",\n fonts: [\"CUSTOM;IBM Plex Sans Regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"nEzkZfj4J\",\n style: {\n \"--extracted-r6o4lv\": \"rgb(255, 255, 255)\",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: IBDh5QFPn,\n variants: {\n \"eSi8LskqH-hover\": {\n \"--extracted-r6o4lv\": \"var(--token-baed57ca-3c9a-4ac8-9ad5-8a73a4517fd6, rgb(0, 0, 0)) \"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n })\n })\n })\n });\n});\nconst css = ['.framer-Eqo4k [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-Eqo4k .framer-11z0jys { display: block; }\", \".framer-Eqo4k .framer-pkt1iw { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 20px 20px 20px 20px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\", \".framer-Eqo4k .framer-immzrd { flex: none; height: 18px; position: relative; width: 20px; }\", \".framer-Eqo4k .framer-1yybmwd { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \".framer-Eqo4k .framer-v-pkt1iw .framer-pkt1iw { cursor: pointer; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Eqo4k .framer-pkt1iw { gap: 0px; } .framer-Eqo4k .framer-pkt1iw > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-Eqo4k .framer-pkt1iw > :first-child { margin-left: 0px; } .framer-Eqo4k .framer-pkt1iw > :last-child { margin-right: 0px; } }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 58.5\n * @framerIntrinsicWidth 239\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"roganATva\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"IBDh5QFPn\":\"title\"}\n */\nconst Framero7jsgu8KS = withCSS(Component, css, \"framer-Eqo4k\");\nexport default Framero7jsgu8KS;\nFramero7jsgu8KS.displayName = \"Back Button\";\nFramero7jsgu8KS.defaultProps = {\n height: 58.5,\n width: 239\n};\naddPropertyControls(Framero7jsgu8KS, {\n IBDh5QFPn: {\n defaultValue: \" Back to all Mixers\",\n displayTextArea: false,\n title: \"Title\",\n type: ControlType.String\n }\n});\naddFonts(Framero7jsgu8KS, [{\n family: \"IBM Plex Sans Regular\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/o7jsgu8KS:default\",\n url: \"assets/1r7zFd9VAd837o0PBX80Lfm6htw.woff2\"\n },\n url: new URL(\"https://framerusercontent.com/modules/assets/1r7zFd9VAd837o0PBX80Lfm6htw~ESa9ekMrexkMDgFxTcdeV9YhVfuFvzf0E3PUSDsImcM.woff2\").href\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\": \"Framero7jsgu8KS\",\n \"slots\": [],\n \"annotations\": {\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"roganATva\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n \"framerContractVersion\": \"1\",\n \"framerVariables\": \"{\\\"IBDh5QFPn\\\":\\\"title\\\"}\",\n \"framerIntrinsicWidth\": \"239\",\n \"framerIntrinsicHeight\": \"58.5\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./o7jsgu8KS.map"], "mappings": "+MAKA,IAAMA,EAAkB,CACtB,UAAW,CACT,MAAO,EACT,CACF,EACMC,EAAa,CAAC,WAAW,EACzBC,EAAoB,CACxB,UAAW,iBACb,EACA,SAASC,EAAqBC,KAAcC,EAAU,CACpD,IAAMC,EAAgB,CAAC,EACvB,OAAoDD,GAAS,QAAQE,GAAWA,GAAW,OAAO,OAAOD,EAAeF,EAAUG,CAAO,CAAC,CAAC,EACpID,CACT,CACA,IAAME,EAAc,CAClB,QAAS,CACP,QAAS,GACT,MAAO,EACP,KAAM,EACN,UAAW,IACX,KAAM,QACR,CACF,EACMC,EAAa,CAAC,CAClB,MAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,EAAeC,EAAWC,CAAmB,EAC7CC,EAAaL,GAA6CE,EAAO,WACjEI,EAAqBC,EAAQ,KAAO,CACxC,GAAGL,EACH,WAAAG,CACF,GAAI,CAAC,KAAK,UAAUA,CAAU,CAAC,CAAC,EAChC,OAAoBG,EAAKJ,EAAoB,SAAU,CACrD,MAAOE,EACP,SAAUL,CACZ,CAAC,CACH,EACMQ,EAAW,CAAC,CAChB,OAAAC,EACA,GAAAC,EACA,MAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAIC,EACJ,MAAO,CACL,GAAGD,EACH,WAAYC,EAAMH,GAA6CE,EAAM,aAAe,MAAQC,IAAQ,OAASA,EAAM,qBACrH,CACF,EACMC,EAAyB,CAACF,EAAOnB,IAAaA,EAAS,KAAK,GAAG,EAAImB,EAAM,iBACzEG,EAA+BC,EAAW,SAAUJ,EAAOC,EAAK,CACpE,GAAM,CACJ,aAAAI,CACF,EAAIC,EAAc,EACZ,CACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAA1B,EACA,UAAA2B,EACA,GAAGC,CACL,EAAIhB,EAASK,CAAK,EACZ,CACJ,YAAAY,EACA,WAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,WAAAzB,EACA,SAAAV,CACF,EAAIoC,EAAgB,CAClB,WAAAxC,EACA,eAAgB,YAChB,gBAAAD,EACA,YAAAQ,EACA,QAAAD,EACA,kBAAAL,CACF,CAAC,EACKwC,EAAmBhB,EAAuBF,EAAOnB,CAAQ,EACzDsC,EAAwBC,EAAM,EACpC,OAAoB1B,EAAK2B,EAAa,CACpC,GAAIZ,GAAsDU,EAC1D,SAAuBzB,EAAK4B,EAAO,IAAK,CACtC,QAASvC,EACT,QAASF,EACT,aAAc,IAAMkC,EAAgB,CAClC,UAAW,EACb,CAAC,EACD,WAAY,IAAMA,EAAgB,CAChC,UAAW,EACb,CAAC,EACD,WAAY,IAAMA,EAAgB,CAChC,UAAW,EACb,CAAC,EACD,MAAO,IAAMA,EAAgB,CAC3B,UAAW,EACb,CAAC,EACD,YAAa,IAAMA,EAAgB,CACjC,UAAW,EACb,CAAC,EACD,UAAWQ,EAAG,eAAgBV,CAAU,EACxC,MAAO,CACL,QAAS,UACX,EACA,SAAuBnB,EAAKT,EAAY,CACtC,MAAOM,EACP,SAAuBiC,EAAMF,EAAO,IAAK,CACvC,GAAGX,EACH,UAAWY,EAAG,gBAAiBf,CAAS,EACxC,mBAAoB,YACpB,iBAAkBU,EAClB,SAAU,YACV,IAAKjB,EACL,MAAO,CACL,gBAAiB,kEACjB,uBAAwB,IACxB,wBAAyB,IACzB,oBAAqB,IACrB,qBAAsB,IACtB,GAAGM,CACL,EACA,SAAU,CACR,kBAAmB,CACjB,gBAAiB,oBACnB,CACF,EACA,GAAG5B,EAAqB,CACtB,kBAAmB,CACjB,mBAAoB,MACtB,CACF,EAAGiC,EAAaE,CAAc,EAC9B,SAAU,CAAcpB,EAAK+B,EAAK,CAChC,UAAW,gBACX,mBAAoB,wBACpB,KAAM,gBACN,gBAAiB,GACjB,eAAgB,GAChB,iBAAkBP,EAClB,SAAU,YACV,MAAO,CACL,OAAQ,OACR,aAAc,MAChB,EACA,IAAK;AAAA;AAAA;AAAA,EACL,SAAU,CACR,kBAAmB,CACjB,OAAQ,cACR,aAAc,aAChB,CACF,EACA,mBAAoB,EACtB,CAAC,EAAgBxB,EAAKgC,EAAU,CAC9B,sBAAuB,GACvB,SAAuBhC,EAAWiC,EAAU,CAC1C,SAAuBjC,EAAK4B,EAAO,EAAG,CACpC,MAAO,CACL,kBAAmB,2CACnB,uBAAwB,sCACxB,qBAAsB,WACtB,0BAA2B,SAC3B,uBAAwB,MACxB,sBAAuB,yBACzB,EACA,SAAU,qBACZ,CAAC,CACH,CAAC,EACD,UAAW,iBACX,MAAO,CAAC,8BAA8B,EACtC,iBAAkBJ,EAClB,SAAU,YACV,MAAO,CACL,qBAAsB,qBACtB,2BAA4B,mBAC5B,gCAAiC,YACjC,6BAA8B,KAChC,EACA,KAAMR,EACN,SAAU,CACR,kBAAmB,CACjB,qBAAsB,kEACxB,CACF,EACA,kBAAmB,MACnB,mBAAoB,EACtB,CAAC,CAAC,CACJ,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACKkB,EAAM,CAAC,sZAAuZ,kFAAmF,oDAAqD,mVAAoV,8FAA+F,iHAAkH,qEAAsE,8WAA8W,EAO//CC,EAAkBC,EAAQ3B,EAAWyB,EAAK,cAAc,EACvDG,GAAQF,EACfA,EAAgB,YAAc,cAC9BA,EAAgB,aAAe,CAC7B,OAAQ,KACR,MAAO,GACT,EACAG,EAAoBH,EAAiB,CACnC,UAAW,CACT,aAAc,sBACd,gBAAiB,GACjB,MAAO,QACP,KAAMI,EAAY,MACpB,CACF,CAAC,EACDC,EAASL,EAAiB,CAAC,CACzB,OAAQ,wBACR,YAAa,CACX,sBAAuB,iDACvB,IAAK,0CACP,EACA,IAAK,IAAI,IAAI,4HAA4H,EAAE,IAC7I,CAAC,CAAC", "names": ["enabledGestures", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "height", "id", "title", "width", "props", "ref", "createLayoutDependency", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "IBDh5QFPn", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "u", "SVG", "RichText", "x", "css", "Framero7jsgu8KS", "withCSS", "o7jsgu8KS_default", "addPropertyControls", "ControlType", "addFonts"] }