{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/C4mLdNCykvcdvcNbH9mS/BWQ08JGo6lhMGllErCgq/SD3kXJVM2.js"],
  "sourcesContent": ["// Generated by Framer (b814472)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Image, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"lPdM_vBot\"];\nconst variantClassNames = {\n  lPdM_vBot: \"framer-v-1d5uzkg\"\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 = {};\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};\nfunction toResponsiveImage_194x2gw(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 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 = \"lPdM_vBot\",\n  image: rYzjA7iaq = {\n    src: new URL(\"https://framerusercontent.com/images/LFt2eV7imXNlUduILj9I2vcSvA.jpg\").href\n  },\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: \"lPdM_vBot\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\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-wKwBx\", classNames),\n      style: {\n        display: \"contents\",\n        pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n      },\n      children: /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-1d5uzkg\", className),\n        \"data-framer-name\": \"Variant 1\",\n        layoutDependency: layoutDependency,\n        layoutId: \"lPdM_vBot\",\n        ref: ref,\n        style: {\n          backgroundColor: \"var(--token-6f58654e-6bf8-4064-ac34-6e5bac6a1e55, rgb(255, 190, 197))\",\n          filter: \"grayscale(1)\",\n          WebkitFilter: \"grayscale(1)\",\n          ...style\n        },\n        transition: transition,\n        children: /*#__PURE__*/_jsx(Image, {\n          background: {\n            alt: \"\",\n            fit: \"fill\",\n            intrinsicHeight: 256,\n            intrinsicWidth: 256,\n            pixelHeight: 512,\n            pixelWidth: 512,\n            ...toResponsiveImage_194x2gw(rYzjA7iaq)\n          },\n          className: \"framer-zmo230\",\n          \"data-framer-name\": \"slack_avatar_2\",\n          layoutDependency: layoutDependency,\n          layoutId: \"ucfxRBlTF\",\n          transition: transition\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-wKwBx [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-wKwBx * { box-sizing: border-box; }\", \".framer-wKwBx .framer-1d5uzkg { height: 147px; overflow: hidden; position: relative; width: 147px; }\", \".framer-wKwBx .framer-zmo230 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 149px); left: -1px; overflow: visible; position: absolute; right: -1px; top: -1px; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerIntrinsicHeight 147\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerIntrinsicWidth 147\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerVariables {\"rYzjA7iaq\":\"image\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */\nconst FramerSD3kXJVM2 = withCSS(Component, css);\nexport default FramerSD3kXJVM2;\nFramerSD3kXJVM2.displayName = \"General / Avatar\";\nFramerSD3kXJVM2.defaultProps = {\n  height: 147,\n  width: 147\n};\naddPropertyControls(FramerSD3kXJVM2, {\n  rYzjA7iaq: {\n    __defaultAssetReference: \"LFt2eV7imXNlUduILj9I2vcSvA.jpg\",\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  }\n});\naddFonts(FramerSD3kXJVM2, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerSD3kXJVM2\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerVariables\": \"{\\\"rYzjA7iaq\\\":\\\"image\\\"}\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerIntrinsicWidth\": \"147\",\n        \"framerIntrinsicHeight\": \"147\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./SD3kXJVM2.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "toResponsiveImage_194x2gw", "value", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "rYzjA7iaq", "restProps", "variant", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "variants", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "Image2", "css", "FramerSD3kXJVM2", "withCSS", "SD3kXJVM2_default", "addPropertyControls", "ControlType", "addFonts"]
}