@jxsuite/starters 3.3.2 → 3.5.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/event/project.json

@@ -1,163 +0,0 @@
-{
-  "$schema": "./project.schema.json",
-  "name": "Horizon Conf 2026",
-  "url": "https://example.com",
-  "defaults": {
-    "layout": "./layouts/base.json",
-    "lang": "en"
-  },
-  "$head": [
-    {
-      "tagName": "meta",
-      "attributes": {
-        "name": "viewport",
-        "content": "width=device-width, initial-scale=1"
-      }
-    },
-    {
-      "tagName": "meta",
-      "attributes": {
-        "name": "description",
-        "content": "Horizon Conf 2026 — a one-day tech and design conference. Two stages, hands-on workshops, and the people building what's next. Save the date: June 12, 2026."
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "icon",
-        "href": "/favicon.svg"
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "preconnect",
-        "href": "https://fonts.googleapis.com"
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "preconnect",
-        "href": "https://fonts.gstatic.com",
-        "crossorigin": ""
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "stylesheet",
-        "href": "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap"
-      }
-    }
-  ],
-  "$media": {
-    "--": "1200px",
-    "--lg": "(max-width: 1024px)",
-    "--md": "(max-width: 768px)",
-    "--sm": "(max-width: 640px)"
-  },
-  "style": {
-    "--color-primary": "#ff3d9a",
-    "--color-primary-hover": "#ff6bb4",
-    "--color-ink": "#050308",
-    "--color-bg": "#0a0711",
-    "--color-bg-dark": "#0a0711",
-    "--color-bg-cream": "#0f0b1c",
-    "--color-bg-white": "#150f28",
-    "--color-bg-elev": "#150f28",
-    "--color-bg-elev2": "#1e1638",
-    "--color-text-primary": "#f3eefe",
-    "--color-text-white": "#ffffff",
-    "--color-text-muted": "#a99fc8",
-    "--color-border": "#2b2148",
-    "--color-accent": "#22e0ff",
-    "--color-cyan": "#22e0ff",
-    "--color-violet": "#a855f7",
-    "--color-lime": "#c6ff4d",
-    "--grad": "linear-gradient(115deg, #22e0ff 0%, #a855f7 50%, #ff3d9a 100%)",
-    "--grad-btn": "linear-gradient(120deg, #ff3d9a 0%, #a855f7 100%)",
-    "--grad-cyan": "linear-gradient(120deg, #22e0ff 0%, #7c74ff 100%)",
-    "--glow": "rgba(255, 61, 154, 0.5)",
-    "--glow-cyan": "rgba(34, 224, 255, 0.4)",
-    "--font-heading": "'Sora', 'Segoe UI', system-ui, -apple-system, sans-serif",
-    "--font-body": "'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
-    "--max-width": "1200px",
-    "--max-width-narrow": "860px",
-    "--radius": "1rem",
-    "margin": "0",
-    "padding": "0",
-    "fontFamily": "var(--font-body)",
-    "lineHeight": "1.6",
-    "color": "var(--color-text-primary)",
-    "backgroundColor": "var(--color-bg)",
-    "h1": {
-      "fontFamily": "var(--font-heading)",
-      "color": "var(--color-text-primary)"
-    },
-    "h2": {
-      "fontFamily": "var(--font-heading)",
-      "color": "var(--color-text-primary)"
-    },
-    "h3": {
-      "fontFamily": "var(--font-heading)",
-      "color": "var(--color-text-primary)"
-    },
-    "h4": {
-      "fontFamily": "var(--font-heading)",
-      "color": "var(--color-text-primary)"
-    },
-    "strong": {
-      "color": "var(--color-text-primary)"
-    },
-    "a": {
-      "color": "var(--color-primary)"
-    }
-  },
-  "images": {
-    "optimize": true,
-    "widths": [320, 640, 960, 1280, 1920],
-    "formats": ["webp", "avif"],
-    "quality": {
-      "webp": 80,
-      "avif": 65,
-      "jpeg": 80,
-      "png": 80
-    },
-    "sizes": "(max-width: 768px) 100vw, 50vw",
-    "lazyLoad": true
-  },
-  "content": {
-    "sessions": {
-      "source": "./content/sessions/",
-      "format": "Markdown",
-      "schema": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string"
-          },
-          "time": {
-            "type": "string"
-          },
-          "track": {
-            "type": "string"
-          },
-          "speaker": {
-            "type": "string"
-          },
-          "order": {
-            "type": "number"
-          }
-        },
-        "required": ["title", "track"]
-      }
-    }
-  },
-  "build": {
-    "outDir": "./dist",
-    "format": "directory",
-    "trailingSlash": "always"
-  },
-  "extensions": ["@jxsuite/parser"]
-}