@jxsuite/starters 3.3.2 → 3.5.0

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

@@ -1,253 +0,0 @@
-{
-  "tagName": "bit-hero",
-  "state": {
-    "eyebrow": "",
-    "heading": "",
-    "headingAccent": "",
-    "headingTail": "",
-    "subheading": "",
-    "hours": "",
-    "cta": "Reserve a Table",
-    "ctaHref": "/contact/",
-    "cta2": "",
-    "cta2Href": "/menu/",
-    "caption": "",
-    "bg": { "type": "string", "format": "image", "default": "" }
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-paper)",
-    "borderBottom": "1px solid var(--color-border)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width-wide)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "1.05fr 1fr",
-        "alignItems": "stretch",
-        "minHeight": "min(84vh, 780px)",
-        "@--md": { "gridTemplateColumns": "1fr", "minHeight": "0" }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "flexDirection": "column",
-            "justifyContent": "center",
-            "padding": "clamp(2.75rem, 6vw, 5.5rem) clamp(1.5rem, 4vw, 4rem)",
-            "order": "1",
-            "@--md": { "order": "2", "padding": "clamp(2.5rem, 7vw, 3.5rem) 1.5rem" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "0.9rem",
-                "marginBottom": "1.75rem"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "2.75rem",
-                    "height": "1px",
-                    "backgroundColor": "var(--color-primary)"
-                  }
-                },
-                {
-                  "tagName": "p",
-                  "style": {
-                    "margin": "0",
-                    "fontFamily": "var(--font-body)",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.24em",
-                    "fontSize": "0.74rem",
-                    "fontWeight": "700",
-                    "color": "var(--color-primary)"
-                  },
-                  "textContent": "${state.eyebrow}"
-                }
-              ]
-            },
-            {
-              "tagName": "h1",
-              "style": {
-                "fontFamily": "var(--font-heading)",
-                "fontSize": "clamp(2.75rem, 6.4vw, 5.25rem)",
-                "fontWeight": "700",
-                "lineHeight": "1.02",
-                "letterSpacing": "-0.02em",
-                "margin": "0 0 1.5rem",
-                "color": "var(--color-text-primary)"
-              },
-              "children": [
-                { "tagName": "span", "textContent": "${state.heading} " },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontStyle": "italic",
-                    "fontWeight": "500",
-                    "color": "var(--color-primary)"
-                  },
-                  "textContent": "${state.headingAccent}"
-                },
-                { "tagName": "span", "textContent": "${state.headingTail}" }
-              ]
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "fontFamily": "var(--font-body)",
-                "fontSize": "clamp(1.05rem, 1.5vw, 1.2rem)",
-                "lineHeight": "1.7",
-                "margin": "0 0 2rem",
-                "color": "var(--color-text-muted)",
-                "maxWidth": "44ch"
-              },
-              "textContent": "${state.subheading}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "1rem",
-                "flexWrap": "wrap"
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.ctaHref}" },
-                  "style": {
-                    "display": "inline-block",
-                    "backgroundColor": "var(--color-primary)",
-                    "color": "var(--color-text-white)",
-                    "padding": "0.9rem 2rem",
-                    "borderRadius": "999px",
-                    "fontFamily": "var(--font-body)",
-                    "fontSize": "0.82rem",
-                    "fontWeight": "700",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "textDecoration": "none",
-                    "transition": "background-color 0.15s",
-                    ":hover": { "backgroundColor": "var(--color-primary-hover)" }
-                  },
-                  "textContent": "${state.cta}"
-                },
-                {
-                  "tagName": "a",
-                  "attributes": { "href": "${state.cta2Href}" },
-                  "style": {
-                    "display": "${state.cta2 ? 'inline-flex' : 'none'}",
-                    "alignItems": "center",
-                    "gap": "0.5rem",
-                    "color": "var(--color-text-primary)",
-                    "fontFamily": "var(--font-body)",
-                    "fontSize": "0.82rem",
-                    "fontWeight": "700",
-                    "textTransform": "uppercase",
-                    "letterSpacing": "0.14em",
-                    "textDecoration": "none",
-                    "borderBottom": "1px solid var(--color-border-strong)",
-                    "paddingBottom": "0.4rem",
-                    "transition": "gap 0.2s, border-color 0.15s",
-                    ":hover": { "gap": "0.95rem", "borderColor": "var(--color-primary)" }
-                  },
-                  "textContent": "${state.cta2} →"
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.hours ? 'flex' : 'none'}",
-                "alignItems": "center",
-                "gap": "0.6rem",
-                "marginTop": "2.25rem",
-                "fontFamily": "var(--font-body)",
-                "fontSize": "0.8rem",
-                "fontWeight": "600",
-                "color": "var(--color-text-muted)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.5rem",
-                    "height": "0.5rem",
-                    "borderRadius": "999px",
-                    "backgroundColor": "var(--color-amber)",
-                    "boxShadow": "0 0 0 3px rgba(201,138,60,0.22)"
-                  }
-                },
-                { "tagName": "span", "textContent": "${state.hours}" }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "position": "relative",
-            "order": "2",
-            "minHeight": "clamp(320px, 46vw, 780px)",
-            "backgroundImage": "url('${state.bg}')",
-            "backgroundSize": "cover",
-            "backgroundPosition": "center",
-            "@--md": { "order": "1", "minHeight": "clamp(300px, 62vw, 460px)" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "position": "absolute",
-                "inset": "0",
-                "background": "linear-gradient(210deg, rgba(30,21,15,0) 45%, rgba(30,21,15,0.55) 100%)"
-              }
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.caption ? 'flex' : 'none'}",
-                "position": "absolute",
-                "left": "clamp(1rem, 2vw, 1.75rem)",
-                "bottom": "clamp(1rem, 2vw, 1.75rem)",
-                "alignItems": "center",
-                "gap": "0.7rem",
-                "padding": "0.55rem 1rem",
-                "backgroundColor": "rgba(30,21,15,0.62)",
-                "backdropFilter": "blur(4px)",
-                "borderRadius": "999px",
-                "color": "var(--color-text-white)",
-                "fontFamily": "var(--font-body)",
-                "fontSize": "0.72rem",
-                "fontWeight": "600",
-                "textTransform": "uppercase",
-                "letterSpacing": "0.14em"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": {
-                    "width": "0.4rem",
-                    "height": "0.4rem",
-                    "borderRadius": "999px",
-                    "backgroundColor": "var(--color-amber)"
-                  }
-                },
-                { "tagName": "span", "textContent": "${state.caption}" }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

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

@@ -1,183 +0,0 @@
-{
-  "tagName": "bit-hours",
-  "state": {
-    "heading": "Hours",
-    "status": "Open today",
-    "weekdays": "7:00am – 3:00pm",
-    "saturday": "8:00am – 4:00pm",
-    "sunday": "8:00am – 2:00pm",
-    "note": "Kitchen closes 30 minutes before close."
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-espresso)",
-    "color": "var(--color-text-white)",
-    "borderRadius": "var(--radius)",
-    "padding": "clamp(1.75rem, 3vw, 2.5rem)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "center",
-        "justifyContent": "space-between",
-        "gap": "1rem",
-        "marginBottom": "1.5rem"
-      },
-      "children": [
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.65rem",
-            "fontWeight": "700",
-            "margin": "0",
-            "color": "var(--color-text-white)"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "display": "inline-flex",
-            "alignItems": "center",
-            "gap": "0.5rem",
-            "padding": "0.35rem 0.85rem",
-            "borderRadius": "999px",
-            "border": "1px solid rgba(201,138,60,0.5)",
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.68rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.14em",
-            "color": "var(--color-amber)"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": {
-                "width": "0.45rem",
-                "height": "0.45rem",
-                "borderRadius": "999px",
-                "backgroundColor": "var(--color-amber)",
-                "boxShadow": "0 0 0 3px rgba(201,138,60,0.22)"
-              }
-            },
-            { "tagName": "span", "textContent": "${state.status}" }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "justifyContent": "space-between",
-        "alignItems": "baseline",
-        "padding": "0.7rem 0",
-        "borderBottom": "1px solid rgba(246,236,219,0.14)"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.78rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.12em",
-            "opacity": "0.75"
-          },
-          "textContent": "Mon – Fri"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.15rem",
-            "color": "var(--color-text-white)"
-          },
-          "textContent": "${state.weekdays}"
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "justifyContent": "space-between",
-        "alignItems": "baseline",
-        "padding": "0.7rem 0",
-        "borderBottom": "1px solid rgba(246,236,219,0.14)"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.78rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.12em",
-            "opacity": "0.75"
-          },
-          "textContent": "Saturday"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.15rem",
-            "color": "var(--color-text-white)"
-          },
-          "textContent": "${state.saturday}"
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "justifyContent": "space-between",
-        "alignItems": "baseline",
-        "padding": "0.7rem 0"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-body)",
-            "fontSize": "0.78rem",
-            "fontWeight": "700",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.12em",
-            "opacity": "0.75"
-          },
-          "textContent": "Sunday"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.15rem",
-            "color": "var(--color-text-white)"
-          },
-          "textContent": "${state.sunday}"
-        }
-      ]
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.note ? 'block' : 'none'}",
-        "margin": "1.5rem 0 0",
-        "fontFamily": "var(--font-heading)",
-        "fontStyle": "italic",
-        "fontSize": "0.95rem",
-        "opacity": "0.6"
-      },
-      "textContent": "${state.note}"
-    }
-  ]
-}

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

@@ -1,96 +0,0 @@
-{
-  "tagName": "bit-intro",
-  "state": {
-    "image": { "type": "string", "format": "image", "default": "" },
-    "imageAlt": "",
-    "kicker": "",
-    "reverse": false
-  },
-  "style": {
-    "display": "block",
-    "padding": "clamp(3.5rem, 8vw, 6.5rem) 1.5rem"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "margin": "0 auto",
-        "display": "grid",
-        "gridTemplateColumns": "5fr 6fr",
-        "gap": "clamp(2rem, 5vw, 4.5rem)",
-        "alignItems": "center",
-        "@--md": { "gridTemplateColumns": "1fr", "gap": "2.25rem" }
-      },
-      "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%",
-                "height": "auto",
-                "display": "block",
-                "borderRadius": "var(--radius)",
-                "boxShadow": "0 24px 60px -30px rgba(30,21,15,0.55)"
-              }
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "position": "absolute",
-                "top": "0.85rem",
-                "left": "0.85rem",
-                "right": "0.85rem",
-                "bottom": "0.85rem",
-                "border": "1px solid rgba(246,236,219,0.45)",
-                "borderRadius": "var(--radius)",
-                "pointerEvents": "none"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "order": "${state.reverse ? '1' : '2'}",
-            "fontFamily": "var(--font-body)",
-            "fontSize": "1.1rem",
-            "lineHeight": "1.85",
-            "color": "var(--color-text-muted)",
-            "& p": { "margin": "0 0 1.15rem" },
-            "& p:first-of-type::first-letter": {
-              "float": "left",
-              "fontFamily": "var(--font-heading)",
-              "fontSize": "3.6rem",
-              "lineHeight": "0.8",
-              "fontWeight": "700",
-              "color": "var(--color-primary)",
-              "margin": "0.35rem 0.6rem 0 0"
-            },
-            "& h3": {
-              "fontFamily": "var(--font-heading)",
-              "fontSize": "clamp(1.6rem, 3vw, 2.25rem)",
-              "fontWeight": "700",
-              "lineHeight": "1.15",
-              "letterSpacing": "-0.01em",
-              "color": "var(--color-text-primary)",
-              "margin": "0 0 1.25rem"
-            }
-          },
-          "children": [{ "tagName": "slot" }]
-        }
-      ]
-    }
-  ]
-}

package/sites/restaurant/components/bit-menu-group.json

@@ -1,74 +0,0 @@
-{
-  "tagName": "bit-menu-group",
-  "state": {
-    "heading": "",
-    "note": ""
-  },
-  "style": {
-    "display": "block",
-    "marginBottom": "2.75rem",
-    "breakInside": "avoid"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "baseline",
-        "gap": "1rem",
-        "marginBottom": "0.4rem"
-      },
-      "children": [
-        {
-          "tagName": "span",
-          "style": {
-            "width": "0.5rem",
-            "height": "0.5rem",
-            "flex": "0 0 auto",
-            "transform": "rotate(45deg) translateY(-0.15rem)",
-            "backgroundColor": "var(--color-primary)"
-          }
-        },
-        {
-          "tagName": "h2",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "clamp(1.5rem, 2.6vw, 1.9rem)",
-            "fontWeight": "700",
-            "letterSpacing": "-0.01em",
-            "margin": "0",
-            "color": "var(--color-text-primary)",
-            "whiteSpace": "nowrap"
-          },
-          "textContent": "${state.heading}"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "flex": "1 1 auto",
-            "borderBottom": "1px solid var(--color-border-strong)",
-            "transform": "translateY(-0.4em)"
-          }
-        }
-      ]
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.note ? 'block' : 'none'}",
-        "margin": "0 0 1rem",
-        "paddingLeft": "1.5rem",
-        "fontFamily": "var(--font-heading)",
-        "fontStyle": "italic",
-        "fontSize": "1rem",
-        "color": "var(--color-text-muted)"
-      },
-      "textContent": "${state.note}"
-    },
-    {
-      "tagName": "div",
-      "style": { "marginTop": "0.5rem" },
-      "children": [{ "tagName": "slot" }]
-    }
-  ]
-}

package/sites/restaurant/components/bit-menu-item.json

@@ -1,72 +0,0 @@
-{
-  "tagName": "bit-menu-item",
-  "state": {
-    "name": "",
-    "price": "",
-    "description": ""
-  },
-  "style": {
-    "display": "block",
-    "padding": "1.05rem 0"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "baseline",
-        "gap": "0"
-      },
-      "children": [
-        {
-          "tagName": "h3",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.3rem",
-            "fontWeight": "600",
-            "letterSpacing": "-0.005em",
-            "margin": "0",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.name}"
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "flex": "1 1 auto",
-            "margin": "0 0.6rem",
-            "borderBottom": "1.5px dotted var(--color-border-strong)",
-            "transform": "translateY(-0.32em)"
-          }
-        },
-        {
-          "tagName": "span",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.2rem",
-            "fontWeight": "600",
-            "color": "var(--color-primary)",
-            "whiteSpace": "nowrap",
-            "fontVariantNumeric": "tabular-nums"
-          },
-          "textContent": "${state.price}"
-        }
-      ]
-    },
-    {
-      "tagName": "p",
-      "style": {
-        "display": "${state.description ? 'block' : 'none'}",
-        "margin": "0.4rem 0 0",
-        "fontFamily": "var(--font-heading)",
-        "fontStyle": "italic",
-        "fontWeight": "400",
-        "color": "var(--color-text-muted)",
-        "fontSize": "1.02rem",
-        "lineHeight": "1.55",
-        "maxWidth": "58ch"
-      },
-      "textContent": "${state.description}"
-    }
-  ]
-}