@jxsuite/starters 3.3.2 → 3.5.0

package/sites/course/components/co-instructor-card.json

@@ -1,159 +0,0 @@
-{
-  "tagName": "co-instructor-card",
-  "state": {
-    "name": "",
-    "role": "",
-    "bio": "",
-    "image": { "type": "string", "format": "image", "default": "" }
-  },
-  "style": {
-    "display": "grid",
-    "gridTemplateColumns": "auto 1fr",
-    "gap": "clamp(1.75rem, 4vw, 2.75rem)",
-    "alignItems": "center",
-    "maxWidth": "var(--max-width-narrow)",
-    "margin": "0 auto",
-    "padding": "clamp(1.75rem, 4vw, 2.5rem)",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "boxShadow": "0 24px 60px -32px rgba(15,20,36,0.35)",
-    "@--sm": { "gridTemplateColumns": "1fr", "textAlign": "center", "justifyItems": "center" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": { "position": "relative", "flex": "none" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "position": "absolute",
-            "inset": "-0.6rem -0.6rem 0.4rem 0.4rem",
-            "borderRadius": "0.9rem",
-            "backgroundColor": "var(--color-indigo-050)",
-            "border": "1px solid var(--color-indigo-line)"
-          }
-        },
-        {
-          "tagName": "img",
-          "attributes": {
-            "src": "${state.image}",
-            "alt": "${state.name}",
-            "loading": "lazy"
-          },
-          "style": {
-            "position": "relative",
-            "width": "155px",
-            "height": "185px",
-            "objectFit": "cover",
-            "borderRadius": "0.7rem",
-            "display": "block",
-            "border": "1px solid var(--color-border)"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative",
-            "marginTop": "0.65rem",
-            "textAlign": "center",
-            "fontFamily": "var(--font-mono)",
-            "fontSize": "0.72rem",
-            "color": "var(--color-text-faint)"
-          },
-          "textContent": "// lead instructor"
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "children": [
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.55rem",
-            "fontWeight": "800",
-            "letterSpacing": "-0.02em",
-            "margin": "0 0 0.3rem",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.name}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "fontFamily": "var(--font-mono)",
-            "color": "var(--color-primary)",
-            "fontWeight": "500",
-            "fontSize": "0.85rem",
-            "marginBottom": "0.95rem"
-          },
-          "textContent": "${state.role}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0 0 1.25rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7"
-          },
-          "textContent": "${state.bio}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "flexWrap": "wrap",
-            "gap": "0.5rem",
-            "justifyContent": "${state.name ? 'flex-start' : 'flex-start'}",
-            "@--sm": { "justifyContent": "center" }
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "color": "var(--color-text-primary)",
-                "backgroundColor": "var(--color-bg-cream)",
-                "border": "1px solid var(--color-border)",
-                "padding": "0.3rem 0.7rem",
-                "borderRadius": "0.5rem"
-              },
-              "textContent": "10+ yrs shipping"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "color": "var(--color-text-primary)",
-                "backgroundColor": "var(--color-bg-cream)",
-                "border": "1px solid var(--color-border)",
-                "padding": "0.3rem 0.7rem",
-                "borderRadius": "0.5rem"
-              },
-              "textContent": "mentored 500+ devs"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "color": "var(--color-text-primary)",
-                "backgroundColor": "var(--color-bg-cream)",
-                "border": "1px solid var(--color-border)",
-                "padding": "0.3rem 0.7rem",
-                "borderRadius": "0.5rem"
-              },
-              "textContent": "ex-Staff Engineer"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/course/components/co-mentor.json

@@ -1,65 +0,0 @@
-{
-  "tagName": "co-mentor",
-  "state": {
-    "name": "",
-    "role": "",
-    "initials": ""
-  },
-  "style": {
-    "display": "flex",
-    "alignItems": "center",
-    "gap": "0.95rem",
-    "padding": "1.1rem 1.25rem",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "transition": "border-color 0.15s",
-    ":hover": { "borderColor": "var(--color-primary-light)" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "flex": "none",
-        "display": "flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "width": "3rem",
-        "height": "3rem",
-        "borderRadius": "0.7rem",
-        "backgroundColor": "var(--color-indigo-050)",
-        "border": "1px solid var(--color-indigo-line)",
-        "color": "var(--color-primary)",
-        "fontFamily": "var(--font-mono)",
-        "fontWeight": "700",
-        "fontSize": "1rem"
-      },
-      "textContent": "${state.initials}"
-    },
-    {
-      "tagName": "div",
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.02rem",
-            "fontWeight": "700",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.name}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "fontFamily": "var(--font-mono)",
-            "fontSize": "0.78rem",
-            "color": "var(--color-text-muted)",
-            "marginTop": "0.15rem"
-          },
-          "textContent": "${state.role}"
-        }
-      ]
-    }
-  ]
-}

package/sites/course/components/co-module-card.json

@@ -1,138 +0,0 @@
-{
-  "tagName": "co-module-card",
-  "state": {
-    "order": "",
-    "title": "",
-    "summary": "",
-    "duration": ""
-  },
-  "style": {
-    "display": "grid",
-    "gridTemplateColumns": "3rem 1fr",
-    "gap": "1.25rem",
-    "@--sm": { "gridTemplateColumns": "2.5rem 1fr", "gap": "0.9rem" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "flexDirection": "column",
-        "alignItems": "center"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative",
-            "zIndex": "2",
-            "flex": "none",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "width": "3rem",
-            "height": "3rem",
-            "borderRadius": "0.7rem",
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-text-white)",
-            "fontFamily": "var(--font-mono)",
-            "fontWeight": "700",
-            "fontSize": "1.05rem",
-            "boxShadow": "0 8px 18px -8px rgba(79,70,229,0.8)",
-            "@--sm": { "width": "2.5rem", "height": "2.5rem", "fontSize": "0.95rem" }
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "opacity": "0.55", "fontSize": "0.7em" },
-              "textContent": "0"
-            },
-            { "tagName": "span", "textContent": "${state.order}" }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "width": "2px",
-            "flex": "1",
-            "marginTop": "0.35rem",
-            "backgroundColor": "var(--color-indigo-line)"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "paddingBottom": "1.5rem" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "padding": "1.35rem 1.5rem",
-            "backgroundColor": "var(--color-bg-white)",
-            "border": "1px solid var(--color-border)",
-            "borderRadius": "var(--radius)",
-            "transition": "border-color 0.15s, box-shadow 0.15s",
-            ":hover": {
-              "borderColor": "var(--color-primary-light)",
-              "boxShadow": "0 14px 34px -18px rgba(79,70,229,0.35)"
-            }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "justifyContent": "space-between",
-                "alignItems": "baseline",
-                "gap": "1rem",
-                "flexWrap": "wrap"
-              },
-              "children": [
-                {
-                  "tagName": "h3",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "1.22rem",
-                    "fontWeight": "700",
-                    "letterSpacing": "-0.01em",
-                    "margin": "0",
-                    "color": "var(--color-text-primary)"
-                  },
-                  "textContent": "${state.title}"
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "${state.duration ? 'inline-block' : 'none'}",
-                    "flex": "none",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.74rem",
-                    "fontWeight": "600",
-                    "color": "var(--color-primary)",
-                    "backgroundColor": "var(--color-indigo-050)",
-                    "border": "1px solid var(--color-indigo-line)",
-                    "padding": "0.25rem 0.65rem",
-                    "borderRadius": "999px"
-                  },
-                  "textContent": "${state.duration}"
-                }
-              ]
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "display": "${state.summary ? 'block' : 'none'}",
-                "margin": "0.55rem 0 0",
-                "color": "var(--color-text-muted)",
-                "fontSize": "0.98rem",
-                "lineHeight": "1.65"
-              },
-              "textContent": "${state.summary}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/course/components/co-nav.json

@@ -1,244 +0,0 @@
-{
-  "tagName": "co-nav",
-  "state": {
-    "brand": "Craft & Code"
-  },
-  "style": {
-    "display": "block",
-    "position": "sticky",
-    "top": "0",
-    "zIndex": "50"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "backgroundColor": "var(--color-ink)",
-        "color": "var(--color-text-white)",
-        "borderBottom": "1px solid var(--color-terminal-line)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "maxWidth": "var(--max-width)",
-            "margin": "0 auto",
-            "padding": "0.5rem 1.5rem",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "gap": "1rem",
-            "flexWrap": "wrap",
-            "fontFamily": "var(--font-mono)",
-            "fontSize": "0.78rem",
-            "letterSpacing": "0.01em"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.5rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.5rem",
-                    "height": "0.5rem",
-                    "borderRadius": "999px",
-                    "backgroundColor": "var(--color-accent)",
-                    "boxShadow": "0 0 0 3px rgba(163,230,53,0.2)",
-                    "flex": "none"
-                  }
-                },
-                {
-                  "tagName": "span",
-                  "style": { "color": "rgba(255,255,255,0.92)" },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": { "color": "var(--color-accent)" },
-                      "textContent": "next_cohort"
-                    },
-                    {
-                      "tagName": "span",
-                      "style": { "color": "rgba(255,255,255,0.5)" },
-                      "textContent": " = "
-                    },
-                    { "tagName": "span", "textContent": "Sept 8, 2026" }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-terminal-line)", "@--sm": { "display": "none" } },
-              "textContent": "·"
-            },
-            {
-              "tagName": "span",
-              "style": { "color": "rgba(255,255,255,0.7)", "@--sm": { "display": "none" } },
-              "textContent": "6 of 24 seats left"
-            },
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-terminal-line)", "@--sm": { "display": "none" } },
-              "textContent": "·"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/enroll/" },
-              "style": {
-                "color": "var(--color-accent-cyan)",
-                "textDecoration": "none",
-                "fontWeight": "600",
-                ":hover": { "textDecoration": "underline" }
-              },
-              "textContent": "apply →"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "backgroundColor": "rgba(255, 255, 255, 0.85)",
-        "backdropFilter": "blur(10px)",
-        "borderBottom": "1px solid var(--color-border)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "maxWidth": "var(--max-width)",
-            "margin": "0 auto",
-            "padding": "0.85rem 1.5rem",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1.5rem"
-          },
-          "children": [
-            {
-              "tagName": "a",
-              "attributes": { "href": "/" },
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "0.65rem",
-                "textDecoration": "none"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                    "width": "2rem",
-                    "height": "2rem",
-                    "borderRadius": "0.5rem",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.85rem",
-                    "fontWeight": "700",
-                    "boxShadow": "0 6px 16px -6px rgba(79,70,229,0.7)"
-                  },
-                  "textContent": "</>"
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontSize": "1.2rem",
-                    "fontWeight": "800",
-                    "color": "var(--color-text-primary)",
-                    "letterSpacing": "-0.02em"
-                  },
-                  "children": [
-                    { "tagName": "span", "textContent": "${state.brand}" },
-                    {
-                      "tagName": "span",
-                      "style": { "color": "var(--color-primary)" },
-                      "textContent": " Academy"
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "nav",
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "1.9rem",
-                "@--sm": { "gap": "1rem" }
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/curriculum/" },
-                  "style": {
-                    "fontFamily": "var(--font-mono)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.08em",
-                    "color": "var(--color-text-muted)",
-                    "textDecoration": "none",
-                    "fontWeight": "500",
-                    "fontSize": "0.78rem",
-                    "@--sm": { "display": "none" },
-                    ":hover": { "color": "var(--color-primary)" }
-                  },
-                  "textContent": "Curriculum"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/about/" },
-                  "style": {
-                    "fontFamily": "var(--font-mono)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.08em",
-                    "color": "var(--color-text-muted)",
-                    "textDecoration": "none",
-                    "fontWeight": "500",
-                    "fontSize": "0.78rem",
-                    "@--sm": { "display": "none" },
-                    ":hover": { "color": "var(--color-primary)" }
-                  },
-                  "textContent": "About"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/enroll/" },
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.4rem",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "padding": "0.55rem 1.3rem",
-                    "borderRadius": "999px",
-                    "textDecoration": "none",
-                    "fontWeight": "600",
-                    "fontSize": "0.9rem",
-                    "boxShadow": "0 8px 20px -8px rgba(79,70,229,0.8)",
-                    "transition": "transform 0.15s, background-color 0.15s",
-                    ":hover": {
-                      "backgroundColor": "var(--color-primary-hover)",
-                      "transform": "translateY(-1px)"
-                    }
-                  },
-                  "textContent": "Enroll"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}