{"version":3,"file":"Test.32CUY9Bf.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/j4S2O3l51RhXs8cRvCBV/qjzfA15iaJSCxPAEh5Nv/Test.js"],"sourcesContent":["// Features Tabs Component (Framer-optimized)\n// Renders up to 5 tabs, each with copy + image\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition,useRef}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";const fallbackImages=[{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Gradient 2 - Purple\"},{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Gradient 3 - Orange\"},{src:\"https://framerusercontent.com/images/2uTNEj5aTl2K3NJaEFWMbnrA.jpg\",alt:\"Gradient 4 - Yellow\"},{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 5 - Teal\"}];/**\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 420\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function FeaturesTabs(props){const{features,background,tabColor,activeTabColor,textColor,tabFont,copyFont,style,radius,padding,gap,wrapTabs,showShadows,showActiveOutline,imageFit}=props;const isStatic=useIsStaticRenderer();const[active,setActive]=useState(0);const tablistRef=useRef(null);// Guard: always have at least one feature\nconst safeFeatures=(features&&features.length>0?features:[{label:\"Tab 1\",heading:\"Feature One\",copy:\"Description for feature one.\",image:fallbackImages[0]}]).slice(0,5);const activeFeature=safeFeatures[active]??safeFeatures[0];const activeImage=activeFeature.image??fallbackImages[active]??fallbackImages[0];// Arrow-key navigation (accessible tabs)\nconst onKeyDown=e=>{if(!tablistRef.current)return;const count=safeFeatures.length;if(e.key===\"ArrowRight\"||e.key===\"ArrowLeft\"){e.preventDefault();const dir=e.key===\"ArrowRight\"?1:-1;const next=(active+dir+count)%count;setActive(next);const buttons=tablistRef.current.querySelectorAll('[role=\"tab\"]');buttons[next]?.focus();}};const clickSetActive=i=>{// Transitions off in static render (Framer canvas) for speed\nif(isStatic)setActive(i);else startTransition(()=>setActive(i));};return /*#__PURE__*/_jsxs(\"div\",{className:\"features-tabs-root\",style:{...style,background,borderRadius:radius,boxShadow:showShadows&&!isStatic?\"0 2px 12px rgba(0,0,0,0.18)\":\"none\",padding,display:\"flex\",flexDirection:\"column\",gap,width:\"100%\",height:\"100%\",minWidth:320,minHeight:320,position:\"relative\",boxSizing:\"border-box\",transition:isStatic?\"none\":\"background 0.2s\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n        @media (max-width: 900px) {\n          .features-tabs-content { flex-direction: column !important; gap: 20px !important; }\n          .features-tabs-image { width: 100% !important; }\n        }\n        @media (max-width: 600px) {\n          .features-tabs-root { padding: 8px !important; min-width: 0 !important; min-height: 0 !important; border-radius: 0 !important; }\n          .features-tabs-content { gap: 12px !important; }\n          .features-tabs-tabs { ${wrapTabs?\"flex-wrap: wrap !important;\":\"\"} gap: 6px !important; }\n          .features-tabs-tabs button { font-size: 14px !important; padding: 8px 12px !important; }\n        }\n        @media (max-width: 480px) {\n          .features-tabs-root { padding: 0 !important; border-radius: 0 !important; }\n          .features-tabs-content { gap: 8px !important; }\n        }\n        @media (max-width: 600px) {\n          .features-tabs-image img { max-height: 40vh !important; }\n        }\n        @media (max-width: 400px) {\n          .features-tabs-image img { max-height: 30vh !important; }\n        }\n      `}),/*#__PURE__*/_jsx(\"div\",{className:\"features-tabs-tabs\",role:\"tablist\",\"aria-label\":\"Feature tabs\",ref:tablistRef,onKeyDown:onKeyDown,style:{display:\"flex\",gap:12,flexWrap:wrapTabs?\"wrap\":\"nowrap\",overflowX:wrapTabs?\"visible\":\"auto\",WebkitOverflowScrolling:\"touch\"},children:safeFeatures.map((f,i)=>{const isActive=i===active;return /*#__PURE__*/_jsx(\"button\",{role:\"tab\",\"aria-selected\":isActive,\"aria-controls\":`features-panel-${i}`,id:`features-tab-${i}`,tabIndex:isActive?0:-1,onClick:()=>clickSetActive(i),style:{...tabFont,background:isActive?activeTabColor:tabColor,color:textColor,border:\"none\",borderRadius:8,padding:\"10px 24px\",cursor:\"pointer\",transition:isStatic?\"none\":\"background 0.18s, color 0.18s\",outline:showActiveOutline&&isActive?`2px solid ${activeTabColor}`:\"none\",fontWeight:isActive?600:500,boxShadow:showShadows&&isActive&&!isStatic?\"0 2px 8px rgba(0,0,0,0.18)\":\"none\"},children:f.label||`Tab ${i+1}`},i);})}),/*#__PURE__*/_jsxs(\"div\",{className:\"features-tabs-content\",style:{display:\"flex\",flexDirection:\"column\",gap:24,alignItems:\"flex-start\",flex:1,minHeight:200,width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"div\",{id:`features-panel-${active}`,role:\"tabpanel\",\"aria-labelledby\":`features-tab-${active}`,style:{width:\"100%\",marginBottom:16},children:[/*#__PURE__*/_jsx(\"div\",{style:{...copyFont,color:textColor,marginBottom:12,fontWeight:600,fontSize:22},children:activeFeature.heading||\"Feature\"}),/*#__PURE__*/_jsx(\"div\",{style:{...copyFont,color:textColor,opacity:.85,fontSize:16,lineHeight:\"1.5em\"},children:activeFeature.copy||\"\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"features-tabs-image\",style:{flex:1,minWidth:0,width:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"},children:/*#__PURE__*/_jsx(\"img\",{src:activeImage?.src,alt:activeImage?.alt??\"\",loading:isStatic?undefined:\"lazy\",style:{width:\"100%\",height:\"auto\",maxHeight:\"60vh\",borderRadius:10,boxShadow:showShadows&&!isStatic?\"0 2px 8px rgba(0,0,0,0.18)\":\"none\",objectFit:imageFit,background:\"#23272F\",transition:isStatic?\"none\":\"background 0.2s\",display:\"block\",margin:0,maxWidth:\"100%\"}})})]})]});}addPropertyControls(FeaturesTabs,{features:{type:ControlType.Array,title:\"Features\",maxCount:5,defaultValue:[{label:\"Tab 1\",heading:\"Feature One\",copy:\"Description for feature one.\",image:fallbackImages[0]},{label:\"Tab 2\",heading:\"Feature Two\",copy:\"Description for feature two.\",image:fallbackImages[1]},{label:\"Tab 3\",heading:\"Feature Three\",copy:\"Description for feature three.\",image:fallbackImages[2]},{label:\"Tab 4\",heading:\"Feature Four\",copy:\"Description for feature four.\",image:fallbackImages[3]},{label:\"Tab 5\",heading:\"Feature Five\",copy:\"Description for feature five.\",image:fallbackImages[4]}],control:{type:ControlType.Object,controls:{label:{type:ControlType.String,defaultValue:\"Tab\"},heading:{type:ControlType.String,defaultValue:\"Feature\"},copy:{type:ControlType.String,defaultValue:\"Description.\"},image:{type:ControlType.ResponsiveImage}}}},// Visual\nbackground:{type:ControlType.Color,title:\"Background\",defaultValue:\"#181A20\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#F5F5F5\"},// Tabs\ntabColor:{type:ControlType.Color,title:\"Tab\",defaultValue:\"#23272F\"},activeTabColor:{type:ControlType.Color,title:\"Active Tab\",defaultValue:\"#0099FF\"},wrapTabs:{type:ControlType.Boolean,title:\"Wrap Tabs\",defaultValue:false},showActiveOutline:{type:ControlType.Boolean,title:\"Active Outline\",defaultValue:true},// Fonts\ntabFont:{type:ControlType.Font,title:\"Tab Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:16,variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},copyFont:{type:ControlType.Font,title:\"Copy Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:16,variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}},// Layout knobs (canvas-friendly)\nradius:{type:ControlType.Number,title:\"Radius\",defaultValue:12,min:0,max:40,unit:\"px\",displayStepper:true},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:32,min:0,max:64,unit:\"px\",displayStepper:true},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:24,min:0,max:48,unit:\"px\",displayStepper:true},showShadows:{type:ControlType.Boolean,title:\"Shadows\",defaultValue:true},// Image behavior\nimageFit:{type:ControlType.Enum,title:\"Image Fit\",options:[\"cover\",\"contain\"],optionTitles:[\"Cover\",\"Contain\"],defaultValue:\"cover\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FeaturesTabs\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"420\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"600\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Test.map"],"mappings":"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"}