{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/SUrKmA7l1xzyhWeD2w77/8U0cVz36BfC37eMx7dmG/Skeleton.js"],
  "sourcesContent": ["/**\n * --------------------------------------------------------------------\n * Skeleton\n * --------------------------------------------------------------------\n * Distributed under the VIAL License:\n * https://www.abruptive.com/policies/vial\n *\n * Unauthorized access or use of this code will result in prosecution\n * according to the furthest extent of the law.\n *\n * \u00A9 Abruptive LLC \u00B7 All Rights Reserved\n * --------------------------------------------------------------------\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * --------------------------------------------------------------------\n * Component\n * --------------------------------------------------------------------\n * @framerDisableUnlink\n */export default function Skeleton({width=\"100%\",height=50,borderRadius,background,highlight,duration,border}){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",borderRadius,backgroundColor:background,overflow:\"hidden\",position:\"relative\",borderWidth:border.borderWidth,borderStyle:border.borderStyle,borderColor:border.borderColor},children:/*#__PURE__*/_jsx(motion.div,{style:{width:\"100%\",height:\"100%\",background:`linear-gradient(90deg, ${highlight} 0%, ${background} 50%, ${highlight} 100%)`,backgroundSize:\"200% 100%\",position:\"absolute\",top:0,left:0},animate:{backgroundPosition:[\"200% 0\",\"-200% 0\"]},transition:{duration,repeat:Infinity,ease:\"linear\"}})});}/**\n * --------------------------------------------------------------------\n * Controls\n * --------------------------------------------------------------------\n */addPropertyControls(Skeleton,{background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#f0f0f0\"},highlight:{type:ControlType.Color,title:\"Highlight\",defaultValue:\"#e0e0e0\"},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:1,borderStyle:\"solid\",borderColor:\"rgba(0, 0, 0, 0.5)\"},optional:true},borderRadius:{type:ControlType.BorderRadius,defaultValue:\"6px\",title:\"Radius\"},duration:{type:ControlType.Number,title:\"Duration\",defaultValue:1.5,min:.5,max:5,step:.25}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Skeleton\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Skeleton.map"],
  "mappings": "gGAiBkB,SAARA,EAA0B,CAAC,MAAAC,EAAM,OAAO,OAAAC,EAAO,GAAG,aAAAC,EAAa,WAAAC,EAAW,UAAAC,EAAU,SAAAC,EAAS,OAAAC,CAAM,EAAE,CAAC,OAAoBC,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,aAAAL,EAAa,gBAAgBC,EAAW,SAAS,SAAS,SAAS,WAAW,YAAYG,EAAO,YAAY,YAAYA,EAAO,YAAY,YAAYA,EAAO,WAAW,EAAE,SAAsBC,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,WAAW,0BAA0BJ,CAAS,QAAQD,CAAU,SAASC,CAAS,SAAS,eAAe,YAAY,SAAS,WAAW,IAAI,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,SAAS,CAAC,EAAE,WAAW,CAAC,SAAAC,EAAS,OAAO,IAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAE,CAItqBI,EAAoBV,EAAS,CAAC,WAAW,CAAC,KAAKW,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,aAAa,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,CAAC,YAAY,EAAE,YAAY,QAAQ,YAAY,oBAAoB,EAAE,SAAS,EAAI,EAAE,aAAa,CAAC,KAAKA,EAAY,aAAa,aAAa,MAAM,MAAM,QAAQ,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,WAAW,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC",
  "names": ["Skeleton", "width", "height", "borderRadius", "background", "highlight", "duration", "border", "p", "motion", "addPropertyControls", "ControlType"]
}