{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/TvcR6Xq49aVIjeAAkmUg/xd5iu3pLj0Ismn72pOsD/Confetti.js", "ssg:https://framerusercontent.com/modules/wNA8GQoo3GlFIdbh19EQ/b2BPBzWZhMR0FH1qxo6B/bow4MuIBg.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useMeasuredSize}from\"https://framer.com/m/framer/useMeasuredSize.js\";import{useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import Confetti from\"react-confetti\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/docs/guides/auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */ export default function Party(props){const shouldPlay=props.playOnCanvas||RenderTarget.current()!==RenderTarget.canvas;const container=useRef();const size=useMeasuredSize(container);const width=(size===null||size===void 0?void 0:size.width)?size.width:50;const height=(size===null||size===void 0?void 0:size.height)?size.height:50;return /*#__PURE__*/ _jsx(\"div\",{ref:container,style:{width:\"100%\",height:\"100%\"},children:/*#__PURE__*/ _jsx(Confetti,{run:shouldPlay,width:width,height:height,numberOfPieces:props.numberOfPieces,colors:props.colors,wind:props.wind,gravity:props.gravity,particleSize:props.particleSize,opacity:props.opacity})});};Party.defaultProps={playOnCanvas:true,numberOfPieces:200,colors:[\"#5396F3\",\"#68DB7F\",\"#935FF6\",\"#EA5CC2\",\"#F7CF5F\"],wind:.01,gravity:.1,particleSize:50,opacity:1};addPropertyControls(Party,{playOnCanvas:{title:\"On Canvas\",type:ControlType.Boolean,enabledTitle:\"Play\",disabledTitle:\"Pause\"},numberOfPieces:{title:\"Number of Pieces\",type:ControlType.Number,defaultValue:200,min:0,max:1e3,step:10},colors:{title:\"Colors\",type:ControlType.Array,propertyControl:{type:ControlType.Color,defaultValue:\"#ffffff\"},colors:[\"#5396F3\",\"#68DB7F\",\"#935FF6\",\"#EA5CC2\",\"#F7CF5F\"]},wind:{title:\"Wind\",type:ControlType.Number,defaultValue:.01,min:-.1,max:.1,step:.01},gravity:{title:\"Gravity\",type:ControlType.Number,defaultValue:.1,min:0,max:1,step:.01},opacity:{title:\"Opacity\",type:ControlType.Number,defaultValue:1,min:0,max:1,step:.1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Party\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Confetti.map", "import{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=['.framer-1jvll .framer-styles-preset-1ffxya5:not(.rich-text-wrapper), .framer-1jvll .framer-styles-preset-1ffxya5.rich-text-wrapper a { --framer-link-current-text-color: #111111; --framer-link-current-text-decoration: underline; --framer-link-hover-text-color: var(--token-80cd1325-a350-405b-932e-8e075517b6cc, #ffcd6d) /* {\"name\":\"Orange\"} */; --framer-link-hover-text-decoration: underline; --framer-link-text-color: var(--token-1ad8555a-1c08-4049-aeca-5fbaf9c43b74, #0d0a1a); --framer-link-text-decoration: none; }'];export const className=\"framer-1jvll\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "gIAMmB,SAARA,EAAuBC,EAAM,CAAC,IAAMC,EAAWD,EAAM,cAAcE,EAAa,QAAQ,IAAIA,EAAa,OAAaC,EAAUC,EAAO,EAAQC,EAAKC,EAAgBH,CAAS,EAAQI,EAAyCF,GAAK,MAAOA,EAAK,MAAM,GAASG,EAA0CH,GAAK,OAAQA,EAAK,OAAO,GAAG,OAAqBI,EAAK,MAAM,CAAC,IAAIN,EAAU,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,EAAE,SAAuBM,EAAKC,EAAS,CAAC,IAAIT,EAAW,MAAMM,EAAM,OAAOC,EAAO,eAAeR,EAAM,eAAe,OAAOA,EAAM,OAAO,KAAKA,EAAM,KAAK,QAAQA,EAAM,QAAQ,aAAaA,EAAM,aAAa,QAAQA,EAAM,OAAO,CAAC,CAAC,CAAC,CAAE,CAAED,EAAM,aAAa,CAAC,aAAa,GAAK,eAAe,IAAI,OAAO,CAAC,UAAU,UAAU,UAAU,UAAU,SAAS,EAAE,KAAK,IAAI,QAAQ,GAAG,aAAa,GAAG,QAAQ,CAAC,EAAEY,EAAoBZ,EAAM,CAAC,aAAa,CAAC,MAAM,YAAY,KAAKa,EAAY,QAAQ,aAAa,OAAO,cAAc,OAAO,EAAE,eAAe,CAAC,MAAM,mBAAmB,KAAKA,EAAY,OAAO,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,OAAO,CAAC,MAAM,SAAS,KAAKA,EAAY,MAAM,gBAAgB,CAAC,KAAKA,EAAY,MAAM,aAAa,SAAS,EAAE,OAAO,CAAC,UAAU,UAAU,UAAU,UAAU,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,OAAO,aAAa,IAAI,IAAI,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,QAAQ,CAAC,MAAM,UAAU,KAAKA,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,QAAQ,CAAC,MAAM,UAAU,KAAKA,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,ECNl6CC,EAAU,UAAU,CAAC,CAAC,EAAS,IAAMC,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,CAAC,EAAeC,EAAI,CAAC,sgBAAsgB,EAAeC,EAAU",
  "names": ["Party", "props", "shouldPlay", "RenderTarget", "container", "pe", "size", "useMeasuredSize", "width", "height", "p", "react_confetti_min_default", "addPropertyControls", "ControlType", "fontStore", "fonts", "css", "className"]
}