{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/53eISr3AcM6us3Trl0uX/koms64WCEjt87IVN0F3U/bMkc8TlRy.js"],
  "sourcesContent": ["// Generated by Framer (1c1e241)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"v7cz9xDdm\"];const serializationHash=\"framer-T5Gb5\";const variantClassNames={v7cz9xDdm:\"framer-v-1gy51d9\"};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 transitions={default:{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 getProps=({height,id,title,width,...props})=>{var _ref;return{...props,GNSb9px5w:(_ref=title!==null&&title!==void 0?title:props.GNSb9px5w)!==null&&_ref!==void 0?_ref:\"UI DESIGN\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,GNSb9px5w,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"v7cz9xDdm\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-T5Gb5\",...sharedStyleClassNames,classNames),style:{display:\"contents\"},children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(\"framer-1gy51d9\",className),\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"v7cz9xDdm\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(0, 0, 0)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:55,borderBottomRightRadius:55,borderTopLeftRadius:55,borderTopRightRadius:55,...style},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter-Medium\", \"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"12px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"9px\",\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(58, 58, 58))\"},children:\"UI DESIGN\"})}),className:\"framer-t1cxl2\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"tuz32K5y8\",style:{\"--extracted-r6o4lv\":\"rgb(58, 58, 58)\",\"--framer-paragraph-spacing\":\"0px\"},text:GNSb9px5w,verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=['.framer-T5Gb5 [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-T5Gb5 .framer-1m3loww { display: block; }\",\".framer-T5Gb5 .framer-1gy51d9 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 8px 8px 8px 8px; position: relative; width: min-content; }\",\".framer-T5Gb5 .framer-t1cxl2 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-T5Gb5 .framer-1gy51d9 { gap: 0px; } .framer-T5Gb5 .framer-1gy51d9 > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-T5Gb5 .framer-1gy51d9 > :first-child { margin-left: 0px; } .framer-T5Gb5 .framer-1gy51d9 > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 25\n * @framerIntrinsicWidth 74\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"GNSb9px5w\":\"title\"}\n * @framerImmutableVariables true\n */const FramerbMkc8TlRy=withCSS(Component,css,\"framer-T5Gb5\");export default FramerbMkc8TlRy;FramerbMkc8TlRy.displayName=\"tag\";FramerbMkc8TlRy.defaultProps={height:25,width:74};addPropertyControls(FramerbMkc8TlRy,{GNSb9px5w:{defaultValue:\"UI DESIGN\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(FramerbMkc8TlRy,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerbMkc8TlRy\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"25\",\"framerVariables\":\"{\\\"GNSb9px5w\\\":\\\"title\\\"}\",\"framerIntrinsicWidth\":\"74\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./bMkc8TlRy.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "height", "id", "title", "width", "props", "_ref", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "GNSb9px5w", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "LayoutGroup", "motion", "cx", "RichText2", "x", "css", "FramerbMkc8TlRy", "withCSS", "bMkc8TlRy_default", "addPropertyControls", "ControlType", "addFonts"]
}
