{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/rTKFZSjxYWQE8rW7U9CA/ZDehyuiGDtstBxAaFgOR/q9EzT4hXS.js"],
  "sourcesContent": ["// Generated by Framer (a1bdbac)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/VvOEuoTgKxlqmrVU0BPg/Tj9w2QRzVSW9avvV1t8P/Yv2uf9fD3.js\";\nconst cycleOrder = [\"S1aGU68Nm\"];\nconst variantClassNames = {\n  S1aGU68Nm: \"framer-v-plzaw2\"\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 = {};\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 = \"S1aGU68Nm\",\n  color: dLC6I8pfk = \"cf2527\",\n  chipColor: HBefnfcNr = \"rgb(207, 37, 39)\",\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: \"S1aGU68Nm\",\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-rzP4g\", sharedStyle.className, classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsxs(motion.div, {\n        ...restProps,\n        className: cx(\"framer-plzaw2\", className),\n        \"data-border\": true,\n        \"data-framer-name\": \"Color Chip\",\n        layoutDependency: layoutDependency,\n        layoutId: \"S1aGU68Nm\",\n        ref: ref,\n        style: {\n          \"--border-bottom-width\": \"2px\",\n          \"--border-color\": \"var(--token-3d8efe48-0bae-4b9b-862f-9dac75898162, 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: 6,\n          borderBottomRightRadius: 6,\n          borderTopLeftRadius: 6,\n          borderTopRightRadius: 6,\n          boxShadow: \"0px 1px 4px 1px rgba(0, 0, 0, 0.02)\",\n          ...style\n        },\n        transition: transition,\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-16u5mto\",\n              \"data-styles-preset\": \"Yv2uf9fD3\",\n              style: {\n                \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n              },\n              children: \"cf2527\"\n            })\n          }),\n          className: \"framer-s5syex\",\n          layoutDependency: layoutDependency,\n          layoutId: \"X7Ux6MeBt\",\n          style: {\n            \"--extracted-r6o4lv\": \"var(--token-4789d807-8c41-4076-a27b-5132908792a6, rgba(255, 255, 255, 0))\",\n            \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n            \"--framer-link-text-decoration\": \"underline\",\n            \"--framer-paragraph-spacing\": \"0px\"\n          },\n          text: dLC6I8pfk,\n          transition: transition,\n          verticalAlignment: \"top\",\n          withExternalLayout: true\n        }), /*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-1aixk4e\",\n          \"data-framer-name\": \"Chip\",\n          layoutDependency: layoutDependency,\n          layoutId: \"CSuuqyoh0\",\n          style: {\n            backgroundColor: HBefnfcNr,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            borderTopLeftRadius: 7,\n            borderTopRightRadius: 7\n          },\n          transition: transition\n        }), /*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-18hk5oy\",\n          \"data-framer-name\": \"Label\",\n          layoutDependency: layoutDependency,\n          layoutId: \"M1EjrY68W\",\n          style: {\n            backgroundColor: \"var(--token-3d8efe48-0bae-4b9b-862f-9dac75898162, rgb(255, 255, 255))\",\n            borderBottomLeftRadius: 6,\n            borderBottomRightRadius: 6,\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0\n          },\n          transition: transition\n        })]\n      })\n    })\n  });\n});\nconst css = ['.framer-rzP4g [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-rzP4g * { box-sizing: border-box; }\", \".framer-rzP4g .framer-n48g2 { display: block; }\", \".framer-rzP4g .framer-plzaw2 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 96px; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 80px; }\", \".framer-rzP4g .framer-s5syex { bottom: 0px; flex: none; height: auto; left: 4px; position: absolute; white-space: pre; width: auto; z-index: 1; }\", \".framer-rzP4g .framer-1aixk4e { flex: none; height: 72px; overflow: visible; position: relative; width: 100%; }\", \".framer-rzP4g .framer-18hk5oy { flex: none; height: 24px; overflow: hidden; position: relative; width: 100%; will-change: transform; z-index: 0; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-rzP4g .framer-plzaw2 { gap: 0px; } .framer-rzP4g .framer-plzaw2 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-rzP4g .framer-plzaw2 > :first-child { margin-top: 0px; } .framer-rzP4g .framer-plzaw2 > :last-child { margin-bottom: 0px; } }\", ...sharedStyle.css]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerIntrinsicHeight 96\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerIntrinsicWidth 80\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerVariables {\"dLC6I8pfk\":\"color\",\"HBefnfcNr\":\"chipColor\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */\nconst Framerq9EzT4hXS = withCSS(Component, css, \"framer-rzP4g\");\nexport default Framerq9EzT4hXS;\nFramerq9EzT4hXS.displayName = \"Color Chip\";\nFramerq9EzT4hXS.defaultProps = {\n  height: 96,\n  width: 80\n};\naddPropertyControls(Framerq9EzT4hXS, {\n  dLC6I8pfk: {\n    defaultValue: \"cf2527\",\n    displayTextArea: false,\n    placeholder: \"cf2527\",\n    title: \"Color\",\n    type: ControlType.String\n  },\n  HBefnfcNr: {\n    defaultValue: \"rgb(207, 37, 39)\",\n    title: \"Chip Color\",\n    type: ControlType.Color\n  }\n});\naddFonts(Framerq9EzT4hXS, [...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Framerq9EzT4hXS\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerIntrinsicWidth\": \"80\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"96\",\n        \"framerContractVersion\": \"1\",\n        \"framerVariables\": \"{\\\"dLC6I8pfk\\\":\\\"color\\\",\\\"HBefnfcNr\\\":\\\"chipColor\\\"}\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./q9EzT4hXS.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "dLC6I8pfk", "HBefnfcNr", "restProps", "ref", "variant", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "variants", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "RichText", "x", "css", "Framerq9EzT4hXS", "withCSS", "q9EzT4hXS_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}