{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/5mUyVIee6kXi0QEBFDT1/m8ujYMu4mJOFgEFmgZyK/DK_gFurfd.js"],
  "sourcesContent": ["// Generated by Framer (4b8bcae)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"up88AHRBb\"];const serializationHash=\"framer-4o7dz\";const variantClassNames={up88AHRBb:\"framer-v-1ekgu2l\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({height,id,title,width,...props})=>{var _ref;return{...props,b9i_ppzc2:(_ref=title!==null&&title!==void 0?title:props.b9i_ppzc2)!==null&&_ref!==void 0?_ref:\"Category\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,b9i_ppzc2,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"up88AHRBb\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1ekgu2l\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"up88AHRBb\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"var(--token-082950e0-e8a8-4371-a3eb-3df032d71578, rgb(26, 26, 26))\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.div,{style:{\"--font-selector\":\"R0Y7QmFpIEphbWp1cmVlLTMwMA==\",\"--framer-font-family\":'\"Bai Jamjuree\", \"Bai Jamjuree Placeholder\", sans-serif',\"--framer-font-size\":\"12px\",\"--framer-font-weight\":\"300\",\"--framer-text-color\":\"var(--extracted-tcooor, var(--token-edcca4a2-fd8f-4d0d-bc2a-82dcf6156ba9, rgb(172, 153, 255)))\"},children:\"Category\"})}),className:\"framer-vtvah3\",fonts:[\"GF;Bai Jamjuree-300\"],layoutDependency:layoutDependency,layoutId:\"zys7RX4SB\",style:{\"--extracted-tcooor\":\"var(--token-edcca4a2-fd8f-4d0d-bc2a-82dcf6156ba9, rgb(172, 153, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:b9i_ppzc2,verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-4o7dz.framer-1jgc20v, .framer-4o7dz .framer-1jgc20v { display: block; }\",\".framer-4o7dz.framer-1ekgu2l { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 22px; justify-content: center; overflow: visible; padding: 0px 8px 0px 8px; position: relative; width: min-content; }\",\".framer-4o7dz .framer-vtvah3 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-4o7dz.framer-1ekgu2l { gap: 0px; } .framer-4o7dz.framer-1ekgu2l > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-4o7dz.framer-1ekgu2l > :first-child { margin-left: 0px; } .framer-4o7dz.framer-1ekgu2l > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 22\n * @framerIntrinsicWidth 66\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"b9i_ppzc2\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerDK_gFurfd=withCSS(Component,css,\"framer-4o7dz\");export default FramerDK_gFurfd;FramerDK_gFurfd.displayName=\"Category Pill\";FramerDK_gFurfd.defaultProps={height:22,width:66};addPropertyControls(FramerDK_gFurfd,{b9i_ppzc2:{defaultValue:\"Category\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(FramerDK_gFurfd,[{explicitInter:true,fonts:[{family:\"Bai Jamjuree\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa09eDulpA1-yiSgA.woff2\",weight:\"300\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerDK_gFurfd\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"66\",\"framerVariables\":\"{\\\"b9i_ppzc2\\\":\\\"title\\\"}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"22\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DK_gFurfd.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "getProps", "height", "id", "title", "width", "props", "_ref", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "b9i_ppzc2", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "cx", "serializationHash", "RichText2", "css", "FramerDK_gFurfd", "withCSS", "DK_gFurfd_default", "addPropertyControls", "ControlType", "addFonts"]
}