{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/2DB8LF2CwnqkJOzcXA1t/yBnDtVD7yeIW1H7YuQXU/v8zCnRXaP.js"],
  "sourcesContent": ["// Generated by Framer (10753fe)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Image, Link, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"E2UGl45Ov\", \"ho1YZ4Y6H\"];\nconst variantClassNames = {\n  E2UGl45Ov: \"framer-v-5c0kd8\",\n  ho1YZ4Y6H: \"framer-v-1wr2sd1\"\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  \"Grid_image-Overlay\": \"ho1YZ4Y6H\",\n  \"Grid- Image\": \"E2UGl45Ov\"\n};\nconst transitions = {\n  default: {\n    damping: 80,\n    delay: .2,\n    mass: 1,\n    stiffness: 400,\n    type: \"spring\"\n  },\n  ho1YZ4Y6H: {\n    damping: 80,\n    delay: 0,\n    mass: 1,\n    stiffness: 400,\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 Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"E2UGl45Ov\",\n  image: OCPAoHfkJ = {\n    src: new URL(\"https://framerusercontent.com/images/SkWOTIaEhKzAec7RWq2PR9kFzCo.webp\").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: \"E2UGl45Ov\",\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 onMouseEnterqn5ks8 = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"ho1YZ4Y6H\"), 200);\n  });\n  const onMouseLeavekv8wo7 = activeVariantCallback(async (...args) => {\n    setVariant(\"E2UGl45Ov\");\n  });\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-zDqpP\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(Link, {\n        href: {\n          webPageId: \"iiDO5BY_i\"\n        },\n        children: /*#__PURE__*/_jsx(Image, {\n          ...restProps,\n          as: \"a\",\n          background: {\n            alt: \"\",\n            fit: \"fill\",\n            intrinsicHeight: 433,\n            intrinsicWidth: 374,\n            pixelHeight: 433,\n            pixelWidth: 374,\n            sizes: \"min(375px, 100vw)\",\n            ...toResponsiveImage(OCPAoHfkJ)\n          },\n          className: `${cx(\"framer-5c0kd8\", className)} framer-7bnimi`,\n          \"data-framer-name\": \"Grid- Image\",\n          \"data-highlight\": true,\n          layoutDependency: layoutDependency,\n          layoutId: \"E2UGl45Ov\",\n          onMouseEnter: onMouseEnterqn5ks8,\n          ref: ref,\n          style: {\n            ...style\n          },\n          transition: transition,\n          ...addPropertyOverrides({\n            ho1YZ4Y6H: {\n              \"data-framer-name\": \"Grid_image-Overlay\",\n              onMouseEnter: undefined,\n              onMouseLeave: onMouseLeavekv8wo7\n            }\n          }, baseVariant, gestureVariant),\n          children: /*#__PURE__*/_jsx(motion.div, {\n            className: \"framer-2jnrcw\",\n            \"data-framer-name\": \"overlay\",\n            layoutDependency: layoutDependency,\n            layoutId: \"mRFafTYeK\",\n            style: {\n              backgroundColor: \"rgba(255, 255, 255, 0.29)\",\n              opacity: 0\n            },\n            transition: transition,\n            variants: {\n              ho1YZ4Y6H: {\n                opacity: 1\n              }\n            },\n            children: /*#__PURE__*/_jsxs(motion.div, {\n              className: \"framer-dg3r5u\",\n              \"data-border\": true,\n              \"data-framer-name\": \"circle\",\n              layoutDependency: layoutDependency,\n              layoutId: \"EpoRdMRlN\",\n              style: {\n                \"--border-bottom-width\": \"2px\",\n                \"--border-color\": \"rgb(255, 255, 255)\",\n                \"--border-left-width\": \"2px\",\n                \"--border-right-width\": \"2px\",\n                \"--border-style\": \"solid\",\n                \"--border-top-width\": \"2px\",\n                borderBottomLeftRadius: 100,\n                borderBottomRightRadius: 100,\n                borderTopLeftRadius: 100,\n                borderTopRightRadius: 100\n              },\n              transition: transition,\n              children: [/*#__PURE__*/_jsx(motion.div, {\n                className: \"framer-1wjxrlj\",\n                layoutDependency: layoutDependency,\n                layoutId: \"nJRj_E43N\",\n                style: {\n                  backgroundColor: \"rgb(255, 255, 255)\",\n                  borderBottomLeftRadius: 10,\n                  borderBottomRightRadius: 10,\n                  borderTopLeftRadius: 10,\n                  borderTopRightRadius: 10\n                },\n                transition: transition\n              }), /*#__PURE__*/_jsx(motion.div, {\n                className: \"framer-1wsxzjp\",\n                layoutDependency: layoutDependency,\n                layoutId: \"MATeJ9fSL\",\n                style: {\n                  backgroundColor: \"rgb(255, 255, 255)\",\n                  borderBottomLeftRadius: 10,\n                  borderBottomRightRadius: 10,\n                  borderTopLeftRadius: 10,\n                  borderTopRightRadius: 10,\n                  rotate: 90\n                },\n                transition: transition\n              })]\n            })\n          })\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-zDqpP [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-zDqpP .framer-7bnimi { display: block; }\", \".framer-zDqpP .framer-5c0kd8 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 430px; justify-content: center; padding: 50px 50px 50px 50px; position: relative; text-decoration: none; width: 375px; }\", \".framer-zDqpP .framer-2jnrcw { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 1px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-zDqpP .framer-dg3r5u { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 75px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 75px; }\", \".framer-zDqpP .framer-1wjxrlj { flex: none; height: 2px; left: calc(49.33333333333336% - 17px / 2); overflow: visible; position: absolute; top: calc(50.66666666666669% - 2px / 2); width: 17px; z-index: 1; }\", \".framer-zDqpP .framer-1wsxzjp { flex: none; height: 2px; left: calc(49.33333333333336% - 17px / 2); overflow: visible; position: absolute; top: calc(50.66666666666669% - 2px / 2); width: 17px; z-index: 2; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-zDqpP .framer-5c0kd8, .framer-zDqpP .framer-2jnrcw, .framer-zDqpP .framer-dg3r5u { gap: 0px; } .framer-zDqpP .framer-5c0kd8 > *, .framer-zDqpP .framer-2jnrcw > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-zDqpP .framer-5c0kd8 > :first-child, .framer-zDqpP .framer-2jnrcw > :first-child { margin-top: 0px; } .framer-zDqpP .framer-5c0kd8 > :last-child, .framer-zDqpP .framer-2jnrcw > :last-child { margin-bottom: 0px; } .framer-zDqpP .framer-dg3r5u > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-zDqpP .framer-dg3r5u > :first-child { margin-left: 0px; } .framer-zDqpP .framer-dg3r5u > :last-child { margin-right: 0px; } }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerIntrinsicHeight 430\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerIntrinsicWidth 375\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"ho1YZ4Y6H\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerVariables {\"OCPAoHfkJ\":\"image\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */\nconst Framerv8zCnRXaP = withCSS(Component, css, \"framer-zDqpP\");\nexport default Framerv8zCnRXaP;\nFramerv8zCnRXaP.displayName = \"Portfolio Image\";\nFramerv8zCnRXaP.defaultProps = {\n  height: 430,\n  width: 375\n};\naddPropertyControls(Framerv8zCnRXaP, {\n  variant: {\n    options: [\"E2UGl45Ov\", \"ho1YZ4Y6H\"],\n    optionTitles: [\"Grid- Image\", \"Grid_image-Overlay\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  OCPAoHfkJ: {\n    __defaultAssetReference: \"data:framer/asset-reference,SkWOTIaEhKzAec7RWq2PR9kFzCo.webp?originalFilename=hulken_medium_silver_rolling_grocery_bag_1728x.webp&preferredSize=auto\",\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  }\n});\naddFonts(Framerv8zCnRXaP, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Framerv8zCnRXaP\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ho1YZ4Y6H\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"430\",\n        \"framerVariables\": \"{\\\"OCPAoHfkJ\\\":\\\"image\\\"}\",\n        \"framerIntrinsicWidth\": \"375\",\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./v8zCnRXaP.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "toResponsiveImage", "value", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "OCPAoHfkJ", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onMouseEnterqn5ks8", "args", "onMouseLeavekv8wo7", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "Link", "Image2", "u", "css", "Framerv8zCnRXaP", "withCSS", "v8zCnRXaP_default", "addPropertyControls", "ControlType", "addFonts"]
}