@jxsuite/starters 3.4.0 → 3.6.0

package/sites/event/components/ev-sponsors.json

@@ -1,131 +0,0 @@
-{
-  "tagName": "ev-sponsors",
-  "state": {
-    "label": "Backed by the teams building the modern web",
-    "logo1": "◈ Northwind",
-    "logo2": "✦ Lumen",
-    "logo3": "▲ Apex",
-    "logo4": "❖ Corva",
-    "logo5": "⬡ Hivebase",
-    "logo6": "◐ Kestrel"
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(2.5rem, 5vw, 3.5rem) 1.5rem",
-    "borderTop": "1px solid var(--color-border)",
-    "borderBottom": "1px solid var(--color-border)",
-    "backgroundColor": "var(--color-bg-cream)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": { "maxWidth": "var(--max-width)", "margin": "0 auto", "textAlign": "center" },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "fontSize": "0.78rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.14em",
-            "color": "var(--color-text-muted)",
-            "margin": "0 0 1.85rem"
-          },
-          "textContent": "${state.label}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "flexWrap": "wrap",
-            "justifyContent": "center",
-            "alignItems": "center",
-            "gap": "clamp(1.5rem, 5vw, 3.5rem)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.25rem",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "opacity": "0.7",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "${state.logo1}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.25rem",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "opacity": "0.7",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "${state.logo2}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.25rem",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "opacity": "0.7",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "${state.logo3}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.25rem",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "opacity": "0.7",
-                "transition": "opacity 0.15s",
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "${state.logo4}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.25rem",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "opacity": "0.7",
-                "transition": "opacity 0.15s",
-                "@--sm": { "display": "none" },
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "${state.logo5}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.25rem",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "opacity": "0.7",
-                "transition": "opacity 0.15s",
-                "@--sm": { "display": "none" },
-                ":hover": { "opacity": "1" }
-              },
-              "textContent": "${state.logo6}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/event/components/ev-stat.json

@@ -1,47 +0,0 @@
-{
-  "tagName": "ev-stat",
-  "state": {
-    "value": "",
-    "label": ""
-  },
-  "style": {
-    "display": "block",
-    "textAlign": "center",
-    "padding": "1.4rem 0.75rem",
-    "borderRadius": "var(--radius)",
-    "border": "1px solid var(--color-border)",
-    "background": "linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01))",
-    "transition": "border-color 0.18s, transform 0.18s",
-    ":hover": { "borderColor": "rgba(255,61,154,0.45)", "transform": "translateY(-2px)" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(2.4rem, 5vw, 3.4rem)",
-        "fontWeight": "800",
-        "lineHeight": "1",
-        "letterSpacing": "-0.03em",
-        "background": "var(--grad)",
-        "backgroundClip": "text",
-        "webkitBackgroundClip": "text",
-        "webkitTextFillColor": "transparent",
-        "color": "var(--color-accent)"
-      },
-      "textContent": "${state.value}"
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "marginTop": "0.55rem",
-        "fontSize": "0.82rem",
-        "fontWeight": "600",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.1em",
-        "color": "var(--color-text-muted)"
-      },
-      "textContent": "${state.label}"
-    }
-  ]
-}

package/sites/event/components/ev-ticket-card.json

@@ -1,214 +0,0 @@
-{
-  "tagName": "ev-ticket-card",
-  "state": {
-    "tier": "",
-    "price": "",
-    "period": "",
-    "description": "",
-    "perk1": "",
-    "perk2": "",
-    "perk3": "",
-    "perk4": "",
-    "cta": "Get tickets",
-    "ctaHref": "/tickets/",
-    "featured": false,
-    "badge": "Most popular"
-  },
-  "style": {
-    "display": "flex",
-    "flexDirection": "column",
-    "position": "relative",
-    "padding": "2.1rem",
-    "borderRadius": "var(--radius)",
-    "border": "${state.featured ? '2px solid transparent' : '1px solid var(--color-border)'}",
-    "backgroundColor": "${state.featured ? 'var(--color-bg-elev)' : 'var(--color-bg-elev)'}",
-    "backgroundImage": "${state.featured ? 'linear-gradient(var(--color-bg-elev), var(--color-bg-elev)), var(--grad)' : 'none'}",
-    "backgroundOrigin": "border-box",
-    "backgroundClip": "${state.featured ? 'padding-box, border-box' : 'border-box'}",
-    "boxShadow": "${state.featured ? '0 30px 70px -22px var(--glow)' : 'none'}",
-    "transform": "${state.featured ? 'translateY(-6px)' : 'none'}"
-  },
-  "children": [
-    {
-      "tagName": "span",
-      "style": {
-        "display": "${state.featured ? 'inline-block' : 'none'}",
-        "position": "absolute",
-        "top": "-0.85rem",
-        "left": "50%",
-        "transform": "translateX(-50%)",
-        "background": "var(--grad-btn)",
-        "color": "#ffffff",
-        "fontSize": "0.7rem",
-        "fontWeight": "800",
-        "letterSpacing": "0.1em",
-        "textTransform": "uppercase",
-        "padding": "0.35rem 0.95rem",
-        "borderRadius": "999px",
-        "whiteSpace": "nowrap",
-        "boxShadow": "0 10px 26px -8px var(--glow)"
-      },
-      "textContent": "${state.badge}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.4rem",
-        "fontWeight": "700",
-        "letterSpacing": "-0.01em",
-        "margin": "0 0 0.4rem",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "${state.tier}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0 0 1.35rem",
-        "fontSize": "0.95rem",
-        "lineHeight": "1.55",
-        "color": "var(--color-text-muted)"
-      },
-      "textContent": "${state.description}"
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "baseline",
-        "gap": "0.4rem",
-        "marginBottom": "1.6rem"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "2.7rem",
-            "fontWeight": "800",
-            "letterSpacing": "-0.03em",
-            "lineHeight": "1",
-            "color": "${state.featured ? 'transparent' : 'var(--color-text-primary)'}",
-            "background": "${state.featured ? 'var(--grad)' : 'none'}",
-            "backgroundClip": "${state.featured ? 'text' : 'border-box'}",
-            "webkitBackgroundClip": "${state.featured ? 'text' : 'border-box'}",
-            "webkitTextFillColor": "${state.featured ? 'transparent' : 'var(--color-text-primary)'}"
-          },
-          "textContent": "${state.price}"
-        },
-        {
-          "tagName": "span",
-          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
-          "textContent": "${state.period}"
-        }
-      ]
-    },
-    {
-      "tagName": "ul",
-      "style": {
-        "listStyle": "none",
-        "margin": "0 0 1.85rem",
-        "padding": "0",
-        "display": "flex",
-        "flexDirection": "column",
-        "gap": "0.7rem",
-        "flex": "1"
-      },
-      "children": [
-        {
-          "tagName": "li",
-          "style": {
-            "display": "${state.perk1 ? 'flex' : 'none'}",
-            "gap": "0.65rem",
-            "alignItems": "flex-start",
-            "fontSize": "0.95rem",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-lime)", "fontWeight": "800" },
-              "textContent": "✓"
-            },
-            { "tagName": "span", "textContent": "${state.perk1}" }
-          ]
-        },
-        {
-          "tagName": "li",
-          "style": {
-            "display": "${state.perk2 ? 'flex' : 'none'}",
-            "gap": "0.65rem",
-            "alignItems": "flex-start",
-            "fontSize": "0.95rem",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-lime)", "fontWeight": "800" },
-              "textContent": "✓"
-            },
-            { "tagName": "span", "textContent": "${state.perk2}" }
-          ]
-        },
-        {
-          "tagName": "li",
-          "style": {
-            "display": "${state.perk3 ? 'flex' : 'none'}",
-            "gap": "0.65rem",
-            "alignItems": "flex-start",
-            "fontSize": "0.95rem",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-lime)", "fontWeight": "800" },
-              "textContent": "✓"
-            },
-            { "tagName": "span", "textContent": "${state.perk3}" }
-          ]
-        },
-        {
-          "tagName": "li",
-          "style": {
-            "display": "${state.perk4 ? 'flex' : 'none'}",
-            "gap": "0.65rem",
-            "alignItems": "flex-start",
-            "fontSize": "0.95rem",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-lime)", "fontWeight": "800" },
-              "textContent": "✓"
-            },
-            { "tagName": "span", "textContent": "${state.perk4}" }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "a",
-      "attributes": { "href": "${state.ctaHref}" },
-      "style": {
-        "display": "block",
-        "textAlign": "center",
-        "padding": "0.9rem 1.5rem",
-        "borderRadius": "999px",
-        "fontSize": "1rem",
-        "fontWeight": "700",
-        "textDecoration": "none",
-        "transition": "transform 0.15s, box-shadow 0.15s, background-color 0.15s",
-        "color": "${state.featured ? '#ffffff' : 'var(--color-text-primary)'}",
-        "background": "${state.featured ? 'var(--grad-btn)' : 'rgba(255,255,255,0.04)'}",
-        "border": "${state.featured ? 'none' : '1px solid var(--color-border)'}",
-        "boxShadow": "${state.featured ? '0 12px 30px -8px var(--glow)' : 'none'}",
-        ":hover": { "transform": "translateY(-2px)" }
-      },
-      "textContent": "${state.cta}"
-    }
-  ]
-}

package/sites/event/components/ev-venue.json

@@ -1,86 +0,0 @@
-{
-  "tagName": "ev-venue",
-  "state": {
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "reverse": false
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(3.5rem, 8vw, 6rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "1fr 1fr",
-        "gap": "clamp(2rem, 5vw, 4rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "order": "${state.reverse ? '2' : '1'}" },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "position": "relative",
-                "borderRadius": "1.15rem",
-                "padding": "0.4rem",
-                "background": "linear-gradient(150deg, rgba(34,224,255,0.55), rgba(168,85,247,0.35) 45%, rgba(255,61,154,0.5))",
-                "boxShadow": "0 30px 70px -30px rgba(0,0,0,0.8), 0 0 80px -30px var(--glow-cyan)"
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "position": "relative",
-                    "borderRadius": "0.85rem",
-                    "overflow": "hidden",
-                    "aspectRatio": "3 / 2",
-                    "backgroundColor": "var(--color-bg-elev)"
-                  },
-                  "children": [
-                    {
-                      "tagName": "img",
-                      "attributes": {
-                        "src": "${state.image}",
-                        "alt": "${state.imageAlt}",
-                        "width": "1600",
-                        "height": "1067",
-                        "loading": "lazy"
-                      },
-                      "style": {
-                        "position": "absolute",
-                        "inset": "0",
-                        "width": "100%",
-                        "height": "100%",
-                        "objectFit": "cover",
-                        "display": "block"
-                      }
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "order": "${state.reverse ? '1' : '2'}",
-            "fontSize": "1.08rem",
-            "lineHeight": "1.8",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [{ "tagName": "slot" }]
-        }
-      ]
-    }
-  ]
-}

package/sites/event/layouts/base.json

@@ -1,22 +0,0 @@
-{
-  "tagName": "div",
-  "$elements": [
-    { "$ref": "../components/ev-nav.json" },
-    { "$ref": "../components/ev-footer.json" }
-  ],
-  "style": {
-    "minHeight": "100vh",
-    "display": "flex",
-    "flexDirection": "column",
-    "backgroundColor": "var(--color-bg)"
-  },
-  "children": [
-    { "tagName": "ev-nav" },
-    {
-      "tagName": "main",
-      "style": { "flex": "1" },
-      "children": [{ "tagName": "slot" }]
-    },
-    { "tagName": "ev-footer" }
-  ]
-}

package/sites/fitness-studio/components/fs-band.json

@@ -1,149 +0,0 @@
-{
-  "tagName": "fs-band",
-  "state": {
-    "kicker": "",
-    "heading": "",
-    "text": "",
-    "cta": "",
-    "ctaHref": "/contact/",
-    "image": { "type": "string", "format": "image", "default": "" }
-  },
-  "style": {
-    "display": "flex",
-    "alignItems": "center",
-    "justifyContent": "center",
-    "position": "relative",
-    "overflow": "hidden",
-    "minHeight": "clamp(360px, 58vh, 620px)",
-    "padding": "clamp(3.5rem, 8vw, 6rem) 1.5rem",
-    "textAlign": "center",
-    "color": "#ffffff",
-    "backgroundColor": "var(--duo-shadow)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": { "position": "absolute", "inset": "0", "zIndex": "0" },
-      "children": [
-        {
-          "tagName": "img",
-          "attributes": {
-            "src": "${state.image}",
-            "alt": "",
-            "width": "1920",
-            "height": "1080",
-            "loading": "lazy"
-          },
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "width": "100%",
-            "height": "100%",
-            "objectFit": "cover",
-            "objectPosition": "center 35%",
-            "filter": "grayscale(100%) contrast(1.12)"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "backgroundColor": "var(--duo-shadow)",
-            "mixBlendMode": "lighten"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "background": "linear-gradient(120deg, #d6157a 0%, #ff2e63 52%, #ff8c42 100%)",
-            "mixBlendMode": "multiply",
-            "opacity": "0.9"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "background": "radial-gradient(ellipse 70% 70% at 50% 50%, rgba(20,6,16,0.15), rgba(20,6,16,0.55))"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "position": "relative", "zIndex": "5", "maxWidth": "var(--max-width-narrow)" },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "display": "${state.kicker ? 'block' : 'none'}",
-            "margin": "0 0 1.1rem",
-            "fontFamily": "var(--font-heading)",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.22em",
-            "fontSize": "0.8rem",
-            "fontWeight": "700",
-            "color": "rgba(255,255,255,0.85)"
-          },
-          "textContent": "${state.kicker}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "fontFamily": "var(--font-display)",
-            "fontSize": "clamp(2.4rem, 7vw, 5rem)",
-            "fontWeight": "400",
-            "lineHeight": "0.95",
-            "letterSpacing": "0.01em",
-            "textTransform": "uppercase",
-            "textShadow": "0 14px 40px rgba(20,6,16,0.4)"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "display": "${state.text ? 'block' : 'none'}",
-            "margin": "1.4rem auto 0",
-            "maxWidth": "44ch",
-            "fontSize": "1.1rem",
-            "fontWeight": "500",
-            "lineHeight": "1.65",
-            "color": "rgba(255,255,255,0.92)"
-          },
-          "textContent": "${state.text}"
-        },
-        {
-          "tagName": "a",
-          "attributes": { "href": "${state.ctaHref}" },
-          "style": {
-            "display": "${state.cta ? 'inline-block' : 'none'}",
-            "marginTop": "2rem",
-            "backgroundColor": "#ffffff",
-            "color": "var(--color-ink)",
-            "padding": "1rem 2.3rem",
-            "borderRadius": "999px",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "0.9rem",
-            "fontWeight": "800",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.06em",
-            "textDecoration": "none",
-            "boxShadow": "0 16px 40px -14px rgba(0,0,0,0.5)",
-            "transition": "transform 0.15s, box-shadow 0.15s",
-            ":hover": {
-              "transform": "translateY(-3px)",
-              "boxShadow": "0 22px 48px -14px rgba(0,0,0,0.55)"
-            }
-          },
-          "textContent": "${state.cta}"
-        }
-      ]
-    }
-  ]
-}