{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Tr5ORgI0hReqe6eQaXAi/Bd6H0LGLSLQsQX9qYJxo/LQViNvIbt.js"],
  "sourcesContent": ["// Generated by Framer (6f17e57)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Phosphor } from \"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/H4OHcdXxZyPVKySUy1y2/Phosphor.js\";\nconst PhosphorFonts = getFonts(Phosphor);\nconst cycleOrder = [\"tfKJkOirR\", \"qqLAbY7iM\"];\nconst variantClassNames = {\n  qqLAbY7iM: \"framer-v-1ixcki7\",\n  tfKJkOirR: \"framer-v-1swtyna\"\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  \"Variant 1\": \"tfKJkOirR\",\n  \"Variant 2\": \"qqLAbY7iM\"\n};\nconst transitions = {\n  default: {\n    damping: 60,\n    delay: 0,\n    duration: .5,\n    ease: [.44, 0, .56, 1],\n    mass: 1,\n    stiffness: 500,\n    type: \"tween\"\n  }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"tfKJkOirR\",\n  tap: Luh_xrMa_,\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: \"tfKJkOirR\",\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 onTap1n82gnh = activeVariantCallback(async (...args) => {\n    if (Luh_xrMa_) {\n      const res = await Luh_xrMa_(...args);\n      if (res === false) return false;\n    }\n  });\n  const onMouseEnter12diq1y = activeVariantCallback(async (...args) => {\n    setVariant(\"qqLAbY7iM\");\n  });\n  const onMouseEnter1n82gnh = activeVariantCallback(async (...args) => {\n    if (Luh_xrMa_) {\n      const res = await Luh_xrMa_(...args);\n      if (res === false) return false;\n    }\n  });\n  const onMouseLeaveqakn28 = activeVariantCallback(async (...args) => {\n    setVariant(\"tfKJkOirR\");\n  });\n  const onClick1n82gnh = activeVariantCallback(async (...args) => {\n    if (Luh_xrMa_) {\n      const res = await Luh_xrMa_(...args);\n      if (res === false) return false;\n    }\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-qUdxu\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-1swtyna\", className),\n        \"data-framer-name\": \"Variant 1\",\n        \"data-highlight\": true,\n        layoutDependency: layoutDependency,\n        layoutId: \"tfKJkOirR\",\n        onMouseEnter: onMouseEnter12diq1y,\n        onTap: onTap1n82gnh,\n        ref: ref,\n        style: {\n          ...style\n        },\n        transition: transition,\n        ...addPropertyOverrides({\n          qqLAbY7iM: {\n            \"data-framer-name\": \"Variant 2\",\n            onMouseEnter: onMouseEnter1n82gnh,\n            onMouseLeave: onMouseLeaveqakn28,\n            onTap: undefined\n          }\n        }, baseVariant, gestureVariant),\n        children: /*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-uofjjx-container\",\n          layoutDependency: layoutDependency,\n          layoutId: \"LjF0YOKN4-container\",\n          transition: transition,\n          children: /*#__PURE__*/_jsx(Phosphor, {\n            color: 'var(--token-113b7391-97fd-4ef9-8861-03edd73b80a5, rgb(254, 225, 124)) /* {\"name\":\"Sunshine Yellow\"} */',\n            height: \"100%\",\n            iconSearch: \"House\",\n            iconSelection: \"XCircle\",\n            id: \"LjF0YOKN4\",\n            layoutId: \"LjF0YOKN4\",\n            mirrored: false,\n            onClick: onClick1n82gnh,\n            selectByList: true,\n            style: {\n              height: \"100%\",\n              width: \"100%\"\n            },\n            weight: \"fill\",\n            width: \"100%\",\n            ...addPropertyOverrides({\n              qqLAbY7iM: {\n                color: 'var(--token-8b4351a5-9457-4d8f-a574-63797b04b625, rgb(223, 94, 72)) /* {\"name\":\"Tomato RED\"} */'\n              }\n            }, baseVariant, gestureVariant)\n          })\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-qUdxu [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-qUdxu .framer-1b30b7i { display: block; }\", \".framer-qUdxu .framer-1swtyna { cursor: pointer; height: 45px; overflow: hidden; position: relative; width: 52px; }\", \".framer-qUdxu .framer-uofjjx-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\", \".framer-qUdxu.framer-v-1ixcki7 .framer-1swtyna { cursor: unset; }\", \".framer-qUdxu.framer-v-1ixcki7 .framer-uofjjx-container { aspect-ratio: 1.1555555555555554 / 1; bottom: var(--framer-aspect-ratio-supported, 0px); height: 47px; right: -2px; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @framerIntrinsicHeight 45\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @framerIntrinsicWidth 52\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"qqLAbY7iM\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @framerVariables {\"Luh_xrMa_\":\"tap\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        */\nconst FramerLQViNvIbt = withCSS(Component, css, \"framer-qUdxu\");\nexport default FramerLQViNvIbt;\nFramerLQViNvIbt.displayName = \"Close Overlay\";\nFramerLQViNvIbt.defaultProps = {\n  height: 45,\n  width: 52\n};\naddPropertyControls(FramerLQViNvIbt, {\n  variant: {\n    options: [\"tfKJkOirR\", \"qqLAbY7iM\"],\n    optionTitles: [\"Variant 1\", \"Variant 2\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  Luh_xrMa_: {\n    title: \"Tap\",\n    type: ControlType.EventHandler\n  }\n});\naddFonts(FramerLQViNvIbt, [...PhosphorFonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerLQViNvIbt\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"qqLAbY7iM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"45\",\n        \"framerContractVersion\": \"1\",\n        \"framerVariables\": \"{\\\"Luh_xrMa_\\\":\\\"tap\\\"}\",\n        \"framerIntrinsicWidth\": \"52\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./LQViNvIbt.map"],
  "mappings": "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",
  "names": ["PhosphorFonts", "getFonts", "Icon", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "Luh_xrMa_", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTap1n82gnh", "args", "onMouseEnter12diq1y", "onMouseEnter1n82gnh", "onMouseLeaveqakn28", "onClick1n82gnh", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "css", "FramerLQViNvIbt", "withCSS", "LQViNvIbt_default", "addPropertyControls", "ControlType", "addFonts"]
}
