{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/n97j4PITjMHgTCAWzCSu/zp04jO1abp4jPKVZJmGO/CnXJI0wop.js"],
  "sourcesContent": ["// Generated by Framer (a4dc481)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Link, RichText, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/rvLbf7IfaK6fz6xb5mIo/dd1E8NwhL4GjgKxjzjHp/ioTzTq2f0.js\";\nconst cycleOrder = [\"dufb2ZnUw\", \"FKnSdMVkC\"];\nconst variantClassNames = {\n  dufb2ZnUw: \"framer-v-143i8zv\",\n  FKnSdMVkC: \"framer-v-es9k7o\"\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  Default: \"dufb2ZnUw\",\n  Hover: \"FKnSdMVkC\"\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 = \"dufb2ZnUw\",\n  link: cq1Hj5Xwa,\n  label: ut_RrhuuD = \"View project\",\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: \"dufb2ZnUw\",\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 onMouseEnter14k6xfj = activeVariantCallback(async (...args) => {\n    setVariant(\"FKnSdMVkC\");\n  });\n  const onMouseLeave569ogs = activeVariantCallback(async (...args) => {\n    setVariant(\"dufb2ZnUw\");\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-twgI1\", sharedStyle.className, classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(Link, {\n        href: cq1Hj5Xwa,\n        children: /*#__PURE__*/_jsxs(motion.a, {\n          ...restProps,\n          className: `${cx(\"framer-143i8zv\", className)} framer-1j0cl6q`,\n          \"data-border\": true,\n          \"data-framer-name\": \"Default\",\n          \"data-highlight\": true,\n          layoutDependency: layoutDependency,\n          layoutId: \"dufb2ZnUw\",\n          onMouseEnter: onMouseEnter14k6xfj,\n          ref: ref,\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: 99,\n            borderBottomRightRadius: 99,\n            borderTopLeftRadius: 99,\n            borderTopRightRadius: 99,\n            ...style\n          },\n          transition: transition,\n          ...addPropertyOverrides({\n            FKnSdMVkC: {\n              \"data-framer-name\": \"Hover\",\n              onMouseLeave: onMouseLeave569ogs,\n              onTap: undefined\n            }\n          }, baseVariant, gestureVariant),\n          children: [/*#__PURE__*/_jsx(RichText, {\n            __fromCanvasComponent: true,\n            children: /*#__PURE__*/_jsx(React.Fragment, {\n              children: /*#__PURE__*/_jsx(motion.p, {\n                className: \"framer-styles-preset-1yhyl9l\",\n                \"data-styles-preset\": \"ioTzTq2f0\",\n                children: \"View project\"\n              })\n            }),\n            className: \"framer-1pg5y0n\",\n            layoutDependency: layoutDependency,\n            layoutId: \"jfqNmVJXl\",\n            style: {\n              \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n              \"--framer-link-text-decoration\": \"underline\",\n              \"--framer-paragraph-spacing\": \"0px\"\n            },\n            text: ut_RrhuuD,\n            transition: transition,\n            verticalAlignment: \"top\",\n            withExternalLayout: true\n          }), /*#__PURE__*/_jsx(RichText, {\n            __fromCanvasComponent: true,\n            children: /*#__PURE__*/_jsx(React.Fragment, {\n              children: /*#__PURE__*/_jsx(motion.p, {\n                className: \"framer-styles-preset-1yhyl9l\",\n                \"data-styles-preset\": \"ioTzTq2f0\",\n                children: \"\u2192\"\n              })\n            }),\n            className: \"framer-asa0ep\",\n            layoutDependency: layoutDependency,\n            layoutId: \"nIhgnONBF\",\n            style: {\n              \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n              \"--framer-link-text-decoration\": \"underline\",\n              \"--framer-paragraph-spacing\": \"0px\"\n            },\n            transition: transition,\n            verticalAlignment: \"top\",\n            withExternalLayout: true\n          }), /*#__PURE__*/_jsx(motion.div, {\n            className: \"framer-1l6184c\",\n            \"data-framer-name\": \"pad\",\n            layoutDependency: layoutDependency,\n            layoutId: \"A9RFelV_F\",\n            style: {\n              backgroundColor: \"rgb(255, 255, 255)\",\n              borderBottomLeftRadius: 99,\n              borderBottomRightRadius: 99,\n              borderTopLeftRadius: 99,\n              borderTopRightRadius: 99\n            },\n            transition: transition\n          })]\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-twgI1 [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-twgI1 * { box-sizing: border-box; }\", \".framer-twgI1 .framer-1j0cl6q { display: block; }\", \".framer-twgI1 .framer-143i8zv { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; mix-blend-mode: difference; padding: 6px 16px 6px 16px; position: relative; text-decoration: none; width: min-content; }\", \".framer-twgI1 .framer-1pg5y0n, .framer-twgI1 .framer-asa0ep { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \".framer-twgI1 .framer-1l6184c { flex: none; height: 100%; left: 0px; mix-blend-mode: difference; overflow: visible; position: absolute; top: 0px; width: 0%; z-index: 1; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-twgI1 .framer-143i8zv { gap: 0px; } .framer-twgI1 .framer-143i8zv > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-twgI1 .framer-143i8zv > :first-child { margin-left: 0px; } .framer-twgI1 .framer-143i8zv > :last-child { margin-right: 0px; } }\", \".framer-twgI1.framer-v-es9k7o .framer-143i8zv { cursor: unset; }\", \".framer-twgI1.framer-v-es9k7o .framer-1l6184c { width: 100%; }\", ...sharedStyle.css]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @framerIntrinsicHeight 27.5\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @framerIntrinsicWidth 144.5\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"FKnSdMVkC\":{\"layout\":[\"auto\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @framerVariables {\"cq1Hj5Xwa\":\"link\",\"ut_RrhuuD\":\"label\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              */\nconst FramerCnXJI0wop = withCSS(Component, css, \"framer-twgI1\");\nexport default FramerCnXJI0wop;\nFramerCnXJI0wop.displayName = \"button-pill\";\nFramerCnXJI0wop.defaultProps = {\n  height: 27.5,\n  width: 144.5\n};\naddPropertyControls(FramerCnXJI0wop, {\n  variant: {\n    options: [\"dufb2ZnUw\", \"FKnSdMVkC\"],\n    optionTitles: [\"Default\", \"Hover\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  cq1Hj5Xwa: {\n    title: \"Link\",\n    type: ControlType.Link\n  },\n  ut_RrhuuD: {\n    defaultValue: \"View project\",\n    displayTextArea: false,\n    title: \"Label\",\n    type: ControlType.String\n  }\n});\naddFonts(FramerCnXJI0wop, [...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\": \"FramerCnXJI0wop\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerVariables\": \"{\\\"cq1Hj5Xwa\\\":\\\"link\\\",\\\"ut_RrhuuD\\\":\\\"label\\\"}\",\n        \"framerContractVersion\": \"1\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"FKnSdMVkC\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"27.5\",\n        \"framerIntrinsicWidth\": \"144.5\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "cq1Hj5Xwa", "ut_RrhuuD", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onMouseEnter14k6xfj", "args", "onMouseLeave569ogs", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "Link", "u", "RichText", "x", "css", "FramerCnXJI0wop", "withCSS", "CnXJI0wop_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}