@jxsuite/starters 3.4.0 → 3.6.0

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

@@ -1,174 +0,0 @@
-{
-  "tagName": "pf-hero",
-  "state": {
-    "eyebrow": "Tax · Assurance · Advisory",
-    "marker": "Est. 2007",
-    "heading": "",
-    "lede": "",
-    "aside": "",
-    "cta": "Book a consultation",
-    "ctaHref": "/contact/",
-    "cta2": "Read the Quarterly",
-    "cta2Href": "/insights/"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-paper)",
-    "padding": "clamp(2.5rem, 6vw, 4.5rem) 1.5rem clamp(2.5rem, 6vw, 4rem)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": { "maxWidth": "var(--max-width)", "margin": "0 auto" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "baseline",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "paddingBottom": "0.9rem",
-            "borderBottom": "1px solid var(--color-rule)",
-            "fontFamily": "var(--font-sans)",
-            "fontSize": "0.72rem",
-            "fontWeight": "600",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.18em"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-accent)" },
-              "textContent": "${state.eyebrow}"
-            },
-            {
-              "tagName": "span",
-              "style": { "color": "var(--color-muted)" },
-              "textContent": "${state.marker}"
-            }
-          ]
-        },
-        {
-          "tagName": "h1",
-          "style": {
-            "fontFamily": "var(--font-serif)",
-            "fontWeight": "500",
-            "fontSize": "clamp(2.6rem, 6.4vw, 5.2rem)",
-            "lineHeight": "1.04",
-            "letterSpacing": "-0.02em",
-            "margin": "clamp(1.75rem, 4vw, 3rem) 0 0",
-            "maxWidth": "18ch",
-            "color": "var(--color-ink)"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "marginTop": "clamp(1.75rem, 4vw, 2.75rem)",
-            "paddingTop": "clamp(1.5rem, 3vw, 2.25rem)",
-            "borderTop": "1px solid var(--color-hairline)",
-            "display": "grid",
-            "gridTemplateColumns": "1.35fr 1fr",
-            "gap": "clamp(1.5rem, 5vw, 4rem)",
-            "alignItems": "start",
-            "@--md": { "gridTemplateColumns": "1fr", "gap": "1.75rem" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "p",
-                  "style": {
-                    "margin": "0 0 1.75rem",
-                    "fontSize": "clamp(1.05rem, 1.6vw, 1.22rem)",
-                    "lineHeight": "1.65",
-                    "color": "var(--color-ink)",
-                    "maxWidth": "48ch"
-                  },
-                  "textContent": "${state.lede}"
-                },
-                {
-                  "tagName": "div",
-                  "style": { "display": "flex", "gap": "0.75rem", "flexWrap": "wrap" },
-                  "children": [
-                    {
-                      "tagName": "a",
-                      "attributes": { "href": "${state.ctaHref}" },
-                      "style": {
-                        "display": "inline-block",
-                        "backgroundColor": "var(--color-ink)",
-                        "color": "var(--color-paper)",
-                        "padding": "0.8rem 1.6rem",
-                        "fontFamily": "var(--font-sans)",
-                        "fontSize": "0.78rem",
-                        "fontWeight": "600",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.14em",
-                        "textDecoration": "none",
-                        "transition": "background-color 0.15s",
-                        ":hover": { "backgroundColor": "var(--color-primary-hover)" }
-                      },
-                      "textContent": "${state.cta}"
-                    },
-                    {
-                      "tagName": "a",
-                      "attributes": { "href": "${state.cta2Href}" },
-                      "style": {
-                        "display": "${state.cta2 ? 'inline-flex' : 'none'}",
-                        "alignItems": "center",
-                        "color": "var(--color-ink)",
-                        "padding": "0.8rem 0.4rem",
-                        "fontFamily": "var(--font-sans)",
-                        "fontSize": "0.78rem",
-                        "fontWeight": "600",
-                        "textTransform": "uppercase",
-                        "letterSpacing": "0.14em",
-                        "textDecoration": "none",
-                        "borderBottom": "1px solid var(--color-accent)",
-                        "transition": "color 0.15s",
-                        ":hover": { "color": "var(--color-accent)" }
-                      },
-                      "textContent": "${state.cta2} →"
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.aside ? 'block' : 'none'}",
-                "borderLeft": "1px solid var(--color-hairline)",
-                "paddingLeft": "clamp(1.25rem, 3vw, 2rem)",
-                "@--md": {
-                  "borderLeft": "none",
-                  "paddingLeft": "0",
-                  "borderTop": "1px solid var(--color-hairline)",
-                  "paddingTop": "1.5rem"
-                }
-              },
-              "children": [
-                {
-                  "tagName": "p",
-                  "style": {
-                    "margin": "0",
-                    "fontFamily": "var(--font-serif)",
-                    "fontStyle": "italic",
-                    "fontWeight": "400",
-                    "fontSize": "clamp(1.15rem, 2vw, 1.5rem)",
-                    "lineHeight": "1.5",
-                    "color": "var(--color-ink)"
-                  },
-                  "textContent": "${state.aside}"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,144 +0,0 @@
-{
-  "tagName": "pf-insight-row",
-  "state": {
-    "number": "",
-    "title": "",
-    "excerpt": "",
-    "date": "",
-    "category": "",
-    "readingTime": "",
-    "author": "",
-    "href": "/insights/"
-  },
-  "style": { "display": "block" },
-  "children": [
-    {
-      "tagName": "a",
-      "attributes": { "href": "${state.href}" },
-      "style": {
-        "display": "grid",
-        "gridTemplateColumns": "minmax(2.5rem, 3.5rem) minmax(0, 1fr) minmax(0, 15rem)",
-        "gap": "clamp(1rem, 3vw, 2.5rem)",
-        "alignItems": "start",
-        "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.6rem 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.1rem, 2.2vw, 1.5rem)",
-            "lineHeight": "1.1",
-            "color": "var(--color-accent)",
-            "fontVariantNumeric": "tabular-nums"
-          },
-          "textContent": "${state.number}"
-        },
-        {
-          "tagName": "div",
-          "style": { "minWidth": "0" },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "display": "${state.category ? 'inline-block' : 'none'}",
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.68rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.16em",
-                "color": "var(--color-muted)",
-                "marginBottom": "0.6rem"
-              },
-              "textContent": "${state.category}"
-            },
-            {
-              "tagName": "h3",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontWeight": "500",
-                "fontSize": "clamp(1.4rem, 2.6vw, 2rem)",
-                "lineHeight": "1.14",
-                "letterSpacing": "-0.015em",
-                "margin": "0 0 0.55rem",
-                "color": "inherit"
-              },
-              "textContent": "${state.title}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "margin": "0",
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.08rem",
-                "lineHeight": "1.55",
-                "color": "var(--color-muted)",
-                "maxWidth": "60ch"
-              },
-              "textContent": "${state.excerpt}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "textAlign": "right",
-            "fontFamily": "var(--font-sans)",
-            "@--md": { "textAlign": "left", "gridColumn": "2 / -1" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontSize": "0.72rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.12em",
-                "color": "var(--color-ink)",
-                "fontVariantNumeric": "tabular-nums",
-                "marginBottom": "0.4rem"
-              },
-              "textContent": "${state.date}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.readingTime ? 'block' : 'none'}",
-                "fontSize": "0.72rem",
-                "letterSpacing": "0.06em",
-                "color": "var(--color-muted)",
-                "fontVariantNumeric": "tabular-nums",
-                "marginBottom": "0.65rem"
-              },
-              "textContent": "${state.readingTime} min read"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontSize": "0.72rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.12em",
-                "color": "var(--color-accent)"
-              },
-              "textContent": "Read →"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,93 +0,0 @@
-{
-  "tagName": "pf-intro",
-  "state": {
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "kicker": "The practice",
-    "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": "0.85fr 1fr",
-        "gap": "clamp(2rem, 6vw, 5rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "2rem" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "order": "${state.reverse ? '2' : '1'}",
-            "position": "relative"
-          },
-          "children": [
-            {
-              "tagName": "img",
-              "attributes": {
-                "src": "${state.image}",
-                "alt": "${state.imageAlt}",
-                "loading": "lazy"
-              },
-              "style": {
-                "width": "100%",
-                "height": "auto",
-                "display": "block",
-                "border": "1px solid var(--color-rule)",
-                "filter": "grayscale(1) contrast(1.03)"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "order": "${state.reverse ? '1' : '2'}",
-            "& h3": {
-              "fontFamily": "var(--font-serif)",
-              "fontSize": "clamp(1.7rem, 3.4vw, 2.5rem)",
-              "fontWeight": "500",
-              "lineHeight": "1.15",
-              "letterSpacing": "-0.02em",
-              "margin": "0 0 1.25rem",
-              "color": "var(--color-ink)"
-            },
-            "& p": {
-              "fontSize": "1.08rem",
-              "lineHeight": "1.75",
-              "color": "var(--color-muted)",
-              "margin": "0 0 1.1rem"
-            },
-            "& p:last-child": { "marginBottom": "0" }
-          },
-          "children": [
-            {
-              "tagName": "p",
-              "style": {
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.72rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.2em",
-                "color": "var(--color-accent)",
-                "paddingBottom": "1rem",
-                "marginBottom": "1.5rem",
-                "borderBottom": "1px solid var(--color-rule)"
-              },
-              "textContent": "${state.kicker}"
-            },
-            { "tagName": "slot" }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/professional-firm/components/pf-logo-bar.json

@@ -1,113 +0,0 @@
-{
-  "tagName": "pf-logo-bar",
-  "state": {
-    "label": "Trusted by founders, operators, and boards",
-    "logo1": "Northwind Labs",
-    "logo2": "Harbor Freight Co.",
-    "logo3": "Cedar & Vine",
-    "logo4": "Atlas Robotics",
-    "logo5": "Riverstone Health"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-paper)",
-    "borderBottom": "1px solid var(--color-rule)",
-    "padding": "clamp(1.75rem, 3vw, 2.5rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "auto 1fr",
-        "gap": "clamp(1.5rem, 4vw, 3rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "1.25rem" }
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "maxWidth": "12ch",
-            "fontFamily": "var(--font-sans)",
-            "fontSize": "0.7rem",
-            "fontWeight": "600",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.16em",
-            "color": "var(--color-muted)",
-            "lineHeight": "1.5"
-          },
-          "textContent": "${state.label}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "flexWrap": "wrap",
-            "alignItems": "center",
-            "gap": "1rem 2.5rem",
-            "@--md": { "gap": "0.75rem 1.75rem" }
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.2rem",
-                "fontWeight": "500",
-                "color": "var(--color-ink)"
-              },
-              "textContent": "${state.logo1}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.2rem",
-                "fontWeight": "500",
-                "color": "var(--color-ink)"
-              },
-              "textContent": "${state.logo2}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.2rem",
-                "fontWeight": "500",
-                "color": "var(--color-ink)",
-                "@--sm": { "display": "none" }
-              },
-              "textContent": "${state.logo3}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.2rem",
-                "fontWeight": "500",
-                "color": "var(--color-ink)",
-                "@--md": { "display": "none" }
-              },
-              "textContent": "${state.logo4}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.2rem",
-                "fontWeight": "500",
-                "color": "var(--color-ink)",
-                "@--md": { "display": "none" }
-              },
-              "textContent": "${state.logo5}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,135 +0,0 @@
-{
-  "tagName": "pf-nav",
-  "state": {
-    "brand": "Meridian",
-    "sub": "Advisory"
-  },
-  "style": {
-    "display": "block",
-    "position": "sticky",
-    "top": "0",
-    "zIndex": "50",
-    "backgroundColor": "var(--color-paper)",
-    "borderTop": "3px solid var(--color-accent)",
-    "borderBottom": "1px solid var(--color-rule)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "padding": "0.9rem 1.5rem",
-        "display": "flex",
-        "alignItems": "baseline",
-        "justifyContent": "space-between",
-        "gap": "1.5rem"
-      },
-      "children": [
-        {
-          "tagName": "a",
-          "attributes": { "href": "/" },
-          "style": {
-            "display": "inline-flex",
-            "alignItems": "baseline",
-            "gap": "0.6rem",
-            "textDecoration": "none",
-            "color": "var(--color-ink)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-serif)",
-                "fontSize": "1.5rem",
-                "fontWeight": "600",
-                "letterSpacing": "-0.01em",
-                "lineHeight": "1"
-              },
-              "textContent": "${state.brand}"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "fontFamily": "var(--font-sans)",
-                "fontSize": "0.68rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.28em",
-                "color": "var(--color-accent)"
-              },
-              "textContent": "${state.sub}"
-            }
-          ]
-        },
-        {
-          "tagName": "nav",
-          "style": {
-            "display": "flex",
-            "alignItems": "baseline",
-            "gap": "2rem",
-            "fontFamily": "var(--font-sans)",
-            "fontSize": "0.72rem",
-            "fontWeight": "600",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.16em",
-            "@--sm": { "gap": "1.15rem" }
-          },
-          "children": [
-            {
-              "tagName": "a",
-              "attributes": { "href": "/services/" },
-              "style": {
-                "color": "var(--color-ink)",
-                "textDecoration": "none",
-                "transition": "color 0.15s",
-                ":hover": { "color": "var(--color-accent)" }
-              },
-              "textContent": "Practice"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/insights/" },
-              "style": {
-                "color": "var(--color-ink)",
-                "textDecoration": "none",
-                "transition": "color 0.15s",
-                "@--sm": { "display": "none" },
-                ":hover": { "color": "var(--color-accent)" }
-              },
-              "textContent": "Insights"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/team/" },
-              "style": {
-                "color": "var(--color-ink)",
-                "textDecoration": "none",
-                "transition": "color 0.15s",
-                "@--sm": { "display": "none" },
-                ":hover": { "color": "var(--color-accent)" }
-              },
-              "textContent": "People"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "color": "var(--color-ink)",
-                "textDecoration": "none",
-                "border": "1px solid var(--color-rule)",
-                "padding": "0.5rem 0.9rem",
-                "transition": "background-color 0.15s, color 0.15s",
-                ":hover": {
-                  "backgroundColor": "var(--color-ink)",
-                  "color": "var(--color-paper)"
-                }
-              },
-              "textContent": "Consult"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}