@jxsuite/starters 3.4.0 → 3.6.0

package/sites/home-services/components/hs-service-card.json

@@ -1,89 +0,0 @@
-{
-  "tagName": "hs-service-card",
-  "state": {
-    "icon": "",
-    "name": "",
-    "summary": "",
-    "cta": "",
-    "href": "/services/"
-  },
-  "style": {
-    "position": "relative",
-    "display": "flex",
-    "flexDirection": "column",
-    "padding": "1.9rem 1.75rem",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderTop": "4px solid var(--color-steel)",
-    "borderRadius": "var(--radius)",
-    "boxShadow": "var(--shadow-card)",
-    "transition": "transform 0.16s, box-shadow 0.16s, border-top-color 0.16s",
-    ":hover": {
-      "transform": "translateY(-4px)",
-      "boxShadow": "0 22px 46px -22px rgba(14,26,35,0.4)",
-      "borderTopColor": "var(--color-primary)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "width": "3.6rem",
-        "height": "3.6rem",
-        "borderRadius": "var(--radius-sm)",
-        "backgroundColor": "var(--color-steel)",
-        "color": "var(--color-text-white)",
-        "fontSize": "1.85rem",
-        "lineHeight": "1",
-        "marginBottom": "1.2rem",
-        "clipPath": "polygon(0 0, 100% 0, 100% 82%, 84% 100%, 0 100%)"
-      },
-      "textContent": "${state.icon}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.4rem",
-        "fontWeight": "600",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.02em",
-        "margin": "0 0 0.55rem"
-      },
-      "textContent": "${state.name}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0",
-        "color": "var(--color-text-muted)",
-        "fontSize": "1rem",
-        "lineHeight": "1.6"
-      },
-      "textContent": "${state.summary}"
-    },
-    {
-      "tagName": "a",
-      "attributes": { "href": "${state.href}" },
-      "style": {
-        "display": "${state.cta ? 'inline-flex' : 'none'}",
-        "alignItems": "center",
-        "gap": "0.4rem",
-        "marginTop": "auto",
-        "paddingTop": "1.25rem",
-        "color": "var(--color-primary)",
-        "fontFamily": "var(--font-heading)",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.05em",
-        "fontWeight": "600",
-        "fontSize": "0.9rem",
-        "textDecoration": "none",
-        ":hover": { "color": "var(--color-primary-hover)" }
-      },
-      "textContent": "${state.cta} →"
-    }
-  ]
-}

package/sites/home-services/components/hs-stat.json

@@ -1,54 +0,0 @@
-{
-  "tagName": "hs-stat",
-  "state": {
-    "value": "",
-    "label": "",
-    "icon": ""
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "padding": "0.5rem 1.5rem 0.5rem 0",
-    "@--sm": { "padding": "0.5rem 0" }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "${state.icon ? 'block' : 'none'}",
-        "fontSize": "1.4rem",
-        "lineHeight": "1",
-        "marginBottom": "0.6rem",
-        "opacity": "0.85"
-      },
-      "textContent": "${state.icon}"
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(2.6rem, 5.2vw, 3.7rem)",
-        "fontWeight": "700",
-        "lineHeight": "0.95",
-        "letterSpacing": "0.01em",
-        "color": "var(--color-primary)",
-        "fontVariantNumeric": "tabular-nums"
-      },
-      "textContent": "${state.value}"
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "marginTop": "0.6rem",
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "0.86rem",
-        "fontWeight": "500",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.08em",
-        "color": "var(--color-text-steel-muted)",
-        "lineHeight": "1.35"
-      },
-      "textContent": "${state.label}"
-    }
-  ]
-}

package/sites/home-services/components/hs-step.json

@@ -1,80 +0,0 @@
-{
-  "tagName": "hs-step",
-  "state": {
-    "number": "",
-    "title": "",
-    "text": ""
-  },
-  "style": {
-    "position": "relative",
-    "display": "block",
-    "padding": "1.75rem 1.5rem 1.6rem",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "overflow": "hidden"
-  },
-  "children": [
-    {
-      "tagName": "span",
-      "style": {
-        "position": "absolute",
-        "top": "-0.75rem",
-        "right": "0.5rem",
-        "fontFamily": "var(--font-heading)",
-        "fontWeight": "700",
-        "fontSize": "5.5rem",
-        "lineHeight": "1",
-        "color": "var(--color-bg-concrete)",
-        "pointerEvents": "none",
-        "userSelect": "none"
-      },
-      "textContent": "${state.number}"
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "display": "inline-flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "minWidth": "2.4rem",
-        "height": "2.4rem",
-        "padding": "0 0.6rem",
-        "backgroundColor": "var(--color-primary)",
-        "color": "var(--color-text-white)",
-        "fontFamily": "var(--font-heading)",
-        "fontWeight": "700",
-        "fontSize": "1.15rem",
-        "borderRadius": "var(--radius-sm)",
-        "marginBottom": "1rem",
-        "clipPath": "polygon(0 0, 100% 0, 100% 74%, 82% 100%, 0 100%)"
-      },
-      "textContent": "${state.number}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "position": "relative",
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.28rem",
-        "fontWeight": "600",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.02em",
-        "margin": "0 0 0.45rem"
-      },
-      "textContent": "${state.title}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "position": "relative",
-        "margin": "0",
-        "color": "var(--color-text-muted)",
-        "fontSize": "0.98rem",
-        "lineHeight": "1.6"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}

package/sites/home-services/components/hs-trust-bar.json

@@ -1,256 +0,0 @@
-{
-  "tagName": "hs-trust-bar",
-  "state": {
-    "icon1": "🎖️",
-    "item1": "NATE-Certified",
-    "sub1": "Factory-trained techs",
-    "icon2": "🛡️",
-    "item2": "Licensed & Insured",
-    "sub2": "Bonded · CO Lic. #C-48219",
-    "icon3": "🏅",
-    "item3": "BBB A+ Rated",
-    "sub3": "600+ 5-star reviews",
-    "icon4": "💳",
-    "item4": "Financing Available",
-    "sub4": "0% APR options"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-white)",
-    "borderBottom": "1px solid var(--color-border)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "repeat(4, 1fr)",
-        "@--md": { "gridTemplateColumns": "repeat(2, 1fr)" },
-        "@--sm": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.85rem",
-            "padding": "1.15rem 1.5rem",
-            "borderRight": "1px solid var(--color-border)",
-            "@--sm": { "borderRight": "none", "borderBottom": "1px solid var(--color-border)" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "flexShrink": "0",
-                "display": "flex",
-                "alignItems": "center",
-                "justifyContent": "center",
-                "width": "2.6rem",
-                "height": "2.6rem",
-                "borderRadius": "var(--radius-sm)",
-                "backgroundColor": "var(--color-primary-soft)",
-                "fontSize": "1.35rem",
-                "lineHeight": "1"
-              },
-              "textContent": "${state.icon1}"
-            },
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.03em",
-                    "fontWeight": "600",
-                    "fontSize": "0.98rem",
-                    "lineHeight": "1.1"
-                  },
-                  "textContent": "${state.item1}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontSize": "0.82rem",
-                    "color": "var(--color-text-muted)",
-                    "marginTop": "0.15rem"
-                  },
-                  "textContent": "${state.sub1}"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.85rem",
-            "padding": "1.15rem 1.5rem",
-            "borderRight": "1px solid var(--color-border)",
-            "@--md": { "borderRight": "none" },
-            "@--sm": { "borderBottom": "1px solid var(--color-border)" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "flexShrink": "0",
-                "display": "flex",
-                "alignItems": "center",
-                "justifyContent": "center",
-                "width": "2.6rem",
-                "height": "2.6rem",
-                "borderRadius": "var(--radius-sm)",
-                "backgroundColor": "var(--color-primary-soft)",
-                "fontSize": "1.35rem",
-                "lineHeight": "1"
-              },
-              "textContent": "${state.icon2}"
-            },
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.03em",
-                    "fontWeight": "600",
-                    "fontSize": "0.98rem",
-                    "lineHeight": "1.1"
-                  },
-                  "textContent": "${state.item2}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontSize": "0.82rem",
-                    "color": "var(--color-text-muted)",
-                    "marginTop": "0.15rem"
-                  },
-                  "textContent": "${state.sub2}"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.85rem",
-            "padding": "1.15rem 1.5rem",
-            "borderRight": "1px solid var(--color-border)",
-            "@--sm": { "borderRight": "none", "borderBottom": "1px solid var(--color-border)" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "flexShrink": "0",
-                "display": "flex",
-                "alignItems": "center",
-                "justifyContent": "center",
-                "width": "2.6rem",
-                "height": "2.6rem",
-                "borderRadius": "var(--radius-sm)",
-                "backgroundColor": "var(--color-primary-soft)",
-                "fontSize": "1.35rem",
-                "lineHeight": "1"
-              },
-              "textContent": "${state.icon3}"
-            },
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.03em",
-                    "fontWeight": "600",
-                    "fontSize": "0.98rem",
-                    "lineHeight": "1.1"
-                  },
-                  "textContent": "${state.item3}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontSize": "0.82rem",
-                    "color": "var(--color-text-muted)",
-                    "marginTop": "0.15rem"
-                  },
-                  "textContent": "${state.sub3}"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.85rem",
-            "padding": "1.15rem 1.5rem"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "flexShrink": "0",
-                "display": "flex",
-                "alignItems": "center",
-                "justifyContent": "center",
-                "width": "2.6rem",
-                "height": "2.6rem",
-                "borderRadius": "var(--radius-sm)",
-                "backgroundColor": "var(--color-primary-soft)",
-                "fontSize": "1.35rem",
-                "lineHeight": "1"
-              },
-              "textContent": "${state.icon4}"
-            },
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.03em",
-                    "fontWeight": "600",
-                    "fontSize": "0.98rem",
-                    "lineHeight": "1.1"
-                  },
-                  "textContent": "${state.item4}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontSize": "0.82rem",
-                    "color": "var(--color-text-muted)",
-                    "marginTop": "0.15rem"
-                  },
-                  "textContent": "${state.sub4}"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/home-services/layouts/base.json

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

package/sites/museum/components/mu-band.json

@@ -1,92 +0,0 @@
-{
-  "tagName": "mu-band",
-  "state": {
-    "index": "",
-    "label": "",
-    "tone": "chalk"
-  },
-  "style": {
-    "display": "block",
-    "borderBlockStart": "2px solid var(--color-ink)",
-    "paddingBlock": "var(--band-space)",
-    "paddingInline": "var(--gutter)",
-    "backgroundColor": "${state.tone === 'card' ? 'var(--color-card)' : state.tone === 'ink' ? 'var(--color-ink)' : 'var(--color-chalk)'}",
-    "color": "${state.tone === 'ink' ? 'var(--color-chalk)' : 'var(--color-ink)'}"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "marginInline": "auto",
-        "display": "grid",
-        "gridTemplateColumns": "var(--label-column) minmax(0, 1fr)",
-        "columnGap": "clamp(1.5rem, 4vw, 3.5rem)",
-        "@--md": {
-          "gridTemplateColumns": "minmax(0, 1fr)",
-          "rowGap": "1.75rem"
-        }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "flexDirection": "column",
-            "alignItems": "start",
-            "gap": "0.6rem",
-            "@--md": {
-              "flexDirection": "row",
-              "alignItems": "baseline",
-              "gap": "0.9rem"
-            }
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "display": "${state.index ? 'block' : 'none'}",
-                "fontFamily": "var(--font-label)",
-                "fontSize": "0.95rem",
-                "fontWeight": "500",
-                "fontVariantNumeric": "tabular-nums",
-                "lineHeight": "1",
-                "color": "${state.tone === 'ink' ? 'var(--color-chalk)' : 'var(--color-pigment)'}"
-              },
-              "textContent": "${state.index}"
-            },
-            {
-              "tagName": "span",
-              "attributes": { "aria-hidden": "true" },
-              "style": {
-                "display": "block",
-                "width": "2.25rem",
-                "height": "2px",
-                "backgroundColor": "${state.tone === 'ink' ? 'rgba(231, 227, 218, 0.5)' : 'var(--color-pigment)'}",
-                "@--md": { "display": "none" }
-              }
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "display": "${state.label ? 'block' : 'none'}",
-                "fontFamily": "var(--font-label)",
-                "fontSize": "0.66rem",
-                "lineHeight": "1.5",
-                "letterSpacing": "var(--label-tracking)",
-                "textTransform": "var(--label-case)",
-                "color": "${state.tone === 'ink' ? 'rgba(231, 227, 218, 0.7)' : 'var(--color-muted)'}"
-              },
-              "textContent": "${state.label}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": { "minWidth": "0" },
-          "children": [{ "tagName": "slot" }]
-        }
-      ]
-    }
-  ]
-}