@jxsuite/starters 3.3.2 → 3.5.0

package/sites/saas/components/sa-faq.json

@@ -1,413 +0,0 @@
-{
-  "tagName": "sa-faq",
-  "state": {
-    "open": 0
-  },
-  "style": {
-    "display": "block",
-    "maxWidth": "var(--max-width-narrow)",
-    "margin": "0 auto",
-    "borderTop": "1px solid var(--color-border)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": { "borderBottom": "1px solid var(--color-border)" },
-      "children": [
-        {
-          "tagName": "button",
-          "onclick": {
-            "$expression": {
-              "operator": "=",
-              "target": { "$ref": "#/state/open" },
-              "value": {
-                "operator": "||",
-                "target": {
-                  "operator": "&&",
-                  "target": { "operator": "===", "target": { "$ref": "#/state/open" }, "value": 0 },
-                  "value": -1
-                },
-                "value": 0
-              }
-            }
-          },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "width": "100%",
-            "padding": "1.4rem 0.25rem",
-            "border": "none",
-            "background": "transparent",
-            "cursor": "pointer",
-            "textAlign": "left",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "Can I change plans or cancel at any time?" },
-            {
-              "tagName": "span",
-              "style": {
-                "flexShrink": "0",
-                "color": "var(--color-primary)",
-                "fontSize": "1.1rem",
-                "transition": "transform 0.2s",
-                "transform": "${state.open === 0 ? 'rotate(180deg)' : 'rotate(0deg)'}"
-              },
-              "textContent": "⌄"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.open === 0 ? 'block' : 'none'}",
-            "padding": "0 0.25rem 1.4rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7",
-            "maxWidth": "60ch"
-          },
-          "textContent": "Absolutely. Upgrade, downgrade, or cancel from your billing settings whenever you like. Changes are prorated automatically, so you only ever pay for what you use."
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "borderBottom": "1px solid var(--color-border)" },
-      "children": [
-        {
-          "tagName": "button",
-          "onclick": {
-            "$expression": {
-              "operator": "=",
-              "target": { "$ref": "#/state/open" },
-              "value": {
-                "operator": "||",
-                "target": {
-                  "operator": "&&",
-                  "target": { "operator": "===", "target": { "$ref": "#/state/open" }, "value": 1 },
-                  "value": -1
-                },
-                "value": 1
-              }
-            }
-          },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "width": "100%",
-            "padding": "1.4rem 0.25rem",
-            "border": "none",
-            "background": "transparent",
-            "cursor": "pointer",
-            "textAlign": "left",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "Is there a free plan?" },
-            {
-              "tagName": "span",
-              "style": {
-                "flexShrink": "0",
-                "color": "var(--color-primary)",
-                "fontSize": "1.1rem",
-                "transition": "transform 0.2s",
-                "transform": "${state.open === 1 ? 'rotate(180deg)' : 'rotate(0deg)'}"
-              },
-              "textContent": "⌄"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.open === 1 ? 'block' : 'none'}",
-            "padding": "0 0.25rem 1.4rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7",
-            "maxWidth": "60ch"
-          },
-          "textContent": "Yes. The Starter plan is free forever and includes up to three projects — no credit card required. It’s a great way to explore Flowlark before inviting your whole team."
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "borderBottom": "1px solid var(--color-border)" },
-      "children": [
-        {
-          "tagName": "button",
-          "onclick": {
-            "$expression": {
-              "operator": "=",
-              "target": { "$ref": "#/state/open" },
-              "value": {
-                "operator": "||",
-                "target": {
-                  "operator": "&&",
-                  "target": { "operator": "===", "target": { "$ref": "#/state/open" }, "value": 2 },
-                  "value": -1
-                },
-                "value": 2
-              }
-            }
-          },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "width": "100%",
-            "padding": "1.4rem 0.25rem",
-            "border": "none",
-            "background": "transparent",
-            "cursor": "pointer",
-            "textAlign": "left",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "How does annual billing save me money?" },
-            {
-              "tagName": "span",
-              "style": {
-                "flexShrink": "0",
-                "color": "var(--color-primary)",
-                "fontSize": "1.1rem",
-                "transition": "transform 0.2s",
-                "transform": "${state.open === 2 ? 'rotate(180deg)' : 'rotate(0deg)'}"
-              },
-              "textContent": "⌄"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.open === 2 ? 'block' : 'none'}",
-            "padding": "0 0.25rem 1.4rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7",
-            "maxWidth": "60ch"
-          },
-          "textContent": "Choosing annual billing gives you roughly two months free — a 20% discount versus paying month to month. Toggle the switch above to compare the two side by side."
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "borderBottom": "1px solid var(--color-border)" },
-      "children": [
-        {
-          "tagName": "button",
-          "onclick": {
-            "$expression": {
-              "operator": "=",
-              "target": { "$ref": "#/state/open" },
-              "value": {
-                "operator": "||",
-                "target": {
-                  "operator": "&&",
-                  "target": { "operator": "===", "target": { "$ref": "#/state/open" }, "value": 3 },
-                  "value": -1
-                },
-                "value": 3
-              }
-            }
-          },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "width": "100%",
-            "padding": "1.4rem 0.25rem",
-            "border": "none",
-            "background": "transparent",
-            "cursor": "pointer",
-            "textAlign": "left",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "textContent": "Do you offer discounts for startups or nonprofits?"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "flexShrink": "0",
-                "color": "var(--color-primary)",
-                "fontSize": "1.1rem",
-                "transition": "transform 0.2s",
-                "transform": "${state.open === 3 ? 'rotate(180deg)' : 'rotate(0deg)'}"
-              },
-              "textContent": "⌄"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.open === 3 ? 'block' : 'none'}",
-            "padding": "0 0.25rem 1.4rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7",
-            "maxWidth": "60ch"
-          },
-          "textContent": "We do. Early-stage startups and registered nonprofits qualify for meaningful discounts on Pro and Scale. Reach out through the contact page and our team will get you set up."
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "borderBottom": "1px solid var(--color-border)" },
-      "children": [
-        {
-          "tagName": "button",
-          "onclick": {
-            "$expression": {
-              "operator": "=",
-              "target": { "$ref": "#/state/open" },
-              "value": {
-                "operator": "||",
-                "target": {
-                  "operator": "&&",
-                  "target": { "operator": "===", "target": { "$ref": "#/state/open" }, "value": 4 },
-                  "value": -1
-                },
-                "value": 4
-              }
-            }
-          },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "width": "100%",
-            "padding": "1.4rem 0.25rem",
-            "border": "none",
-            "background": "transparent",
-            "cursor": "pointer",
-            "textAlign": "left",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "Is my data secure?" },
-            {
-              "tagName": "span",
-              "style": {
-                "flexShrink": "0",
-                "color": "var(--color-primary)",
-                "fontSize": "1.1rem",
-                "transition": "transform 0.2s",
-                "transform": "${state.open === 4 ? 'rotate(180deg)' : 'rotate(0deg)'}"
-              },
-              "textContent": "⌄"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.open === 4 ? 'block' : 'none'}",
-            "padding": "0 0.25rem 1.4rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7",
-            "maxWidth": "60ch"
-          },
-          "textContent": "Security is built in, not bolted on. Data is encrypted in transit and at rest, and the Scale plan adds SSO, SCIM provisioning, and audit logs for teams with stricter compliance needs."
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "borderBottom": "1px solid var(--color-border)" },
-      "children": [
-        {
-          "tagName": "button",
-          "onclick": {
-            "$expression": {
-              "operator": "=",
-              "target": { "$ref": "#/state/open" },
-              "value": {
-                "operator": "||",
-                "target": {
-                  "operator": "&&",
-                  "target": { "operator": "===", "target": { "$ref": "#/state/open" }, "value": 5 },
-                  "value": -1
-                },
-                "value": 5
-              }
-            }
-          },
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "width": "100%",
-            "padding": "1.4rem 0.25rem",
-            "border": "none",
-            "background": "transparent",
-            "cursor": "pointer",
-            "textAlign": "left",
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.1rem",
-            "fontWeight": "600",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [
-            { "tagName": "span", "textContent": "What kind of support do you offer?" },
-            {
-              "tagName": "span",
-              "style": {
-                "flexShrink": "0",
-                "color": "var(--color-primary)",
-                "fontSize": "1.1rem",
-                "transition": "transform 0.2s",
-                "transform": "${state.open === 5 ? 'rotate(180deg)' : 'rotate(0deg)'}"
-              },
-              "textContent": "⌄"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "${state.open === 5 ? 'block' : 'none'}",
-            "padding": "0 0.25rem 1.4rem",
-            "color": "var(--color-text-muted)",
-            "fontSize": "1rem",
-            "lineHeight": "1.7",
-            "maxWidth": "60ch"
-          },
-          "textContent": "Every plan includes documentation and community help. Pro adds priority email support, and Scale includes a dedicated success manager plus guaranteed response times."
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,69 +0,0 @@
-{
-  "tagName": "sa-feature-card",
-  "state": {
-    "icon": "",
-    "title": "",
-    "text": "",
-    "col": "2"
-  },
-  "style": {
-    "display": "flex",
-    "flexDirection": "column",
-    "gridColumn": "span ${state.col}",
-    "padding": "1.9rem",
-    "backgroundColor": "var(--color-bg-elev)",
-    "borderRadius": "var(--radius)",
-    "border": "1px solid var(--color-border)",
-    "position": "relative",
-    "overflow": "hidden",
-    "transition": "border-color 0.18s, transform 0.18s, box-shadow 0.18s",
-    "@--md": { "gridColumn": "span 1" },
-    ":hover": {
-      "borderColor": "rgba(124, 116, 255, 0.5)",
-      "transform": "translateY(-3px)",
-      "boxShadow": "0 18px 44px -20px var(--glow)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "inline-flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "width": "2.9rem",
-        "height": "2.9rem",
-        "borderRadius": "0.7rem",
-        "background": "linear-gradient(150deg, rgba(124,116,255,0.28), rgba(34,211,238,0.14))",
-        "border": "1px solid var(--color-border)",
-        "fontSize": "1.45rem",
-        "lineHeight": "1",
-        "marginBottom": "1.1rem"
-      },
-      "textContent": "${state.icon}"
-    },
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "1.22rem",
-        "fontWeight": "600",
-        "letterSpacing": "-0.01em",
-        "margin": "0 0 0.5rem",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "${state.title}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0",
-        "color": "var(--color-text-muted)",
-        "fontSize": "0.98rem",
-        "lineHeight": "1.65",
-        "maxWidth": "46ch"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}

package/sites/saas/components/sa-feature-split.json

@@ -1,60 +0,0 @@
-{
-  "tagName": "sa-feature-split",
-  "state": {
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "reverse": false
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(3rem, 7vw, 5rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "1fr 1fr",
-        "gap": "clamp(2rem, 5vw, 4rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "order": "${state.reverse ? '2' : '1'}" },
-          "children": [
-            {
-              "tagName": "img",
-              "attributes": {
-                "src": "${state.image}",
-                "alt": "${state.imageAlt}",
-                "loading": "lazy"
-              },
-              "style": {
-                "width": "100%",
-                "height": "auto",
-                "borderRadius": "var(--radius)",
-                "display": "block",
-                "border": "1px solid var(--color-border)",
-                "boxShadow": "0 18px 48px rgba(20, 20, 43, 0.12)"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "order": "${state.reverse ? '1' : '2'}",
-            "fontSize": "1.05rem",
-            "lineHeight": "1.75",
-            "color": "var(--color-text-primary)"
-          },
-          "children": [{ "tagName": "slot" }]
-        }
-      ]
-    }
-  ]
-}

package/sites/saas/components/sa-footer.json

@@ -1,145 +0,0 @@
-{
-  "tagName": "sa-footer",
-  "state": {
-    "brand": "Flowlark",
-    "tagline": "The product platform for teams that ship. Plan, build, and scale without the busywork.",
-    "email": "hello@flowlark.app"
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-dark)",
-    "color": "var(--color-text-white)",
-    "padding": "3.5rem 1.5rem 2rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "2fr 1fr 1fr",
-        "gap": "2.5rem",
-        "@--md": { "gridTemplateColumns": "1fr" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "1.35rem",
-                "fontWeight": "700",
-                "marginBottom": "0.75rem",
-                "letterSpacing": "-0.02em"
-              },
-              "textContent": "${state.brand}"
-            },
-            {
-              "tagName": "p",
-              "style": { "margin": "0", "opacity": "0.7", "maxWidth": "36ch", "lineHeight": "1.7" },
-              "textContent": "${state.tagline}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "textTransform": "uppercase",
-                "letterSpacing": "0.08em",
-                "fontSize": "0.75rem",
-                "opacity": "0.55",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "Product"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/features/" },
-              "style": {
-                "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.8",
-                "textDecoration": "none",
-                "marginBottom": "0.4rem"
-              },
-              "textContent": "Features"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/pricing/" },
-              "style": {
-                "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.8",
-                "textDecoration": "none",
-                "marginBottom": "0.4rem"
-              },
-              "textContent": "Pricing"
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/contact/" },
-              "style": {
-                "display": "block",
-                "color": "var(--color-text-white)",
-                "opacity": "0.8",
-                "textDecoration": "none"
-              },
-              "textContent": "Contact"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "textTransform": "uppercase",
-                "letterSpacing": "0.08em",
-                "fontSize": "0.75rem",
-                "opacity": "0.55",
-                "marginBottom": "0.9rem"
-              },
-              "textContent": "Get in touch"
-            },
-            {
-              "tagName": "p",
-              "style": { "margin": "0 0 0.4rem", "opacity": "0.8" },
-              "textContent": "${state.email}"
-            },
-            {
-              "tagName": "p",
-              "style": { "margin": "0", "opacity": "0.8" },
-              "textContent": "Remote-first · Worldwide"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "2.5rem auto 0",
-        "paddingTop": "1.5rem",
-        "borderTop": "1px solid rgba(255, 255, 255, 0.15)",
-        "fontSize": "0.85rem",
-        "opacity": "0.55"
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": { "margin": "0" },
-          "textContent": "© Flowlark. Built with Jx."
-        }
-      ]
-    }
-  ]
-}