{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/aCSeXvt7T04XP2OeI9xe/MB97ptt4XuFDq9pDcwis/RadioButtons_2.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,addPropertyControls,ControlType}from\"framer\";import{colorTokentoValue,fontStack,fontControls,fontSizeOptions,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";const flexCenter={display:\"flex\",justifyContent:\"center\",alignItems:\"center\"};/**\n * RADIO BUTTONS\n *\n * @framerIntrinsicWidth 120\n * @framerIntrinsicHeight 102\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export function RadioButtons(props){const{// Item properties\ndefaultItem,items,// Color properties\nactiveColor,circleColor,textActiveColor,inactiveColor,textInactiveColor,hoverColor,textHoverColor,// Size properties\nbuttonSize,fontSize,textGapSize,lineGapSize,initialAnimation,// Event properties\nonChange,onOption1Tap,onOption2Tap,onOption3Tap,onOption4Tap,onOption5Tap,onOption6Tap,onOption7Tap,onOption8Tap,onOption9Tap,onOption10Tap,fontFamily,fontWeight,fontWeightInactive}=props;// Object with item data\nconst allItems=[{text:items[0],defaultEvent:onChange,event:onOption1Tap},{text:items[1],defaultEvent:onChange,event:onOption2Tap},{text:items[2],defaultEvent:onChange,event:onOption3Tap},{text:items[3],defaultEvent:onChange,event:onOption4Tap},{text:items[4],defaultEvent:onChange,event:onOption5Tap},{text:items[5],defaultEvent:onChange,event:onOption6Tap},{text:items[6],defaultEvent:onChange,event:onOption7Tap},{text:items[7],defaultEvent:onChange,event:onOption8Tap},{text:items[8],defaultEvent:onChange,event:onOption9Tap},{text:items[9],defaultEvent:onChange,event:onOption10Tap}].slice(0,items.length);// Store selected item in a variable\nconst[selected,updateSelected]=React.useState(defaultItem-1);React.useEffect(()=>{updateSelected(defaultItem-1);},[defaultItem]);// Variants for animation\nconst radioVariants={active:{background:colorTokentoValue(activeColor),transition:{ease:\"easeInOut\",duration:.2}},inactive:{background:colorTokentoValue(inactiveColor),transition:{ease:\"easeInOut\",duration:.2}},hover:{background:colorTokentoValue(hoverColor),transition:{ease:\"easeInOut\",duration:.2}},tapping:{scale:.9,transition:{ease:\"easeInOut\",duration:.1}}};const radioCircleVariants={active:{scale:1},inactive:{scale:0}};const textVariants={active:{color:colorTokentoValue(textActiveColor),transition:{ease:\"easeInOut\",duration:.2},fontWeight:fontWeight},inactive:{color:colorTokentoValue(textInactiveColor),transition:{ease:\"easeInOut\",duration:.2},fontWeight:fontWeightInactive},hover:{color:colorTokentoValue(textHoverColor),transition:{ease:\"easeInOut\",duration:.2}}};const fontStyles=useFontControls(props);return /*#__PURE__*/_jsx(\"div\",{style:{padding:10},children:allItems.map((item,index)=>{const activeVariant=selected===index?\"active\":\"inactive\";return /*#__PURE__*/_jsxs(motion.div,{style:{width:\"max-content\",display:\"flex\",marginBottom:index===allItems.length-1?0:lineGapSize},initial:initialAnimation&&selected===index?selected===index?\"inactive\":\"active\":false,animate:activeVariant,whileHover:selected===index?\"active\":\"hover\",whileTap:\"tapping\",onTap:()=>{if(selected!==index){updateSelected(index);if(item.event)item.event();if(item.defaultEvent)item.defaultEvent(index);}},children:[/*#__PURE__*/_jsx(\"div\",{\"data-framer-hightlight\":true,style:{...flexCenter,marginRight:textGapSize,width:buttonSize,height:fontSize*1.2>buttonSize?fontSize*1.2:buttonSize},children:/*#__PURE__*/_jsx(motion.div,{style:{...flexCenter,width:buttonSize,height:buttonSize,borderRadius:\"50%\"},variants:radioVariants,children:/*#__PURE__*/_jsx(motion.div,{style:{width:Math.floor(buttonSize*.4),height:Math.floor(buttonSize*.4),borderRadius:\"50%\",background:circleColor},variants:radioCircleVariants})})}),/*#__PURE__*/_jsx(motion.div,{variants:textVariants,style:{outline:\"none\",width:\"max-content\",display:\"flex\",wordBreak:\"break-word\",overflowWrap:\"break-word\",lineHeight:1.2,textAlign:\"left\",overflow:\"hidden\",whiteSpace:\"pre-wrap\",fontSize:fontSize,fontFamily:fontStack,...fontStyles,fontWeight:fontWeightInactive},children:item.text})]},index);})});}RadioButtons.defaultProps={height:102,width:120,defaultItem:1,items:[\"Option 01\",\"Option 02\",\"Option 03\"],variant:\"active\",activeColor:\"#09F\",circleColor:\"#FFF\",textActiveColor:\"#999\",inactiveColor:\"#CCC\",textInactiveColor:\"#BBB\",hoverColor:\"#BBB\",textHoverColor:\"#BBB\",buttonSize:16,fontSize:16,fontWeight:600,fontWeightInactive:400,textGapSize:8,lineGapSize:12,initialAnimation:false};addPropertyControls(RadioButtons,{// Default Item Property Controls\ndefaultItem:{type:ControlType.Number,title:\"Default\",defaultValue:RadioButtons.defaultProps.defaultItem,displayStepper:true,step:1,min:0,max:5},// Design Variant Property Controls\nvariant:{type:ControlType.Enum,title:\"Variants\",defaultValue:RadioButtons.defaultProps.variant,options:[\"active\",\"inactive\",\"hover\"],optionTitles:[\"Active\",\"Inactive\",\"Hover\"]},activeColor:{type:ControlType.Color,title:\"Button\",defaultValue:RadioButtons.defaultProps.activeColor,hidden:({variant})=>variant!==\"active\"},circleColor:{type:ControlType.Color,title:\"Circle\",defaultValue:RadioButtons.defaultProps.circleColor,hidden:({variant})=>variant!==\"active\"},textActiveColor:{type:ControlType.Color,title:\"Text\",defaultValue:RadioButtons.defaultProps.textActiveColor,hidden:({variant})=>variant!==\"active\"},inactiveColor:{type:ControlType.Color,title:\"Button\",defaultValue:RadioButtons.defaultProps.inactiveColor,hidden:({variant})=>variant!==\"inactive\"},textInactiveColor:{type:ControlType.Color,title:\"Text\",defaultValue:RadioButtons.defaultProps.textInactiveColor,hidden:({variant})=>variant!==\"inactive\"},fontWeightInactive:{type:ControlType.Enum,title:\"Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"Thin\",\"Extra-light\",\"Light\",\"Regular\",\"Medium\",\"Semi-bold\",\"Bold\",\"Extra-bold\",\"Black\"],defaultValue:RadioButtons.defaultProps.fontWeightInactive,hidden:({variant})=>variant!==\"inactive\"},hoverColor:{type:ControlType.Color,title:\"Button\",defaultValue:RadioButtons.defaultProps.hoverColor,hidden:({variant})=>variant!==\"hover\"},textHoverColor:{type:ControlType.Color,title:\"Text\",defaultValue:RadioButtons.defaultProps.textHoverColor,hidden:({variant})=>variant!==\"hover\"},// Button Size Property Controls\nbuttonSize:{type:ControlType.Number,title:\"Button Size\",min:16,max:44,step:1,defaultValue:RadioButtons.defaultProps.buttonSize},// Text Size Property Controls\nfontSize:{...fontSizeOptions,defaultValue:RadioButtons.defaultProps.fontSize},// Gap Size Property Controls\ntextGapSize:{type:ControlType.Number,title:\"Text Gap\",min:2,max:20,step:1,defaultValue:RadioButtons.defaultProps.textGapSize},lineGapSize:{type:ControlType.Number,title:\"Line Gap\",min:10,max:200,step:1,defaultValue:RadioButtons.defaultProps.lineGapSize},...fontControls,initialAnimation:{title:\"On Load\",type:ControlType.Boolean,enabledTitle:\"Animate\",disabledTitle:\"Instant\"},items:{type:ControlType.Array,title:\"Items\",maxCount:10,defaultValue:RadioButtons.defaultProps.items,propertyControl:{type:ControlType.String,displayTextArea:true,defaultValue:\"Option Title\"}},// Event Property Controls\nonChange:{title:\"On Change\",type:ControlType.EventHandler},onOption1Tap:{title:\"Option 1 Tap\",type:ControlType.EventHandler},onOption2Tap:{title:\"Option 2 Tap\",type:ControlType.EventHandler},onOption3Tap:{title:\"Option 3 Tap\",type:ControlType.EventHandler},onOption4Tap:{title:\"Option 4 Tap\",type:ControlType.EventHandler},onOption5Tap:{title:\"Option 5 Tap\",type:ControlType.EventHandler},onOption6Tap:{title:\"Option 6 Tap\",type:ControlType.EventHandler},onOption7Tap:{title:\"Option 7 Tap\",type:ControlType.EventHandler},onOption8Tap:{title:\"Option 8 Tap\",type:ControlType.EventHandler},onOption9Tap:{title:\"Option 9 Tap\",type:ControlType.EventHandler},onOption10Tap:{title:\"Option 10 Tap\",type:ControlType.EventHandler}});RadioButtons.displayName=\"Radio Buttons\";\nexport const __FramerMetadata__ = {\"exports\":{\"RadioButtons\":{\"type\":\"reactComponent\",\"name\":\"RadioButtons\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"102\",\"framerIntrinsicWidth\":\"120\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RadioButtons_2.map"],
  "mappings": "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",
  "names": ["flexCenter", "RadioButtons", "props", "defaultItem", "items", "activeColor", "circleColor", "textActiveColor", "inactiveColor", "textInactiveColor", "hoverColor", "textHoverColor", "buttonSize", "fontSize", "textGapSize", "lineGapSize", "initialAnimation", "onChange", "onOption1Tap", "onOption2Tap", "onOption3Tap", "onOption4Tap", "onOption5Tap", "onOption6Tap", "onOption7Tap", "onOption8Tap", "onOption9Tap", "onOption10Tap", "fontFamily", "fontWeight", "fontWeightInactive", "allItems", "selected", "updateSelected", "ye", "ue", "radioVariants", "colorTokentoValue", "radioCircleVariants", "textVariants", "fontStyles", "useFontControls", "item", "index", "activeVariant", "u", "motion", "fontStack", "addPropertyControls", "ControlType", "variant", "fontSizeOptions", "fontControls"]
}