@jxsuite/starters 3.3.2 → 3.5.0

package/sites/museum/components/mu-pagehead.json

@@ -1,105 +0,0 @@
-{
-  "tagName": "mu-pagehead",
-  "state": {
-    "kicker": "",
-    "title": "",
-    "standfirst": "",
-    "metaLabel": "",
-    "metaValue": ""
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-card)",
-    "paddingBlock": "clamp(2.5rem, 6vw, 4.5rem)",
-    "paddingInline": "var(--gutter)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "maxWidth": "var(--max-width)",
-        "marginInline": "auto",
-        "display": "grid",
-        "gridTemplateColumns": "var(--label-column) minmax(0, 1fr)",
-        "columnGap": "clamp(1.5rem, 4vw, 3.5rem)",
-        "@--md": {
-          "gridTemplateColumns": "minmax(0, 1fr)",
-          "rowGap": "1.25rem"
-        }
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0.55rem 0 0",
-            "fontFamily": "var(--font-label)",
-            "fontSize": "0.68rem",
-            "lineHeight": "1.5",
-            "letterSpacing": "var(--label-tracking)",
-            "textTransform": "var(--label-case)",
-            "color": "var(--color-pigment)"
-          },
-          "textContent": "${state.kicker}"
-        },
-        {
-          "tagName": "div",
-          "style": { "minWidth": "0" },
-          "children": [
-            {
-              "tagName": "h1",
-              "style": {
-                "margin": "0",
-                "fontFamily": "var(--font-display)",
-                "fontSize": "clamp(2.2rem, 5.2vw, 3.9rem)",
-                "fontWeight": "700",
-                "lineHeight": "calc(1.02 * var(--leading-scale))",
-                "letterSpacing": "var(--display-tracking)",
-                "maxWidth": "18ch"
-              },
-              "textContent": "${state.title}"
-            },
-            {
-              "tagName": "p",
-              "style": {
-                "display": "${state.standfirst ? 'block' : 'none'}",
-                "margin": "1.4rem 0 0",
-                "fontSize": "1.12rem",
-                "lineHeight": "1.65",
-                "color": "var(--color-muted)",
-                "maxWidth": "52ch"
-              },
-              "textContent": "${state.standfirst}"
-            },
-            {
-              "tagName": "div",
-              "style": {
-                "display": "${state.metaValue ? 'flex' : 'none'}",
-                "flexWrap": "wrap",
-                "gap": "0.9rem",
-                "marginBlockStart": "1.9rem",
-                "paddingBlockStart": "1rem",
-                "borderBlockStart": "1px solid var(--color-hairline)",
-                "fontFamily": "var(--font-label)",
-                "fontSize": "0.68rem",
-                "letterSpacing": "var(--label-tracking)",
-                "textTransform": "var(--label-case)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "style": { "color": "var(--color-muted)" },
-                  "textContent": "${state.metaLabel}"
-                },
-                {
-                  "tagName": "span",
-                  "style": { "color": "var(--color-pigment)" },
-                  "textContent": "${state.metaValue}"
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/sites/museum/components/mu-quote.json

@@ -1,49 +0,0 @@
-{
-  "tagName": "mu-quote",
-  "state": {
-    "quote": "",
-    "attribution": ""
-  },
-  "style": {
-    "display": "block",
-    "borderInlineStart": "3px solid var(--color-pigment)",
-    "paddingInlineStart": "clamp(1.1rem, 3vw, 2rem)"
-  },
-  "children": [
-    {
-      "tagName": "blockquote",
-      "style": {
-        "margin": "0"
-      },
-      "children": [
-        {
-          "tagName": "p",
-          "style": {
-            "margin": "0",
-            "fontFamily": "var(--font-display)",
-            "fontSize": "clamp(1.35rem, 2.6vw, 1.8rem)",
-            "fontWeight": "400",
-            "lineHeight": "calc(1.32 * var(--leading-scale))",
-            "letterSpacing": "-0.02em",
-            "maxWidth": "32ch"
-          },
-          "textContent": "${state.quote}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "display": "${state.attribution ? 'block' : 'none'}",
-            "margin": "1.2rem 0 0",
-            "fontFamily": "var(--font-label)",
-            "fontSize": "0.66rem",
-            "letterSpacing": "var(--label-tracking)",
-            "textTransform": "var(--label-case)",
-            "color": "inherit",
-            "opacity": "0.62"
-          },
-          "textContent": "${state.attribution}"
-        }
-      ]
-    }
-  ]
-}

package/sites/museum/layouts/ar.json

@@ -1,29 +0,0 @@
-{
-  "$layout": "./layouts/base.json",
-  "state": {
-    "brand": "أتريوم",
-    "skipLabel": "انتقل إلى المحتوى",
-    "railNote": "متحف المدينة للفنّ والتاريخ · مفتوح اليوم من ١٠:٠٠ إلى ١٨:٠٠",
-    "languageNavLabel": "اللغة",
-    "mainNavLabel": "التنقّل الرئيسيّ",
-    "navExhibitions": "المعارض",
-    "navVisit": "الزيارة",
-    "navAbout": "عن المتحف",
-    "homeHref": "/ar/",
-    "exhibitionsHref": "/ar/exhibitions/",
-    "visitHref": "/ar/visit/",
-    "aboutHref": "/ar/about/",
-    "footerTagline": "متحف بلديّ تحت سقف من زجاج: أربعة قرون من المرفأ وصنّاعه وخرائطه، محفوظة أمانةً لكلّ من يعيش في هذه المدينة.",
-    "footerVisitLabel": "أين تجدنا",
-    "footerAddress": "٢ رصيف الأهوسة، المرفأ القديم",
-    "footerHours": "من الثلاثاء إلى الأحد، من ١٠:٠٠ إلى ١٨:٠٠. مغلق يوم الاثنين.",
-    "footerReadLabel": "للقراءة",
-    "footerExhibitionsLink": "المعارض",
-    "footerVisitLink": "خطّط لزيارتك",
-    "footerAboutLink": "عن المتحف",
-    "footerContactLabel": "للتواصل",
-    "footerLegal": "© ٢٠٢٦ أتريوم — متحف المدينة للفنّ والتاريخ",
-    "footerCredit": "متحف بلديّ، الدخول إليه مجّانيّ، بثلاث لغات."
-  },
-  "children": [{ "tagName": "slot" }]
-}

package/sites/museum/layouts/base.json

@@ -1,329 +0,0 @@
-{
-  "tagName": "div",
-  "$elements": [
-    {
-      "$ref": "../components/mu-footer.json"
-    }
-  ],
-  "state": {
-    "brand": "Atrium",
-    "skipLabel": "Skip to content",
-    "railNote": "City Museum of Art & History · Open today 10:00–18:00",
-    "languageNavLabel": "Language",
-    "mainNavLabel": "Main",
-    "navExhibitions": "Exhibitions",
-    "navVisit": "Visit",
-    "navAbout": "About",
-    "homeHref": "/",
-    "exhibitionsHref": "/exhibitions/",
-    "visitHref": "/visit/",
-    "aboutHref": "/about/",
-    "footerTagline": "A city museum in a glass hall: four centuries of the harbour, its makers and its maps, held in trust for everyone who lives here.",
-    "footerVisitLabel": "Find us",
-    "footerAddress": "2 Quai des Écluses, Old Harbour",
-    "footerHours": "Tuesday to Sunday, 10:00–18:00. Closed Mondays.",
-    "footerReadLabel": "Read",
-    "footerExhibitionsLink": "Exhibitions",
-    "footerVisitLink": "Plan your visit",
-    "footerAboutLink": "About the museum",
-    "footerContactLabel": "Contact",
-    "footerEmail": "bonjour@atrium.example",
-    "footerPhone": "+1 555 0140",
-    "footerLegal": "© 2026 Atrium — City Museum of Art & History",
-    "footerCredit": "A civic museum, free to enter, in three languages."
-  },
-  "style": {
-    "minHeight": "100vh",
-    "display": "flex",
-    "flexDirection": "column",
-    "backgroundColor": "var(--color-chalk)"
-  },
-  "children": [
-    {
-      "tagName": "a",
-      "attributes": {
-        "href": "#main"
-      },
-      "textContent": "${state.skipLabel}",
-      "style": {
-        "position": "absolute",
-        "insetBlockStart": "0.5rem",
-        "insetInlineStart": "0.5rem",
-        "zIndex": "100",
-        "backgroundColor": "var(--color-ink)",
-        "color": "var(--color-chalk)",
-        "fontFamily": "var(--font-label)",
-        "fontSize": "0.7rem",
-        "letterSpacing": "var(--label-tracking)",
-        "textTransform": "var(--label-case)",
-        "textDecoration": "none",
-        "padding": "0.6rem 1rem",
-        "transform": "translateY(-250%)",
-        ":focus": {
-          "transform": "translateY(0)"
-        }
-      }
-    },
-    {
-      "tagName": "header",
-      "style": {
-        "position": "sticky",
-        "insetBlockStart": "0",
-        "zIndex": "50",
-        "backgroundColor": "var(--color-card)",
-        "borderBlockEnd": "2px solid var(--color-ink)"
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "backgroundColor": "var(--color-ink)",
-            "color": "var(--color-chalk)"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "style": {
-                "maxWidth": "var(--max-width)",
-                "marginInline": "auto",
-                "paddingInline": "var(--gutter)",
-                "minHeight": "2.5rem",
-                "display": "flex",
-                "alignItems": "stretch",
-                "justifyContent": "space-between",
-                "gap": "1.5rem",
-                "fontFamily": "var(--font-label)",
-                "fontSize": "0.66rem",
-                "letterSpacing": "var(--label-tracking)",
-                "textTransform": "var(--label-case)"
-              },
-              "children": [
-                {
-                  "tagName": "p",
-                  "style": {
-                    "margin": "0",
-                    "alignSelf": "center",
-                    "color": "rgba(231, 227, 218, 0.66)",
-                    "@--md": {
-                      "display": "none"
-                    }
-                  },
-                  "textContent": "${state.railNote}"
-                },
-                {
-                  "tagName": "nav",
-                  "attributes": {
-                    "aria-label": "${state.languageNavLabel}"
-                  },
-                  "style": {
-                    "display": "flex",
-                    "alignItems": "stretch",
-                    "marginInlineStart": "auto"
-                  },
-                  "children": {
-                    "$prototype": "Array",
-                    "items": {
-                      "$ref": "#/state/$page/alternates"
-                    },
-                    "map": {
-                      "tagName": "a",
-                      "lang": "${item.code}",
-                      "attributes": {
-                        "dir": "${item.dir}",
-                        "href": "${item.url}",
-                        "hreflang": "${item.code}",
-                        "aria-current": "${item.current ? 'page' : 'false'}"
-                      },
-                      "textContent": "${item.label}",
-                      "style": {
-                        "display": "inline-flex",
-                        "alignItems": "center",
-                        "paddingInline": "0.85rem",
-                        "paddingBlock": "0.7rem",
-                        "textDecoration": "none",
-                        "whiteSpace": "nowrap",
-                        "transition": "color 0.15s, background-color 0.15s",
-                        "color": "${item.current ? 'var(--color-chalk)' : 'rgba(231, 227, 218, 0.6)'}",
-                        "backgroundColor": "${item.current ? 'rgba(231, 227, 218, 0.1)' : 'transparent'}",
-                        "boxShadow": "${item.current ? 'inset 0 -2px 0 0 var(--color-chalk)' : 'none'}",
-                        ":hover": {
-                          "color": "var(--color-chalk)",
-                          "backgroundColor": "rgba(231, 227, 218, 0.1)"
-                        }
-                      }
-                    }
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "maxWidth": "var(--max-width)",
-            "marginInline": "auto",
-            "paddingInline": "var(--gutter)",
-            "minHeight": "4.6rem",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1.5rem"
-          },
-          "children": [
-            {
-              "tagName": "a",
-              "attributes": {
-                "href": "${state.homeHref}"
-              },
-              "style": {
-                "display": "inline-flex",
-                "alignItems": "center",
-                "gap": "0.7rem",
-                "textDecoration": "none",
-                "color": "var(--color-ink)"
-              },
-              "children": [
-                {
-                  "tagName": "span",
-                  "attributes": {
-                    "aria-hidden": "true"
-                  },
-                  "style": {
-                    "width": "1.05rem",
-                    "height": "1.05rem",
-                    "borderRadius": "50%",
-                    "backgroundColor": "var(--color-pigment)",
-                    "flex": "0 0 auto"
-                  }
-                },
-                {
-                  "tagName": "span",
-                  "style": {
-                    "fontFamily": "var(--font-display)",
-                    "fontSize": "1.55rem",
-                    "fontWeight": "700",
-                    "lineHeight": "1",
-                    "letterSpacing": "var(--display-tracking)"
-                  },
-                  "textContent": "${state.brand}"
-                }
-              ]
-            },
-            {
-              "tagName": "nav",
-              "attributes": {
-                "aria-label": "${state.mainNavLabel}"
-              },
-              "style": {
-                "display": "flex",
-                "alignItems": "center",
-                "gap": "1.9rem",
-                "fontFamily": "var(--font-label)",
-                "fontSize": "0.7rem",
-                "letterSpacing": "var(--label-tracking)",
-                "textTransform": "var(--label-case)",
-                "@--sm": {
-                  "gap": "1.1rem"
-                }
-              },
-              "children": [
-                {
-                  "tagName": "a",
-                  "attributes": {
-                    "href": "${state.exhibitionsHref}"
-                  },
-                  "textContent": "${state.navExhibitions}",
-                  "style": {
-                    "color": "var(--color-ink)",
-                    "textDecoration": "none",
-                    "paddingBlock": "0.35rem",
-                    "borderBlockEnd": "2px solid transparent",
-                    "transition": "color 0.15s, border-color 0.15s",
-                    ":hover": {
-                      "color": "var(--color-pigment)",
-                      "borderBlockEnd": "2px solid var(--color-pigment)"
-                    }
-                  }
-                },
-                {
-                  "tagName": "a",
-                  "attributes": {
-                    "href": "${state.visitHref}"
-                  },
-                  "textContent": "${state.navVisit}",
-                  "style": {
-                    "color": "var(--color-ink)",
-                    "textDecoration": "none",
-                    "paddingBlock": "0.35rem",
-                    "borderBlockEnd": "2px solid transparent",
-                    "transition": "color 0.15s, border-color 0.15s",
-                    ":hover": {
-                      "color": "var(--color-pigment)",
-                      "borderBlockEnd": "2px solid var(--color-pigment)"
-                    }
-                  }
-                },
-                {
-                  "tagName": "a",
-                  "attributes": {
-                    "href": "${state.aboutHref}"
-                  },
-                  "textContent": "${state.navAbout}",
-                  "style": {
-                    "color": "var(--color-ink)",
-                    "textDecoration": "none",
-                    "paddingBlock": "0.35rem",
-                    "borderBlockEnd": "2px solid transparent",
-                    "@--sm": {
-                      "display": "none"
-                    },
-                    "transition": "color 0.15s, border-color 0.15s",
-                    ":hover": {
-                      "color": "var(--color-pigment)",
-                      "borderBlockEnd": "2px solid var(--color-pigment)"
-                    }
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "main",
-      "id": "main",
-      "style": {
-        "flex": "1"
-      },
-      "children": [
-        {
-          "tagName": "slot"
-        }
-      ]
-    },
-    {
-      "tagName": "mu-footer",
-      "$props": {
-        "brand": "${state.brand}",
-        "tagline": "${state.footerTagline}",
-        "visitLabel": "${state.footerVisitLabel}",
-        "address": "${state.footerAddress}",
-        "hours": "${state.footerHours}",
-        "readLabel": "${state.footerReadLabel}",
-        "exhibitionsLink": "${state.footerExhibitionsLink}",
-        "visitLink": "${state.footerVisitLink}",
-        "aboutLink": "${state.footerAboutLink}",
-        "contactLabel": "${state.footerContactLabel}",
-        "email": "${state.footerEmail}",
-        "phone": "${state.footerPhone}",
-        "legal": "${state.footerLegal}",
-        "credit": "${state.footerCredit}",
-        "exhibitionsHref": "${state.exhibitionsHref}",
-        "visitHref": "${state.visitHref}",
-        "aboutHref": "${state.aboutHref}"
-      }
-    }
-  ]
-}

package/sites/museum/layouts/fr-ca.json

@@ -1,28 +0,0 @@
-{
-  "$layout": "./layouts/base.json",
-  "state": {
-    "skipLabel": "Aller au contenu",
-    "railNote": "Musée municipal d'art et d'histoire · Ouvert aujourd'hui de 10 h à 18 h",
-    "languageNavLabel": "Langue",
-    "mainNavLabel": "Principal",
-    "navExhibitions": "Expositions",
-    "navVisit": "Visite",
-    "navAbout": "À propos",
-    "homeHref": "/fr-ca/",
-    "exhibitionsHref": "/fr-ca/expositions/",
-    "visitHref": "/fr-ca/visite/",
-    "aboutHref": "/fr-ca/a-propos/",
-    "footerTagline": "Un musée municipal sous une halle de verre : quatre siècles de port, de métiers et de cartes, gardés en fiducie pour toutes celles et ceux qui vivent ici.",
-    "footerVisitLabel": "Nous trouver",
-    "footerAddress": "2, quai des Écluses, Vieux-Port",
-    "footerHours": "Du mardi au dimanche, de 10 h à 18 h. Fermé le lundi.",
-    "footerReadLabel": "À lire",
-    "footerExhibitionsLink": "Expositions",
-    "footerVisitLink": "Préparer sa visite",
-    "footerAboutLink": "À propos du musée",
-    "footerContactLabel": "Nous joindre",
-    "footerLegal": "© 2026 Atrium — Musée municipal d'art et d'histoire",
-    "footerCredit": "Un musée public, à entrée libre, en trois langues."
-  },
-  "children": [{ "tagName": "slot" }]
-}