@jxsuite/starters 3.4.0 → 3.5.0

package/sites/saas/components/sa-testimonial-card.json

@@ -1,57 +0,0 @@
-{
-  "tagName": "sa-testimonial-card",
-  "state": {
-    "quote": "",
-    "author": "",
-    "company": ""
-  },
-  "style": {
-    "display": "flex",
-    "flexDirection": "column",
-    "gap": "1.25rem",
-    "padding": "1.9rem",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "boxShadow": "0 4px 24px rgba(20, 20, 43, 0.05)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "color": "var(--color-primary)",
-        "fontSize": "1rem",
-        "letterSpacing": "0.15em"
-      },
-      "textContent": "★★★★★"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.12rem",
-        "lineHeight": "1.6",
-        "fontWeight": "500",
-        "margin": "0",
-        "flex": "1",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "“${state.quote}”"
-    },
-    {
-      "tagName": "div",
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "fontWeight": "600", "color": "var(--color-text-primary)" },
-          "textContent": "${state.author}"
-        },
-        {
-          "tagName": "div",
-          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
-          "textContent": "${state.company}"
-        }
-      ]
-    }
-  ]
-}

package/sites/saas/layouts/base.json

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

package/sites/shop/components/shp-badge.json

@@ -1,18 +0,0 @@
-{
-  "tagName": "shp-badge",
-  "state": {
-    "label": ""
-  },
-  "style": {
-    "display": "inline-block",
-    "padding": "0.25rem 0.7rem",
-    "borderRadius": "999px",
-    "fontSize": "0.72rem",
-    "fontWeight": "600",
-    "textTransform": "uppercase",
-    "letterSpacing": "0.06em",
-    "backgroundColor": "rgba(22, 163, 74, 0.12)",
-    "color": "var(--color-primary-hover)"
-  },
-  "children": [{ "tagName": "span", "textContent": "${state.label}" }]
-}

package/sites/shop/components/shp-category-tile.json

@@ -1,104 +0,0 @@
-{
-  "tagName": "shp-category-tile",
-  "state": {
-    "icon": "",
-    "name": "",
-    "count": "",
-    "href": "/products/"
-  },
-  "style": { "display": "block", "minWidth": "0" },
-  "children": [
-    {
-      "tagName": "a",
-      "attributes": { "href": "${state.href}" },
-      "style": {
-        "position": "relative",
-        "display": "flex",
-        "flexDirection": "column",
-        "gap": "0.75rem",
-        "height": "100%",
-        "padding": "1.35rem 1.25rem",
-        "borderRadius": "var(--radius)",
-        "backgroundColor": "var(--color-bg-white)",
-        "border": "1px solid var(--color-border)",
-        "textDecoration": "none",
-        "color": "var(--color-text-primary)",
-        "overflow": "hidden",
-        "transition": "border-color 0.18s, transform 0.18s, box-shadow 0.18s",
-        ":hover": {
-          "borderColor": "var(--color-primary)",
-          "transform": "translateY(-4px)",
-          "boxShadow": "var(--shadow-card)"
-        },
-        ":hover .cat-go": {
-          "backgroundColor": "var(--color-primary)",
-          "color": "var(--color-text-white)"
-        }
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "display": "inline-flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "width": "3rem",
-            "height": "3rem",
-            "borderRadius": "0.75rem",
-            "backgroundColor": "var(--color-brand-tint)",
-            "fontSize": "1.55rem",
-            "lineHeight": "1"
-          },
-          "textContent": "${state.icon}"
-        },
-        {
-          "tagName": "div",
-          "style": { "marginTop": "auto" },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.15rem",
-                "fontWeight": "800",
-                "letterSpacing": "-0.01em"
-              },
-              "textContent": "${state.name}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "marginTop": "0.15rem",
-                "fontSize": "0.85rem",
-                "fontWeight": "600",
-                "color": "var(--color-text-muted)"
-              },
-              "textContent": "${state.count}"
-            }
-          ]
-        },
-        {
-          "tagName": "span",
-          "attributes": { "class": "cat-go" },
-          "style": {
-            "position": "absolute",
-            "top": "1.35rem",
-            "right": "1.25rem",
-            "display": "inline-flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "width": "1.9rem",
-            "height": "1.9rem",
-            "borderRadius": "999px",
-            "backgroundColor": "var(--color-bg-cream)",
-            "color": "var(--color-text-primary)",
-            "fontSize": "0.9rem",
-            "fontWeight": "800",
-            "transition": "background-color 0.18s, color 0.18s"
-          },
-          "textContent": "→"
-        }
-      ]
-    }
-  ]
-}

package/sites/shop/components/shp-contact-form.json

@@ -1,156 +0,0 @@
-{
-  "tagName": "shp-contact-form",
-  "state": {
-    "heading": "Send us a message"
-  },
-  "style": {
-    "display": "block"
-  },
-  "children": [
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.6rem",
-        "margin": "0 0 1.25rem"
-      },
-      "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"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.75rem 0.9rem",
-            "border": "1px solid var(--color-border)",
-            "borderRadius": "var(--radius)",
-            "fontSize": "1rem"
-          }
-        },
-        {
-          "tagName": "input",
-          "attributes": {
-            "type": "email",
-            "name": "email",
-            "placeholder": "Email address",
-            "required": "true",
-            "aria-label": "Email address"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.75rem 0.9rem",
-            "border": "1px solid var(--color-border)",
-            "borderRadius": "var(--radius)",
-            "fontSize": "1rem"
-          }
-        },
-        {
-          "tagName": "div",
-          "style": { "display": "grid", "gridTemplateColumns": "1fr 1fr", "gap": "1rem" },
-          "children": [
-            {
-              "tagName": "select",
-              "attributes": { "name": "topic", "aria-label": "What can we help with?" },
-              "style": {
-                "width": "100%",
-                "padding": "0.75rem 0.9rem",
-                "border": "1px solid var(--color-border)",
-                "borderRadius": "var(--radius)",
-                "fontSize": "1rem",
-                "backgroundColor": "var(--color-bg-white)"
-              },
-              "children": [
-                {
-                  "tagName": "option",
-                  "attributes": { "value": "sales" },
-                  "textContent": "Buying a bike"
-                },
-                {
-                  "tagName": "option",
-                  "attributes": { "value": "service" },
-                  "textContent": "Book a service"
-                },
-                {
-                  "tagName": "option",
-                  "attributes": { "value": "fit" },
-                  "textContent": "Bike fitting"
-                },
-                {
-                  "tagName": "option",
-                  "attributes": { "value": "other" },
-                  "textContent": "Something else"
-                }
-              ]
-            },
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "date",
-                "name": "date",
-                "aria-label": "Preferred service date"
-              },
-              "style": {
-                "width": "100%",
-                "padding": "0.75rem 0.9rem",
-                "border": "1px solid var(--color-border)",
-                "borderRadius": "var(--radius)",
-                "fontSize": "1rem"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "textarea",
-          "attributes": {
-            "name": "notes",
-            "rows": "3",
-            "placeholder": "Tell us about your bike or what you're after…",
-            "aria-label": "Notes"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.75rem 0.9rem",
-            "border": "1px solid var(--color-border)",
-            "borderRadius": "var(--radius)",
-            "fontSize": "1rem",
-            "fontFamily": "inherit"
-          }
-        },
-        {
-          "tagName": "button",
-          "attributes": { "type": "submit" },
-          "textContent": "Send Message",
-          "style": {
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-text-white)",
-            "padding": "0.85rem 1.5rem",
-            "border": "none",
-            "borderRadius": "999px",
-            "fontSize": "1rem",
-            "fontWeight": "600",
-            "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": "This is a demo form. Wire it to your booking provider or email in pages/contact.md."
-        }
-      ]
-    }
-  ]
-}

package/sites/shop/components/shp-cta.json

@@ -1,121 +0,0 @@
-{
-  "tagName": "shp-cta",
-  "state": {
-    "heading": "",
-    "text": "",
-    "cta": "Visit the Shop",
-    "ctaHref": "/contact/",
-    "cta2": "",
-    "cta2Href": "/products/"
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(2.5rem, 6vw, 4rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "position": "relative",
-        "overflow": "hidden",
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "borderRadius": "var(--radius-lg)",
-        "backgroundColor": "var(--color-bg-dark)",
-        "backgroundImage": "radial-gradient(circle at 85% 10%, rgba(38,208,124,0.28), transparent 45%), radial-gradient(circle at 10% 95%, rgba(38,208,124,0.12), transparent 40%)",
-        "color": "var(--color-text-white)",
-        "padding": "clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 5vw, 4rem)",
-        "textAlign": "center"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "maxWidth": "var(--max-width-narrow)", "margin": "0 auto" },
-          "children": [
-            {
-              "tagName": "h2",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "clamp(1.9rem, 4.5vw, 3rem)",
-                "fontWeight": "800",
-                "lineHeight": "1.04",
-                "letterSpacing": "-0.03em",
-                "margin": "0 0 1rem"
-              },
-              "textContent": "${state.heading}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontSize": "1.1rem",
-                "lineHeight": "1.65",
-                "color": "rgba(255,255,255,0.78)",
-                "margin": "0 auto 2rem",
-                "maxWidth": "48ch"
-              },
-              "textContent": "${state.text}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "gap": "0.75rem",
-                "justifyContent": "center",
-                "flexWrap": "wrap"
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.ctaHref}" },
-                  "style": {
-                    "display": "inline-flex",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "padding": "0.95rem 2.1rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1.05rem",
-                    "fontWeight": "700",
-                    "textDecoration": "none",
-                    "boxShadow": "0 14px 30px -12px rgba(10,157,84,0.8)",
-                    "transition": "transform 0.15s, background-color 0.15s",
-                    ":hover": {
-                      "backgroundColor": "var(--color-primary-hover)",
-                      "transform": "translateY(-2px)"
-                    }
-                  },
-                  "children": [
-                    { "tagName": "span", "textContent": "${state.cta}" },
-                    { "tagName": "span", "textContent": "→" }
-                  ]
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.cta2Href}" },
-                  "style": {
-                    "display": "${state.cta2 ? 'inline-flex' : 'none'}",
-                    "alignItems": "center",
-                    "border": "1px solid rgba(255,255,255,0.28)",
-                    "color": "var(--color-text-white)",
-                    "padding": "0.95rem 1.85rem",
-                    "borderRadius": "999px",
-                    "fontSize": "1.05rem",
-                    "fontWeight": "700",
-                    "textDecoration": "none",
-                    "transition": "background-color 0.15s, border-color 0.15s",
-                    ":hover": {
-                      "backgroundColor": "rgba(255,255,255,0.1)",
-                      "borderColor": "rgba(255,255,255,0.5)"
-                    }
-                  },
-                  "textContent": "${state.cta2}"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/shop/components/shp-feature.json

@@ -1,60 +0,0 @@
-{
-  "tagName": "shp-feature",
-  "state": {
-    "icon": "",
-    "title": "",
-    "text": ""
-  },
-  "style": {
-    "display": "block",
-    "padding": "1.75rem",
-    "backgroundColor": "var(--color-bg-white)",
-    "borderRadius": "var(--radius)",
-    "border": "1px solid var(--color-border)",
-    "transition": "border-color 0.15s, transform 0.15s, box-shadow 0.15s",
-    ":hover": {
-      "borderColor": "var(--color-primary)",
-      "transform": "translateY(-4px)",
-      "boxShadow": "var(--shadow-card)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "width": "3rem",
-        "height": "3rem",
-        "display": "flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "borderRadius": "0.7rem",
-        "backgroundColor": "var(--color-brand-tint)",
-        "fontSize": "1.5rem",
-        "marginBottom": "1.1rem",
-        "lineHeight": "1"
-      },
-      "textContent": "${state.icon}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.28rem",
-        "fontWeight": "800",
-        "letterSpacing": "-0.01em",
-        "margin": "0 0 0.5rem"
-      },
-      "textContent": "${state.title}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0",
-        "color": "var(--color-text-muted)",
-        "fontSize": "0.98rem",
-        "lineHeight": "1.65"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}