{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/or3PiKevSJCrha981huO/60cl6yf6ZKBNQZ9di1fg/VDyRWd76v.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\"; // Generated by Framer (b72b21c)\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, RichText, 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/xUCuNdICT7LqG93nhqbM/Phosphor.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/7zglHiRqYnmnharANoSt/9OgGNo6bpi7rkQYKS32c/RKpZL0zaz.js\";\nconst PhosphorFonts = getFonts(Phosphor);\nconst cycleOrder = [\"ZLSS6AVRw\", \"lyOYucWQT\"];\nconst variantClassNames = {\n  lyOYucWQT: \"framer-v-1mwtudx\",\n  ZLSS6AVRw: \"framer-v-l3jwlm\"\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\": \"ZLSS6AVRw\",\n  \"Variant 2\": \"lyOYucWQT\"\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 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 = \"ZLSS6AVRw\",\n  amount: H5hygU7N0 = \"1\",\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: \"ZLSS6AVRw\",\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 onTapl3jwlm = activeVariantCallback(async (...args) => {\n    setVariant(\"lyOYucWQT\");\n  });\n  const onTap1mwtudx = activeVariantCallback(async (...args) => {\n    setVariant(\"ZLSS6AVRw\");\n  });\n  const isDisplayed1 = () => {\n    if (baseVariant === \"lyOYucWQT\") return true;\n    return false;\n  };\n  const isDisplayed2 = () => {\n    if (baseVariant === \"lyOYucWQT\") return true;\n    return false;\n  };\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-UAwlt\", sharedStyle.className, classNames),\n      style: {\n        display: \"contents\",\n        pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n      },\n      children: /*#__PURE__*/_jsxs(motion.div, {\n        ...restProps,\n        className: cx(\"framer-l3jwlm\", className),\n        \"data-framer-name\": \"Variant 1\",\n        \"data-highlight\": true,\n        layoutDependency: layoutDependency,\n        layoutId: \"ZLSS6AVRw\",\n        onTap: onTapl3jwlm,\n        ref: ref,\n        style: {\n          backgroundColor: \"rgba(255, 255, 255, 0.4)\",\n          ...style\n        },\n        transition: transition,\n        ...addPropertyOverrides({\n          lyOYucWQT: {\n            \"data-framer-name\": \"Variant 2\",\n            \"data-highlight\": true,\n            onTap: onTap1mwtudx\n          }\n        }, baseVariant, gestureVariant),\n        children: [isDisplayed1() && /*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-1xvreiq-container\",\n          layoutDependency: layoutDependency,\n          layoutId: \"RDJNiowVp-container\",\n          transition: transition,\n          children: /*#__PURE__*/_jsx(Phosphor, {\n            color: 'var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(71, 179, 136)) /* {\"name\":\"Primary\"} */',\n            height: \"100%\",\n            iconSearch: \"House\",\n            iconSelection: \"MinusCircle\",\n            id: \"RDJNiowVp\",\n            layoutId: \"RDJNiowVp\",\n            mirrored: false,\n            selectByList: true,\n            style: {\n              height: \"100%\",\n              width: \"100%\"\n            },\n            weight: \"light\",\n            width: \"100%\"\n          })\n        }), isDisplayed2() && /*#__PURE__*/_jsx(RichText, {\n          __fromCanvasComponent: true,\n          __htmlStructure: '<p class=\"framer-styles-preset-zt3abb\" data-styles-preset=\"RKpZL0zaz\" style=\"--framer-text-alignment:center;\">{{ text-placeholder }}</p>',\n          className: \"framer-1abc3xn\",\n          fonts: [],\n          htmlFromDesign: '<p class=\"framer-styles-preset-zt3abb\" data-styles-preset=\"RKpZL0zaz\" style=\"--framer-text-alignment:center;\">1</p>',\n          layoutDependency: layoutDependency,\n          layoutId: \"OLNL4oqH9\",\n          style: {\n            \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n            \"--framer-link-text-decoration\": \"underline\",\n            \"--framer-paragraph-spacing\": \"0px\"\n          },\n          textFromDesign: H5hygU7N0,\n          transition: transition,\n          verticalAlignment: \"top\",\n          withExternalLayout: true\n        }), /*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-qswwut-container\",\n          layoutDependency: layoutDependency,\n          layoutId: \"I774Z8yHd-container\",\n          transition: transition,\n          children: /*#__PURE__*/_jsx(Phosphor, {\n            color: 'var(--token-797ef18e-f527-41d0-aadb-3551de64ffca, rgb(71, 179, 136)) /* {\"name\":\"Primary\"} */',\n            height: \"100%\",\n            iconSearch: \"House\",\n            iconSelection: \"PlusCircle\",\n            id: \"I774Z8yHd\",\n            layoutId: \"I774Z8yHd\",\n            mirrored: false,\n            selectByList: true,\n            style: {\n              height: \"100%\",\n              width: \"100%\"\n            },\n            weight: \"light\",\n            width: \"100%\"\n          })\n        })]\n      })\n    })\n  });\n});\nconst css = ['.framer-UAwlt [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-UAwlt * { box-sizing: border-box; }\", \".framer-UAwlt .framer-l3jwlm { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 40px; }\", \".framer-UAwlt .framer-1xvreiq-container, .framer-UAwlt .framer-qswwut-container { flex: none; height: 42px; position: relative; width: 40px; }\", \".framer-UAwlt .framer-1abc3xn { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-UAwlt framer-l3jwlm > * { margin: 0px; margin-left: calc(12px / 2); margin-right: calc(12px / 2); } .framer-UAwlt framer-l3jwlm > :first-child { margin-left: 0px; } .framer-UAwlt framer-l3jwlm > :last-child { margin-right: 0px; } }\", \".framer-UAwlt.framer-v-1mwtudx .framer-l3jwlm { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: unset; height: min-content; justify-content: space-between; width: 112px; }\", ...sharedStyle.css]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerIntrinsicHeight 42\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerIntrinsicWidth 40\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"lyOYucWQT\":{\"layout\":[\"fixed\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerVariables {\"H5hygU7N0\":\"amount\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */\nconst FramerVDyRWd76v = withCSS(Component, css);\nexport default FramerVDyRWd76v;\nFramerVDyRWd76v.displayName = \"Plus Minus\";\nFramerVDyRWd76v.defaultProps = {\n  height: 42,\n  width: 40\n};\naddPropertyControls(FramerVDyRWd76v, {\n  variant: {\n    options: [\"ZLSS6AVRw\", \"lyOYucWQT\"],\n    optionTitles: [\"Variant 1\", \"Variant 2\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  H5hygU7N0: {\n    defaultValue: \"1\",\n    displayTextArea: false,\n    title: \"Amount\",\n    type: ControlType.String\n  }\n});\naddFonts(FramerVDyRWd76v, [...PhosphorFonts, ...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerVDyRWd76v\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerIntrinsicWidth\": \"40\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"lyOYucWQT\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n        \"framerVariables\": \"{\\\"H5hygU7N0\\\":\\\"amount\\\"}\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicHeight\": \"42\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./VDyRWd76v.map"],
  "mappings": "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",
  "names": ["PhosphorFonts", "getFonts", "Icon", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "H5hygU7N0", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTapl3jwlm", "args", "onTap1mwtudx", "isDisplayed1", "isDisplayed2", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "u", "RichText", "css", "FramerVDyRWd76v", "withCSS", "VDyRWd76v_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}