@jxsuite/starters 3.4.0 → 3.5.0

package/sites/nonprofit/components/np-testimonial.json

@@ -1,169 +0,0 @@
-{
-  "tagName": "np-testimonial",
-  "state": {
-    "quote": "",
-    "author": "",
-    "role": "",
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "stat": "",
-    "statLabel": ""
-  },
-  "style": {
-    "display": "block",
-    "position": "relative",
-    "overflow": "hidden",
-    "backgroundColor": "var(--color-bg-mint)",
-    "borderRadius": "var(--radius-lg)",
-    "border": "1px solid var(--color-border)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "grid",
-        "gridTemplateColumns": "0.82fr 1.18fr",
-        "gap": "clamp(1.75rem, 4vw, 3.5rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative",
-            "alignSelf": "stretch",
-            "minHeight": "clamp(320px, 42vw, 460px)",
-            "@--md": { "minHeight": "300px" }
-          },
-          "children": [
-            {
-              "tagName": "img",
-              "attributes": {
-                "src": "${state.image}",
-                "alt": "${state.imageAlt}",
-                "loading": "lazy"
-              },
-              "style": {
-                "position": "absolute",
-                "inset": "0",
-                "width": "100%",
-                "height": "100%",
-                "objectFit": "cover",
-                "display": "block"
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "display": "${state.stat ? 'flex' : 'none'}",
-                "flexDirection": "column",
-                "right": "1.1rem",
-                "bottom": "1.1rem",
-                "padding": "0.85rem 1.15rem",
-                "backgroundColor": "var(--color-bg-white)",
-                "borderRadius": "1rem",
-                "boxShadow": "var(--shadow-card)",
-                "lineHeight": "1.1"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontFamily": "var(--font-display)",
-                    "fontSize": "1.65rem",
-                    "fontWeight": "700",
-                    "color": "var(--color-primary)"
-                  },
-                  "textContent": "${state.stat}"
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontSize": "0.76rem",
-                    "fontWeight": "700",
-                    "color": "var(--color-text-muted)",
-                    "maxWidth": "14ch"
-                  },
-                  "textContent": "${state.statLabel}"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "padding": "clamp(2rem, 4vw, 3.25rem) clamp(1.75rem, 4vw, 3.25rem) clamp(2rem, 4vw, 3.25rem) 0",
-            "@--md": { "padding": "0 clamp(1.5rem, 5vw, 2.5rem) clamp(2rem, 6vw, 2.75rem)" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-display)",
-                "fontSize": "3.5rem",
-                "lineHeight": "0.6",
-                "color": "var(--color-accent)",
-                "margin": "0 0 1rem"
-              },
-              "textContent": "“"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontFamily": "var(--font-display)",
-                "fontSize": "clamp(1.4rem, 2.6vw, 1.95rem)",
-                "lineHeight": "1.4",
-                "fontWeight": "500",
-                "letterSpacing": "-0.01em",
-                "color": "var(--color-primary-deep)",
-                "margin": "0 0 1.75rem"
-              },
-              "textContent": "${state.quote}"
-            },
-            {
-              "tagName": "div",
-              "style": { "display": "flex", "alignItems": "center", "gap": "0.9rem" },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "2.6rem",
-                    "height": "0.28rem",
-                    "borderRadius": "999px",
-                    "backgroundColor": "var(--color-accent)"
-                  }
-                },
-                {
-                  "tagName": "div",
-                  "children": [
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontWeight": "800",
-                        "fontSize": "1.05rem",
-                        "color": "var(--color-text-primary)"
-                      },
-                      "textContent": "${state.author}"
-                    },
-                    {
-                      "tagName": "div",
-                      "style": {
-                        "fontSize": "0.92rem",
-                        "fontWeight": "700",
-                        "color": "var(--color-primary)"
-                      },
-                      "textContent": "${state.role}"
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/nonprofit/layouts/base.json

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

package/sites/portfolio/components/pv-about-split.json

@@ -1,71 +0,0 @@
-{
-  "tagName": "pv-about-split",
-  "state": {
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "reverse": false
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(4rem, 10vw, 8rem) clamp(1.5rem, 4vw, 4rem)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "6fr 5fr",
-        "gap": "clamp(2.5rem, 6vw, 6rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "2.5rem" }
-      },
-      "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%",
-                "aspectRatio": "4 / 5",
-                "objectFit": "cover",
-                "display": "block",
-                "filter": "grayscale(0.15)"
-              }
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "position": "absolute",
-                "top": "1rem",
-                "left": "1rem",
-                "right": "1rem",
-                "bottom": "1rem",
-                "border": "1px solid rgba(200, 164, 92, 0.4)",
-                "pointerEvents": "none"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "order": "${state.reverse ? '1' : '2'}",
-            "fontSize": "1.1rem",
-            "lineHeight": "1.85",
-            "color": "var(--color-text-muted)"
-          },
-          "children": [{ "tagName": "slot" }]
-        }
-      ]
-    }
-  ]
-}

package/sites/portfolio/components/pv-category-pill.json

@@ -1,25 +0,0 @@
-{
-  "tagName": "pv-category-pill",
-  "state": {
-    "label": ""
-  },
-  "style": {
-    "display": "inline-block",
-    "padding": "0.4rem 1rem",
-    "border": "1px solid var(--color-line)",
-    "borderRadius": "999px",
-    "fontSize": "0.68rem",
-    "fontWeight": "600",
-    "letterSpacing": "0.16em",
-    "textTransform": "uppercase",
-    "color": "var(--color-text-muted)",
-    "transition": "border-color 0.15s, color 0.15s",
-    ":hover": { "borderColor": "var(--color-primary)", "color": "var(--color-primary)" }
-  },
-  "children": [
-    {
-      "tagName": "span",
-      "textContent": "${state.label}"
-    }
-  ]
-}

package/sites/portfolio/components/pv-contact-form.json

@@ -1,126 +0,0 @@
-{
-  "tagName": "pv-contact-form",
-  "state": {
-    "heading": "Project inquiry"
-  },
-  "style": {
-    "display": "block",
-    "& input": {
-      "width": "100%",
-      "padding": "0.85rem 1rem",
-      "border": "1px solid var(--color-line)",
-      "backgroundColor": "var(--color-bg-elev)",
-      "color": "var(--color-text-primary)",
-      "borderRadius": "0",
-      "fontSize": "1rem",
-      "fontFamily": "inherit",
-      "outline": "none"
-    },
-    "& input:focus": { "borderColor": "var(--color-primary)" },
-    "& textarea:focus": { "borderColor": "var(--color-primary)" }
-  },
-  "children": [
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.9rem",
-        "fontWeight": "500",
-        "margin": "0 0 1.5rem",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "${state.heading}"
-    },
-    {
-      "tagName": "form",
-      "attributes": { "action": "#", "method": "post" },
-      "style": { "display": "grid", "gap": "1rem", "alignContent": "start" },
-      "children": [
-        {
-          "tagName": "input",
-          "attributes": {
-            "type": "text",
-            "name": "name",
-            "placeholder": "Your name",
-            "required": "true",
-            "aria-label": "Your name"
-          }
-        },
-        {
-          "tagName": "input",
-          "attributes": {
-            "type": "email",
-            "name": "email",
-            "placeholder": "Email address",
-            "required": "true",
-            "aria-label": "Email address"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": { "display": "grid", "gridTemplateColumns": "1fr 1fr", "gap": "1rem" },
-          "children": [
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "text",
-                "name": "type",
-                "placeholder": "Type of project",
-                "aria-label": "Type of project"
-              }
-            },
-            {
-              "tagName": "input",
-              "attributes": { "type": "date", "name": "date", "aria-label": "Preferred date" }
-            }
-          ]
-        },
-        {
-          "tagName": "textarea",
-          "attributes": {
-            "name": "notes",
-            "rows": "4",
-            "placeholder": "Tell us about the shoot…",
-            "aria-label": "Project details"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.85rem 1rem",
-            "border": "1px solid var(--color-line)",
-            "backgroundColor": "var(--color-bg-elev)",
-            "color": "var(--color-text-primary)",
-            "borderRadius": "0",
-            "fontSize": "1rem",
-            "fontFamily": "inherit",
-            "outline": "none"
-          }
-        },
-        {
-          "tagName": "button",
-          "attributes": { "type": "submit" },
-          "textContent": "Send Inquiry →",
-          "style": {
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-bg)",
-            "padding": "0.9rem 1.75rem",
-            "border": "none",
-            "borderRadius": "0",
-            "fontSize": "0.8rem",
-            "fontWeight": "700",
-            "letterSpacing": "0.14em",
-            "textTransform": "uppercase",
-            "cursor": "pointer",
-            "justifySelf": "start",
-            "transition": "background-color 0.15s",
-            ":hover": { "backgroundColor": "var(--color-primary-hover)" }
-          }
-        },
-        {
-          "tagName": "p",
-          "style": { "fontSize": "0.85rem", "color": "var(--color-text-muted)", "margin": "0" },
-          "textContent": "Demo form — wire it to your booking provider or email in pages/contact.md."
-        }
-      ]
-    }
-  ]
-}

package/sites/portfolio/components/pv-cta.json

@@ -1,80 +0,0 @@
-{
-  "tagName": "pv-cta",
-  "state": {
-    "heading": "",
-    "text": "",
-    "cta": "Start a Project",
-    "ctaHref": "/contact/"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-elev)",
-    "borderTop": "1px solid var(--color-line)",
-    "color": "var(--color-text-white)",
-    "padding": "clamp(5rem, 12vw, 9rem) 1.5rem",
-    "textAlign": "center"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": { "maxWidth": "760px", "margin": "0 auto" },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "textTransform": "uppercase",
-            "letterSpacing": "0.28em",
-            "fontSize": "0.7rem",
-            "fontWeight": "500",
-            "color": "var(--color-primary)",
-            "margin": "0 0 1.5rem"
-          },
-          "textContent": "Commissions open"
-        },
-        {
-          "tagName": "h2",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "clamp(2.5rem, 6vw, 4.5rem)",
-            "fontWeight": "400",
-            "lineHeight": "1.04",
-            "letterSpacing": "-0.01em",
-            "margin": "0 0 1.5rem"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "fontSize": "1.15rem",
-            "lineHeight": "1.75",
-            "color": "var(--color-text-muted)",
-            "margin": "0 auto 2.5rem",
-            "maxWidth": "48ch"
-          },
-          "textContent": "${state.text}"
-        },
-        {
-          "tagName": "a",
-          "attributes": { "href": "${state.ctaHref}" },
-          "style": {
-            "display": "inline-flex",
-            "alignItems": "center",
-            "gap": "0.7rem",
-            "color": "var(--color-text-white)",
-            "fontSize": "0.8rem",
-            "fontWeight": "600",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.2em",
-            "textDecoration": "none",
-            "borderBottom": "1px solid var(--color-primary)",
-            "paddingBottom": "0.5rem",
-            "transition": "gap 0.2s, color 0.15s",
-            ":hover": { "gap": "1.2rem", "color": "var(--color-primary)" }
-          },
-          "textContent": "${state.cta} →"
-        }
-      ]
-    }
-  ]
-}

package/sites/portfolio/components/pv-feature.json

@@ -1,48 +0,0 @@
-{
-  "tagName": "pv-feature",
-  "state": {
-    "number": "",
-    "title": "",
-    "text": ""
-  },
-  "style": {
-    "display": "block",
-    "paddingTop": "1.75rem",
-    "borderTop": "2px solid var(--color-ink)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "${state.number ? 'block' : 'none'}",
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.4rem",
-        "fontWeight": "600",
-        "color": "var(--color-primary)",
-        "marginBottom": "0.75rem",
-        "lineHeight": "1"
-      },
-      "textContent": "${state.number}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.4rem",
-        "fontWeight": "600",
-        "margin": "0 0 0.5rem"
-      },
-      "textContent": "${state.title}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0",
-        "color": "var(--color-text-muted)",
-        "fontSize": "1rem",
-        "lineHeight": "1.7"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}