{"version":3,"file":"shared-lib.z4mUO2m9.mjs","names":[],"sources":["https:/framerusercontent.com/modules/oTfw0C8ijsMwKlgIHIId/2KC8HfELMYQpY2xtqagI/GSDShapes.js"],"sourcesContent":["// User instructions: Create a new code file \"GSDShapes.tsx\" with three small presentation components for a sports news brand system (navy #141E32, green #00FF8C): default export SkewChip, named export SkewBar, named export DiagonalImage; all SSR/static-safe, deterministic, with property controls, no state/effects, style passthrough, and requested sizing/shape behavior.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function SkewChip(props){const{text,background,textColor,fontSize,fontWeight,letterSpacing,uppercase,paddingX,paddingY,borderWidth,borderColor,angle,font,style}=props;const displayText=uppercase?text.toUpperCase():text;const chipBorder=borderWidth>0?`${borderWidth}px solid ${borderColor}`:\"none\";return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",display:\"inline-block\",width:\"max-content\",maxWidth:\"100%\",transform:`skewX(${angle}deg)`,background,color:textColor,padding:`${paddingY}px ${paddingX}px`,border:chipBorder,boxSizing:\"border-box\",...style},children:/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",whiteSpace:\"nowrap\",width:\"max-content\",transform:`skewX(${-angle}deg)`,fontFamily:font?.fontFamily??\"'Sofia Sans', 'Sofia Pro', sans-serif\",fontSize:font?.fontSize??`${fontSize}px`,fontWeight:font?.fontWeight??fontWeight,letterSpacing:font?.letterSpacing??`${letterSpacing}em`,lineHeight:font?.lineHeight??1,textAlign:font?.textAlign??\"left\",fontStyle:font?.fontStyle??\"normal\"},children:displayText})});}SkewChip.displayName=\"Skew Chip\";addPropertyControls(SkewChip,{text:{type:ControlType.String,defaultValue:\"LABEL\"},background:{type:ControlType.Color,defaultValue:\"#00FF8C\"},textColor:{type:ControlType.Color,defaultValue:\"#141E32\"},fontSize:{type:ControlType.Number,defaultValue:13,min:8,max:64,unit:\"px\",step:1},fontWeight:{type:ControlType.Enum,options:[600,700],optionTitles:[\"600\",\"700\"],defaultValue:700},letterSpacing:{type:ControlType.Number,defaultValue:.1,min:-.05,max:.4,step:.01,unit:\"em\"},uppercase:{type:ControlType.Boolean,defaultValue:true},paddingX:{type:ControlType.Number,defaultValue:14,min:0,max:64,step:1},paddingY:{type:ControlType.Number,defaultValue:6,min:0,max:48,step:1},borderWidth:{type:ControlType.Number,defaultValue:0,min:0,max:12,step:1},borderColor:{type:ControlType.Color,defaultValue:\"#00FF8C\"},angle:{type:ControlType.Number,defaultValue:-24,min:-60,max:60,step:1,unit:\"deg\"},font:{type:ControlType.Font,controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"13px\",variant:\"Bold\",letterSpacing:\"0.1em\",lineHeight:\"1em\"}}});/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function SkewBar(props){const{color,angle,width,style}=props;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:`${width}px`,minWidth:`${width}px`,height:\"100%\",background:color,transform:`skewX(${angle}deg)`,transformOrigin:\"center\",...style}});}SkewBar.displayName=\"Skew Bar\";addPropertyControls(SkewBar,{color:{type:ControlType.Color,defaultValue:\"#00FF8C\"},angle:{type:ControlType.Number,defaultValue:-24,min:-60,max:60,step:1,unit:\"deg\"},width:{type:ControlType.Number,defaultValue:16,min:1,max:300,step:1,unit:\"px\"}});/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function DiagonalImage(props){const{image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},edge,cut,objectPosition,style}=props;const safeCut=Math.max(0,Math.min(100,cut));const clipPath=edge===\"right\"?`polygon(0 0, 100% 0, ${safeCut}% 100%, 0 100%)`:`polygon(0 0, 100% 0, 100% ${safeCut}%, 0 100%)`;const imagePosition=objectPosition===\"top\"?\"center top\":objectPosition===\"bottom\"?\"center bottom\":\"center center\";return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",clipPath,WebkitClipPath:clipPath,background:\"#141E32\",...style},children:image?.src?/*#__PURE__*/_jsx(\"img\",{src:image.src,srcSet:image.srcSet,alt:image.alt||\"\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition:imagePosition,display:\"block\"}}):/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",background:\"#141E32\"}})});}DiagonalImage.displayName=\"Diagonal Image\";addPropertyControls(DiagonalImage,{image:{type:ControlType.ResponsiveImage},edge:{type:ControlType.Enum,defaultValue:\"bottom\",options:[\"bottom\",\"right\"],optionTitles:[\"Bottom\",\"Right\"]},cut:{type:ControlType.Number,defaultValue:86,min:0,max:100,step:1,unit:\"%\"},objectPosition:{type:ControlType.Enum,defaultValue:\"center\",options:[\"center\",\"top\",\"bottom\"],optionTitles:[\"Center\",\"Top\",\"Bottom\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"DiagonalImage\":{\"type\":\"reactComponent\",\"name\":\"DiagonalImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"SkewChip\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"SkewBar\":{\"type\":\"reactComponent\",\"name\":\"SkewBar\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GSDShapes.map"],"mappings":"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"}