{"version":3,"file":"CompTable.BHFcPTSP.mjs","names":["useState","useRef","_Fragment","React"],"sources":["https:/framerusercontent.com/modules/Bni6ymQfDCxqQEkfrJst/pUTCDPdisCNNA3uXFdtH/CompTable.js"],"sourcesContent":["// COMPONENT NAME: CompTable\n// Section-based comparison table — XOXO vs competitors.\n// Paste this file into Framer's code editor.\n//\n// RESPONSIVE STRATEGY:\n//   Desktop-first for this component (exception to mobile-first rule) because\n//   base table widths are percentage-based for desktop. Mobile overrides via\n//   @media (max-width: 767px) switch table to max-content width + vw columns.\n//   First column is sticky on mobile (position: sticky; left: 0).\n//   Right-edge scroll fade appears when content overflows horizontally.\n//\n// VARIANTS:\n//   \"homepage\" — 4 columns (XOXO + Luxury Yacht + Party Boat), image row,\n//                section dividers driven by rows with a non-empty \"section\" field\n//   \"pricing\"  — 3 columns (XOXO + Yacht Charter), flat rows, no images\n//\n// EDITABLE ROWS:\n//   Two independent arrays: homepageRows (homepage variant) and pricingRows (pricing variant).\n//   Both are pre-populated with defaults. Edit, delete, or add rows in Framer's props panel.\n//   Section dividers: set the \"section\" field on the first row of each group. Leave blank\n//   on all other rows. Deleting all rows falls back to built-in preset data.\n//   HTML is supported in xoxoValue / comp1Value / comp2Value for price spans.\n//\n// IMAGE WIRING (homepage variant only):\n//   xoxoImage, comp1Image, comp2Image — upload via Framer properties panel.\n//   positionX / positionY read for CSS object-position (focal point).\n//\n// HOMEPAGE CONFIG:\n//   bgVariant=dark-2, variant=homepage,\n//   sectionEyebrow=\"How XOXO Compares\",\n//   sectionHeadline=\"The format others don't offer.\"\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import React,{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";// ── Homepage default rows (flattened — section field marks divider rows) ──────\nconst HOMEPAGE_DEFAULT_ROWS=[{section:\"The Space\",label:\"Deck & lounge\",xoxoValue:\"600 sqft rooftop + 1,300 sqft lower level\",comp1Value:\"Flybridge + aft deck \\xb7 ~500 sqft across split levels\",comp2Value:\"Single flat deck \\xb7 ~900 sqft\"},{label:\"Shade & sun\",xoxoValue:\"Rooftop with retractable shades \\xb7 sundeck & A/C lounge below\",comp1Value:\"Fixed roof \\xb7 A/C in cabins\",comp2Value:\"Fixed roof\"},{label:\"Bathrooms\",xoxoValue:\"2 private en-suite bathrooms \\xb7 2 bedrooms\",comp1Value:\"2–4 baths in 4 cabins\",comp2Value:\"1 shared bathroom\"},{section:\"The Service\",label:\"Bar & beverages\",xoxoValue:\"Full bar, coolers, ice & soft drinks ready on arrival \\xb7 BYOB or add catering & service\",comp1Value:\"Galley available \\xb7 food & drinks provisioned separately\",comp2Value:\"Coolers, ice & soda provided \\xb7 BYOB\"},{label:\"Captain + Fuel\",xoxoValue:\"Included\",comp1Value:\"Varies by operator\",comp2Value:\"Often included \\xb7 varies by operator\"},{label:\"Music\",xoxoValue:\"Bluetooth sound system included \\xb7 DJ equipment add-on\",comp1Value:\"Marine stereo\",comp2Value:\"Bluetooth sound system\"},{label:\"Water toys\",xoxoValue:\"Floating mat included \\xb7 Jet-ski & E-foil add-on\",comp1Value:\"Varies by operator\",comp2Value:\"Floaties typically included\"},{section:\"The Price\",label:\"Platform fees\",xoxoValue:\"None\",comp1Value:\"+10% Sailo platform fee\",comp2Value:\"+8.9% online \\xb7 or $39 via Zelle\"},{label:\"Gratuity\",xoxoValue:\"Never required \\xb7 a tip is always appreciated\",comp1Value:\"15–18% expected \\xb7 per guest reviews\",comp2Value:\"$400 fixed \\xb7 listed on booking page\"},{label:\"True 4-hour cost\",xoxoValue:`<span class=\"xoxo-ct-price-v\">$4,500</span><span class=\"xoxo-ct-price-sub\">Everything included \\xb7 no surprises</span>`,comp1Value:`<span class=\"xoxo-ct-price-c\">$7,000–$8,000</span><span class=\"xoxo-ct-price-note\">base + fees + mandatory add-ons</span>`,comp2Value:`<span class=\"xoxo-ct-price-c\">$3,040–$3,230</span><span class=\"xoxo-ct-price-note\">base + fees + mandatory add-ons</span>`}];// ── Pricing page default rows ──────────────────────────────────────────────────\nconst PRICING_DEFAULT_ROWS=[{label:\"Base Price (4h)\",xoxoValue:`<span class=\"xoxo-ct-price-v\">$4,500</span>`,comp1Value:`<span class=\"xoxo-ct-price-c\">$4,500</span>`},{label:\"Continuous Lounge Space\",xoxoValue:\"600 sqft rooftop + 1,300 sqft lower level\",comp1Value:\"~300 sqft typical\"},{label:\"Platform / Booking Fee\",xoxoValue:\"Included\",comp1Value:\"+10%\"},{label:\"Captain\",xoxoValue:\"Included\",comp1Value:\"Billed extra\"},{label:\"Fuel\",xoxoValue:\"Included\",comp1Value:\"Billed extra\"},{label:\"Gratuity\",xoxoValue:\"Never required \\xb7 a tip is always appreciated\",comp1Value:\"15–18% expected\"},{label:\"Full Lounge Setup\",xoxoValue:\"Included\",comp1Value:\"Varies by operator\"},{label:\"Sound System\",xoxoValue:\"Included\",comp1Value:\"Varies by operator\"},{label:\"Estimated Total\",xoxoValue:`<span class=\"xoxo-ct-price-v\">$4,500</span><span class=\"xoxo-ct-price-sub\">Everything included \\xb7 no surprises</span>`,comp1Value:`<span class=\"xoxo-ct-price-c\">$5,500–$6,500</span><span class=\"xoxo-ct-price-note\">after all added cost</span>`}];// ── Component ──────────────────────────────────────────────────────────────────\nexport function CompTable(props){const{bgVariant=\"dark-2\",variant=\"homepage\",sectionEyebrow=\"How XOXO Compares\",sectionHeadline,sectionSubtext,tableNote=\"Source: Yacht — Azimut 80 (2022) via Sailo Miami \\xb7 Party boat example via aquapartyboat.com\",xoxoHeader=\"XOXO Miami\",xoxoSubheader=\"Floating Lounge\",comp1Header,comp1Subheader,comp2Header,comp2Subheader,homepageRows,pricingRows,xoxoImage,comp1Image,comp2Image}=props;const isCanvasMode=RenderTarget.current()===RenderTarget.canvas;const[hasScroll,setHasScroll]=useState(false);const[scrollEnd,setScrollEnd]=useState(false);const scrollRef=useRef(null);useEffect(()=>{if(isCanvasMode)return;const scroll=scrollRef.current;if(!scroll)return;const check=()=>{const scrollable=scroll.scrollWidth>scroll.clientWidth;setHasScroll(scrollable);const atEnd=scroll.scrollLeft+scroll.clientWidth>=scroll.scrollWidth-4;setScrollEnd(atEnd);};check();window.addEventListener(\"resize\",check);scroll.addEventListener(\"scroll\",check,{passive:true});return()=>{window.removeEventListener(\"resize\",check);scroll.removeEventListener(\"scroll\",check);};},[isCanvasMode]);const bg=bgVariant===\"dark-2\"?\"var(--xoxo-dark-2, #141414)\":\"var(--xoxo-dark, #0A0A0A)\";const isHomepage=variant===\"homepage\";// Variant-aware header defaults\nconst resolvedHeadline=sectionHeadline?.trim()||(isHomepage?\"The format others don’t offer.\":\"See the full picture.\");const resolvedSubtext=sectionSubtext?.trim()||(isHomepage?\"More space to host than a yacht. More exclusive than a party boat. One honest price.\":\"When you book through platforms like Sailo, a $4,500 yacht charter quickly becomes $5,500–$6,500+ after platform fees, mandatory gratuity, and fuel surcharges. XOXO is built differently. One price. Everything in.\");// Active rows — use prop arrays if populated, otherwise fall back to presets\nconst activeRows=isHomepage?homepageRows&&homepageRows.length>0?homepageRows:HOMEPAGE_DEFAULT_ROWS:pricingRows&&pricingRows.length>0?pricingRows:PRICING_DEFAULT_ROWS;// Pre-process: flag first section header for border removal\nlet sectionCount=0;const processedRows=activeRows.map(row=>{const isFirstSection=Boolean(row.section)&&sectionCount===0;if(row.section)sectionCount++;return{...row,isFirstSection};});// Column headers — prop overrides with variant-appropriate defaults\nconst resolvedComp1Header=comp1Header?.trim()||(isHomepage?\"Luxury Yacht\":\"Yacht Charter\");const resolvedComp1Subheader=comp1Subheader?.trim()||(isHomepage?\"Azimut 80ft (e.g. via Sailo)\":\"e.g. Sailo marketplace\");const resolvedComp2Header=comp2Header?.trim()||\"Party Boat\";const resolvedComp2Subheader=comp2Subheader?.trim()||\"Pontoon / Catamaran\";const outerClass=[\"xoxo-ct-outer\",hasScroll&&!scrollEnd?\"xoxo-ct-has-scroll\":\"\",scrollEnd?\"xoxo-ct-scroll-end\":\"\"].filter(Boolean).join(\" \");const imgSlots=[{img:xoxoImage,alt:\"XOXO rooftop lounge deck\",isXoxo:true,sizes:\"(max-width: 767px) 46vw, 397px\"},{img:comp1Image,alt:\"Luxury yacht deck\",isXoxo:false,sizes:\"(max-width: 767px) 42vw, 273px\"},{img:comp2Image,alt:\"Party boat deck\",isXoxo:false,sizes:\"(max-width: 767px) 42vw, 273px\"}];return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n        .xoxo-ct * { box-sizing: border-box; margin: 0; padding: 0; }\n        .xoxo-ct a { text-decoration: none; }\n        .xoxo-ct-h2 em { color: var(--xoxo-pink-light, #FF6EC7); font-style: italic; }\n\n        /* Local border token — full shorthand used throughout the table */\n        .xoxo-ct { --ct-border: 1px solid rgba(255, 255, 255, 0.08); }\n\n        /* ── Section wrapper ── */\n        .xoxo-ct {\n          padding: var(--xoxo-section-pad, 100px) 0;\n          width: 100%;\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          -webkit-font-smoothing: antialiased;\n        }\n\n        /* ── Container ── */\n        .xoxo-ct-inner {\n          max-width: var(--xoxo-container-max, 1240px);\n          margin: 0 auto;\n          padding: 0 var(--xoxo-container-pad-desk, 40px);\n        }\n\n        /* ── Section header ── */\n        .xoxo-ct-header { text-align: center; margin-bottom: 56px; }\n\n        /* ── Table outer — border-radius clip + scroll fade overlay ── */\n        .xoxo-ct-outer {\n          position: relative;\n          border-radius: var(--xoxo-radius-cell, 12px);\n          overflow: hidden;\n          border: var(--ct-border);\n        }\n        .xoxo-ct-outer::after {\n          content: '';\n          position: absolute;\n          top: 0; right: 0; bottom: 0;\n          width: 56px;\n          background: linear-gradient(to right, transparent, rgba(10, 10, 10, 0.80));\n          pointer-events: none;\n          z-index: 5;\n          opacity: 0;\n          transition: opacity var(--xoxo-transition, 0.3s ease);\n        }\n        .xoxo-ct-outer.xoxo-ct-has-scroll::after  { opacity: 1; }\n        .xoxo-ct-outer.xoxo-ct-scroll-end::after  { opacity: 0; }\n\n        /* ── Scroll container ── */\n        .xoxo-ct-scroll {\n          overflow-x: auto;\n          -webkit-overflow-scrolling: touch;\n          scrollbar-width: thin;\n          scrollbar-color: var(--xoxo-pink-dim, rgba(212, 53, 154, 0.55)) transparent;\n        }\n        .xoxo-ct-scroll::-webkit-scrollbar { height: 4px; }\n        .xoxo-ct-scroll::-webkit-scrollbar-track { background: transparent; }\n        .xoxo-ct-scroll::-webkit-scrollbar-thumb {\n          background: var(--xoxo-pink-dim, rgba(212, 53, 154, 0.55));\n          border-radius: 2px;\n        }\n\n        /* ── Table base ── */\n        .xoxo-ct-table {\n          width: 100%;\n          border-collapse: collapse;\n          background: var(--xoxo-dark, #0A0A0A);\n        }\n        .xoxo-ct-col-label { width: 24%; }\n        .xoxo-ct-col-xoxo  { width: 32%; }\n        .xoxo-ct-col-comp  { width: 22%; }\n\n        /* ── THEAD ── */\n        .xoxo-ct-table thead { background: var(--xoxo-dark, #0A0A0A); }\n        .xoxo-ct-table thead tr th {\n          padding: 22px 20px 20px;\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          font-size: var(--xoxo-fs-eyebrow, 0.60rem);\n          letter-spacing: var(--xoxo-ls-eyebrow, 0.14em);\n          text-transform: uppercase;\n          font-weight: 600;\n          border-bottom: var(--ct-border);\n          vertical-align: top;\n        }\n        .xoxo-ct-th-label {\n          background: var(--xoxo-dark, #0A0A0A);\n          color: transparent;\n        }\n        .xoxo-ct-th-xoxo {\n          background: var(--xoxo-pink-subtle, rgba(212, 53, 154, 0.12));\n          color: var(--xoxo-pink-light, #FF6EC7);\n          border-left: var(--ct-border);\n          border-right: var(--ct-border);\n        }\n        .xoxo-ct-th-comp {\n          color: var(--xoxo-text-subtle, rgba(255, 255, 255, 0.35));\n          background: var(--xoxo-dark, #0A0A0A);\n        }\n        .xoxo-ct-th-sub {\n          display: block;\n          font-size: var(--xoxo-fs-eyebrow, 0.60rem);\n          letter-spacing: 0.03em;\n          text-transform: none;\n          color: var(--xoxo-text-muted, rgba(255, 255, 255, 0.55));\n          font-weight: 400;\n          margin-top: 6px;\n          line-height: 1.4;\n        }\n        .xoxo-ct-th-xoxo .xoxo-ct-th-sub { color: var(--xoxo-text, rgba(255, 255, 255, 0.88)); }\n\n        /* ── Image row ── */\n        .xoxo-ct-row-img td {\n          padding: 0;\n          border-bottom: var(--ct-border);\n        }\n        .xoxo-ct-td-img-label { background: var(--xoxo-dark, #0A0A0A); }\n        .xoxo-ct-td-img {\n          overflow: hidden;\n          height: 160px;\n        }\n        .xoxo-ct-td-img img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          display: block;\n          opacity: 0.80;\n        }\n        .xoxo-ct-td-img.xoxo-ct-td-xoxo img { opacity: 1; }\n\n        /* ── Section divider rows ── */\n        .xoxo-ct-sec-head td {\n          padding: 11px 20px 10px;\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          font-size: var(--xoxo-fs-eyebrow, 0.60rem);\n          letter-spacing: var(--xoxo-ls-eyebrow, 0.14em);\n          text-transform: uppercase;\n          font-weight: 600;\n          white-space: nowrap;\n          color: var(--xoxo-pink-light, #FF6EC7);\n          background: var(--xoxo-dark, #0A0A0A);\n          border-top: var(--ct-border);\n          border-bottom: none;\n        }\n        .xoxo-ct-sec-head .xoxo-ct-td-xoxo {\n          background: var(--xoxo-shimmer, rgba(212, 53, 154, 0.08));\n          color: transparent;\n        }\n        .xoxo-ct-sec-head-first td { border-top: none; }\n\n        /* ── Data rows ── */\n        .xoxo-ct-table tbody td {\n          padding: 16px 20px;\n          border-bottom: 1px solid var(--xoxo-border-light, rgba(255, 255, 255, 0.10));\n          vertical-align: middle;\n          line-height: 1.45;\n        }\n        .xoxo-ct-table tbody tr:last-child td { border-bottom: none; }\n\n        .xoxo-ct-td-label {\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          font-size: 0.95rem;\n          color: var(--xoxo-text-muted, rgba(255, 255, 255, 0.55));\n          letter-spacing: 0.01em;\n          font-weight: 400;\n          background: var(--xoxo-dark, #0A0A0A);\n        }\n        .xoxo-ct-td-xoxo {\n          font-size: 0.95rem;\n          color: var(--xoxo-text, rgba(255, 255, 255, 0.88));\n          background: var(--xoxo-shimmer, rgba(212, 53, 154, 0.08));\n          border-left: var(--ct-border);\n          border-right: var(--ct-border);\n          font-weight: 400;\n        }\n        .xoxo-ct-td-comp {\n          font-size: 0.95rem;\n          color: var(--xoxo-text-muted, rgba(255, 255, 255, 0.55));\n          background: var(--xoxo-dark, #0A0A0A);\n          font-weight: 400;\n          border-left: var(--ct-border);\n        }\n        .xoxo-ct-th-comp { border-left: var(--ct-border); }\n\n        /* ── Price spans ── */\n        .xoxo-ct-price-v {\n          display: block;\n          font-family: var(--xoxo-font-heading, 'Cormorant Garamond', serif);\n          font-size: 1.9rem;\n          color: var(--xoxo-pink-light, #FF6EC7);\n          line-height: 1;\n        }\n        .xoxo-ct-price-sub {\n          display: block;\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          font-size: var(--xoxo-fs-label, 0.68rem);\n          color: var(--xoxo-text-muted, rgba(255, 255, 255, 0.55));\n          letter-spacing: 0.06em;\n          margin-top: 5px;\n        }\n        .xoxo-ct-price-c {\n          display: block;\n          font-family: var(--xoxo-font-heading, 'Cormorant Garamond', serif);\n          font-size: 1.4rem;\n          color: var(--xoxo-text-muted, rgba(255, 255, 255, 0.55));\n          line-height: 1;\n        }\n        .xoxo-ct-price-note {\n          display: block;\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          font-size: var(--xoxo-fs-label, 0.68rem);\n          color: var(--xoxo-text-subtle, rgba(255, 255, 255, 0.35));\n          margin-top: 4px;\n          line-height: 1.45;\n        }\n\n        /* ── Table note ── */\n        .xoxo-ct-note {\n          margin-top: 18px;\n          font-family: var(--xoxo-font-body, 'Inter', sans-serif);\n          font-size: var(--xoxo-fs-label, 0.68rem);\n          color: var(--xoxo-text-subtle, rgba(255, 255, 255, 0.35));\n          text-align: center;\n          line-height: 1.7;\n          letter-spacing: 0.02em;\n        }\n\n        /* ── Mobile ── */\n        @media (max-width: 767px) {\n          .xoxo-ct { padding: var(--xoxo-section-pad-sm, 72px) 0; overflow-x: hidden; }\n          .xoxo-ct-inner { padding: 0 18px; }\n          .xoxo-ct-header { margin-bottom: 40px; }\n\n          /* Table sizing — fixed layout enforces col widths, min-width triggers scroll */\n          .xoxo-ct-table { width: 100%; table-layout: fixed; }\n          .xoxo-ct-table[data-variant=\"homepage\"] { min-width: 640px; }\n          .xoxo-ct-table[data-variant=\"pricing\"]  { min-width: 480px; }\n          /* Column widths — same proportions on both variants */\n          .xoxo-ct-col-label { width: 17%; }\n          .xoxo-ct-col-xoxo { width: 29%; }\n\n          /* Sticky first column */\n          .xoxo-ct-table thead .xoxo-ct-th-label      { position: sticky; left: 0; z-index: 4; background: var(--xoxo-dark, #0A0A0A); }\n          .xoxo-ct-table tbody .xoxo-ct-td-label       { position: sticky; left: 0; z-index: 3; background: var(--xoxo-dark, #0A0A0A); }\n          .xoxo-ct-sec-head td:first-child             { position: sticky; left: 0; z-index: 3; background: var(--xoxo-dark, #0A0A0A); }\n          .xoxo-ct-row-img .xoxo-ct-td-img-label       { position: sticky; left: 0; z-index: 3; background: var(--xoxo-dark, #0A0A0A); }\n\n          .xoxo-ct-td-label { font-size: 0.84rem; padding: 14px 12px 14px 14px; line-height: 1.35; }\n          .xoxo-ct-table thead .xoxo-ct-th-label { padding: 18px 10px 18px 14px; }\n          .xoxo-ct-table tbody td,\n          .xoxo-ct-table thead th { padding: 14px 16px; }\n          .xoxo-ct-sec-head td { padding: 10px 16px 9px; }\n          .xoxo-ct-td-xoxo,\n          .xoxo-ct-td-comp { font-size: 0.84rem; }\n          .xoxo-ct-td-img  { height: 110px; }\n          .xoxo-ct-price-v { font-size: 1.6rem; }\n          .xoxo-ct-price-c { font-size: 1.2rem; }\n          .xoxo-ct-note    { font-size: 0.68rem; padding: 0 4px; }\n        }\n      `}),/*#__PURE__*/_jsx(\"section\",{className:\"xoxo-ct\",style:{background:bg},children:/*#__PURE__*/_jsxs(\"div\",{className:\"xoxo-ct-inner\",children:[(sectionEyebrow||resolvedHeadline||resolvedSubtext)&&/*#__PURE__*/_jsxs(\"div\",{className:\"xoxo-ct-header\",children:[sectionEyebrow&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",fontFamily:\"var(--xoxo-font-body, 'Inter', sans-serif)\",fontSize:\"var(--xoxo-fs-eyebrow, 0.60rem)\",textTransform:\"uppercase\",letterSpacing:\"var(--xoxo-ls-eyebrow, 0.14em)\",fontWeight:500,color:\"var(--xoxo-pink-light, #FF6EC7)\",marginBottom:\"16px\"},children:sectionEyebrow}),resolvedHeadline&&/*#__PURE__*/_jsx(\"h2\",{className:\"xoxo-ct-h2\",dangerouslySetInnerHTML:{__html:resolvedHeadline},style:{fontFamily:\"var(--xoxo-font-heading, 'Cormorant Garamond', serif)\",fontSize:\"var(--xoxo-fs-h2, clamp(2rem, 5vw, 3.6rem))\",fontWeight:400,color:\"var(--xoxo-text, rgba(255, 255, 255, 0.88))\",lineHeight:1.2,marginBottom:resolvedSubtext?\"14px\":\"0\"}}),resolvedSubtext&&/*#__PURE__*/_jsx(\"p\",{style:{maxWidth:\"520px\",margin:\"0 auto\",fontFamily:\"var(--xoxo-font-body, 'Inter', sans-serif)\",fontSize:\"0.95rem\",color:\"var(--xoxo-text-muted, rgba(255, 255, 255, 0.55))\",lineHeight:1.7},children:resolvedSubtext})]}),/*#__PURE__*/_jsx(\"div\",{className:outerClass,children:/*#__PURE__*/_jsx(\"div\",{className:\"xoxo-ct-scroll\",ref:scrollRef,children:/*#__PURE__*/_jsxs(\"table\",{className:\"xoxo-ct-table\",\"data-variant\":isHomepage?\"homepage\":\"pricing\",children:[/*#__PURE__*/_jsxs(\"colgroup\",{children:[/*#__PURE__*/_jsx(\"col\",{className:\"xoxo-ct-col-label\"}),/*#__PURE__*/_jsx(\"col\",{className:\"xoxo-ct-col-xoxo\"}),/*#__PURE__*/_jsx(\"col\",{className:\"xoxo-ct-col-comp\"}),isHomepage&&/*#__PURE__*/_jsx(\"col\",{className:\"xoxo-ct-col-comp\"})]}),/*#__PURE__*/_jsx(\"thead\",{children:/*#__PURE__*/_jsxs(\"tr\",{children:[/*#__PURE__*/_jsx(\"th\",{className:\"xoxo-ct-th-label\"}),/*#__PURE__*/_jsxs(\"th\",{className:\"xoxo-ct-th-xoxo\",children:[xoxoHeader,/*#__PURE__*/_jsx(\"span\",{className:\"xoxo-ct-th-sub\",children:xoxoSubheader})]}),/*#__PURE__*/_jsxs(\"th\",{className:\"xoxo-ct-th-comp\",children:[resolvedComp1Header,/*#__PURE__*/_jsx(\"span\",{className:\"xoxo-ct-th-sub\",children:resolvedComp1Subheader})]}),isHomepage&&/*#__PURE__*/_jsxs(\"th\",{className:\"xoxo-ct-th-comp\",children:[resolvedComp2Header,/*#__PURE__*/_jsx(\"span\",{className:\"xoxo-ct-th-sub\",children:resolvedComp2Subheader})]})]})}),/*#__PURE__*/_jsxs(\"tbody\",{children:[isHomepage&&/*#__PURE__*/_jsxs(\"tr\",{className:\"xoxo-ct-row-img\",children:[/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-img-label\"}),imgSlots.map((slot,ci)=>/*#__PURE__*/_jsx(\"td\",{className:`xoxo-ct-td-img${slot.isXoxo?\" xoxo-ct-td-xoxo\":\" xoxo-ct-td-comp\"}`,children:slot.img?.src?/*#__PURE__*/_jsx(\"img\",{src:slot.img.src,srcSet:slot.img.srcSet,sizes:slot.sizes,alt:slot.img.alt??slot.alt,loading:\"lazy\",decoding:\"async\",style:{objectPosition:`${slot.img.positionX??\"center\"} ${slot.img.positionY??\"center\"}`}}):/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",background:\"var(--xoxo-dark-3, #1A1A1A)\"}})},ci))]}),processedRows.map((row,ri)=>/*#__PURE__*/_jsxs(React.Fragment,{children:[row.section&&/*#__PURE__*/_jsxs(\"tr\",{className:`xoxo-ct-sec-head${row.isFirstSection?\" xoxo-ct-sec-head-first\":\"\"}`,children:[/*#__PURE__*/_jsx(\"td\",{children:row.section}),/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-xoxo\"}),/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-comp\"}),isHomepage&&/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-comp\"})]}),/*#__PURE__*/_jsxs(\"tr\",{children:[/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-label\",children:row.label}),/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-xoxo\",dangerouslySetInnerHTML:{__html:row.xoxoValue}}),/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-comp\",dangerouslySetInnerHTML:{__html:row.comp1Value}}),isHomepage&&/*#__PURE__*/_jsx(\"td\",{className:\"xoxo-ct-td-comp\",dangerouslySetInnerHTML:{__html:row.comp2Value??\"\"}})]})]},ri))]})]})})}),tableNote&&/*#__PURE__*/_jsx(\"p\",{className:\"xoxo-ct-note\",children:tableNote})]})})]});}CompTable.defaultProps={bgVariant:\"dark-2\",variant:\"homepage\",sectionEyebrow:\"How XOXO Compares\",sectionHeadline:\"\",sectionSubtext:\"\",tableNote:\"Source: Yacht — Azimut 80 (2022) via Sailo Miami \\xb7 Party boat example via aquapartyboat.com\",xoxoHeader:\"XOXO Miami\",xoxoSubheader:\"Floating Lounge\",homepageRows:[],pricingRows:[]};const ROW_CONTROL={type:ControlType.Object,controls:{section:{type:ControlType.String,defaultValue:\"\",description:\"Section divider label shown above this row. Leave blank for a regular data row.\"},label:{type:ControlType.String,defaultValue:\"Feature\",description:\"Left-column row label\"},xoxoValue:{type:ControlType.String,defaultValue:\"\",displayTextArea:true,description:\"XOXO column value. Supports HTML: <span class='xoxo-ct-price-v'>$X</span> for pink price, <span class='xoxo-ct-price-sub'>note</span> for subtext.\"},comp1Value:{type:ControlType.String,defaultValue:\"\",displayTextArea:true,description:\"Competitor 1 column value. Supports HTML price spans.\"},comp2Value:{type:ControlType.String,defaultValue:\"\",displayTextArea:true,description:\"Competitor 2 column value (homepage variant only). Supports HTML price spans.\"}}};addPropertyControls(CompTable,{bgVariant:{type:ControlType.Enum,options:[\"dark\",\"dark-2\"],defaultValue:\"dark-2\"},variant:{type:ControlType.Enum,options:[\"homepage\",\"pricing\"],optionTitles:[\"Homepage (4-col)\",\"Pricing page (3-col)\"],defaultValue:\"homepage\",description:\"Homepage: 4 columns with image row and section groups. Pricing: 3 columns, flat rows. Each variant has its own independent row array below.\"},sectionEyebrow:{type:ControlType.String,defaultValue:\"How XOXO Compares\"},sectionHeadline:{type:ControlType.String,defaultValue:\"\",displayTextArea:true,description:\"Leave blank for variant default. Homepage: 'The format others don't offer.' \\xb7 Pricing: 'See the full picture.' Supports HTML: <em> for pink italic, <br> for line breaks.\"},sectionSubtext:{type:ControlType.String,defaultValue:\"\",displayTextArea:true,description:\"Leave blank for variant default. Each variant has its own pre-filled subtext.\"},tableNote:{type:ControlType.String,defaultValue:\"Source: Yacht — Azimut 80 (2022) via Sailo Miami \\xb7 Party boat example via aquapartyboat.com\",displayTextArea:true,description:\"Source/footnote text shown below the table in small muted type. Clear to hide.\"},// Column headers\nxoxoHeader:{type:ControlType.String,defaultValue:\"XOXO Miami\"},xoxoSubheader:{type:ControlType.String,defaultValue:\"Floating Lounge\"},comp1Header:{type:ControlType.String,defaultValue:\"\",description:\"Defaults to 'Luxury Yacht' (homepage) or 'Yacht Charter' (pricing) when blank.\"},comp1Subheader:{type:ControlType.String,defaultValue:\"\",description:\"Subtitle below comp 1 header. Leave blank to use built-in default.\"},comp2Header:{type:ControlType.String,defaultValue:\"\",description:\"Homepage variant only. Defaults to 'Party Boat' when blank.\"},comp2Subheader:{type:ControlType.String,defaultValue:\"\",description:\"Subtitle below comp 2 header. Homepage variant only.\"},// Row arrays\nhomepageRows:{type:ControlType.Array,title:\"Rows — Homepage variant\",defaultValue:HOMEPAGE_DEFAULT_ROWS,description:\"Used when variant = Homepage. Leave empty to use built-in preset data. Delete all rows to reset to defaults.\",control:ROW_CONTROL},pricingRows:{type:ControlType.Array,title:\"Rows — Pricing variant\",defaultValue:PRICING_DEFAULT_ROWS,description:\"Used when variant = Pricing. Leave empty to use built-in preset data. Delete all rows to reset to defaults.\",control:ROW_CONTROL},// Images\nxoxoImage:{type:ControlType.ResponsiveImage,description:\"XOXO boat image — homepage variant image row only\"},comp1Image:{type:ControlType.ResponsiveImage,description:\"Competitor 1 image — homepage variant only\"},comp2Image:{type:ControlType.ResponsiveImage,description:\"Competitor 2 image — homepage variant only\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"CompTable\":{\"type\":\"reactComponent\",\"name\":\"CompTable\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CompTable.map"],"mappings":"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"}