@holmdigital/components 2.0.0 → 2.1.1

package/dist/index.js

@@ -1250,132 +1250,60 @@ Heading.displayName = "Heading";
 // src/AccessibilityStatement/AccessibilityStatement.tsx
 var import_standards = require("@holmdigital/standards");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var ENFORCEMENT_BODIES = {
-  SE: "Myndigheten f\xF6r digital f\xF6rvaltning (Digg)",
-  NO: "Digitaliseringsdirektoratet (uutilsynet)",
-  DK: "Digitaliseringsstyrelsen",
-  FI: "Regionf\xF6rvaltningsverket i S\xF6dra Finland (AVI)",
-  NL: "Ministerie van Binnenlandse Zaken en Koninkrijksrelaties (BZK)",
-  DE: "BFIT-Bund (\xDCberwachungsstelle des Bundes f\xFCr Barrierefreiheit von Informationstechnik)",
-  FR: "Direction interminist\xE9rielle du num\xE9rique (DINUM)",
-  ES: "Ministerio para la Transformaci\xF3n Digital y de la Funci\xF3n P\xFAblica",
-  IE: "National Disability Authority (NDA)",
-  GB: "Equality and Human Rights Commission (EHRC)",
-  US: "Department of Justice (Civil Rights Division)",
-  CA: "Accessibility Commissioner (Canadian Human Rights Commission)",
-  EU: "Europeiska kommissionen (DG CNECT)"
-};
 var TEMPLATES = {
-  sv: `Tillg\xE4nglighet f\xF6r {<webbplats>}
-
-{<organisation>} st\xE5r bakom den h\xE4r webbplatsen. Vi vill att s\xE5 m\xE5nga som m\xF6jligt ska kunna anv\xE4nda den. Det h\xE4r dokumentet beskriver hur {<webbplats>} uppfyller lagen om tillg\xE4nglighet till digital offentlig service, eventuella k\xE4nda tillg\xE4nglighetsproblem och hur du kan rapportera brister till oss s\xE5 att vi kan \xE5tg\xE4rda dem.
-
-## Hur tillg\xE4nglig \xE4r webbplatsen?
-
-{Vi har inga k\xE4nda brister i tillg\xE4ngligheten f\xF6r den h\xE4r webbplatsen./Vi \xE4r medvetna om att delar av webbplatsen inte \xE4r helt tillg\xE4ngliga. Se avsnittet om inneh\xE5ll som inte \xE4r tillg\xE4ngligt nedan f\xF6r mer information./Vi \xE4r medvetna om att delar av webbplatsen inte \xE4r helt tillg\xE4ngliga. Se avsnittet om inneh\xE5ll som inte \xE4r tillg\xE4ngligt nedan f\xF6r mer information.}
-
-## Vad kan du g\xF6ra om du inte kan anv\xE4nda delar av webbplatsen?
-
-Om du beh\xF6ver inneh\xE5ll fr\xE5n {<webbplats>} som inte \xE4r tillg\xE4ngligt f\xF6r dig, men som \xE4r undantaget fr\xE5n lagens till\xE4mpningsomr\xE5de enligt beskrivning nedan, kan du meddela oss.
-
-[Svarstiden \xE4r normalt {<svarstid>}.]
-
-[Du kan ocks\xE5 kontakta oss p\xE5 f\xF6ljande s\xE4tt:
-
-* skicka e-post till {<e-postadress>}
-* ring {<telefonnummer>}]
-
-## Rapportera brister i webbplatsens tillg\xE4nglighet
-
-Vi str\xE4var hela tiden efter att f\xF6rb\xE4ttra webbplatsens tillg\xE4nglighet. Om du uppt\xE4cker problem som inte \xE4r beskrivna p\xE5 den h\xE4r sidan, eller om du anser att vi inte uppfyller lagens krav, meddela oss s\xE5 att vi f\xE5r veta att problemet finns.
-
-## Tillsyn
-
-{<enforcement_body>} har ansvaret f\xF6r tillsyn \xF6ver lagen om tillg\xE4nglighet till digital offentlig service. Du kan anm\xE4la till {<enforcement_body>} om du tycker att v\xE5r digitala service har brister i tillg\xE4nglighet.
-
-Du kan ocks\xE5 anm\xE4la till {<enforcement_body>} om du tycker att v\xE5r bed\xF6mning av vad som \xE4r osk\xE4ligt betungande ska granskas, om du tycker att v\xE5r tillg\xE4nglighetsredog\xF6relse har brister eller om du tycker att vi inte har hanterat din beg\xE4ran om tillg\xE4ngligg\xF6rande korrekt.
-
-## Teknisk information om webbplatsens tillg\xE4nglighet
-
-{Den h\xE4r webbplatsen \xE4r helt f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service./Den h\xE4r webbplatsen \xE4r delvis f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service, p\xE5 grund av de brister som beskrivs nedan./Den h\xE4r webbplatsen \xE4r inte f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service. Otillg\xE4ngliga delar beskrivs nedan.}
-
-## Inneh\xE5ll som inte \xE4r tillg\xE4ngligt
-
-Det inneh\xE5ll som beskrivs nedan \xE4r p\xE5 ett eller annat s\xE4tt inte helt tillg\xE4ngligt.
-
-[
-### Bristande f\xF6renlighet med lagkraven
-{<brister>}
-]
-
-## Hur vi testat webbplatsen
-
-{Vi har gjort en sj\xE4lvskattning (intern testning) av {<webbplats>}./{<extern akt\xF6r>} har gjort en oberoende granskning av {<webbplats>}./Vi har uppskattat tillg\xE4ngligheten utan granskning.}
-
-Senaste bed\xF6mningen gjordes den {<bed\xF6mningsdatum>}.
-
-[Granskningsmetod: {<metod>}]
-
-Webbplatsen publicerades den {<publiceringsdatum>}.
-
-Redog\xF6relsen uppdaterades senast den {<uppdateringsdatum>}.`,
-  en: `Accessibility of {<website>}
-
-This website is run by {<organisation>}. We want as many people as possible to be able to use it, and this document describes how {<website>} complies with the accessibility regulations, any known accessibility issues, and how you can report problems so that we can fix them.
-
-## How accessible is the website?
-
-{There are no known accessibility issues with this website./We know some parts of this website aren\u2019t fully accessible. See the section on non-accessible content below for more information./We know some parts of this website aren\u2019t fully accessible. See the section on non-accessible content below for more information.}
-
-## What to do if you can\u2019t access parts of this website?
-
-If you need content from this website that is not accessible for you, but is not within the scope of the accessibility regulations as described below, please contact us.
-
-[Our normal response time is {<response time>}.]
-
-[You can also contact us in the following ways:
-
-* email {<email address>}
-* call {<telephone number>}]
-
-## Reporting accessibility problems with this website
-
-We\u2019re always looking to improve the accessibility of this website. If you find any problems that aren\u2019t listed on this page or if we\u2019re not meeting the requirements of the accessibility regulations, contact us and let us know about the problem.
-
-## Enforcement procedure
-
-The {<enforcement_body>} is responsible for enforcing the web accessibility regulations. If you experience accessibility issues on our website, you can submit a complaint to {<enforcement_body>}.
-
-You can also submit a complaint to {<enforcement_body>} if you think that our assessment of what constitutes a disproportionate burden should be reviewed, if you think that our accessibility statement is inadequate, or it you think that your request for excluded content in an accessible format has not been handled correctly.
-
-## Technical information about this website\u2019s accessibility
-
-{This website is fully compliant with the accessibility regulations./This website is partially compliant with the accessibility regulations, due to the non-compliances listed below./This website is not compliant with the accessibility regulations. The non-accessible sections are listed below.}
-
-## Non-accessible content
-
-The content described below is, in one way or another, not fully accessible.
-
-[
-### Non-compliance with the accessibility regulations
-
-{<issues>}
-]
-
-## How we tested this website
-
-{We have performed a self-assessment (internal testing) of {<website>}./{<third party>} has tested {<website>}./We have estimated the accessibility without testing.}
-
-The last assessment was made on {<assessment date>}.
-
-[Assessment method: {<method>}]
-
-The website was published on {<publish date>}.
-
-The statement was last updated on {<update date>}.`
+  sv: {
+    title: "Tillg\xE4nglighet f\xF6r {<webbplats>}",
+    intro: "{<organisation>} st\xE5r bakom den h\xE4r webbplatsen. Vi vill att s\xE5 m\xE5nga som m\xF6jligt ska kunna anv\xE4nda den. Det h\xE4r dokumentet beskriver hur {<webbplats>} uppfyller lagen om tillg\xE4nglighet till digital offentlig service, eventuella k\xE4nda tillg\xE4nglighetsproblem och hur du kan rapportera brister till oss s\xE5 att vi kan \xE5tg\xE4rda dem.",
+    sections: [
+      { id: "how-accessible", title: "Hur tillg\xE4nglig \xE4r webbplatsen?", content: "{Vi har inga k\xE4nda brister i tillg\xE4ngligheten f\xF6r den h\xE4r webbplatsen./Vi \xE4r medvetna om att delar av webbplatsen inte \xE4r helt tillg\xE4ngliga. Se avsnittet om inneh\xE5ll som inte \xE4r tillg\xE4ngligt nedan f\xF6r mer information./Vi \xE4r medvetna om att delar av webbplatsen inte \xE4r helt tillg\xE4ngliga. Se avsnittet om inneh\xE5ll som inte \xE4r tillg\xE4ngligt nedan f\xF6r mer information.}" },
+      { id: "what-to-do", title: "Vad kan du g\xF6ra om du inte kan anv\xE4nda delar av webbplatsen?", content: "Om du beh\xF6ver inneh\xE5ll fr\xE5n {<webbplats>} som inte \xE4r tillg\xE4ngligt f\xF6r dig, men som \xE4r undantaget fr\xE5n lagens till\xE4mpningsomr\xE5de enligt beskrivning nedan, kan du meddela oss.\n\n[Svarstiden \xE4r normalt {<svarstid>}.]\n\n[Du kan ocks\xE5 kontakta oss p\xE5 f\xF6ljande s\xE4tt:\n\n* skicka e-post till {<e-postadress>}\n* ring {<telefonnummer>}]" },
+      { id: "reporting", title: "Rapportera brister i webbplatsens tillg\xE4nglighet", content: "Vi str\xE4var hela tiden efter att f\xF6rb\xE4ttra webbplatsens tillg\xE4nglighet. Om du uppt\xE4cker problem som inte \xE4r beskrivna p\xE5 den h\xE4r sidan, eller om du anser att vi inte uppfyller lagens krav, meddela oss s\xE5 att vi f\xE5r veta att problemet finns." },
+      { id: "enforcement", title: "Tillsyn", content: "{<enforcement_body>} har ansvaret f\xF6r tillsyn \xF6ver lagen om tillg\xE4nglighet till digital offentlig service. Du kan anm\xE4la till {<enforcement_body>} om du tycker att v\xE5r digitala service har brister i tillg\xE4nglighet.\n\nDu kan ocks\xE5 anm\xE4la till {<enforcement_body>} om du tycker att v\xE5r bed\xF6mning av vad som \xE4r osk\xE4ligt betungande ska granskas, om du tycker att v\xE5r tillg\xE4nglighetsredog\xF6relse har brister eller om du tycker att vi inte har hanterat din beg\xE4ran om tillg\xE4ngligg\xF6rande korrekt." },
+      { id: "technical", title: "Teknisk information om webbplatsens tillg\xE4nglighet", content: "{Den h\xE4r webbplatsen \xE4r helt f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service./Den h\xE4r webbplatsen \xE4r delvis f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service, p\xE5 grund av de brister som beskrivs nedan./Den h\xE4r webbplatsen \xE4r inte f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service. Otillg\xE4ngliga delar beskrivs nedan.}" },
+      { id: "non-accessible", title: "Inneh\xE5ll som inte \xE4r tillg\xE4ngligt", content: "Det inneh\xE5ll som beskrivs nedan \xE4r p\xE5 ett eller annat s\xE4tt inte helt tillg\xE4ngligt.\n\n[\n### Bristande f\xF6renlighet med lagkraven\n{<brister>}\n]" },
+      { id: "testing", title: "Hur vi testat webbplatsen", content: "{Vi har gjort en sj\xE4lvskattning (intern testning) av {<webbplats>}./{<extern akt\xF6r>} har gjort en oberoende granskning av {<webbplats>}./Vi har uppskattat tillg\xE4ngligheten utan granskning.}\n\nSenaste bed\xF6mningen gjordes den {<bed\xF6mningsdatum>}.\n\n[Granskningsmetod: {<metod>}]\n\nWebbplatsen publicerades den {<publiceringsdatum>}.\n\nRedog\xF6relsen uppdaterades senast den {<uppdateringsdatum>}." }
+    ]
+  },
+  en: {
+    title: "Accessibility of {<website>}",
+    intro: "This website is run by {<organisation>}. We want as many people as possible to be able to use it, and this document describes how {<website>} complies with the accessibility regulations, any known accessibility issues, and how you can report problems so that we can fix them.",
+    sections: [
+      { id: "how-accessible", title: "How accessible is the website?", content: "{There are no known accessibility issues with this website./We know some parts of this website aren\u2019t fully accessible. See the section on non-accessible content below for more information./We know some parts of this website aren\u2019t fully accessible. See the section on non-accessible content below for more information.}" },
+      { id: "what-to-do", title: "What to do if you can\u2019t access parts of this website?", content: "If you need content from this website that is not accessible for you, but is not within the scope of the accessibility regulations as described below, please contact us.\n\n[Our normal response time is {<response time>}.]\n\n[You can also contact us in the following ways:\n\n* email {<email address>}\n* call {<telephone number>}]" },
+      { id: "reporting", title: "Reporting accessibility problems with this website", content: "We\u2019re always looking to improve the accessibility of this website. If you find any problems that aren\u2019t listed on this page or if we\u2019re not meeting the requirements of the accessibility regulations, contact us and let us know about the problem." },
+      { id: "enforcement", title: "Enforcement procedure", content: "The {<enforcement_body>} is responsible for enforcing the web accessibility regulations. If you experience accessibility issues on our website, you can submit a complaint to {<enforcement_body>}.\n\nYou can also submit a complaint to {<enforcement_body>} if you think that our assessment of what constitutes a disproportionate burden should be reviewed, if you think that our accessibility statement is inadequate, or it you think that your request for excluded content in an accessible format has not been handled correctly." },
+      { id: "technical", title: "Technical information about this website\u2019s accessibility", content: "{This website is fully compliant with the accessibility regulations./This website is partially compliant with the accessibility regulations, due to the non-compliances listed below./This website is not compliant with the accessibility regulations. The non-accessible sections are listed below.}" },
+      { id: "non-accessible", title: "Non-accessible content", content: "The content described below is, in one way or another, not fully accessible.\n\n[\n### Non-compliance with the accessibility regulations\n\n{<issues>}\n]" },
+      { id: "testing", title: "How we tested this website", content: "{We have performed a self-assessment (internal testing) of {<website>}./{<third party>} has tested {<website>}./We have estimated the accessibility without testing.}\n\nThe last assessment was made on {<assessment date>}.\n\n[Assessment method: {<method>}]\n\nThe website was published on {<publish date>}.\n\nThe statement was last updated on {<update date>}." }
+    ]
+  },
+  no: {
+    title: "Tilgjengelighet for {<nettsted>}",
+    intro: "{<organisasjon>} st\xE5r bak dette nettstedet. Vi \xF8nsker at flest mulig skal kunne bruke det. Dette dokumentet beskriver hvordan {<nettsted>} oppfyller lov om universell utforming av IKT-l\xF8sninger, eventuelle kjente tilgjengelighetsproblemer og hvordan du kan rapportere mangler til oss slik at vi kan utbedre dem.",
+    sections: [
+      { id: "how-accessible", title: "Hvor tilgjengelig er nettstedet?", content: "{Vi har ingen kjente mangler i tilgjengeligheten for dette nettstedet./Vi er klar over at deler av nettstedet ikke er fullt ut tilgjengelig. See avsnittet om innhold som ikke er tilgjengelig nedenfor for mer informasjon./Vi er klar over at deler av nettstedet ikke er fullt ut tilgjengelig. See avsnittet om innhold som ikke er tilgjengelig nedenfor for mer informasjon.}" },
+      { id: "what-to-do", title: "Hva kan du gj\xF8re hvis du ikke kan bruke deler av nettstedet?", content: "Hvis du trenger innhold fra {<nettsted>} som ikke er tilgjengelig for deg, men som er unntatt fra lovens anvendelsesomr\xE5de som beskrevet nedenfor, kan du melde fra til oss.\n\n[Svartiden er normalt {<svartid>}.]\n\n[Du kan ogs\xE5 kontakte oss p\xE5 f\xF8lgende m\xE5ter:\n\n* send e-post til {<e-postadresse>}\n* ring {<telefonnummer>}]" },
+      { id: "reporting", title: "Rapporter mangler ved nettstedets tilgjengelighet", content: "Vi jobber kontinuerlig med \xE5 forbedre nettstedets tilgjengelighet. Hvis du oppdager problemer som ikke er beskrevet p\xE5 denne siden, eller hvis du mener at vi ikke oppfyller lovens krav, meld fra til oss slik at vi f\xE5r vite om problemet." },
+      { id: "enforcement", title: "Tillsyn", content: "{<enforcement_body>} har ansvaret for tilsyn med lov om universell utforming av IKT-l\xF8sninger. Du kan klage til {<enforcement_body>} hvis du mener at v\xE5r digitale tjeneste har mangler i tilgjengelighet.\n\nDu kan ogs\xE5 klage til {<enforcement_body>} hvis du mener at v\xE5r vurdering av hva som er uforholdsmessig byrdefullt b\xF8r overproves, hvis du mener at v\xE5r tilgjengelighetserkl\xE6ring har mangler eller hvis du mener at vi ikke har h\xE5ndtert din foresp\xF8rsel om tilgjengeliggj\xF8ring korrekt." },
+      { id: "technical", title: "Teknisk informasjon om nettstedets tilgjengelighet", content: "{Dette nettstedet er helt i samsvar med lov om universell utforming av IKT-l\xF8sninger./Dette nettstedet er delvis i samsvar med lov om universell utforming av IKT-l\xF8sninger, p\xE5 grunn av manglene beskrevet nedenfor./Dette nettstedet er ikke i samsvar med lov om universell utforming av IKT-l\xF8sninger. Utilgjengelige deler er beskrevet nedenfor.}" },
+      { id: "non-accessible", title: "Innhold som ikke er tilgjengelig", content: "Innholdet som er beskrevet nedenfor er p\xE5 en eller annen m\xE5te ikke fullt ut tilgjengelig.\n\n[\n### Manglende samsvar med lovkravene\n{<mangler>}\n]" },
+      { id: "testing", title: "Hvordan vi har testet nettstedet", content: "{Vi har gjort en egenevaluering (intern testing) av {<nettsted>}./{<ekstern aktor>} har gjort en uavhengig revisjon av {<nettsted>}./Vi har ansl\xE5tt tilgjengeligheten uten testing.}\n\nSiste vurdering ble gjort den {<vurderingsdato>}.\n\n[Vurderingsmetode: {<metode>}]\n\nNettstedet ble publisert den {<publiseringsdato>}.\n\nErkl\xE6ringen ble sist oppdatert den {<oppdateringsdato>}." }
+    ]
+  }
 };
 var formatDiggDate = (date, locale) => {
-  return date.toLocaleDateString(locale === "sv" ? "sv-SE" : "en-US", {
+  const localeMap = {
+    sv: "sv-SE",
+    no: "no-NO",
+    nb: "no-NO",
+    da: "da-DK",
+    fi: "fi-FI",
+    nl: "nl-NL",
+    de: "de-DE",
+    fr: "fr-FR",
+    es: "es-ES"
+  };
+  return date.toLocaleDateString(localeMap[locale] || "en-US", {
     year: "numeric",
     month: "long",
     day: "numeric"
@@ -1402,10 +1330,11 @@ var AccessibilityStatement = ({
   badgeUrl,
   publishDate
 }) => {
-  const lang = locale === "sv" ? "sv" : "en";
+  const supportedLocales = { sv: "sv", no: "no", nb: "no" };
+  const lang = supportedLocales[locale] ?? "en";
   const template = TEMPLATES[lang] || TEMPLATES.en;
   const d = (date) => formatDiggDate(date, locale);
-  const enforcementBody = ENFORCEMENT_BODIES[country] || ENFORCEMENT_BODIES.EU;
+  const enforcementBody = import_standards.ENFORCEMENT_BODIES[country] || import_standards.ENFORCEMENT_BODIES.EU;
   const replacements = {
     "{<webbplats>}": organizationName,
     // Or websiteUrl, but usually org/site name
@@ -1432,12 +1361,19 @@ var AccessibilityStatement = ({
   };
   let issuesContent = "";
   if (nonComplianceItems.length > 0) {
-    issuesContent = "\n\n" + nonComplianceItems.map((item) => `* ${item}`).join("\n");
+    issuesContent = nonComplianceItems.map((item) => `* ${item}`).join("\n");
   } else {
-    issuesContent = lang === "sv" ? "Inga k\xE4nda brister." : "No known issues.";
+    issuesContent = lang === "sv" ? "Inga k\xE4nda brister." : lang === "no" ? "Ingen kjente mangler." : "No known issues.";
   }
   replacements["{<brister>}"] = issuesContent;
   replacements["{<issues>}"] = issuesContent;
+  replacements["{<mangler>}"] = issuesContent;
+  replacements["{<nettsted>}"] = organizationName;
+  replacements["{<organisasjon>}"] = organizationName;
+  replacements["{<svartid>}"] = responseTime || "";
+  replacements["{<vurderingsdato>}"] = assessmentDate ? d(assessmentDate) : d(lastReviewDate);
+  replacements["{<publiseringsdatum>}"] = publishDate ? d(publishDate) : "2024-01-01";
+  replacements["{<ekstern aktor>}"] = generatorTool?.name || "HolmDigital Engine";
   const renderTemplate = (tmpl) => {
     let text = tmpl;
     text = text.replace(/\[([\s\S]*?)\]/g, (_match, content) => {
@@ -1465,57 +1401,63 @@ var AccessibilityStatement = ({
       }
       return _match;
     });
-    text = text.replace(/\r\n/g, "\n");
-    const sections = text.split("\n\n");
-    const sectionNodes = sections.map((block, i) => {
-      const trimmed = block.trim();
+    return text;
+  };
+  const renderSections = (sections) => {
+    return sections.map((section, i) => {
+      const content = renderTemplate(section.content);
+      const trimmed = content.trim();
       if (!trimmed) return null;
       let IconNode = null;
-      if (trimmed.includes("Hur tillg\xE4nglig") || trimmed.includes("How accessible")) {
+      if (section.id === "how-accessible" || trimmed.includes("Hur tillg\xE4nglig") || trimmed.includes("How accessible") || trimmed.includes("Hvor tilgjengelig") || trimmed.includes("Hvor tilg\xE6ngeligt") || trimmed.includes("Kuinka saavutettava") || trimmed.includes("Hoe toegankelijk") || trimmed.includes("Stand der Vereinbarkeit") || trimmed.includes("\xC9tat de conformit\xE9") || trimmed.includes("Situaci\xF3n de cumplimiento")) {
         IconNode = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EyeIcon, {}) });
-      } else if (trimmed.includes("Vad kan du g\xF6ra") || trimmed.includes("What to do")) {
+      } else if (section.id === "what-to-do" || trimmed.includes("Vad kan du g\xF6ra") || trimmed.includes("What to do") || trimmed.includes("Hva kan du gj\xF8re") || trimmed.includes("Hvad kan du g\xF8re") || trimmed.includes("Mit\xE4 voit tehd\xE4") || trimmed.includes("Wat kunt u doen") || trimmed.includes("Nicht barrierefreie Inhalte") || trimmed.includes("Contenus non accessibles") || trimmed.includes("Contenido no accesible")) {
         IconNode = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HelpCircleIcon, {}) });
-      } else if (trimmed.includes("Rapportera brister") || trimmed.includes("Reporting accessibility")) {
+      } else if (section.id === "reporting" || trimmed.includes("Rapporter brister") || trimmed.includes("Reporting accessibility") || trimmed.includes("Rapporter mangler") || trimmed.includes("Anna palautetta") || trimmed.includes("Meld toegankelijkheidsproblemen") || trimmed.includes("Feedback und Kontaktangaben") || trimmed.includes("Retour d'information") || trimmed.includes("Mecanismo de comunicaci\xF3n")) {
         IconNode = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertOctagonIcon, {}) });
-      } else if (trimmed.includes("Tillsyn") || trimmed.includes("Enforcement procedure")) {
+      } else if (section.id === "enforcement" || trimmed.includes("Tillsyn") || trimmed.includes("Enforcement procedure") || trimmed.includes("Tilsyn") || trimmed.includes("H\xE5ndh\xE6velsesprocedure") || trimmed.includes("T\xE4yt\xE4nt\xF6\xF6npanomenettely") || trimmed.includes("Handhavingsprocedure") || trimmed.includes("Durchsetzungsverfahren") || trimmed.includes("Voies de recours") || trimmed.includes("Procedimiento de aplicaci\xF3n")) {
         IconNode = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GavelIcon, {}) });
-      } else if (trimmed.includes("Teknisk information") || trimmed.includes("Technical information")) {
+      } else if (section.id === "technical" || trimmed.includes("Teknisk information") || trimmed.includes("Technical information")) {
         IconNode = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CpuIcon, {}) });
-      } else if (trimmed.includes("Hur vi testat") || trimmed.includes("How we tested")) {
+      } else if (section.id === "testing" || trimmed.includes("Hur vi testat") || trimmed.includes("How we tested") || trimmed.includes("Hvordan vi har testet") || trimmed.includes("Kuinka olemme testanneet") || trimmed.includes("Hoe wij de website hebben getest") || trimmed.includes("Erstellung dieser Erkl\xE4rung") || trimmed.includes("\xC9tablissement de cette d\xE9claration") || trimmed.includes("Preparaci\xF3n de la presente declaraci\xF3n")) {
         IconNode = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckCircleIcon, {}) });
       }
-      if (trimmed.startsWith("## ")) {
-        const title = trimmed.replace("## ", "");
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("h2", { style: styles.sectionTitle, children: [
-          IconNode,
-          title
-        ] }, i);
-      }
-      if (trimmed.startsWith("### ")) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { style: { ...styles.sectionTitle, fontSize: "1.4rem" }, children: trimmed.replace("### ", "") }, i);
-      }
-      if (trimmed.includes("* ") || trimmed.includes("\u2022 ")) {
-        const lines = trimmed.split("\n");
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { style: styles.list, children: lines.map((line, li) => {
-          const cleanLine = line.trim().replace(/^[*-•]\s*/, "");
-          if (!cleanLine) return null;
-          const isListItem = line.trim().startsWith("*") || line.trim().startsWith("\u2022") || line.trim().startsWith("-");
-          if (!isListItem) {
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: styles.paragraph, children: line }, `p-${li}`);
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { style: styles.listItem, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: styles.listBullet }),
-            cleanLine
-          ] }, li);
-        }) }, i);
-      }
-      const isCardSection = trimmed.includes("e-post") || trimmed.includes("email") || trimmed.includes("ring ") || trimmed.includes("call ");
-      if (isCardSection) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: styles.card, children: trimmed }, i);
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: styles.paragraph, children: trimmed }, i);
+      const SectionHeader = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("h2", { style: styles.sectionTitle, children: [
+        IconNode,
+        section.title
+      ] }, `h2-${i}`);
+      const blocks = trimmed.split("\n\n").map((block, bi) => {
+        const blockTrimmed = block.trim();
+        if (!blockTrimmed) return null;
+        if (blockTrimmed.startsWith("## ")) {
+          const title = blockTrimmed.replace("## ", "");
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { style: styles.sectionTitle, children: title }, `${i}-${bi}`);
+        }
+        if (blockTrimmed.startsWith("### ")) {
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { style: { ...styles.sectionTitle, fontSize: "1.4rem" }, children: blockTrimmed.replace("### ", "") }, `${i}-${bi}`);
+        }
+        if (blockTrimmed.includes("* ") || blockTrimmed.includes("\u2022 ")) {
+          const lines = blockTrimmed.split("\n");
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { style: styles.list, children: lines.map((line, li) => {
+            const cleanLine = line.trim().replace(/^[*-•]\s*/, "");
+            if (!cleanLine) return null;
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { style: styles.listItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: styles.listBullet }),
+              cleanLine
+            ] }, li);
+          }) }, `${i}-${bi}`);
+        }
+        const isCardSection = blockTrimmed.includes("e-post") || blockTrimmed.includes("email") || blockTrimmed.includes("ring ") || blockTrimmed.includes("call ");
+        if (isCardSection) {
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: styles.card, children: blockTrimmed }, `${i}-${bi}`);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: styles.paragraph, children: blockTrimmed }, `${i}-${bi}`);
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { style: styles.section, children: [
+        SectionHeader,
+        blocks
+      ] }, i);
     });
-    return sectionNodes;
   };
   const statementTools = (0, import_standards.getStatementToolsByCountry)(country);
   const usedTool = generatorTool || statementTools.find((t) => t.recommended) || statementTools[0];
@@ -1531,152 +1473,168 @@ var AccessibilityStatement = ({
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      marginBottom: "4.5rem",
-      paddingBottom: "2rem",
-      borderBottom: "1px solid #f1f5f9"
+      marginBottom: "5rem",
+      paddingBottom: "2.5rem",
+      borderBottom: "1px solid #f8fafc"
     },
     logoContainer: {
       display: "flex",
       alignItems: "center",
       textDecoration: "none",
-      marginRight: "1.5rem"
+      marginRight: "2rem"
     },
     divider: {
-      height: "2.5rem",
+      height: "2rem",
       width: "1px",
       backgroundColor: "#e2e8f0",
-      marginRight: "1.5rem",
+      marginRight: "2rem",
       display: "block"
     },
     websiteContainer: {
       display: "flex",
       alignItems: "center",
-      gap: "0.75rem",
+      gap: "0.625rem",
       textDecoration: "none",
-      color: "#475569",
-      // Slate 600
-      fontWeight: 600,
-      fontSize: "1rem",
+      color: "#64748b",
+      // Slate 500
+      fontWeight: 500,
+      fontSize: "0.925rem",
       padding: "0.5rem 1rem",
       backgroundColor: "#f8fafc",
-      borderRadius: "0.75rem",
+      borderRadius: "100px",
       border: "1px solid #f1f5f9"
     },
     container: {
-      maxWidth: "900px",
-      margin: "2rem auto",
-      padding: "4.5rem",
+      maxWidth: "1000px",
+      margin: "4rem auto",
+      padding: "6rem",
       backgroundColor: "#ffffff",
-      borderRadius: "24px",
-      boxShadow: "0 25px 50px -12px rgb(0 0 0 / 0.05)",
+      borderRadius: "32px",
+      boxShadow: "0 40px 100px -20px rgba(15, 23, 42, 0.08)",
       border: "1px solid #f1f5f9",
       fontFamily: '"Inter", system-ui, -apple-system, sans-serif',
       color: "#1e293b",
       // Slate 800
-      lineHeight: 1.75,
-      fontSize: "1.125rem"
+      lineHeight: 1.8,
+      fontSize: "1.125rem",
+      position: "relative",
+      overflow: "hidden"
     },
     mainHeading: {
-      fontSize: "3rem",
-      fontWeight: 900,
-      color: "#082f49",
-      // Primary 950
+      fontSize: "3.5rem",
+      fontWeight: 800,
+      color: "#0f172a",
+      // Slate 900
       marginTop: "0",
-      marginBottom: "1rem",
-      letterSpacing: "-0.04em",
-      lineHeight: 1.1
+      marginBottom: "1.5rem",
+      letterSpacing: "-0.05em",
+      lineHeight: 1.05
     },
     metaData: {
       color: "#64748b",
       // Slate 500
       fontSize: "0.925rem",
-      marginBottom: "4rem",
+      marginBottom: "5rem",
       fontWeight: 500,
       display: "flex",
-      gap: "1.5rem"
+      gap: "2rem",
+      padding: "1.25rem 2rem",
+      backgroundColor: "#f8fafc",
+      borderRadius: "1rem",
+      border: "1px solid #f1f5f9",
+      width: "fit-content"
     },
     section: {
-      marginBottom: "4.5rem"
+      marginBottom: "6rem"
     },
     sectionTitle: {
-      fontSize: "1.75rem",
-      fontWeight: 800,
-      color: "#082f49",
-      // Primary 950
-      marginBottom: "1.5rem",
+      fontSize: "1.875rem",
+      fontWeight: 700,
+      color: "#0f172a",
+      marginBottom: "2rem",
       marginTop: 0,
-      letterSpacing: "-0.025em",
+      letterSpacing: "-0.03em",
       display: "flex",
       alignItems: "center",
-      gap: "0.75rem"
+      gap: "1rem"
     },
     card: {
       padding: "2.5rem",
-      backgroundColor: "#f0f9ff",
-      // Primary 50
+      backgroundColor: "#ffffff",
       borderRadius: "1.5rem",
-      border: "1px solid #e0f2fe",
-      marginBottom: "2.5rem"
+      border: "1px solid #f1f5f9",
+      boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.02)",
+      marginBottom: "2.5rem",
+      display: "flex",
+      flexDirection: "column",
+      gap: "1rem"
     },
     paragraph: {
-      marginBottom: "1.5rem",
-      maxWidth: "65ch",
-      whiteSpace: "pre-line"
+      marginBottom: "1.75rem",
+      maxWidth: "70ch",
+      whiteSpace: "pre-line",
+      color: "#475569"
+      // Slate 600
     },
     link: {
-      color: "#0284c7",
-      // Primary 600
+      color: "#0ea5e9",
+      // Primary 500
       textDecoration: "none",
       fontWeight: 600,
-      borderBottom: "2px solid #e0f2fe",
-      transition: "border-color 0.2s",
+      borderBottom: "1.5px solid rgba(14, 165, 233, 0.2)",
+      transition: "all 0.2s",
       cursor: "pointer"
     },
     list: {
       listStyleType: "none",
       paddingLeft: 0,
-      marginBottom: "1.5rem"
+      marginBottom: "2rem",
+      display: "flex",
+      flexDirection: "column",
+      gap: "1rem"
     },
     listItem: {
-      marginBottom: "0.75rem",
-      paddingLeft: "1.75rem",
+      padding: "1.25rem 1.75rem 1.25rem 3.5rem",
       position: "relative",
-      display: "block"
+      backgroundColor: "#f8fafc",
+      borderRadius: "1rem",
+      border: "1px solid #f1f5f9",
+      fontSize: "1rem",
+      color: "#334155"
     },
     listBullet: {
       position: "absolute",
-      left: 0,
-      top: "0.6em",
-      width: "0.5rem",
-      height: "0.5rem",
-      borderRadius: "50%",
-      backgroundColor: "#0ea5e9"
-      // Primary 500
+      left: "1.5rem",
+      top: "50%",
+      transform: "translateY(-50%)",
+      width: "0.75rem",
+      height: "0.75rem",
+      borderRadius: "4px",
+      backgroundColor: "#0ea5e9",
+      opacity: 0.8
     },
     statusBadge: {
       display: "inline-flex",
       alignItems: "center",
-      padding: "0.375rem 1rem",
-      borderRadius: "9999px",
+      padding: "0.5rem 1.25rem",
+      borderRadius: "100px",
       fontSize: "0.875rem",
-      fontWeight: 700,
-      backgroundColor: complianceLevel === "full" ? "#dcfce7" : complianceLevel === "partial" ? "#fef9c3" : "#fee2e2",
-      color: complianceLevel === "full" ? "#166534" : complianceLevel === "partial" ? "#854d0e" : "#991b1b",
-      boxShadow: `0 4px 6px -1px ${complianceLevel === "full" ? "rgba(34, 197, 94, 0.1)" : complianceLevel === "partial" ? "rgba(234, 179, 8, 0.1)" : "rgba(239, 68, 68, 0.1)"}`,
-      border: `1px solid ${complianceLevel === "full" ? "#bbf7d0" : complianceLevel === "partial" ? "#fef08a" : "#fecaca"}`,
-      marginLeft: "0.5rem"
+      fontWeight: 600,
+      backgroundColor: complianceLevel === "full" ? "#f0fdf4" : complianceLevel === "partial" ? "#fffbeb" : "#fef2f2",
+      color: complianceLevel === "full" ? "#166534" : complianceLevel === "partial" ? "#92400e" : "#991b1b",
+      border: `1px solid ${complianceLevel === "full" ? "#dcfce7" : complianceLevel === "partial" ? "#fef3c7" : "#fee2e2"}`,
+      letterSpacing: "0.01em"
     },
     iconWrapper: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      width: "2.5rem",
-      height: "2.5rem",
-      borderRadius: "0.75rem",
-      backgroundColor: "#ffffff",
-      boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+      width: "2.75rem",
+      height: "2.75rem",
+      borderRadius: "12px",
+      backgroundColor: "#f8fafc",
       border: "1px solid #f1f5f9",
-      color: "#0284c7"
+      color: "#0ea5e9"
     }
   };
   const Logo = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
@@ -1750,16 +1708,26 @@ var AccessibilityStatement = ({
           ] }),
           badgeUrl && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: badgeUrl, alt: "Accessibility Badge", style: { height: "1.5rem", width: "auto" } }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "statement-content", children: (() => {
-          const parts = template.split("\n");
-          const titleRaw = parts[0];
-          const bodyRaw = parts.slice(1).join("\n");
-          let title = titleRaw.replace("{<webbplats>}", organizationName).replace("{<website>}", organizationName);
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { id: "a11y-statement-title", style: styles.mainHeading, children: title }),
-            renderTemplate(bodyRaw)
-          ] });
-        })() }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "statement-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { style: { marginBottom: "4rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { id: "a11y-statement-title", style: styles.mainHeading, children: renderTemplate(template.title) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: styles.metaData, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
+                lang === "sv" ? "Status:" : "Status:",
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: styles.statusBadge, children: complianceLevel === "full" ? lang === "sv" ? "Fullt f\xF6renlig" : "Fully compliant" : complianceLevel === "partial" ? lang === "sv" ? "Delvis f\xF6renlig" : "Partially compliant" : lang === "sv" ? "Ej f\xF6renlig" : "Non-compliant" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { color: "#e2e8f0" }, children: "|" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
+                lang === "sv" ? "Uppdaterad:" : "Updated:",
+                " ",
+                d(lastReviewDate)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { ...styles.paragraph, fontSize: "1.25rem", color: "#1e293b", fontWeight: 500, marginBottom: "4rem" }, children: renderTemplate(template.intro) }),
+          renderSections(template.sections)
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("footer", { style: { marginTop: "3rem", borderTop: "1px solid #e2e8f0", paddingTop: "1.5rem", fontSize: "0.875rem", color: "#64748b" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { children: [
           lang === "sv" ? "Genererad med hj\xE4lp av" : "Generated using",
           " ",