{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/zeQ38RNo9wEYzaUKBwdm/T7UZobFDyxj67QLe4qsG/LowStock.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useInView}from\"framer-motion\";export default function LowStock(props){const{percentage,label,subLabel,soldText,fontSize,subFontSize,barColor,bgBarColor,icon,iconColor,textColor,boxColor,gap}=props;const ref=useRef(null);const isInView=useInView(ref,{once:true,margin:\"-50px\"});const[filled,setFilled]=useState(0);useEffect(()=>{if(isInView){const timeout=setTimeout(()=>{setFilled(percentage);},200)// pequeno delay para suavizar\n;return()=>clearTimeout(timeout);}},[isInView,percentage]);return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{display:\"flex\",flexDirection:\"column\",gap:gap,padding:\"16px\",backgroundColor:boxColor,borderRadius:\"12px\",boxShadow:\"0 2px 8px rgba(0,0,0,0.05)\",fontFamily:\"Open Sans\",color:textColor,maxWidth:\"500px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:\"8px\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:fontSize,color:iconColor},children:icon}),/*#__PURE__*/_jsx(\"strong\",{style:{fontSize:fontSize},children:label})]}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontSize:subFontSize,color:textColor},children:subLabel}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:\"12px\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{flex:1,height:\"12px\",backgroundColor:bgBarColor,borderRadius:\"999px\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:`${filled}%`,height:\"100%\",backgroundColor:barColor,transition:\"width 1s ease\"}})}),/*#__PURE__*/_jsxs(\"strong\",{style:{fontSize:subFontSize},children:[percentage,\"% \",soldText]})]})]});}// \uD83C\uDF9B\uFE0F Controles no painel lateral do Framer\naddPropertyControls(LowStock,{label:{type:ControlType.String,title:\"T\\xedtulo\",defaultValue:\"Low Stock\"},subLabel:{type:ControlType.String,title:\"Subt\\xedtulo\",defaultValue:\"This product has limited availability\"},soldText:{type:ControlType.String,title:\"Texto final\",defaultValue:\"Sold\"},percentage:{type:ControlType.Number,title:\"% Vendido\",min:0,max:100,defaultValue:98},icon:{type:ControlType.String,title:\"\\xcdcone\",defaultValue:\"\u2757\"},iconColor:{type:ControlType.Color,title:\"Cor do \\xedcone\",defaultValue:\"#FF3B30\"},textColor:{type:ControlType.Color,title:\"Cor do texto\",defaultValue:\"#000000\"},boxColor:{type:ControlType.Color,title:\"Cor da caixa\",defaultValue:\"#FFFFFF\"},fontSize:{type:ControlType.Number,title:\"Tamanho T\\xedtulo\",defaultValue:18,min:10,max:40},subFontSize:{type:ControlType.Number,title:\"Tamanho Texto\",defaultValue:14,min:10,max:30},gap:{type:ControlType.Number,title:\"Espa\\xe7amento\",defaultValue:12,min:0,max:60},barColor:{type:ControlType.Color,title:\"Cor da barra\",defaultValue:\"#7B61FF\"},bgBarColor:{type:ControlType.Color,title:\"Cor do fundo da barra\",defaultValue:\"#DDD\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LowStock\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LowStock.map"],
  "mappings": "4FAA8M,SAARA,EAA0BC,EAAM,CAAC,GAAK,CAAC,WAAAC,EAAW,MAAAC,EAAM,SAAAC,EAAS,SAAAC,EAAS,SAAAC,EAAS,YAAAC,EAAY,SAAAC,EAAS,WAAAC,EAAW,KAAAC,EAAK,UAAAC,EAAU,UAAAC,EAAU,SAAAC,EAAS,IAAAC,CAAG,EAAEb,EAAYc,EAAIC,EAAO,IAAI,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,GAAK,OAAO,OAAO,CAAC,EAAO,CAACI,EAAOC,CAAS,EAAEC,EAAS,CAAC,EAAE,OAAAC,EAAU,IAAI,CAAC,GAAGL,EAAS,CAAC,IAAMM,EAAQ,WAAW,IAAI,CAACH,EAAUlB,CAAU,CAAE,EAAE,GAAG,EAC9iB,MAAM,IAAI,aAAaqB,CAAO,CAAE,CAAC,EAAE,CAACN,EAASf,CAAU,CAAC,EAAsBsB,EAAM,MAAM,CAAC,IAAIT,EAAI,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAID,EAAI,QAAQ,OAAO,gBAAgBD,EAAS,aAAa,OAAO,UAAU,6BAA6B,WAAW,YAAY,MAAMD,EAAU,SAAS,OAAO,EAAE,SAAS,CAAcY,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,IAAI,KAAK,EAAE,SAAS,CAAcC,EAAK,OAAO,CAAC,MAAM,CAAC,SAASnB,EAAS,MAAMK,CAAS,EAAE,SAASD,CAAI,CAAC,EAAee,EAAK,SAAS,CAAC,MAAM,CAAC,SAASnB,CAAQ,EAAE,SAASH,CAAK,CAAC,CAAC,CAAC,CAAC,EAAesB,EAAK,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAASlB,EAAY,MAAMK,CAAS,EAAE,SAASR,CAAQ,CAAC,EAAeoB,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,IAAI,MAAM,EAAE,SAAS,CAAcC,EAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,OAAO,gBAAgBhB,EAAW,aAAa,QAAQ,SAAS,QAAQ,EAAE,SAAsBgB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAGN,CAAM,IAAI,OAAO,OAAO,gBAAgBX,EAAS,WAAW,eAAe,CAAC,CAAC,CAAC,CAAC,EAAegB,EAAM,SAAS,CAAC,MAAM,CAAC,SAASjB,CAAW,EAAE,SAAS,CAACL,EAAW,KAAKG,CAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CACllCqB,EAAoB1B,EAAS,CAAC,MAAM,CAAC,KAAK2B,EAAY,OAAO,MAAM,YAAY,aAAa,WAAW,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,aAAa,uCAAuC,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,cAAc,aAAa,MAAM,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,WAAW,aAAa,QAAG,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,kBAAkB,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,SAAS,CAAC,KAAKA,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,oBAAoB,aAAa,GAAG,IAAI,GAAG,IAAI,EAAE,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,KAAKA,EAAY,OAAO,MAAM,iBAAiB,aAAa,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,KAAKA,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,WAAW,CAAC,KAAKA,EAAY,MAAM,MAAM,wBAAwB,aAAa,MAAM,CAAC,CAAC",
  "names": ["LowStock", "props", "percentage", "label", "subLabel", "soldText", "fontSize", "subFontSize", "barColor", "bgBarColor", "icon", "iconColor", "textColor", "boxColor", "gap", "ref", "pe", "isInView", "useInView", "filled", "setFilled", "ye", "ue", "timeout", "u", "p", "addPropertyControls", "ControlType"]
}