@jxsuite/starters 3.4.0 → 3.6.0

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

@@ -1,331 +0,0 @@
-{
-  "tagName": "ev-savedate",
-  "state": {
-    "eyebrow": "Save the date",
-    "heading": "June 12, 2026 — Portland",
-    "text": "One day, three tracks, and a room full of the people building what's next. Early-bird tickets are live.",
-    "days": "42",
-    "hours": "18",
-    "minutes": "05",
-    "seconds": "30",
-    "cta": "Get tickets",
-    "ctaHref": "/tickets/"
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "color": "var(--color-text-white)",
-    "borderTop": "1px solid var(--color-border)",
-    "borderBottom": "1px solid var(--color-border)",
-    "background": "radial-gradient(ellipse 60% 120% at 15% 50%, rgba(34,224,255,0.16), transparent 60%), radial-gradient(ellipse 60% 120% at 85% 50%, rgba(255,61,154,0.18), transparent 60%), var(--color-bg-cream)",
-    "padding": "clamp(2.75rem, 6vw, 4rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "1fr auto",
-        "gap": "clamp(2rem, 5vw, 3.5rem)",
-        "alignItems": "center",
-        "@--lg": {
-          "gridTemplateColumns": "1fr",
-          "gap": "2.25rem",
-          "textAlign": "center",
-          "justifyItems": "center"
-        }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "p",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.55rem",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.18em",
-                "fontSize": "0.78rem",
-                "fontWeight": "700",
-                "margin": "0 0 0.9rem",
-                "color": "var(--color-accent)"
-              },
-              "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": "h2",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "clamp(1.9rem, 4.2vw, 2.9rem)",
-                "fontWeight": "800",
-                "letterSpacing": "-0.03em",
-                "lineHeight": "1.08",
-                "margin": "0 0 0.9rem",
-                "color": "var(--color-text-primary)"
-              },
-              "textContent": "${state.heading}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontSize": "1.05rem",
-                "lineHeight": "1.65",
-                "color": "var(--color-text-muted)",
-                "margin": "0 0 1.75rem",
-                "maxWidth": "44ch"
-              },
-              "textContent": "${state.text}"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "${state.ctaHref}" },
-              "style": {
-                "display": "inline-block",
-                "background": "var(--grad-btn)",
-                "color": "#ffffff",
-                "padding": "0.9rem 2.25rem",
-                "borderRadius": "999px",
-                "fontSize": "1.02rem",
-                "fontWeight": "700",
-                "textDecoration": "none",
-                "boxShadow": "0 12px 34px -8px var(--glow)",
-                "transition": "transform 0.15s",
-                ":hover": { "transform": "translateY(-2px)" }
-              },
-              "textContent": "${state.cta}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.5rem",
-            "@--sm": { "gap": "0.3rem" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "textAlign": "center",
-                "minWidth": "4.6rem",
-                "padding": "1.1rem 0.6rem",
-                "borderRadius": "0.9rem",
-                "background": "rgba(255,255,255,0.03)",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 0 40px -18px var(--glow-cyan)",
-                "@--sm": { "minWidth": "3.7rem", "padding": "0.85rem 0.35rem" }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "clamp(1.9rem, 4.5vw, 2.9rem)",
-                    "fontWeight": "800",
-                    "lineHeight": "1",
-                    "fontVariantNumeric": "tabular-nums",
-                    "background": "var(--grad)",
-                    "backgroundClip": "text",
-                    "webkitBackgroundClip": "text",
-                    "webkitTextFillColor": "transparent",
-                    "color": "var(--color-accent)"
-                  },
-                  "textContent": "${state.days}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "marginTop": "0.45rem",
-                    "fontSize": "0.66rem",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "color": "var(--color-text-muted)"
-                  },
-                  "textContent": "Days"
-                }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.8rem",
-                "fontWeight": "800",
-                "color": "var(--color-border)",
-                "@--sm": { "display": "none" }
-              },
-              "textContent": ":"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "textAlign": "center",
-                "minWidth": "4.6rem",
-                "padding": "1.1rem 0.6rem",
-                "borderRadius": "0.9rem",
-                "background": "rgba(255,255,255,0.03)",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 0 40px -18px var(--glow-cyan)",
-                "@--sm": { "minWidth": "3.7rem", "padding": "0.85rem 0.35rem" }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "clamp(1.9rem, 4.5vw, 2.9rem)",
-                    "fontWeight": "800",
-                    "lineHeight": "1",
-                    "fontVariantNumeric": "tabular-nums",
-                    "background": "var(--grad)",
-                    "backgroundClip": "text",
-                    "webkitBackgroundClip": "text",
-                    "webkitTextFillColor": "transparent",
-                    "color": "var(--color-accent)"
-                  },
-                  "textContent": "${state.hours}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "marginTop": "0.45rem",
-                    "fontSize": "0.66rem",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "color": "var(--color-text-muted)"
-                  },
-                  "textContent": "Hours"
-                }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.8rem",
-                "fontWeight": "800",
-                "color": "var(--color-border)",
-                "@--sm": { "display": "none" }
-              },
-              "textContent": ":"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "textAlign": "center",
-                "minWidth": "4.6rem",
-                "padding": "1.1rem 0.6rem",
-                "borderRadius": "0.9rem",
-                "background": "rgba(255,255,255,0.03)",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 0 40px -18px var(--glow-cyan)",
-                "@--sm": { "minWidth": "3.7rem", "padding": "0.85rem 0.35rem" }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "clamp(1.9rem, 4.5vw, 2.9rem)",
-                    "fontWeight": "800",
-                    "lineHeight": "1",
-                    "fontVariantNumeric": "tabular-nums",
-                    "background": "var(--grad)",
-                    "backgroundClip": "text",
-                    "webkitBackgroundClip": "text",
-                    "webkitTextFillColor": "transparent",
-                    "color": "var(--color-accent)"
-                  },
-                  "textContent": "${state.minutes}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "marginTop": "0.45rem",
-                    "fontSize": "0.66rem",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "color": "var(--color-text-muted)"
-                  },
-                  "textContent": "Mins"
-                }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.8rem",
-                "fontWeight": "800",
-                "color": "var(--color-border)",
-                "@--sm": { "display": "none" }
-              },
-              "textContent": ":"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "textAlign": "center",
-                "minWidth": "4.6rem",
-                "padding": "1.1rem 0.6rem",
-                "borderRadius": "0.9rem",
-                "background": "rgba(255,255,255,0.03)",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 0 40px -18px var(--glow)",
-                "@--sm": { "minWidth": "3.7rem", "padding": "0.85rem 0.35rem" }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "clamp(1.9rem, 4.5vw, 2.9rem)",
-                    "fontWeight": "800",
-                    "lineHeight": "1",
-                    "fontVariantNumeric": "tabular-nums",
-                    "background": "var(--grad)",
-                    "backgroundClip": "text",
-                    "webkitBackgroundClip": "text",
-                    "webkitTextFillColor": "transparent",
-                    "color": "var(--color-primary)"
-                  },
-                  "textContent": "${state.seconds}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "marginTop": "0.45rem",
-                    "fontSize": "0.66rem",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "color": "var(--color-text-muted)"
-                  },
-                  "textContent": "Secs"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/event/components/ev-section-header.json

@@ -1,70 +0,0 @@
-{
-  "tagName": "ev-section-header",
-  "state": {
-    "eyebrow": "",
-    "heading": "",
-    "subheading": "",
-    "align": "center"
-  },
-  "style": {
-    "display": "block",
-    "maxWidth": "var(--max-width-narrow)",
-    "margin": "0 auto 2.75rem",
-    "textAlign": "${state.align}"
-  },
-  "children": [
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.eyebrow ? 'inline-flex' : 'none'}",
-        "alignItems": "center",
-        "gap": "0.55rem",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.16em",
-        "fontSize": "0.78rem",
-        "fontWeight": "700",
-        "color": "var(--color-accent)",
-        "margin": "0 0 0.85rem"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "width": "1.6rem",
-            "height": "2px",
-            "borderRadius": "2px",
-            "background": "var(--grad)"
-          }
-        },
-        { "tagName": "span", "textContent": "${state.eyebrow}" }
-      ]
-    },
-    {
-      "tagName": "h2",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(2rem, 4.2vw, 2.9rem)",
-        "fontWeight": "800",
-        "lineHeight": "1.08",
-        "letterSpacing": "-0.035em",
-        "margin": "0",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "${state.heading}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.subheading ? 'block' : 'none'}",
-        "fontSize": "1.1rem",
-        "lineHeight": "1.7",
-        "color": "var(--color-text-muted)",
-        "margin": "1.05rem 0 0",
-        "maxWidth": "${state.align === 'center' ? '60ch' : 'none'}",
-        "marginLeft": "${state.align === 'center' ? 'auto' : '0'}",
-        "marginRight": "${state.align === 'center' ? 'auto' : '0'}"
-      },
-      "textContent": "${state.subheading}"
-    }
-  ]
-}

package/sites/event/components/ev-session-row.json

@@ -1,132 +0,0 @@
-{
-  "tagName": "ev-session-row",
-  "state": {
-    "time": "",
-    "title": "",
-    "track": "",
-    "speaker": ""
-  },
-  "style": {
-    "display": "grid",
-    "gridTemplateColumns": "4.2rem 1.6rem 1fr",
-    "gap": "0",
-    "marginBottom": "0.9rem",
-    "@--sm": { "gridTemplateColumns": "3.4rem 1.2rem 1fr" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "paddingTop": "1.15rem",
-        "textAlign": "right",
-        "paddingRight": "0.15rem",
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "0.98rem",
-        "fontWeight": "700",
-        "fontVariantNumeric": "tabular-nums",
-        "background": "var(--grad)",
-        "backgroundClip": "text",
-        "webkitBackgroundClip": "text",
-        "webkitTextFillColor": "transparent",
-        "color": "var(--color-accent)"
-      },
-      "textContent": "${state.time}"
-    },
-    {
-      "tagName": "div",
-      "style": { "position": "relative" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "left": "50%",
-            "top": "0",
-            "bottom": "-0.9rem",
-            "width": "2px",
-            "transform": "translateX(-50%)",
-            "background": "var(--grad)",
-            "opacity": "0.4"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "left": "50%",
-            "top": "1.5rem",
-            "width": "0.85rem",
-            "height": "0.85rem",
-            "borderRadius": "50%",
-            "transform": "translate(-50%, -50%)",
-            "border": "3px solid var(--color-bg)",
-            "background": "${state.track === 'Design' ? '#ff6bb0' : state.track === 'Workshops' ? 'var(--color-lime)' : 'var(--color-accent)'}",
-            "boxShadow": "0 0 12px ${state.track === 'Design' ? 'rgba(255,61,154,0.7)' : state.track === 'Workshops' ? 'rgba(198,255,77,0.7)' : 'rgba(34,224,255,0.7)'}"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "flexWrap": "wrap",
-        "alignItems": "center",
-        "justifyContent": "space-between",
-        "gap": "0.75rem",
-        "padding": "1rem 1.25rem",
-        "borderRadius": "0.85rem",
-        "backgroundColor": "var(--color-bg-elev)",
-        "border": "1px solid var(--color-border)",
-        "transition": "border-color 0.18s, transform 0.18s",
-        ":hover": { "borderColor": "rgba(255,61,154,0.4)", "transform": "translateX(3px)" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "flex": "1", "minWidth": "14rem" },
-          "children": [
-            {
-              "tagName": "h3",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.1rem",
-                "fontWeight": "700",
-                "margin": "0 0 0.2rem",
-                "lineHeight": "1.3",
-                "color": "var(--color-text-primary)"
-              },
-              "textContent": "${state.title}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "display": "${state.speaker ? 'block' : 'none'}",
-                "margin": "0",
-                "fontSize": "0.9rem",
-                "color": "var(--color-text-muted)"
-              },
-              "textContent": "with ${state.speaker}"
-            }
-          ]
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "whiteSpace": "nowrap",
-            "fontSize": "0.74rem",
-            "fontWeight": "700",
-            "letterSpacing": "0.03em",
-            "textTransform": "uppercase",
-            "padding": "0.32rem 0.8rem",
-            "borderRadius": "999px",
-            "color": "${state.track === 'Design' ? '#ff6bb0' : state.track === 'Workshops' ? 'var(--color-lime)' : 'var(--color-accent)'}",
-            "backgroundColor": "${state.track === 'Design' ? 'rgba(255,61,154,0.14)' : state.track === 'Workshops' ? 'rgba(198,255,77,0.14)' : 'rgba(34,224,255,0.14)'}",
-            "border": "1px solid ${state.track === 'Design' ? 'rgba(255,61,154,0.35)' : state.track === 'Workshops' ? 'rgba(198,255,77,0.35)' : 'rgba(34,224,255,0.35)'}"
-          },
-          "textContent": "${state.track}"
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,130 +0,0 @@
-{
-  "tagName": "ev-speaker-card",
-  "state": {
-    "name": "",
-    "title": "",
-    "topic": "",
-    "photo": { "type": "string", "format": "image", "default": "" }
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "backgroundColor": "var(--color-bg-elev)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "overflow": "hidden",
-    "transition": "transform 0.2s, box-shadow 0.2s, border-color 0.2s",
-    ":hover": {
-      "transform": "translateY(-5px)",
-      "borderColor": "rgba(255,61,154,0.55)",
-      "boxShadow": "0 26px 60px -22px var(--glow)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "aspectRatio": "4 / 5",
-        "overflow": "hidden",
-        "backgroundColor": "var(--color-bg-elev2)"
-      },
-      "children": [
-        {
-          "tagName": "img",
-          "attributes": {
-            "src": "${state.photo}",
-            "alt": "${state.name}",
-            "width": "1000",
-            "height": "1400",
-            "loading": "lazy"
-          },
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "width": "100%",
-            "height": "100%",
-            "objectFit": "cover",
-            "display": "block",
-            "filter": "saturate(1.05) contrast(1.02)",
-            "transition": "transform 0.35s ease",
-            ":hover": { "transform": "scale(1.06)" }
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "inset": "0",
-            "background": "linear-gradient(180deg, rgba(34,224,255,0.18) 0%, transparent 30%, rgba(10,7,17,0.15) 55%, rgba(10,7,17,0.9) 100%)",
-            "pointerEvents": "none"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "left": "0",
-            "right": "0",
-            "bottom": "0",
-            "height": "3px",
-            "background": "var(--grad)",
-            "pointerEvents": "none"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "padding": "1.3rem 1.4rem 1.6rem" },
-      "children": [
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.3rem",
-            "fontWeight": "700",
-            "letterSpacing": "-0.01em",
-            "margin": "0 0 0.3rem",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.name}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0 0 0.75rem",
-            "fontSize": "0.9rem",
-            "fontWeight": "600",
-            "background": "var(--grad)",
-            "backgroundClip": "text",
-            "webkitBackgroundClip": "text",
-            "webkitTextFillColor": "transparent",
-            "color": "var(--color-accent)"
-          },
-          "textContent": "${state.title}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "display": "${state.topic ? 'flex' : 'none'}",
-            "gap": "0.5rem",
-            "alignItems": "baseline",
-            "margin": "0",
-            "fontSize": "0.94rem",
-            "lineHeight": "1.55",
-            "color": "var(--color-text-muted)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-lime)", "fontWeight": "700" },
-              "textContent": "▸"
-            },
-            { "tagName": "span", "textContent": "${state.topic}" }
-          ]
-        }
-      ]
-    }
-  ]
-}