@jxsuite/starters 3.4.0 → 3.6.0

package/sites/professional-firm/components/pf-section-header.json

@@ -1,77 +0,0 @@
-{
-  "tagName": "pf-section-header",
-  "state": {
-    "eyebrow": "",
-    "index": "",
-    "heading": "",
-    "subheading": ""
-  },
-  "style": {
-    "display": "block",
-    "maxWidth": "var(--max-width)",
-    "margin": "0 auto clamp(2rem, 4vw, 3rem)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "baseline",
-        "justifyContent": "space-between",
-        "gap": "1rem",
-        "paddingBottom": "1rem",
-        "borderBottom": "1px solid var(--color-rule)",
-        "fontFamily": "var(--font-sans)",
-        "fontSize": "0.72rem",
-        "fontWeight": "600",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.18em"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "display": "${state.eyebrow ? 'inline' : 'none'}",
-            "color": "var(--color-accent)"
-          },
-          "textContent": "${state.eyebrow}"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "display": "${state.index ? 'inline' : 'none'}",
-            "color": "var(--color-muted)",
-            "fontVariantNumeric": "tabular-nums"
-          },
-          "textContent": "${state.index}"
-        }
-      ]
-    },
-    {
-      "tagName": "h2",
-      "style": {
-        "fontFamily": "var(--font-serif)",
-        "fontSize": "clamp(1.9rem, 4vw, 2.9rem)",
-        "fontWeight": "500",
-        "lineHeight": "1.12",
-        "letterSpacing": "-0.02em",
-        "margin": "1.5rem 0 0",
-        "maxWidth": "20ch",
-        "color": "var(--color-ink)"
-      },
-      "textContent": "${state.heading}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.subheading ? 'block' : 'none'}",
-        "fontSize": "1.08rem",
-        "lineHeight": "1.65",
-        "color": "var(--color-muted)",
-        "margin": "1rem 0 0",
-        "maxWidth": "56ch"
-      },
-      "textContent": "${state.subheading}"
-    }
-  ]
-}

package/sites/professional-firm/components/pf-service-row.json

@@ -1,104 +0,0 @@
-{
-  "tagName": "pf-service-row",
-  "state": {
-    "number": "",
-    "tag": "",
-    "title": "",
-    "text": "",
-    "href": "/services/"
-  },
-  "style": { "display": "block" },
-  "children": [
-    {
-      "tagName": "a",
-      "attributes": { "href": "${state.href}" },
-      "style": {
-        "display": "grid",
-        "gridTemplateColumns": "minmax(2.75rem, 4.5rem) minmax(0, 22ch) minmax(0, 1fr) auto",
-        "gap": "clamp(1rem, 3vw, 2.5rem)",
-        "alignItems": "baseline",
-        "padding": "clamp(1.5rem, 3vw, 2rem) 0.5rem",
-        "textDecoration": "none",
-        "color": "var(--color-ink)",
-        "borderTop": "1px solid var(--color-hairline)",
-        "transition": "background-color 0.18s, color 0.18s",
-        "@--md": {
-          "gridTemplateColumns": "auto 1fr",
-          "gap": "0.75rem 1.25rem"
-        },
-        ":hover": {
-          "backgroundColor": "var(--color-paper-2)",
-          "color": "var(--color-accent-deep)"
-        }
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-sans)",
-            "fontWeight": "600",
-            "fontSize": "clamp(1.25rem, 2.6vw, 1.7rem)",
-            "lineHeight": "1",
-            "letterSpacing": "0.02em",
-            "color": "var(--color-accent)",
-            "fontVariantNumeric": "tabular-nums"
-          },
-          "textContent": "${state.number}"
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "display": "${state.tag ? 'block' : 'none'}",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.68rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.16em",
-                "color": "var(--color-muted)",
-                "marginBottom": "0.5rem"
-              },
-              "textContent": "${state.tag}"
-            },
-            {
-              "tagName": "h3",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontWeight": "500",
-                "fontSize": "clamp(1.35rem, 2.4vw, 1.85rem)",
-                "lineHeight": "1.15",
-                "letterSpacing": "-0.01em",
-                "margin": "0",
-                "color": "inherit"
-              },
-              "textContent": "${state.title}"
-            }
-          ]
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "fontSize": "1rem",
-            "lineHeight": "1.6",
-            "color": "var(--color-muted)",
-            "@--md": { "gridColumn": "2 / -1" }
-          },
-          "textContent": "${state.text}"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-sans)",
-            "fontSize": "1.1rem",
-            "color": "var(--color-accent)",
-            "@--md": { "display": "none" }
-          },
-          "textContent": "→"
-        }
-      ]
-    }
-  ]
-}

package/sites/professional-firm/components/pf-statband.json

@@ -1,183 +0,0 @@
-{
-  "tagName": "pf-statband",
-  "state": {
-    "n1": "",
-    "l1": "",
-    "n2": "",
-    "l2": "",
-    "n3": "",
-    "l3": "",
-    "n4": "",
-    "l4": ""
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-paper)",
-    "borderTop": "1px solid var(--color-rule)",
-    "borderBottom": "1px solid var(--color-rule)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "repeat(4, 1fr)",
-        "@--sm": { "gridTemplateColumns": "repeat(2, 1fr)" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-sans)",
-                "fontWeight": "600",
-                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
-                "lineHeight": "1",
-                "letterSpacing": "-0.02em",
-                "color": "var(--color-ink)",
-                "fontVariantNumeric": "tabular-nums"
-              },
-              "textContent": "${state.n1}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "marginTop": "0.7rem",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.7rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.14em",
-                "color": "var(--color-muted)",
-                "lineHeight": "1.4"
-              },
-              "textContent": "${state.l1}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)",
-            "borderLeft": "1px solid var(--color-hairline)"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-sans)",
-                "fontWeight": "600",
-                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
-                "lineHeight": "1",
-                "letterSpacing": "-0.02em",
-                "color": "var(--color-ink)",
-                "fontVariantNumeric": "tabular-nums"
-              },
-              "textContent": "${state.n2}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "marginTop": "0.7rem",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.7rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.14em",
-                "color": "var(--color-muted)",
-                "lineHeight": "1.4"
-              },
-              "textContent": "${state.l2}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)",
-            "borderLeft": "1px solid var(--color-hairline)",
-            "@--sm": {
-              "borderLeft": "none",
-              "borderTop": "1px solid var(--color-hairline)"
-            }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-sans)",
-                "fontWeight": "600",
-                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
-                "lineHeight": "1",
-                "letterSpacing": "-0.02em",
-                "color": "var(--color-ink)",
-                "fontVariantNumeric": "tabular-nums"
-              },
-              "textContent": "${state.n3}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "marginTop": "0.7rem",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.7rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.14em",
-                "color": "var(--color-muted)",
-                "lineHeight": "1.4"
-              },
-              "textContent": "${state.l3}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "padding": "clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 2.5vw, 1.75rem)",
-            "borderLeft": "1px solid var(--color-hairline)",
-            "@--sm": {
-              "borderTop": "1px solid var(--color-hairline)"
-            }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-sans)",
-                "fontWeight": "600",
-                "fontSize": "clamp(2rem, 4.5vw, 3.1rem)",
-                "lineHeight": "1",
-                "letterSpacing": "-0.02em",
-                "color": "var(--color-ink)",
-                "fontVariantNumeric": "tabular-nums"
-              },
-              "textContent": "${state.n4}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "marginTop": "0.7rem",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.7rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.14em",
-                "color": "var(--color-muted)",
-                "lineHeight": "1.4"
-              },
-              "textContent": "${state.l4}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/professional-firm/components/pf-team-member.json

@@ -1,75 +0,0 @@
-{
-  "tagName": "pf-team-member",
-  "state": {
-    "photo": { "type": "string", "format": "image", "default": "" },
-    "name": "",
-    "role": "",
-    "bio": ""
-  },
-  "style": {
-    "display": "block"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "borderTop": "1px solid var(--color-rule)",
-        "paddingTop": "1.25rem"
-      },
-      "children": [
-        {
-          "tagName": "img",
-          "attributes": {
-            "src": "${state.photo}",
-            "alt": "${state.name}",
-            "loading": "lazy"
-          },
-          "style": {
-            "width": "100%",
-            "aspectRatio": "4 / 5",
-            "objectFit": "cover",
-            "display": "block",
-            "filter": "grayscale(1) contrast(1.02)",
-            "transition": "filter 0.3s"
-          }
-        },
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-serif)",
-            "fontSize": "1.3rem",
-            "fontWeight": "500",
-            "margin": "1.1rem 0 0.15rem",
-            "color": "var(--color-ink)"
-          },
-          "textContent": "${state.name}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "fontFamily": "var(--font-sans)",
-            "fontSize": "0.7rem",
-            "fontWeight": "600",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.14em",
-            "color": "var(--color-accent)",
-            "marginBottom": "0.75rem"
-          },
-          "textContent": "${state.role}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "display": "${state.bio ? 'block' : 'none'}",
-            "margin": "0",
-            "color": "var(--color-muted)",
-            "fontSize": "0.95rem",
-            "lineHeight": "1.6"
-          },
-          "textContent": "${state.bio}"
-        }
-      ]
-    }
-  ]
-}

package/sites/professional-firm/layouts/article.json

@@ -1,130 +0,0 @@
-{
-  "tagName": "div",
-  "$elements": [
-    { "$ref": "../components/pf-nav.json" },
-    { "$ref": "../components/pf-footer.json" }
-  ],
-  "style": {
-    "minHeight": "100vh",
-    "display": "flex",
-    "flexDirection": "column",
-    "backgroundColor": "var(--color-paper)"
-  },
-  "children": [
-    { "tagName": "pf-nav" },
-    {
-      "tagName": "main",
-      "style": { "flex": "1" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "maxWidth": "1040px",
-            "margin": "0 auto",
-            "padding": "clamp(2.5rem, 6vw, 4.5rem) 1.5rem clamp(3rem, 8vw, 5rem)",
-            "display": "grid",
-            "gridTemplateColumns": "minmax(0, 200px) minmax(0, 1fr)",
-            "gap": "clamp(2rem, 5vw, 4rem)",
-            "alignItems": "start",
-            "@--md": { "gridTemplateColumns": "1fr", "gap": "2rem" }
-          },
-          "children": [
-            {
-              "tagName": "aside",
-              "style": {
-                "position": "sticky",
-                "top": "6rem",
-                "borderTop": "3px solid var(--color-accent)",
-                "paddingTop": "1.25rem",
-                "@--md": {
-                  "position": "static",
-                  "borderTop": "1px solid var(--color-rule)"
-                }
-              },
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "display": "flex",
-                    "alignItems": "baseline",
-                    "gap": "0.5rem",
-                    "marginBottom": "1.5rem"
-                  },
-                  "children": [
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontFamily": "var(--font-serif)",
-                        "fontSize": "1.15rem",
-                        "fontWeight": "600",
-                        "color": "var(--color-ink)"
-                      },
-                      "textContent": "Meridian"
-                    },
-                    {
-                      "tagName": "span",
-                      "style": {
-                        "fontFamily": "var(--font-sans)",
-                        "fontSize": "0.62rem",
-                        "fontWeight": "600",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.22em",
-                        "color": "var(--color-accent)"
-                      },
-                      "textContent": "Quarterly"
-                    }
-                  ]
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-sans)",
-                    "fontSize": "0.68rem",
-                    "fontWeight": "600",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "color": "var(--color-muted)",
-                    "lineHeight": "1.8",
-                    "paddingBottom": "1.25rem",
-                    "marginBottom": "1.25rem",
-                    "borderBottom": "1px solid var(--color-hairline)"
-                  },
-                  "children": [
-                    { "tagName": "div", "textContent": "Filed under" },
-                    {
-                      "tagName": "div",
-                      "style": { "color": "var(--color-ink)" },
-                      "textContent": "Insight"
-                    }
-                  ]
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/insights/" },
-                  "style": {
-                    "fontFamily": "var(--font-sans)",
-                    "fontSize": "0.72rem",
-                    "fontWeight": "600",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "color": "var(--color-ink)",
-                    "textDecoration": "none",
-                    "transition": "color 0.15s",
-                    ":hover": { "color": "var(--color-accent)" }
-                  },
-                  "textContent": "← All insights"
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": { "maxWidth": "var(--measure)", "minWidth": "0" },
-              "children": [{ "tagName": "slot" }]
-            }
-          ]
-        }
-      ]
-    },
-    { "tagName": "pf-footer" }
-  ]
-}

package/sites/professional-firm/layouts/base.json

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