{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/82pldZzDdVQCtNTYcdG3/e8Qpf4vCGz4RxyLIihA7/q142qOhBq.js"],
  "sourcesContent": ["// Generated by Framer (a1e8cb2)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Image, useLocaleInfo, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"Wbo_YkVm0\"];\nconst variantClassNames = {\n  Wbo_YkVm0: \"framer-v-ammuwe\"\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 toResponsiveImage = value => {\n  if (typeof value === \"object\" && value !== null && typeof value.src === \"string\") {\n    return value;\n  }\n  return typeof value === \"string\" ? {\n    src: value\n  } : undefined;\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  image,\n  width,\n  ...props\n}) => {\n  var ref;\n  return {\n    ...props,\n    iQ9vGVAri: (ref = image !== null && image !== void 0 ? image : props.iQ9vGVAri) !== null && ref !== void 0 ? ref : {\n      src: \"https://framerusercontent.com/images/aITtpjaB7Pueks7Rmbhl0LQM1U.png\"\n    }\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    iQ9vGVAri,\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: \"Wbo_YkVm0\",\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-JsnaT\", 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-ammuwe\", className),\n          \"data-framer-name\": \"Variant 1\",\n          layoutDependency: layoutDependency,\n          layoutId: \"Wbo_YkVm0\",\n          ref: ref,\n          style: {\n            backgroundColor: \"var(--token-c7e37c61-6ea9-4adb-bdf9-242407f041ad, rgb(255, 255, 255))\",\n            borderBottomLeftRadius: 47,\n            borderBottomRightRadius: 47,\n            borderTopLeftRadius: 47,\n            borderTopRightRadius: 47,\n            boxShadow: \"0px 0px 2px 0px rgba(48, 52, 77, 0.1)\",\n            ...style\n          },\n          children: [/*#__PURE__*/_jsx(motion.div, {\n            className: \"framer-1eytv9m\",\n            \"data-framer-name\": \"Border\",\n            layoutDependency: layoutDependency,\n            layoutId: \"gLR6_0Cjf\",\n            style: {\n              borderBottomLeftRadius: 47,\n              borderBottomRightRadius: 47,\n              borderTopLeftRadius: 47,\n              borderTopRightRadius: 47\n            }\n          }), /*#__PURE__*/_jsx(motion.div, {\n            className: \"framer-mt57sn\",\n            \"data-framer-name\": \"Avatar Frame\",\n            layoutDependency: layoutDependency,\n            layoutId: \"UnEYepK04\",\n            style: {\n              borderBottomLeftRadius: 45,\n              borderBottomRightRadius: 45,\n              borderTopLeftRadius: 45,\n              borderTopRightRadius: 45\n            },\n            children: /*#__PURE__*/_jsx(Image, {\n              background: {\n                alt: \"\",\n                fit: \"fit\",\n                intrinsicHeight: 400,\n                intrinsicWidth: 400,\n                pixelHeight: 400,\n                pixelWidth: 400,\n                sizes: \"calc(min(96px, 100vw) - 6px)\",\n                ...toResponsiveImage(iQ9vGVAri)\n              },\n              className: \"framer-if6zpg\",\n              \"data-framer-name\": \"Avatar Img\",\n              layoutDependency: layoutDependency,\n              layoutId: \"I119:1411;31:4754\"\n            })\n          })]\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-JsnaT [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-JsnaT .framer-1p5o31r { display: block; }\", \".framer-JsnaT .framer-ammuwe { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 96px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 96px; will-change: var(--framer-will-change-override, transform); }\", \".framer-JsnaT .framer-1eytv9m { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 2; }\", \".framer-JsnaT .framer-mt57sn { bottom: 3px; flex: none; left: 3px; overflow: hidden; position: absolute; right: 3px; top: 3px; will-change: var(--framer-will-change-override, transform); z-index: 0; }\", \".framer-JsnaT .framer-if6zpg { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-JsnaT .framer-ammuwe { gap: 0px; } .framer-JsnaT .framer-ammuwe > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-JsnaT .framer-ammuwe > :first-child { margin-left: 0px; } .framer-JsnaT .framer-ammuwe > :last-child { margin-right: 0px; } }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerIntrinsicHeight 96\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerIntrinsicWidth 96\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerVariables {\"iQ9vGVAri\":\"image\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @framerImmutableVariables false\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */\nconst Framerq142qOhBq = withCSS(Component, css, \"framer-JsnaT\");\nexport default Framerq142qOhBq;\nFramerq142qOhBq.displayName = \"Avatar\";\nFramerq142qOhBq.defaultProps = {\n  height: 96,\n  width: 96\n};\naddPropertyControls(Framerq142qOhBq, {\n  iQ9vGVAri: {\n    __defaultAssetReference: \"data:framer/asset-reference,aITtpjaB7Pueks7Rmbhl0LQM1U.png?originalFilename=Screenshot+%285%29.png&preferredSize=auto\",\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  }\n});\naddFonts(Framerq142qOhBq, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Framerq142qOhBq\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerImmutableVariables\": \"false\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerContractVersion\": \"1\",\n        \"framerVariables\": \"{\\\"iQ9vGVAri\\\":\\\"image\\\"}\",\n        \"framerIntrinsicHeight\": \"96\",\n        \"framerIntrinsicWidth\": \"96\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./q142qOhBq.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "transitions", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "height", "id", "image", "width", "props", "ref", "createLayoutDependency", "variants", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "iQ9vGVAri", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "u", "Image2", "css", "Framerq142qOhBq", "withCSS", "q142qOhBq_default", "addPropertyControls", "ControlType", "addFonts"]
}