@jxsuite/starters 3.4.0 → 3.6.0

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

@@ -1,431 +0,0 @@
-{
-  "tagName": "ev-hero",
-  "state": {
-    "eyebrow": "",
-    "date": "",
-    "location": "",
-    "heading": "",
-    "subheading": "",
-    "cta": "Get tickets",
-    "ctaHref": "/tickets/",
-    "cta2": "",
-    "cta2Href": "/schedule/",
-    "bg": { "type": "string", "format": "image", "default": "" }
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "color": "var(--color-text-white)",
-    "background": "radial-gradient(ellipse 50% 45% at 8% 0%, rgba(34,224,255,0.22), transparent 60%), radial-gradient(ellipse 55% 55% at 92% 12%, rgba(255,61,154,0.28), transparent 62%), radial-gradient(ellipse 60% 50% at 55% 115%, rgba(168,85,247,0.22), transparent 60%), var(--color-bg)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "absolute",
-        "inset": "0",
-        "backgroundImage": "radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px)",
-        "backgroundSize": "38px 38px",
-        "opacity": "0.5",
-        "pointerEvents": "none"
-      }
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "zIndex": "5",
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "padding": "clamp(3.5rem, 8vw, 6.5rem) 1.5rem clamp(2.5rem, 6vw, 4rem)",
-        "display": "grid",
-        "gridTemplateColumns": "1.05fr 0.95fr",
-        "gap": "clamp(2rem, 5vw, 4rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "2.5rem" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.55rem",
-                "padding": "0.4rem 0.95rem",
-                "borderRadius": "999px",
-                "border": "1px solid var(--color-border)",
-                "background": "rgba(255,255,255,0.04)",
-                "backdropFilter": "blur(4px)",
-                "fontSize": "0.82rem",
-                "fontWeight": "600",
-                "letterSpacing": "0.02em",
-                "marginBottom": "1.5rem",
-                "color": "var(--color-text-primary)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.5rem",
-                    "height": "0.5rem",
-                    "borderRadius": "999px",
-                    "background": "var(--color-lime)",
-                    "boxShadow": "0 0 10px var(--color-lime)"
-                  }
-                },
-                { "tagName": "span", "textContent": "${state.eyebrow}" }
-              ]
-            },
-            {
-              "tagName": "h1",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "clamp(2.9rem, 7.5vw, 5.6rem)",
-                "fontWeight": "800",
-                "lineHeight": "0.98",
-                "margin": "0 0 1.3rem",
-                "letterSpacing": "-0.04em",
-                "background": "linear-gradient(102deg, #22e0ff 0%, #7c8bff 30%, #a855f7 56%, #ff3d9a 88%)",
-                "backgroundClip": "text",
-                "webkitBackgroundClip": "text",
-                "webkitTextFillColor": "transparent",
-                "color": "#22e0ff"
-              },
-              "textContent": "${state.heading}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontSize": "clamp(1.05rem, 1.8vw, 1.3rem)",
-                "lineHeight": "1.6",
-                "margin": "0 0 1.9rem",
-                "color": "var(--color-text-muted)",
-                "maxWidth": "48ch"
-              },
-              "textContent": "${state.subheading}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "stretch",
-                "borderRadius": "0.85rem",
-                "border": "1px solid var(--color-border)",
-                "background": "linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01))",
-                "overflow": "hidden",
-                "marginBottom": "2.1rem",
-                "@--sm": { "display": "flex", "width": "100%" }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "width": "0.4rem",
-                    "background": "var(--grad)"
-                  }
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "padding": "0.7rem 1.15rem",
-                    "display": "flex",
-                    "flexDirection": "column",
-                    "gap": "0.15rem"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontSize": "0.68rem",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.16em",
-                        "color": "var(--color-text-muted)"
-                      },
-                      "textContent": "Date"
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontFamily": "var(--font-heading)",
-                        "fontWeight": "700",
-                        "fontSize": "0.98rem"
-                      },
-                      "textContent": "${state.date}"
-                    }
-                  ]
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "width": "1px",
-                    "background": "repeating-linear-gradient(180deg, var(--color-border) 0 4px, transparent 4px 8px)"
-                  }
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "padding": "0.7rem 1.15rem",
-                    "display": "flex",
-                    "flexDirection": "column",
-                    "gap": "0.15rem"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontSize": "0.68rem",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.16em",
-                        "color": "var(--color-text-muted)"
-                      },
-                      "textContent": "Venue"
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontFamily": "var(--font-heading)",
-                        "fontWeight": "700",
-                        "fontSize": "0.98rem"
-                      },
-                      "textContent": "${state.location}"
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": { "display": "flex", "gap": "0.75rem", "flexWrap": "wrap" },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.ctaHref}" },
-                  "style": {
-                    "display": "inline-block",
-                    "background": "var(--grad-btn)",
-                    "color": "#ffffff",
-                    "padding": "0.95rem 2.25rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1.05rem",
-                    "fontWeight": "700",
-                    "textDecoration": "none",
-                    "boxShadow": "0 12px 34px -8px var(--glow)",
-                    "transition": "transform 0.15s, box-shadow 0.15s",
-                    ":hover": {
-                      "transform": "translateY(-2px)",
-                      "boxShadow": "0 18px 44px -8px var(--glow)"
-                    }
-                  },
-                  "textContent": "${state.cta}"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.cta2Href}" },
-                  "style": {
-                    "display": "${state.cta2 ? 'inline-flex' : 'none'}",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "border": "1px solid var(--color-border)",
-                    "backgroundColor": "rgba(255,255,255,0.03)",
-                    "color": "var(--color-text-primary)",
-                    "padding": "0.95rem 2rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1.05rem",
-                    "fontWeight": "700",
-                    "textDecoration": "none",
-                    "transition": "background-color 0.15s, border-color 0.15s",
-                    ":hover": {
-                      "backgroundColor": "rgba(255,255,255,0.07)",
-                      "borderColor": "var(--color-text-muted)"
-                    }
-                  },
-                  "textContent": "${state.cta2}"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative",
-            "transform": "rotate(2deg)",
-            "@--md": {
-              "transform": "none",
-              "maxWidth": "460px",
-              "margin": "0 auto",
-              "width": "100%"
-            }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "position": "relative",
-                "borderRadius": "1.15rem",
-                "padding": "0.5rem",
-                "background": "linear-gradient(150deg, rgba(34,224,255,0.6), rgba(168,85,247,0.4) 45%, rgba(255,61,154,0.55))",
-                "boxShadow": "0 40px 90px -30px rgba(0,0,0,0.85), 0 0 90px -30px var(--glow)"
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "position": "relative",
-                    "borderRadius": "0.85rem",
-                    "overflow": "hidden",
-                    "aspectRatio": "4 / 5",
-                    "backgroundColor": "var(--color-bg-elev)"
-                  },
-                  "children": [
-                    {
-                      "tagName": "img",
-                      "attributes": {
-                        "src": "${state.bg}",
-                        "alt": "Horizon Conf main stage",
-                        "width": "1600",
-                        "height": "1067",
-                        "loading": "eager"
-                      },
-                      "style": {
-                        "position": "absolute",
-                        "inset": "0",
-                        "width": "100%",
-                        "height": "100%",
-                        "objectFit": "cover",
-                        "display": "block"
-                      }
-                    },
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "position": "absolute",
-                        "inset": "0",
-                        "background": "linear-gradient(160deg, rgba(34,224,255,0.28) 0%, transparent 40%, rgba(10,7,17,0.35) 75%, rgba(255,61,154,0.35) 100%)",
-                        "mixBlendMode": "screen"
-                      }
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "top": "-1rem",
-                "left": "-1rem",
-                "padding": "0.55rem 1rem",
-                "borderRadius": "0.7rem",
-                "background": "var(--color-bg-elev2)",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 12px 30px -10px rgba(0,0,0,0.7)",
-                "fontFamily": "var(--font-heading)",
-                "fontWeight": "800",
-                "fontSize": "0.85rem",
-                "letterSpacing": "0.02em",
-                "transform": "rotate(-4deg)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "background": "var(--grad)",
-                    "backgroundClip": "text",
-                    "webkitBackgroundClip": "text",
-                    "webkitTextFillColor": "transparent",
-                    "color": "var(--color-accent)"
-                  },
-                  "textContent": "2 stages · 24 speakers"
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "bottom": "-1.1rem",
-                "right": "-0.6rem",
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "0.5rem",
-                "padding": "0.55rem 1rem",
-                "borderRadius": "999px",
-                "background": "var(--color-bg-elev2)",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 12px 30px -10px rgba(0,0,0,0.7)",
-                "fontWeight": "700",
-                "fontSize": "0.82rem",
-                "transform": "rotate(3deg)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.5rem",
-                    "height": "0.5rem",
-                    "borderRadius": "999px",
-                    "background": "var(--color-lime)",
-                    "boxShadow": "0 0 10px var(--color-lime)"
-                  }
-                },
-                { "tagName": "span", "textContent": "One day only" }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "zIndex": "5",
-        "width": "112%",
-        "marginLeft": "-6%",
-        "transform": "rotate(-2.5deg)",
-        "background": "var(--grad)",
-        "padding": "0.65rem 0",
-        "overflow": "hidden",
-        "boxShadow": "0 20px 50px -20px var(--glow)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "1.5rem",
-            "justifyContent": "center",
-            "whiteSpace": "nowrap",
-            "fontFamily": "var(--font-heading)",
-            "fontWeight": "800",
-            "fontSize": "clamp(0.85rem, 1.6vw, 1.05rem)",
-            "letterSpacing": "0.12em",
-            "textTransform": "uppercase",
-            "color": "var(--color-ink)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "Design" },
-            { "tagName": "span", "textContent": "✦" },
-            { "tagName": "span", "textContent": "Engineering" },
-            { "tagName": "span", "textContent": "✦" },
-            { "tagName": "span", "textContent": "Motion" },
-            { "tagName": "span", "textContent": "✦" },
-            { "tagName": "span", "textContent": "AI" },
-            { "tagName": "span", "textContent": "✦" },
-            { "tagName": "span", "textContent": "Systems" },
-            { "tagName": "span", "textContent": "✦" },
-            { "tagName": "span", "textContent": "Workshops" },
-            { "tagName": "span", "textContent": "✦" },
-            { "tagName": "span", "textContent": "The hallway track" }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,186 +0,0 @@
-{
-  "tagName": "ev-nav",
-  "state": {
-    "brand": "Horizon",
-    "date": "Jun 12, 2026",
-    "venue": "Portland, OR"
-  },
-  "style": {
-    "display": "block",
-    "position": "sticky",
-    "top": "0",
-    "zIndex": "50",
-    "backgroundColor": "rgba(10, 7, 17, 0.7)",
-    "backdropFilter": "blur(16px)",
-    "borderBottom": "1px solid var(--color-border)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "height": "2px",
-        "background": "var(--grad)",
-        "opacity": "0.9"
-      }
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "padding": "0.8rem 1.5rem",
-        "display": "flex",
-        "alignItems": "center",
-        "justifyContent": "space-between",
-        "gap": "1.25rem"
-      },
-      "children": [
-        {
-          "tagName": "a",
-          "attributes": { "href": "/" },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.6rem",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.3rem",
-            "fontWeight": "800",
-            "color": "var(--color-text-white)",
-            "textDecoration": "none",
-            "letterSpacing": "-0.03em"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "justifyContent": "center",
-                "width": "1.7rem",
-                "height": "1.7rem",
-                "borderRadius": "0.55rem",
-                "background": "var(--grad-btn)",
-                "boxShadow": "0 0 18px var(--glow)",
-                "color": "#ffffff",
-                "fontSize": "0.9rem",
-                "fontWeight": "800"
-              },
-              "textContent": "H"
-            },
-            { "tagName": "span", "textContent": "${state.brand}" },
-            {
-              "tagName": "span",
-              "style": {
-                "fontWeight": "500",
-                "background": "var(--grad)",
-                "backgroundClip": "text",
-                "webkitBackgroundClip": "text",
-                "webkitTextFillColor": "transparent",
-                "color": "var(--color-accent)"
-              },
-              "textContent": "'26"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.55rem",
-            "padding": "0.35rem 0.85rem",
-            "borderRadius": "999px",
-            "border": "1px solid var(--color-border)",
-            "backgroundColor": "rgba(255,255,255,0.03)",
-            "fontSize": "0.82rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-muted)",
-            "@--md": { "display": "none" }
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "width": "0.45rem",
-                "height": "0.45rem",
-                "borderRadius": "999px",
-                "background": "var(--color-lime)",
-                "boxShadow": "0 0 8px var(--color-lime)"
-              }
-            },
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-text-primary)" },
-              "textContent": "${state.date}"
-            },
-            {
-              "tagName": "span",
-              "style": { "opacity": "0.5" },
-              "textContent": "·"
-            },
-            { "tagName": "span", "textContent": "${state.venue}" }
-          ]
-        },
-        {
-          "tagName": "nav",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "1.6rem",
-            "@--sm": { "gap": "0.85rem" }
-          },
-          "children": [
-            {
-              "tagName": "a",
-              "attributes": { "href": "/schedule/" },
-              "style": {
-                "color": "var(--color-text-muted)",
-                "textDecoration": "none",
-                "fontWeight": "600",
-                "fontSize": "0.92rem",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-text-primary)" }
-              },
-              "textContent": "Schedule"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/speakers/" },
-              "style": {
-                "color": "var(--color-text-muted)",
-                "textDecoration": "none",
-                "fontWeight": "600",
-                "fontSize": "0.92rem",
-                "@--sm": { "display": "none" },
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-text-primary)" }
-              },
-              "textContent": "Speakers"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/tickets/" },
-              "style": {
-                "display": "inline-block",
-                "background": "var(--grad-btn)",
-                "color": "#ffffff",
-                "padding": "0.55rem 1.3rem",
-                "borderRadius": "999px",
-                "textDecoration": "none",
-                "fontWeight": "700",
-                "fontSize": "0.92rem",
-                "boxShadow": "0 0 0 1px rgba(255,255,255,0.08), 0 10px 26px -8px var(--glow)",
-                "transition": "transform 0.15s, box-shadow 0.15s",
-                ":hover": {
-                  "transform": "translateY(-1px)",
-                  "boxShadow": "0 0 0 1px rgba(255,255,255,0.15), 0 14px 32px -8px var(--glow)"
-                }
-              },
-              "textContent": "Get tickets"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,64 +0,0 @@
-{
-  "tagName": "ev-reason",
-  "state": {
-    "num": "01",
-    "title": "",
-    "text": ""
-  },
-  "style": {
-    "display": "grid",
-    "gridTemplateColumns": "auto 1fr",
-    "gap": "1.5rem",
-    "alignItems": "start",
-    "padding": "1.9rem 0",
-    "borderTop": "1px solid var(--color-border)",
-    "@--sm": { "gap": "1rem" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
-        "fontWeight": "800",
-        "lineHeight": "1",
-        "letterSpacing": "-0.03em",
-        "minWidth": "2.8rem",
-        "background": "var(--grad)",
-        "backgroundClip": "text",
-        "webkitBackgroundClip": "text",
-        "webkitTextFillColor": "transparent",
-        "color": "var(--color-accent)"
-      },
-      "textContent": "${state.num}"
-    },
-    {
-      "tagName": "div",
-      "children": [
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.4rem",
-            "fontWeight": "700",
-            "letterSpacing": "-0.01em",
-            "margin": "0 0 0.5rem",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.title}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1.02rem",
-            "lineHeight": "1.7",
-            "maxWidth": "52ch"
-          },
-          "textContent": "${state.text}"
-        }
-      ]
-    }
-  ]
-}