{"version":3,"file":"BeatsStoreEmbed.DYf4Pyu5.mjs","names":["useId"],"sources":["https:/framerusercontent.com/modules/FRpsEiPoptU01KgdpETO/cAMyHNdDKMmGbZI5J7G3/BeatsStoreEmbed.js"],"sourcesContent":["// Blue Nova — /beats-2 embedded Airbit store. Same embed the live /beats page\n// uses, wrapped in a titled section with a #beat-store anchor so the hero and\n// grid CTAs can jump straight to it.\n//\n// NOTE: the iframe height props are named embedHeight / embedHeightPhone on\n// purpose — a prop called \"height\" collides with the layer's own layout height\n// in Framer.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useId}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const DISPLAY_FONT_URL=\"https://framerusercontent.com/assets/7yv2zFoEgODIVvLfCLg31ZMocpw.woff2\";const DISPLAY='\"Neue Power Medium\", \"Neue Power Medium Placeholder\", \"Inter\", sans-serif';const SANS='\"Inter\", \"Inter Placeholder\", -apple-system, BlinkMacSystemFont, sans-serif';/**\n * Beats Store Embed\n *\n * @framerIntrinsicWidth 1440\n * @framerIntrinsicHeight 1100\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function BeatsStoreEmbed(props){const{anchorId=\"beat-store\",eyebrow=\"THE FULL CATALOG\",title=\"Every beat, in one place\",subtitle=\"Filter by genre, mood, key or BPM, play anything in full, and add what you want straight to the cart.\",storeUrl=\"https://BlueNova.infinity.airbit.com?config_id=199&embed=1\",embedHeight=900,embedHeightPhone=700,framed=true,accent=\"rgb(20, 110, 245)\",background=\"rgb(12, 12, 12)\",cardBackground=\"rgb(28, 27, 33)\",style}=props;const uid=useId().replace(/[^a-zA-Z0-9]/g,\"\");const k=`bnbs-${uid}`;const css=`\n@font-face{font-family:\"Neue Power Medium\";src:url(\"${DISPLAY_FONT_URL}\") format(\"woff2\");font-weight:500;font-style:normal;font-display:swap}\n.${k}{container-type:inline-size;container-name:${k};width:100%;background:${background};color:#fff;font-family:${SANS};scroll-margin-top:90px}\n.${k} *{box-sizing:border-box}\n.${k} .wrap{padding:0 100px}\n.${k} .in{max-width:1240px;margin:0 auto;padding:88px 0;border-top:1px solid rgba(255,255,255,.08)}\n.${k} .eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:${accent}}\n.${k} h2{margin:14px 0 0;font-family:${DISPLAY};font-weight:500;font-size:42px;line-height:1.12;letter-spacing:-0.01em}\n.${k} .sub{margin:12px 0 0;font-size:16px;line-height:1.6;color:rgb(194,194,194);max-width:640px}\n.${k} .frame{margin-top:34px;border-radius:16px;overflow:hidden;background:${cardBackground};border:1px solid rgba(255,255,255,.1)}\n.${k} .frame[data-framed=\"0\"]{border:0;background:transparent;border-radius:0;overflow:visible}\n.${k} iframe{display:block;width:100%;height:${Math.max(200,embedHeight)}px;border:0}\n@container ${k} (max-width: 1200px){\n.${k} .wrap{padding:0 56px}\n.${k} h2{font-size:36px}\n}\n@container ${k} (max-width: 900px){\n.${k} .wrap{padding:0 32px}\n.${k} .in{padding:64px 0}\n.${k} h2{font-size:32px}\n}\n@container ${k} (max-width: 560px){\n.${k} .wrap{padding:0 20px}\n.${k} h2{font-size:28px}\n.${k} .frame{margin-top:24px;border-radius:12px}\n.${k} iframe{height:${Math.max(200,embedHeightPhone)}px}\n}\n`;return /*#__PURE__*/_jsxs(\"div\",{className:k,style:style,id:anchorId||undefined,children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:css}}),/*#__PURE__*/_jsx(\"div\",{className:\"wrap\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"in\",children:[eyebrow?/*#__PURE__*/_jsx(\"div\",{className:\"eyebrow\",children:eyebrow}):null,/*#__PURE__*/_jsx(\"h2\",{children:title}),subtitle?/*#__PURE__*/_jsx(\"p\",{className:\"sub\",children:subtitle}):null,/*#__PURE__*/_jsx(\"div\",{className:\"frame\",\"data-framed\":framed?\"1\":\"0\",children:/*#__PURE__*/_jsx(\"iframe\",{id:\"airbit_infinity\",src:storeUrl,title:title||\"Blue Nova beat store\",scrolling:\"no\",loading:\"lazy\",allow:\"autoplay; clipboard-write; encrypted-media\"})})]})})]});}addPropertyControls(BeatsStoreEmbed,{anchorId:{type:ControlType.String,title:\"Anchor ID\",defaultValue:\"beat-store\"},eyebrow:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"THE FULL CATALOG\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Every beat, in one place\"},subtitle:{type:ControlType.String,title:\"Subtitle\",displayTextArea:true,defaultValue:\"Filter by genre, mood, key or BPM, play anything in full, and add what you want straight to the cart.\"},storeUrl:{type:ControlType.String,title:\"Store URL\",defaultValue:\"https://BlueNova.infinity.airbit.com?config_id=199&embed=1\"},embedHeight:{type:ControlType.Number,title:\"Store Height\",defaultValue:900,min:300,max:3e3,step:50,unit:\"px\"},embedHeightPhone:{type:ControlType.Number,title:\"↳ on Phone\",defaultValue:700,min:300,max:3e3,step:50,unit:\"px\"},framed:{type:ControlType.Boolean,title:\"Card Frame\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"rgb(20, 110, 245)\"},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgb(12, 12, 12)\"},cardBackground:{type:ControlType.Color,title:\"Card BG\",defaultValue:\"rgb(28, 27, 33)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BeatsStoreEmbed\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"1100\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1440\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BeatsStoreEmbed.map"],"mappings":"iLAcG,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,WAAS,aAAa,UAAQ,mBAAmB,QAAM,2BAA2B,WAAS,wGAAwG,WAAS,6DAA6D,cAAY,IAAI,mBAAiB,IAAI,SAAO,GAAK,SAAO,oBAAoB,aAAW,kBAAkB,iBAAe,kBAAkB,SAAO,EAA0D,EAAE,QAA5CA,EAAM,CAAC,CAAC,QAAQ,gBAAgB,EAAsB,IAAU,EAAI;sDAChf,EAAiB;GACpE,EAAE,6CAA6C,EAAE,yBAAyB,EAAW,0BAA0B,EAAK;GACpH,EAAE;GACF,EAAE;GACF,EAAE;GACF,EAAE,qEAAqE,EAAO;GAC9E,EAAE,kCAAkC,EAAQ;GAC5C,EAAE;GACF,EAAE,wEAAwE,EAAe;GACzF,EAAE;GACF,EAAE,0CAA0C,KAAK,IAAI,IAAI,CAAW,EAAE;aAC5D,EAAE;GACZ,EAAE;GACF,EAAE;;aAEQ,EAAE;GACZ,EAAE;GACF,EAAE;GACF,EAAE;;aAEQ,EAAE;GACZ,EAAE;GACF,EAAE;GACF,EAAE;GACF,EAAE,iBAAiB,KAAK,IAAI,IAAI,CAAgB,EAAE;;EAEnD,OAAoB,EAAM,MAAM,CAAC,UAAU,EAAQ,QAAM,GAAG,GAAU,IAAA,GAAU,SAAS,CAAc,EAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAO,CAAG,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,OAAO,SAAsB,EAAM,MAAM,CAAC,UAAU,KAAK,SAAS,CAAC,EAAqB,EAAK,MAAM,CAAC,UAAU,UAAU,SAAS,CAAO,CAAC,EAAE,KAAkB,EAAK,KAAK,CAAC,SAAS,CAAK,CAAC,EAAE,EAAsB,EAAK,IAAI,CAAC,UAAU,MAAM,SAAS,CAAQ,CAAC,EAAE,KAAkB,EAAK,MAAM,CAAC,UAAU,QAAQ,cAAc,EAAO,IAAI,IAAI,SAAsB,EAAK,SAAS,CAAC,GAAG,kBAAkB,IAAI,EAAS,MAAM,GAAO,uBAAuB,UAAU,KAAK,QAAQ,OAAO,MAAM,4CAA4C,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,uBAlC3pB,IAAyB,IAAoD,EAAO,EAAiB,yEAA+E,EAAQ,4EAAkF,EAAK,8EAkCyY,EAAoB,EAAgB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,YAAY,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,0BAA0B,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,gBAAgB,GAAK,aAAa,uGAAuG,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,4DAA4D,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,OAAO,CAAC,KAAK,EAAY,QAAQ,MAAM,aAAa,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,EAAE,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,iBAAiB,EAAE,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,iBAAiB,CAAC,CAAC"}