{"version":3,"file":"TagList.ChvRsBOX.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/fm9eu6OhHJeas4JBdqnE/2nkVgAQmfF0OsNfYWcWv/TagList.js"],"sourcesContent":["// TagList.tsx\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function TagList(props){const{tags,cornerRadius,textColor,paddingX,paddingY,backgroundColor,gap,textSize,fontWeight,outlineColor,outlineWidth}=props;const tagItems=useMemo(()=>tags.split(\",\").map(t=>t.trim()).filter(Boolean),[tags]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",gap:gap},children:tagItems.map((tag,index)=>/*#__PURE__*/_jsx(\"div\",{style:{borderRadius:cornerRadius,padding:`${paddingY}px ${paddingX}px`,backgroundColor,color:textColor,fontSize:`${textSize}rem`,fontWeight,lineHeight:1.2,whiteSpace:\"nowrap\",border:`${outlineWidth}px solid ${outlineColor}`,textTransform:\"capitalize\"},children:tag},`${tag}-${index}`))});}export default TagList;// Property controls for Framer\naddPropertyControls(TagList,{tags:{type:ControlType.String,title:\"Tags\",defaultValue:\"Design, Development, Marketing\"},cornerRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:0,min:0,max:100},paddingX:{type:ControlType.Number,title:\"Pad X\",defaultValue:12,min:0,max:40},paddingY:{type:ControlType.Number,title:\"Pad Y\",defaultValue:6,min:0,max:40},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:8,min:0,max:40},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#fff\"},backgroundColor:{type:ControlType.Color,title:\"Bg\",defaultValue:\"\"},textSize:{type:ControlType.Number,title:\"Text Size\",defaultValue:.825,description:\"Font size in rem\",min:.5,max:3},fontWeight:{type:ControlType.Enum,title:\"Weight\",defaultValue:\"500\",options:[\"300\",\"400\",\"500\",\"600\",\"700\"],optionTitles:[\"Light\",\"Regular\",\"Medium\",\"Semibold\",\"Bold\"]},outlineColor:{type:ControlType.Color,title:\"Outline\",defaultValue:\"#222222\"},outlineWidth:{type:ControlType.Number,title:\"O. Width\",defaultValue:1,min:0,max:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TagList\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"TagList\":{\"type\":\"reactComponent\",\"name\":\"TagList\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TagList.map"],"mappings":"qKAC0H,SAAgB,EAAQ,EAAM,CAAC,GAAK,CAAC,OAAK,eAAa,YAAU,WAAS,WAAS,kBAAgB,MAAI,WAAS,aAAW,eAAa,gBAAc,EAAY,EAASA,MAAY,EAAK,MAAM,IAAI,CAAC,IAAI,GAAG,EAAE,MAAM,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAK,CAAC,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,SAAS,OAAO,WAAW,aAAiB,MAAI,CAAC,SAAS,EAAS,KAAK,EAAI,IAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,aAAa,EAAa,QAAQ,GAAG,EAAS,KAAK,EAAS,IAAI,kBAAgB,MAAM,EAAU,SAAS,GAAG,EAAS,KAAK,aAAW,WAAW,IAAI,WAAW,SAAS,OAAO,GAAG,EAAa,WAAW,IAAe,cAAc,aAAa,CAAC,SAAS,EAAI,CAAC,GAAG,EAAI,GAAG,IAAQ,CAAC,CAAC,CAAC,kBAA5xB,IAA2B,IAAoD,CAC1H,EAAoB,EAAQ,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,iCAAiC,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,KAAK,aAAa,GAAG,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,KAAK,YAAY,mBAAmB,IAAI,GAAG,IAAI,EAAE,CAAC,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,SAAS,aAAa,MAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,CAAC,aAAa,CAAC,QAAQ,UAAU,SAAS,WAAW,OAAO,CAAC,CAAC,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC"}