@jxsuite/starters 3.4.0 → 3.5.0

package/sites/restaurant/components/bit-nav.json

@@ -1,214 +0,0 @@
-{
-  "tagName": "bit-nav",
-  "state": {
-    "brand": "Bistro & Café",
-    "status": "Open today · 8am – 3pm",
-    "place": "128 Market St · Riverbend"
-  },
-  "style": {
-    "display": "block",
-    "position": "sticky",
-    "top": "0",
-    "zIndex": "50"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "backgroundColor": "var(--color-espresso)",
-        "color": "var(--color-text-white)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "maxWidth": "var(--max-width-wide)",
-            "margin": "0 auto",
-            "padding": "0.42rem 1.5rem",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "gap": "0.9rem",
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.72rem",
-            "fontWeight": "600",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.18em"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.5rem",
-                "color": "var(--color-amber)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.42rem",
-                    "height": "0.42rem",
-                    "borderRadius": "999px",
-                    "backgroundColor": "var(--color-amber)",
-                    "boxShadow": "0 0 0 3px rgba(201,138,60,0.25)"
-                  }
-                },
-                { "tagName": "span", "textContent": "${state.status}" }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "opacity": "0.35",
-                "@--sm": { "display": "none" }
-              },
-              "textContent": "—"
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "opacity": "0.72",
-                "@--sm": { "display": "none" }
-              },
-              "textContent": "${state.place}"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "backgroundColor": "rgba(246,236,219,0.9)",
-        "backdropFilter": "blur(8px)",
-        "borderBottom": "1px solid var(--color-border)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "maxWidth": "var(--max-width-wide)",
-            "margin": "0 auto",
-            "padding": "0.85rem 1.5rem",
-            "display": "grid",
-            "gridTemplateColumns": "1fr auto 1fr",
-            "alignItems": "center",
-            "gap": "1rem"
-          },
-          "children": [
-            {
-              "tagName": "nav",
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "1.75rem",
-                "fontFamily": "var(--font-body)",
-                "fontSize": "0.76rem",
-                "fontWeight": "700",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.16em",
-                "@--sm": { "gap": "1.1rem" }
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/menu/" },
-                  "style": {
-                    "color": "var(--color-text-primary)",
-                    "textDecoration": "none",
-                    "transition": "color 0.15s",
-                    ":hover": { "color": "var(--color-primary)" }
-                  },
-                  "textContent": "Menu"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/about/" },
-                  "style": {
-                    "color": "var(--color-text-primary)",
-                    "textDecoration": "none",
-                    "transition": "color 0.15s",
-                    "@--sm": { "display": "none" },
-                    ":hover": { "color": "var(--color-primary)" }
-                  },
-                  "textContent": "Story"
-                }
-              ]
-            },
-            {
-              "tagName": "a",
-              "attributes": { "href": "/" },
-              "style": {
-                "justifySelf": "center",
-                "textAlign": "center",
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "clamp(1.35rem, 3.5vw, 1.85rem)",
-                "fontWeight": "700",
-                "color": "var(--color-text-primary)",
-                "textDecoration": "none",
-                "letterSpacing": "-0.01em",
-                "lineHeight": "1",
-                "whiteSpace": "nowrap"
-              },
-              "textContent": "${state.brand}"
-            },
-            {
-              "tagName": "nav",
-              "style": {
-                "justifySelf": "end",
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "1.5rem"
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/contact/" },
-                  "style": {
-                    "fontFamily": "var(--font-body)",
-                    "fontSize": "0.76rem",
-                    "fontWeight": "700",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.16em",
-                    "color": "var(--color-text-primary)",
-                    "textDecoration": "none",
-                    "transition": "color 0.15s",
-                    "@--md": { "display": "none" },
-                    ":hover": { "color": "var(--color-primary)" }
-                  },
-                  "textContent": "Visit"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "/contact/" },
-                  "style": {
-                    "display": "inline-block",
-                    "border": "1px solid var(--color-primary)",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "padding": "0.5rem 1.25rem",
-                    "borderRadius": "999px",
-                    "textDecoration": "none",
-                    "fontFamily": "var(--font-body)",
-                    "fontWeight": "700",
-                    "fontSize": "0.76rem",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "transition": "background-color 0.15s, color 0.15s",
-                    ":hover": {
-                      "backgroundColor": "transparent",
-                      "color": "var(--color-primary)"
-                    }
-                  },
-                  "textContent": "Reserve"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/restaurant/components/bit-reservation.json

@@ -1,155 +0,0 @@
-{
-  "tagName": "bit-reservation",
-  "state": {
-    "heading": "Request a table",
-    "intro": "Tell us when you'd like to come in and we'll confirm by email within a day."
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "padding": "clamp(1.75rem, 3.5vw, 2.75rem)",
-    "boxShadow": "0 24px 60px -40px rgba(30,21,15,0.5)",
-    "& input": {
-      "width": "100%",
-      "padding": "0.8rem 0.95rem",
-      "border": "1px solid var(--color-border-strong)",
-      "borderRadius": "var(--radius)",
-      "fontSize": "1rem",
-      "fontFamily": "var(--font-body)",
-      "backgroundColor": "var(--color-bg-paper)",
-      "color": "var(--color-text-primary)"
-    },
-    "& input:focus": {
-      "outline": "none",
-      "borderColor": "var(--color-primary)"
-    },
-    "& textarea:focus": {
-      "outline": "none",
-      "borderColor": "var(--color-primary)"
-    }
-  },
-  "children": [
-    {
-      "tagName": "h3",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(1.65rem, 3vw, 2rem)",
-        "fontWeight": "700",
-        "letterSpacing": "-0.01em",
-        "margin": "0 0 0.5rem",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "${state.heading}"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "margin": "0 0 1.5rem",
-        "fontFamily": "var(--font-heading)",
-        "fontStyle": "italic",
-        "fontSize": "1.05rem",
-        "color": "var(--color-text-muted)"
-      },
-      "textContent": "${state.intro}"
-    },
-    {
-      "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": "date", "name": "date", "aria-label": "Preferred date" }
-            },
-            {
-              "tagName": "input",
-              "attributes": {
-                "type": "number",
-                "name": "party",
-                "min": "1",
-                "max": "20",
-                "placeholder": "Party size",
-                "aria-label": "Party size"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "textarea",
-          "attributes": {
-            "name": "notes",
-            "rows": "3",
-            "placeholder": "Anything we should know?",
-            "aria-label": "Notes"
-          },
-          "style": {
-            "width": "100%",
-            "padding": "0.8rem 0.95rem",
-            "border": "1px solid var(--color-border-strong)",
-            "borderRadius": "var(--radius)",
-            "fontSize": "1rem",
-            "fontFamily": "var(--font-body)",
-            "backgroundColor": "var(--color-bg-paper)",
-            "color": "var(--color-text-primary)"
-          }
-        },
-        {
-          "tagName": "button",
-          "attributes": { "type": "submit" },
-          "textContent": "Request a Table",
-          "style": {
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-text-white)",
-            "padding": "0.9rem 1.75rem",
-            "border": "none",
-            "borderRadius": "999px",
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.85rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.14em",
-            "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/restaurant/components/bit-review.json

@@ -1,84 +0,0 @@
-{
-  "tagName": "bit-review",
-  "state": {
-    "quote": "",
-    "author": "",
-    "role": ""
-  },
-  "style": {
-    "display": "block"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "4.5rem",
-        "lineHeight": "0.6",
-        "fontWeight": "700",
-        "color": "var(--color-primary)",
-        "marginBottom": "1rem",
-        "height": "2rem"
-      },
-      "textContent": "“"
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(1.5rem, 3vw, 2.15rem)",
-        "fontStyle": "italic",
-        "fontWeight": "400",
-        "lineHeight": "1.35",
-        "letterSpacing": "-0.01em",
-        "margin": "0 0 1.75rem",
-        "color": "var(--color-text-primary)"
-      },
-      "textContent": "${state.quote}"
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "center",
-        "gap": "0.85rem"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "width": "2rem",
-            "height": "1px",
-            "backgroundColor": "var(--color-primary)"
-          }
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-body)",
-                "fontWeight": "700",
-                "fontSize": "0.85rem",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.1em",
-                "color": "var(--color-text-primary)"
-              },
-              "textContent": "${state.author}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "fontFamily": "var(--font-body)",
-                "fontSize": "0.85rem",
-                "color": "var(--color-text-muted)"
-              },
-              "textContent": "${state.role}"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/restaurant/components/bit-section-header.json

@@ -1,98 +0,0 @@
-{
-  "tagName": "bit-section-header",
-  "state": {
-    "eyebrow": "",
-    "heading": "",
-    "headingAccent": "",
-    "subheading": "",
-    "align": "center"
-  },
-  "style": {
-    "display": "block",
-    "maxWidth": "var(--max-width-narrow)",
-    "margin": "0 auto 2.75rem",
-    "textAlign": "${state.align}"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "${state.eyebrow ? 'flex' : 'none'}",
-        "alignItems": "center",
-        "gap": "0.85rem",
-        "justifyContent": "${state.align === 'center' ? 'center' : 'flex-start'}",
-        "marginBottom": "1.1rem"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "width": "2.25rem",
-            "height": "1px",
-            "backgroundColor": "var(--color-primary)"
-          }
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "fontFamily": "var(--font-body)",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.22em",
-            "fontSize": "0.74rem",
-            "fontWeight": "700",
-            "color": "var(--color-primary)"
-          },
-          "textContent": "${state.eyebrow}"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "display": "${state.align === 'center' ? 'block' : 'none'}",
-            "width": "2.25rem",
-            "height": "1px",
-            "backgroundColor": "var(--color-primary)"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "h2",
-      "style": {
-        "fontFamily": "var(--font-heading)",
-        "fontSize": "clamp(2rem, 4.4vw, 3rem)",
-        "fontWeight": "700",
-        "lineHeight": "1.1",
-        "letterSpacing": "-0.02em",
-        "margin": "0",
-        "color": "var(--color-text-primary)"
-      },
-      "children": [
-        { "tagName": "span", "textContent": "${state.heading}" },
-        {
-          "tagName": "span",
-          "style": {
-            "display": "${state.headingAccent ? 'inline' : 'none'}",
-            "fontStyle": "italic",
-            "fontWeight": "500",
-            "color": "var(--color-primary)"
-          },
-          "textContent": " ${state.headingAccent}"
-        }
-      ]
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.subheading ? 'block' : 'none'}",
-        "fontFamily": "var(--font-body)",
-        "fontSize": "1.1rem",
-        "lineHeight": "1.7",
-        "color": "var(--color-text-muted)",
-        "margin": "1.1rem auto 0",
-        "maxWidth": "56ch"
-      },
-      "textContent": "${state.subheading}"
-    }
-  ]
-}

package/sites/restaurant/layouts/base.json

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

package/sites/saas/components/sa-check-item.json

@@ -1,40 +0,0 @@
-{
-  "tagName": "sa-check-item",
-  "state": {
-    "text": ""
-  },
-  "style": {
-    "display": "flex",
-    "alignItems": "flex-start",
-    "gap": "0.7rem"
-  },
-  "children": [
-    {
-      "tagName": "span",
-      "style": {
-        "display": "inline-flex",
-        "alignItems": "center",
-        "justifyContent": "center",
-        "flexShrink": "0",
-        "width": "1.4rem",
-        "height": "1.4rem",
-        "borderRadius": "50%",
-        "backgroundColor": "var(--color-accent-soft)",
-        "color": "var(--color-primary)",
-        "fontSize": "0.8rem",
-        "fontWeight": "700",
-        "marginTop": "0.1rem"
-      },
-      "textContent": "✓"
-    },
-    {
-      "tagName": "span",
-      "style": {
-        "color": "var(--color-text-primary)",
-        "fontSize": "1rem",
-        "lineHeight": "1.6"
-      },
-      "textContent": "${state.text}"
-    }
-  ]
-}