@nldd/design-system 0.8.95 → 0.8.97

package/dist/components/layout/page/page.styles.js

@@ -8,21 +8,21 @@ export const pageStyles = css `
 	/* # Host */
 
 	:host {
-		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_page-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
 		/* The insets this page arrived with, parked before it adds its own:
 		   republishing --context-inset-top on the element it reads from would be
 		   a cycle. */
-		--_outer-inset-top: var(--context-inset-top, 0px);
-		--_outer-inset-bottom: var(--context-inset-bottom, 0px);
-		--_header-height: 0px;
-		--_footer-height: 0px;
-		--_header-full-height: 0px;
+		--_page-outer-inset-top: var(--context-inset-top, 0px);
+		--_page-outer-inset-bottom: var(--context-inset-bottom, 0px);
+		--_page-header-height: 0px;
+		--_page-footer-height: 0px;
+		--_page-header-full-height: 0px;
 		/* Set from JS while the page owns the scroller. initial, not a length, so
 		   the fallback stands when the document scrolls instead. */
-		--_scroll-height: initial;
+		--_page-scroll-height: initial;
 
 		display: flex;
-		background-color: var(--_background-color);
+		background-color: var(--_page-background-color);
 		width: 100%;
 		height: 100%;
 		overflow-y: auto;
@@ -40,12 +40,12 @@ export const pageStyles = css `
 
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_page-background-color: var(--context-parent-background-color);
 	}
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_page-background-color: var(--context-parent-background-color);
 	}
 
 	/* Overflow hidden prevents content from escaping the scroll wrapper.
@@ -56,7 +56,7 @@ export const pageStyles = css `
 		overflow: hidden;
 	}
 
-	/* Root-scroll mode: the DOCUMENT scrolls (see nldd-app-view), not the page.
+	/* Root-scroll mode: the DOCUMENT scrolls (see nldd-shell), not the page.
 	   The page stops owning an inner scroll container and its sticky-header/footer
 	   stick against the document, offset by the insets above and below
 	   (--context-inset-top/bottom, published by any bars outside the page). The mode is derived upstream and
@@ -112,7 +112,7 @@ export const pageStyles = css `
 		left: 0;
 		right: 0;
 		z-index: 1;
-		background-color: color-mix(in srgb, var(--_background-color) 95%, transparent);
+		background-color: color-mix(in srgb, var(--_page-background-color) 95%, transparent);
 	}
 
 	:host([sticky-header]) .page__header::after {
@@ -128,7 +128,7 @@ export const pageStyles = css `
 		left: 0;
 		right: 0;
 		opacity: 0;
-		background: linear-gradient(to bottom, color-mix(in srgb, var(--_background-color) 95%, transparent), transparent);
+		background: linear-gradient(to bottom, color-mix(in srgb, var(--_page-background-color) 95%, transparent), transparent);
 		pointer-events: none;
 		height: var(--primitives-space-24);
 		transition: opacity var(--primitives-transition-duration-medium) var(--primitives-transition-easing-default);
@@ -153,11 +153,11 @@ export const pageStyles = css `
 	   inside clears them without knowing a number. The header sits outside this
 	   element and keeps the value without itself in it. */
 	.page__scroll {
-		--context-inset-top: calc(var(--_outer-inset-top) + var(--_header-height));
-		--context-inset-bottom: calc(var(--_outer-inset-bottom) + var(--_footer-height));
+		--context-inset-top: calc(var(--_page-outer-inset-top) + var(--_page-header-height));
+		--context-inset-bottom: calc(var(--_page-outer-inset-bottom) + var(--_page-footer-height));
 		/* The height sticky content can cap itself on. Unset while the document
 		   scrolls, where the viewport is the whole story. */
-		--context-scroller-height: var(--_scroll-height, 100dvh);
+		--context-scroller-height: var(--_page-scroll-height, 100dvh);
 
 		display: flex;
 		min-height: 0;
@@ -168,9 +168,9 @@ export const pageStyles = css `
 	/* Nested scrolling: a sticky child is measured against this element, so the
 	   bars above the page fall outside it and only its own header counts. */
 	:host(:not([data-scroll="root"])) .page__scroll {
-		--context-inset-top: var(--_header-height);
-		--context-inset-bottom: var(--_footer-height);
-		padding-top: var(--_header-full-height);
+		--context-inset-top: var(--_page-header-height);
+		--context-inset-bottom: var(--_page-footer-height);
+		padding-top: var(--_page-header-full-height);
 	}
 
 	:host([sticky-header]) .page__scroll {
@@ -200,7 +200,7 @@ export const pageStyles = css `
 		position: sticky;
 		bottom: 0;
 		z-index: 1;
-		background-color: color-mix(in srgb, var(--_background-color) 95%, transparent);
+		background-color: color-mix(in srgb, var(--_page-background-color) 95%, transparent);
 	}
 
 	:host([sticky-footer]) .page__footer::before {
@@ -209,7 +209,7 @@ export const pageStyles = css `
 		bottom: 100%;
 		left: 0;
 		right: 0;
-		background: linear-gradient(to top, color-mix(in srgb, var(--_background-color) 95%, transparent), transparent);
+		background: linear-gradient(to top, color-mix(in srgb, var(--_page-background-color) 95%, transparent), transparent);
 		pointer-events: none;
 		height: var(--primitives-space-24);
 	}

package/dist/components/layout/page-footer/page-footer.js

@@ -192,18 +192,18 @@ let NLDDPageFooter = class NLDDPageFooter extends LitElement {
             (this._hasMain ? 1 : 0) +
             (this._hasLegalBar ? 1 : 0);
         // One visible row → centered single-slot padding; zero rows → the gray
-        // band drops and only the lintje shows (see :host([empty]) in the styles).
+        // band drops and only the ribbon shows (see :host([empty]) in the styles).
         this.toggleAttribute('single-slot', visibleCount === 1);
         this.toggleAttribute('empty', visibleCount === 0);
         if (changed.has('width')) {
             // A CSS length feeds the body max-width; 'full' is handled by CSS
-            // (:host([width="full"]) sets --_max-width: none); default clears it.
+            // (:host([width="full"]) sets --_page-footer-max-width: none); default clears it.
             const w = this.width;
             if (w && w !== 'full' && CSS.supports('max-width', w)) {
-                this.style.setProperty('--_max-width', w);
+                this.style.setProperty('--_page-footer-max-width', w);
             }
             else {
-                this.style.removeProperty('--_max-width');
+                this.style.removeProperty('--_page-footer-max-width');
             }
         }
     }

package/dist/components/layout/page-footer/page-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"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"}

package/dist/components/layout/page-footer/page-footer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-footer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,yBAmJ5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA2CpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBA2BxC,CAAC"}
+{"version":3,"file":"page-footer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,yBAiJ5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA2CpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBA6BxC,CAAC"}

package/dist/components/layout/page-footer/page-footer.styles.js

@@ -10,17 +10,15 @@ export const pageFooterStyles = css `
 		box-sizing: border-box;
 	}
 	:host {
-		--_max-width: var(--semantics-page-sections-body-max-width);
-		/* Official Rijksoverheid lintje color — identical across all
-		   .rijks.app / .overheid.nl sites by visual-identity policy, so it
-		   intentionally lives outside the semantic token system. Local
-		   --_ var keeps the value discoverable in one place. */
-		--_lintje-color: #154273;
-		--context-parent-background-color: var(--components-page-footer-background-color);
+		--_page-footer-max-width: var(--semantics-page-sections-body-max-width);
+		--_page-footer-ribbon-color: var(--semantics-brand-ribbon-color);
+		--_page-footer-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-50));
+		--_page-footer-divider-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-150));
+		--context-parent-background-color: var(--_page-footer-background-color);
 
 		container-type: inline-size;
 		display: block;
-		background-color: var(--components-page-footer-background-color);
+		background-color: var(--_page-footer-background-color);
 		width: 100%;
 	}
 
@@ -33,11 +31,11 @@ export const pageFooterStyles = css `
 	}
 
 	:host([width="full"]) {
-		--_max-width: none;
+		--_page-footer-max-width: none;
 	}
 
 	.page-footer {
-		--_lintje-height: calc(var(--_lintje-width) / 2);
+		--_page-footer-ribbon-height: calc(var(--_page-footer-ribbon-width) / 2);
 
 		box-sizing: border-box;
 		display: flex;
@@ -48,27 +46,27 @@ export const pageFooterStyles = css `
 
 		@container (max-width: ${smMax}) {
 			padding-inline: var(--semantics-page-sections-sm-margin-inline);
-			--_lintje-width: var(--primitives-space-40);
+			--_page-footer-ribbon-width: var(--semantics-brand-ribbon-sm-width);
 		}
 
 		@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			padding-inline: var(--semantics-page-sections-md-margin-inline);
-			--_lintje-width: var(--primitives-space-44);
+			--_page-footer-ribbon-width: var(--semantics-brand-ribbon-md-width);
 		}
 
 		@container (min-width: ${lgMin}) {
 			padding-inline: var(--semantics-page-sections-lg-margin-inline);
-			--_lintje-width: var(--primitives-space-48);
+			--_page-footer-ribbon-width: var(--semantics-brand-ribbon-lg-width);
 		}
 	}
 
-	/* Empty footer = only the lintje. Add top space equal to the lintje height
+	/* Empty footer = only the ribbon. Add top space equal to the ribbon height
 	   (container-type on :host makes a BFC, so this margin stays inside the
 	   transparent host) so a preceding tinted page section doesn't butt right up
-	   against the lintje. */
+	   against the ribbon. */
 	:host([empty]) .page-footer {
-		min-height: var(--_lintje-height);
-		margin-top: var(--_lintje-height);
+		min-height: var(--_page-footer-ribbon-height);
+		margin-top: var(--_page-footer-ribbon-height);
 	}
 
 	.page-footer::after {
@@ -76,9 +74,9 @@ export const pageFooterStyles = css `
 		position: absolute;
 		bottom: 0;
 		left: 50%;
-		background-color: var(--_lintje-color);
-		width: var(--_lintje-width);
-		height: var(--_lintje-height);
+		background-color: var(--_page-footer-ribbon-color);
+		width: var(--_page-footer-ribbon-width);
+		height: var(--_page-footer-ribbon-height);
 		transform: translateX(-50%);
 	}
 
@@ -91,7 +89,7 @@ export const pageFooterStyles = css `
 	.page-footer__body {
 		display: flex;
 		width: 100%;
-		max-width: var(--_max-width);
+		max-width: var(--_page-footer-max-width);
 		flex-direction: column;
 	}
 
@@ -125,11 +123,11 @@ export const pageFooterStyles = css `
 	}
 
 	.page-footer__body > div:not([hidden]):not(:has(~ div:not([hidden]))) {
-		padding-bottom: calc(var(--primitives-space-16) + var(--_lintje-height));
+		padding-bottom: calc(var(--primitives-space-16) + var(--_page-footer-ribbon-height));
 	}
 
 	:host([single-slot]) .page-footer__body > div:not([hidden]) {
-		padding-top: calc(var(--primitives-space-16) + var(--_lintje-height));
+		padding-top: calc(var(--primitives-space-16) + var(--_page-footer-ribbon-height));
 	}
 
 	.page-footer__breadcrumbs[hidden],
@@ -142,7 +140,7 @@ export const pageFooterStyles = css `
 	.page-footer__divider {
 		margin: 0;
 		border: none;
-		background-color: var(--components-page-footer-divider-color);
+		background-color: var(--_page-footer-divider-color);
 		width: 100%;
 		height: var(--semantics-dividers-thickness);
 	}
@@ -199,6 +197,8 @@ export const pageFooterLegalBarStyles = css `
 `;
 export const pageFooterLegalBarItemStyles = css `
 	:host {
+		--_page-footer-legal-bar-item-color: var(--semantics-content-secondary-color);
+
 		${inheritedTextReset}
 		display: inline-flex;
 	}
@@ -209,12 +209,12 @@ export const pageFooterLegalBarItemStyles = css `
 
 	.page-footer__legal-bar-item {
 		display: inline-flex;
-		color: var(--components-page-footer-legal-bar-item-color);
+		color: var(--_page-footer-legal-bar-item-color);
 		font: var(--primitives-font-body-sm-regular-tight);
 	}
 
 	.page-footer__legal-bar-item-link {
-		color: var(--components-page-footer-legal-bar-item-color);
+		color: var(--_page-footer-legal-bar-item-color);
 		text-decoration: underline;
 	}
 

package/dist/components/layout/page-footer/page-footer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCR,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;2BAML,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2C1C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;;IAE3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}
+{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuCR,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;2BAML,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2C1C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;;;;IAI3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts

@@ -10,6 +10,7 @@
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
  * @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
  * @attr {string} [padding-top] - Top padding override.
  * @attr {string} [padding-bottom] - Bottom padding override.
@@ -35,6 +36,7 @@ declare const NLDDFullBleedSection_base: typeof LitElement & (new (...args: any[
     lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
     lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
     height?: string;
+    grow: boolean;
     _onSlotChange(e: Event): void;
 });
 export declare class NLDDFullBleedSection extends NLDDFullBleedSection_base {

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"full-bleed-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;AAMjC,qBACa,oBAAqB,SAAQ,yBAA4B;IACrE,OAAgB,MAAM,0BAA0B;IAEhD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
+{"version":3,"file":"full-bleed-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAOjC,qBACa,oBAAqB,SAAQ,yBAA4B;IACrE,OAAgB,MAAM,0BAA0B;IAEhD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js

@@ -16,6 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
  * @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
  * @attr {string} [padding-top] - Top padding override.
  * @attr {string} [padding-bottom] - Bottom padding override.
@@ -27,6 +28,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  */
 import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
 import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
 import { fullBleedSectionStyles } from './full-bleed-section.styles.js';
 import { fullBleedSectionTemplate } from './full-bleed-section.template.js';
@@ -42,12 +44,12 @@ let NLDDFullBleedSection = class NLDDFullBleedSection extends PageSectionMixin(L
             const w = this.width;
             // Sections constrain the body's max-width rather than the host's
             // outer width. The keyword 'full' is handled by CSS (sets
-            // --_max-width: none); CSS lengths feed --_max-width here.
+            // --_full-bleed-section-max-width: none); CSS lengths feed --_full-bleed-section-max-width here.
             if (w && w !== 'full' && CSS.supports('max-width', w)) {
-                this.style.setProperty('--_max-width', w);
+                this.style.setProperty('--_full-bleed-section-max-width', w);
             }
             else {
-                this.style.removeProperty('--_max-width');
+                this.style.removeProperty('--_full-bleed-section-max-width');
             }
         }
     }
@@ -57,7 +59,7 @@ let NLDDFullBleedSection = class NLDDFullBleedSection extends PageSectionMixin(L
 };
 NLDDFullBleedSection.styles = fullBleedSectionStyles;
 __decorate([
-    property({ type: String, reflect: true })
+    property({ reflect: true, converter: reflectNonDefault('') })
 ], NLDDFullBleedSection.prototype, "width", void 0);
 NLDDFullBleedSection = __decorate([
     customElement('nldd-full-bleed-section')

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-bleed-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA/D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAvBe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAIhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC/B;AALC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyBhC"}
+{"version":3,"file":"full-bleed-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA/D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,iGAAiG;YACjG,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;YAC9D,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iCAAiC,CAAC,CAAC;YAC9D,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAvBe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAIhD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;mDAC3D;AALC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyBhC"}

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"full-bleed-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,yBAoGlC,CAAC"}
+{"version":3,"file":"full-bleed-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,yBAyGlC,CAAC"}

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js

@@ -16,15 +16,15 @@ export const fullBleedSectionStyles = css `
 		container-type: inline-size;
 		/* Block-padding overrides from PageSectionMixin; 'initial' lets the
 		   block fall back to the responsive default until the mixin sets one. */
-		--_padding-top: initial;
-		--_padding-bottom: initial;
-		--_sm-padding-top: initial;
-		--_sm-padding-bottom: initial;
-		--_md-padding-top: initial;
-		--_md-padding-bottom: initial;
-		--_lg-padding-top: initial;
-		--_lg-padding-bottom: initial;
-		--_max-width: var(--semantics-page-sections-body-max-width);
+		--_full-bleed-section-padding-top: initial;
+		--_full-bleed-section-padding-bottom: initial;
+		--_full-bleed-section-sm-padding-top: initial;
+		--_full-bleed-section-sm-padding-bottom: initial;
+		--_full-bleed-section-md-padding-top: initial;
+		--_full-bleed-section-md-padding-bottom: initial;
+		--_full-bleed-section-lg-padding-top: initial;
+		--_full-bleed-section-lg-padding-bottom: initial;
+		--_full-bleed-section-max-width: var(--semantics-page-sections-body-max-width);
 
 		display: flex;
 		width: 100%;
@@ -36,8 +36,13 @@ export const fullBleedSectionStyles = css `
 		display: none;
 	}
 
+	:host([data-growing]),
+	:host([grow]) {
+		flex-grow: 1;
+	}
+
 	:host([width="full"]) {
-		--_max-width: none;
+		--_full-bleed-section-max-width: none;
 	}
 
 
@@ -53,18 +58,18 @@ export const fullBleedSectionStyles = css `
 
 
 		@container (max-width: ${smMax}) {
-			padding-top: var(--_sm-padding-top, var(--_padding-top, var(--semantics-page-sections-sm-margin-block)));
-			padding-bottom: var(--_sm-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-sm-margin-block)));
+			padding-top: var(--_full-bleed-section-sm-padding-top, var(--_full-bleed-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
+			padding-bottom: var(--_full-bleed-section-sm-padding-bottom, var(--_full-bleed-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
 		}
 
 		@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
-			padding-top: var(--_md-padding-top, var(--_padding-top, var(--semantics-page-sections-md-margin-block)));
-			padding-bottom: var(--_md-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-md-margin-block)));
+			padding-top: var(--_full-bleed-section-md-padding-top, var(--_full-bleed-section-padding-top, var(--semantics-page-sections-md-margin-block)));
+			padding-bottom: var(--_full-bleed-section-md-padding-bottom, var(--_full-bleed-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
 		}
 
 		@container (min-width: ${lgMin}) {
-			padding-top: var(--_lg-padding-top, var(--_padding-top, var(--semantics-page-sections-lg-margin-block)));
-			padding-bottom: var(--_lg-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-lg-margin-block)));
+			padding-top: var(--_full-bleed-section-lg-padding-top, var(--_full-bleed-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
+			padding-bottom: var(--_full-bleed-section-lg-padding-bottom, var(--_full-bleed-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
 		}
 	}
 
@@ -74,7 +79,7 @@ export const fullBleedSectionStyles = css `
 	.full-bleed-section__body {
 		display: flex;
 		width: 100%;
-		max-width: var(--_max-width);
+		max-width: var(--_full-bleed-section-max-width);
 		flex-direction: column;
 		flex-grow: 1;
 

package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-bleed-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAgDd,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
+{"version":3,"file":"full-bleed-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAqDd,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

package/dist/components/layout/page-sections/hero/hero.d.ts

@@ -1,15 +1,40 @@
 /**
  * Nederlandse Digitale Dienst Hero Component (Lit + TypeScript)
  *
- * A page header with a media area and a text panel (the main) that can stand in
- * six positions. Every area is rectangular.
+ * The section that says what a page is for: it names the main goal of what
+ * you can find there, draws the eye and is the visual welcome. It has a media
+ * area and a text panel (the main) that can stand in eight positions. Every
+ * area is rectangular. Use it on pages where a visitor first has to know where
+ * they are, such as a home or a topic page; where the title already does
+ * that, a section with a title is enough.
  *
- * With `main-width="full"` the media area sits as its own strip above or below
- * the panel rather than behind it. On mobile the media always stacks above the
- * full-width panel. Without media the main fills the whole area; with
+ * The image in a hero sets the mood and is never the main content, so the
+ * panel always stands on it. Over an image the panel keeps a section gap from
+ * its edges, so it reads as a panel on the image rather than a frame cut out of
+ * it; with `main-width="full"` it is a strip across the whole image, the same
+ * gap from the sides. On mobile the image comes first and the panel below it,
+ * indented by the section gap and overlapping the image by 48px. For an
+ * image beside text without that relation, use a section with an image beside
+ * text instead. Without media the main fills the whole area; with
  * `main-background="base"` that area gets a border so it stays visible on the
  * base surface.
  *
+ * The hero is the head of a page and sits right under the top bar, so its top
+ * padding is half that of the other page sections: the full distance is meant
+ * to separate two sections, and under the top bar it reads as a gap. The
+ * bottom keeps the full distance to the section below. Set `padding-top` to
+ * place a hero elsewhere.
+ *
+ * By default the panel falls over the bottom of the image and runs on below it
+ * (`layout="overlap"`), so the image keeps its height whatever the content.
+ * `layout="contained"` keeps the panel on the image, for a short panel or one
+ * that stands at the top or along a side.
+ *
+ * The height of a hero comes from its image: `media-aspect-ratio`, or a fixed
+ * `media-height`. The `height` of the other page sections is not used here: as
+ * a minimum height for the whole hero it stretched the panel once that sat
+ * below the image. A hero given `height` says so in development.
+ *
  * `main-background` gives the panel a surface color from the filled categories.
  * Those carry a pure white or black content color along, so components with
  * `color="inherit"` (title, rich-text) are guaranteed to keep their contrast.
@@ -18,17 +43,19 @@
  *
  * @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
  * @attr {string} width - Body max-width; 'full' removes the bound (section API)
- * @attr {string} height - Minimum height of the section (section API)
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
  * @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
+ * @attr {'contained'|'overlap'} layout - How the panel relates to the image (default: 'overlap'). 'contained' keeps it on the image, in any of the eight positions; 'overlap' lets it fall `overlap-size` over the bottom of the image and run on below as far as its content needs, so the image keeps its height whatever the content. In 'overlap' the image has a fixed height (320px on md, 400px on lg) unless `media-height` or `media-aspect-ratio` is set, and only the horizontal side of `main-position` counts. A panel shorter than `overlap-size` ends inside the image and says so in development
  * @attr {string} main-background - Surface color of the panel: 'base' (the base surface)
  *   or a category color — 'accent' (default) or a Rijkshuisstijl color such as
  *   'lintblauw'|'donkerblauw'|'oranje'
- * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Width of the panel (default: '1/2');
- *   'full' makes a full top or bottom strip and is ignored with 'left'/'right'
- * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
+ * @attr {string} main-width - Width of the panel (default: 'auto'). 'auto' follows the content, between 480px and 640px and never wider than the image allows: a short title gets a narrow panel, a paragraph runs on to a readable line length. 'full' makes a strip across the whole image, at the top or the bottom, and is ignored with 'left'/'right'. Any CSS width (e.g. '560px', '60%') sets it exactly on md and lg, still never wider than the image allows; an invalid value falls back to 'auto'
+ * @attr {'top-left'|'top-center'|'top-right'|'bottom-left'|'bottom-center'|'bottom-right'|'left'|'right'} main-position -
  *   Position of the text panel (default: 'bottom-left'); 'left'/'right' span the full height
+ * @attr {string} overlap-size - With layout="overlap": how far the panel falls over the bottom of the image, any CSS length (default: 160px). The overlap stays the same whatever the height of the image; a panel shorter than this ends inside the image
  * @attr {string} media-aspect-ratio - Aspect ratio of the media area (CSS form, '16/9' or '16:9');
  *   default '21/9'. On md/lg it sets the height of the hero, on sm the height of the media area
+ * @attr {string} media-height - Fixed height of the media area, any CSS length (e.g. '320px', '40vh'); wins over media-aspect-ratio. An invalid value falls back to the ratio
  * @attr {string} media-src - Source of the media area (an alternative to the media slot);
  *   ignored as soon as the media slot is filled
  * @attr {string} media-srcset - Responsive source set for media-src
@@ -41,8 +68,9 @@
  * @slot - Content of the text panel (nldd-title and nldd-rich-text with color="inherit", for instance)
  */
 import { LitElement, type PropertyValues } from 'lit';
-export type HeroMainPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
-export type HeroMainWidth = '1/2' | '2/3' | '3/4' | 'full';
+export type HeroMainPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'right';
+export type HeroMainWidth = 'auto' | 'full' | (string & {});
+export type HeroLayout = 'contained' | 'overlap';
 export type HeroMainBackground = 'base' | 'accent' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
 declare const NLDDHero_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
@@ -59,18 +87,22 @@ declare const NLDDHero_base: typeof LitElement & (new (...args: any[]) => LitEle
     lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
     lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
     height?: string;
+    grow: boolean;
     _onSlotChange(e: Event): void;
 });
 export declare class NLDDHero extends NLDDHero_base {
     static styles: import("lit").CSSResult;
     /** Width mode: 'full' (removes body max-width) or any CSS length. */
     width: string;
+    layout: HeroLayout;
     mainBackground: HeroMainBackground;
     mainWidth: HeroMainWidth;
     mainPosition: HeroMainPosition;
     /** Media aspect-ratio in CSS form ('16/9' or '16:9'); default '21/9'. Drives
      *  the hero height on md/lg and the media strip height on sm. */
     mediaAspectRatio: string;
+    overlapSize: string;
+    mediaHeight: string;
     /** Hybrid media source: media-src renders an internal <img>, but a slotted
      *  media element wins (mirrors nldd-image / nldd-identity). srcset/sizes/alt
      *  feed that internal img. */
@@ -82,7 +114,21 @@ export declare class NLDDHero extends NLDDHero_base {
     /** Media is present when the slot has content or media-src is set. */
     get _hasMedia(): boolean;
     willUpdate(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     updated(changed: PropertyValues): void;
+    /** DEV-only latch for the `height` warning. */
+    private _warnedHeight;
+    /** DEV-only: watches an overlap hero for a panel that does not reach below its image. */
+    private _overlapObserver;
+    private _warnedOverlap;
+    private _watchOverlap;
+    /**
+     * In an overlap hero the panel is meant to run on below the image. When it
+     * ends inside it, the content is shorter than `overlap-size`; the consumer
+     * decides how far it runs on, so this only says so, in development.
+     */
+    private _checkOverlap;
     /** @internal Tracks the media slot so the no-media mode can collapse it. */
     _onMediaSlotChange(e: Event): void;
     render(): import("lit-html").TemplateResult;

package/dist/components/layout/page-sections/hero/hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;AAEtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAEpC,qEAAqE;IAErE,KAAK,SAAM;IAGX,cAAc,EAAE,kBAAkB,CAAY;IAG9C,SAAS,EAAE,aAAa,CAAS;IAGjC,YAAY,EAAE,gBAAgB,CAAiB;IAE/C;qEACiE;IAEjE,gBAAgB,SAAM;IAEtB;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyB/C,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7I,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAC5D,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAajD,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAEtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAEpC,qEAAqE;IAErE,KAAK,SAAM;IAGX,MAAM,EAAE,UAAU,CAAa;IAG/B,cAAc,EAAE,kBAAkB,CAAY;IAG9C,SAAS,EAAE,aAAa,CAAU;IAGlC,YAAY,EAAE,gBAAgB,CAAiB;IAE/C;qEACiE;IAEjE,gBAAgB,SAAM;IAGtB,WAAW,SAAM;IAGjB,WAAW,SAAM;IAEjB;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA8D/C,+CAA+C;IAC/C,OAAO,CAAC,aAAa,CAAS;IAE9B,yFAAyF;IACzF,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAgBrB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAYrB,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}