{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/iK852vyzrlcRxWCSgbjN/HPvGn7TLb5SA1XjapceI/y46y6NrsT.js"],
  "sourcesContent": ["// Generated by Framer (b2eeca0)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"mQutnNzOa\", \"KVNaQbTdD\", \"n0GSjFSw7\"];\nconst variantClassNames = {\n  KVNaQbTdD: \"framer-v-1tbwz1e\",\n  mQutnNzOa: \"framer-v-8ljivt\",\n  n0GSjFSw7: \"framer-v-rxyr47\"\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  \"Desktop - 40px\": \"mQutnNzOa\",\n  \"Phone - 20px\": \"n0GSjFSw7\",\n  \"Tablet - 32px\": \"KVNaQbTdD\"\n};\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};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"mQutnNzOa\",\n  visible: wb4qzJX7V = true,\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: \"mQutnNzOa\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\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-Vhk1u\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: wb4qzJX7V && /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-8ljivt\", className),\n        \"data-framer-name\": \"Desktop - 40px\",\n        layoutDependency: layoutDependency,\n        layoutId: \"mQutnNzOa\",\n        ref: ref,\n        style: {\n          ...style\n        },\n        transition: transition,\n        ...addPropertyOverrides({\n          KVNaQbTdD: {\n            \"data-framer-name\": \"Tablet - 32px\"\n          },\n          n0GSjFSw7: {\n            \"data-framer-name\": \"Phone - 20px\"\n          }\n        }, baseVariant, gestureVariant)\n      })\n    })\n  });\n});\nconst css = ['.framer-Vhk1u [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-Vhk1u .framer-j3tyo8 { display: block; }\", \".framer-Vhk1u .framer-8ljivt { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 40px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 40px; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Vhk1u .framer-8ljivt { gap: 0px; } .framer-Vhk1u .framer-8ljivt > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-Vhk1u .framer-8ljivt > :first-child { margin-top: 0px; } .framer-Vhk1u .framer-8ljivt > :last-child { margin-bottom: 0px; } }\", \".framer-Vhk1u.framer-v-1tbwz1e .framer-8ljivt { height: 32px; width: 32px; }\", \".framer-Vhk1u.framer-v-rxyr47 .framer-8ljivt { height: 20px; width: 20px; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerIntrinsicHeight 40\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerIntrinsicWidth 40\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"KVNaQbTdD\":{\"layout\":[\"fixed\",\"fixed\"]},\"n0GSjFSw7\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerVariables {\"wb4qzJX7V\":\"visible\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    */\nconst Framery46y6NrsT = withCSS(Component, css, \"framer-Vhk1u\");\nexport default Framery46y6NrsT;\nFramery46y6NrsT.displayName = \"H Block\";\nFramery46y6NrsT.defaultProps = {\n  height: 40,\n  width: 40\n};\naddPropertyControls(Framery46y6NrsT, {\n  variant: {\n    options: [\"mQutnNzOa\", \"KVNaQbTdD\", \"n0GSjFSw7\"],\n    optionTitles: [\"Desktop - 40px\", \"Tablet - 32px\", \"Phone - 20px\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  wb4qzJX7V: {\n    defaultValue: true,\n    title: \"Visible\",\n    type: ControlType.Boolean\n  }\n});\naddFonts(Framery46y6NrsT, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Framery46y6NrsT\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerIntrinsicWidth\": \"40\",\n        \"framerContractVersion\": \"1\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"KVNaQbTdD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"n0GSjFSw7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"40\",\n        \"framerVariables\": \"{\\\"wb4qzJX7V\\\":\\\"visible\\\"}\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./y46y6NrsT.map"],
  "mappings": "oJAKA,IAAMA,EAAa,CAAC,YAAa,YAAa,WAAW,EACnDC,EAAoB,CACxB,UAAW,mBACX,UAAW,kBACX,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,EAA0B,CAC9B,iBAAkB,YAClB,eAAgB,YAChB,gBAAiB,WACnB,EACMC,EAAc,CAClB,QAAS,CACP,QAAS,GACT,MAAO,EACP,SAAU,GACV,KAAM,CAAC,IAAK,EAAG,IAAK,CAAC,EACrB,KAAM,EACN,UAAW,IACX,KAAM,QACR,CACF,EACMC,EAA+BC,EAAW,SAAU,CACxD,GAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAASC,EAAe,YACxB,QAASC,EAAY,GACrB,GAAGC,CACL,EAAGC,EAAK,CAEN,IAAMd,EADiBC,EAAwBU,CAAY,GACzBA,EAC5B,CACJ,YAAAI,EACA,WAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAtB,CACF,EAAIuB,EAAgB,CAClB,WAAA3B,EACA,eAAgB,YAChB,YAAAQ,EACA,QAAAF,EACA,kBAAAL,CACF,CAAC,EACK2B,EAAmBxB,EAAS,KAAK,GAAG,EAAIe,EAAU,iBAClDU,EAAwBC,EAAM,EACpC,OAAoBC,EAAKC,EAAa,CACpC,GAAIhB,GAAsDa,EAC1D,SAAuBE,EAAKE,EAAO,IAAK,CACtC,QAAS3B,EACT,QAASF,EACT,aAAc,IAAMoB,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,UAAWU,EAAG,eAAgBZ,CAAU,EACxC,MAAO,CACL,QAAS,UACX,EACA,SAAUJ,GAA0Ba,EAAKE,EAAO,IAAK,CACnD,GAAGd,EACH,UAAWe,EAAG,gBAAiBrB,CAAS,EACxC,mBAAoB,iBACpB,iBAAkBe,EAClB,SAAU,YACV,IAAKR,EACL,MAAO,CACL,GAAGR,CACL,EACA,WAAYc,EACZ,GAAGxB,EAAqB,CACtB,UAAW,CACT,mBAAoB,eACtB,EACA,UAAW,CACT,mBAAoB,cACtB,CACF,EAAGmB,EAAaE,CAAc,CAChC,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACKY,EAAM,CAAC,sZAAuZ,kFAAmF,mDAAoD,wQAAyQ,+WAAgX,+EAAgF,6EAA6E,EAO3zCC,EAAkBC,EAAQ5B,EAAW0B,EAAK,cAAc,EACvDG,EAAQF,EACfA,EAAgB,YAAc,UAC9BA,EAAgB,aAAe,CAC7B,OAAQ,GACR,MAAO,EACT,EACAG,EAAoBH,EAAiB,CACnC,QAAS,CACP,QAAS,CAAC,YAAa,YAAa,WAAW,EAC/C,aAAc,CAAC,iBAAkB,gBAAiB,cAAc,EAChE,MAAO,UACP,KAAMI,EAAY,IACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,UACP,KAAMA,EAAY,OACpB,CACF,CAAC,EACDC,EAASL,EAAiB,CAAC,CAAC",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "wb4qzJX7V", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "css", "Framery46y6NrsT", "withCSS", "y46y6NrsT_default", "addPropertyControls", "ControlType", "addFonts"]
}