@affinda/wc 0.0.28 → 0.1.0

package/dist/types/components.d.ts

@@ -182,22 +182,31 @@ export namespace Components {
         "value"?: string;
     }
     /**
-     * Infinite scrolling carousel for client logos.
+     * Full-width row of client logos, either infinite-scrolling (default)
+     * or a centred static row.
      * This is a section-level component that spans full width.
-     * Renders one or two scrolling rows; single row matches the Webflow
-     * reference, two rows (scrolling opposite directions) is the denser
-     * variant.
+     * Renders one or two rows; single row matches the Webflow reference,
+     * two rows is the denser variant. When `mode="scroll"` (default) rows
+     * animate in opposite directions; when `mode="static"` rows are centred
+     * and the animation is disabled.
      * For headlines, use a separate TypographyLockup or Heading component
      * above this carousel.
-     * **Seamless loop:** the CSS animation translates the track from 0% to
-     * -50% (or vice versa), which only looks continuous if the track holds
-     * two identical copies of the content end-to-end. Shadow DOM slots can
-     * only project content once, so we clone the slotted nodes in
-     * `componentDidLoad` and append the copies to the track.
+     * **Seamless loop (scroll mode only):** the CSS animation translates
+     * the track from 0% to -50% (or vice versa), which only looks continuous
+     * if the track holds two identical copies of the content end-to-end.
+     * Shadow DOM slots can only project content once, so we clone the
+     * slotted nodes in `componentDidLoad` and append the copies to the track.
+     * Static mode skips the clone — nothing is animating, so duplicating
+     * the logos would just render them twice.
      */
     interface AfClientCarousel {
         /**
-          * Number of scrolling rows. - `1` (default) — single row scrolling left, matches the Webflow reference. - `2` — two rows scrolling in opposite directions.  When `rows="2"`, slot `row-1` and `row-2` independently. When `rows="1"`, slot the default slot (unnamed) or `row-1`.
+          * Layout mode. - `scroll` (default) — infinite animated scroll; rows fill the full   width and are cloned for a seamless loop. - `static` — no animation, logos centred horizontally. Use when the   logo set is small enough to fit on screen without scrolling.
+          * @default 'scroll'
+         */
+        "mode": Mode;
+        /**
+          * Number of rows. - `1` (default) — single row, matches the Webflow reference. - `2` — two rows (scroll in opposite directions, or stacked when static).  When `rows="2"`, slot `row-1` and `row-2` independently. When `rows="1"`, slot the default slot (unnamed) or `row-1`.
           * @default 1
          */
         "rows": 1 | 2;
@@ -1120,6 +1129,50 @@ export namespace Components {
          */
         "variant": NumberBadgeVariant;
     }
+    /**
+     * Decorative paperclip vector graphic. Renders the left-half paperclip
+     * silhouette (viewBox `0 0 655 754`) that the marketing site bleeds off
+     * the right edge of inkwell hero sections.
+     * Purely decorative — the inner `<svg>` is `aria-hidden="true"`. Size it
+     * via the `width` / `height` props (they accept any CSS length, e.g.
+     * `"655"`, `"100%"`, `"50vw"`) and position the host element in CSS.
+     * `fill` is white by default (intended for inkwell backgrounds); override
+     * for other themes, e.g. `fill="var(--colour-brand-inkwell)"` on a
+     * mist-green section. `opacity` defaults to `0.06` to match the
+     * watermark treatment used on `/`, `/au`, and `/platform`.
+     * @example ```html
+     * <af-section theme="inkwell" padding="loose" style="position:relative;overflow:hidden">
+     *   <af-paperclip-decoration
+     *     style="position:absolute;bottom:-80px;right:-80px"
+     *   ></af-paperclip-decoration>
+     *   <af-container style="position:relative;z-index:1">
+     *     <!-- hero content -->
+     *   </af-container>
+     * </af-section>
+     * ```
+     */
+    interface AfPaperclipDecoration {
+        /**
+          * Fill colour. Defaults to `white` (designed for inkwell backgrounds); override for other themes, e.g. `var(--colour-brand-inkwell)` on a mist-green section.
+          * @default 'white'
+         */
+        "fill": string;
+        /**
+          * SVG height — accepts any CSS length or unitless number (pixels). Defaults to the intrinsic viewBox height (`754`).
+          * @default '754'
+         */
+        "height": string;
+        /**
+          * Fill opacity of the paperclip shape. Defaults to `0.06` to match the marketing-site watermark treatment.
+          * @default 0.06
+         */
+        "opacity": number;
+        /**
+          * SVG width — accepts any CSS length or unitless number (pixels). Defaults to the intrinsic viewBox width (`655`).
+          * @default '655'
+         */
+        "width": string;
+    }
     /**
      * Progress Line atom component for displaying scroll or completion progress.
      * Shows a horizontal bar with a filled portion indicating progress.
@@ -1676,7 +1729,7 @@ export namespace Components {
      * Marketing-style composition of heading + description + buttons with
      * consistent spacing and alignment driven by the `headingSize` prop.
      * **Semantic vs visual:** `headingSize` controls ONLY the visual scale
-     * (the lockup sets font-size via a `heading-{1..5}` class). The semantic
+     * (the lockup sets font-size via a `heading-{1..5|card}` class). The semantic
      * level (h1-h6) is whatever the consumer slots in as default content.
      * Keep them aligned by convention so assistive tech and search engines
      * see the right hierarchy:
@@ -1685,10 +1738,15 @@ export namespace Components {
      *   headingSize=3 ↔ <h3>
      *   headingSize=4 ↔ <h4>
      *   headingSize=5 ↔ <h5>
+     *   headingSize="card" ↔ <h3> (card-title scale: 22/20px)
      * When a design asks for a visually small H1 or a visually large H3,
      * pass the two independently — just do it deliberately, not by
      * accident. A console warning fires in dev mode if the slotted tag is
      * more than one level away from the prop.
+     * The `card` variant renders slightly larger than `5` (22/20px vs 20/18px)
+     * and targets card titles in dense grids (diff-card h3, NumberedStepper
+     * title, expert-insights related-card h3 on the marketing site). It sits
+     * between `4` and `5` in the type ladder.
      */
     interface AfTypographyLockup {
         /**
@@ -1724,10 +1782,10 @@ export namespace Components {
          */
         "headingColor": 'primary' | 'secondary';
         /**
-          * The heading size (1-5, where 1 is largest). Controls visual scale only — pair with a matching <h1>-<h5> slotted element for correct document outline (see component docblock).
+          * The heading size (1-5, or "card"; 1 is largest). Controls visual scale only — pair with a matching <h1>-<h5> slotted element for correct document outline (see component docblock). The `card` variant sits between 4 and 5 at 22/20px and is meant for card titles.
           * @default 2
          */
-        "headingSize": 1 | 2 | 3 | 4 | 5;
+        "headingSize": 1 | 2 | 3 | 4 | 5 | 'card';
         /**
           * Maximum width for the copy section (in pixels)
          */
@@ -1947,18 +2005,22 @@ declare global {
         new (): HTMLAfCheckboxElement;
     };
     /**
-     * Infinite scrolling carousel for client logos.
+     * Full-width row of client logos, either infinite-scrolling (default)
+     * or a centred static row.
      * This is a section-level component that spans full width.
-     * Renders one or two scrolling rows; single row matches the Webflow
-     * reference, two rows (scrolling opposite directions) is the denser
-     * variant.
+     * Renders one or two rows; single row matches the Webflow reference,
+     * two rows is the denser variant. When `mode="scroll"` (default) rows
+     * animate in opposite directions; when `mode="static"` rows are centred
+     * and the animation is disabled.
      * For headlines, use a separate TypographyLockup or Heading component
      * above this carousel.
-     * **Seamless loop:** the CSS animation translates the track from 0% to
-     * -50% (or vice versa), which only looks continuous if the track holds
-     * two identical copies of the content end-to-end. Shadow DOM slots can
-     * only project content once, so we clone the slotted nodes in
-     * `componentDidLoad` and append the copies to the track.
+     * **Seamless loop (scroll mode only):** the CSS animation translates
+     * the track from 0% to -50% (or vice versa), which only looks continuous
+     * if the track holds two identical copies of the content end-to-end.
+     * Shadow DOM slots can only project content once, so we clone the
+     * slotted nodes in `componentDidLoad` and append the copies to the track.
+     * Static mode skips the clone — nothing is animating, so duplicating
+     * the logos would just render them twice.
      */
     interface HTMLAfClientCarouselElement extends Components.AfClientCarousel, HTMLStencilElement {
     }
@@ -2447,6 +2509,34 @@ declare global {
         prototype: HTMLAfNumberBadgeElement;
         new (): HTMLAfNumberBadgeElement;
     };
+    /**
+     * Decorative paperclip vector graphic. Renders the left-half paperclip
+     * silhouette (viewBox `0 0 655 754`) that the marketing site bleeds off
+     * the right edge of inkwell hero sections.
+     * Purely decorative — the inner `<svg>` is `aria-hidden="true"`. Size it
+     * via the `width` / `height` props (they accept any CSS length, e.g.
+     * `"655"`, `"100%"`, `"50vw"`) and position the host element in CSS.
+     * `fill` is white by default (intended for inkwell backgrounds); override
+     * for other themes, e.g. `fill="var(--colour-brand-inkwell)"` on a
+     * mist-green section. `opacity` defaults to `0.06` to match the
+     * watermark treatment used on `/`, `/au`, and `/platform`.
+     * @example ```html
+     * <af-section theme="inkwell" padding="loose" style="position:relative;overflow:hidden">
+     *   <af-paperclip-decoration
+     *     style="position:absolute;bottom:-80px;right:-80px"
+     *   ></af-paperclip-decoration>
+     *   <af-container style="position:relative;z-index:1">
+     *     <!-- hero content -->
+     *   </af-container>
+     * </af-section>
+     * ```
+     */
+    interface HTMLAfPaperclipDecorationElement extends Components.AfPaperclipDecoration, HTMLStencilElement {
+    }
+    var HTMLAfPaperclipDecorationElement: {
+        prototype: HTMLAfPaperclipDecorationElement;
+        new (): HTMLAfPaperclipDecorationElement;
+    };
     /**
      * Progress Line atom component for displaying scroll or completion progress.
      * Shows a horizontal bar with a filled portion indicating progress.
@@ -2780,7 +2870,7 @@ declare global {
      * Marketing-style composition of heading + description + buttons with
      * consistent spacing and alignment driven by the `headingSize` prop.
      * **Semantic vs visual:** `headingSize` controls ONLY the visual scale
-     * (the lockup sets font-size via a `heading-{1..5}` class). The semantic
+     * (the lockup sets font-size via a `heading-{1..5|card}` class). The semantic
      * level (h1-h6) is whatever the consumer slots in as default content.
      * Keep them aligned by convention so assistive tech and search engines
      * see the right hierarchy:
@@ -2789,10 +2879,15 @@ declare global {
      *   headingSize=3 ↔ <h3>
      *   headingSize=4 ↔ <h4>
      *   headingSize=5 ↔ <h5>
+     *   headingSize="card" ↔ <h3> (card-title scale: 22/20px)
      * When a design asks for a visually small H1 or a visually large H3,
      * pass the two independently — just do it deliberately, not by
      * accident. A console warning fires in dev mode if the slotted tag is
      * more than one level away from the prop.
+     * The `card` variant renders slightly larger than `5` (22/20px vs 20/18px)
+     * and targets card titles in dense grids (diff-card h3, NumberedStepper
+     * title, expert-insights related-card h3 on the marketing site). It sits
+     * between `4` and `5` in the type ladder.
      */
     interface HTMLAfTypographyLockupElement extends Components.AfTypographyLockup, HTMLStencilElement {
     }
@@ -2888,6 +2983,7 @@ declare global {
         "af-nav-menu-nest": HTMLAfNavMenuNestElement;
         "af-navbar": HTMLAfNavbarElement;
         "af-number-badge": HTMLAfNumberBadgeElement;
+        "af-paperclip-decoration": HTMLAfPaperclipDecorationElement;
         "af-progress-line": HTMLAfProgressLineElement;
         "af-radio": HTMLAfRadioElement;
         "af-section": HTMLAfSectionElement;
@@ -3090,22 +3186,31 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     /**
-     * Infinite scrolling carousel for client logos.
+     * Full-width row of client logos, either infinite-scrolling (default)
+     * or a centred static row.
      * This is a section-level component that spans full width.
-     * Renders one or two scrolling rows; single row matches the Webflow
-     * reference, two rows (scrolling opposite directions) is the denser
-     * variant.
+     * Renders one or two rows; single row matches the Webflow reference,
+     * two rows is the denser variant. When `mode="scroll"` (default) rows
+     * animate in opposite directions; when `mode="static"` rows are centred
+     * and the animation is disabled.
      * For headlines, use a separate TypographyLockup or Heading component
      * above this carousel.
-     * **Seamless loop:** the CSS animation translates the track from 0% to
-     * -50% (or vice versa), which only looks continuous if the track holds
-     * two identical copies of the content end-to-end. Shadow DOM slots can
-     * only project content once, so we clone the slotted nodes in
-     * `componentDidLoad` and append the copies to the track.
+     * **Seamless loop (scroll mode only):** the CSS animation translates
+     * the track from 0% to -50% (or vice versa), which only looks continuous
+     * if the track holds two identical copies of the content end-to-end.
+     * Shadow DOM slots can only project content once, so we clone the
+     * slotted nodes in `componentDidLoad` and append the copies to the track.
+     * Static mode skips the clone — nothing is animating, so duplicating
+     * the logos would just render them twice.
      */
     interface AfClientCarousel {
         /**
-          * Number of scrolling rows. - `1` (default) — single row scrolling left, matches the Webflow reference. - `2` — two rows scrolling in opposite directions.  When `rows="2"`, slot `row-1` and `row-2` independently. When `rows="1"`, slot the default slot (unnamed) or `row-1`.
+          * Layout mode. - `scroll` (default) — infinite animated scroll; rows fill the full   width and are cloned for a seamless loop. - `static` — no animation, logos centred horizontally. Use when the   logo set is small enough to fit on screen without scrolling.
+          * @default 'scroll'
+         */
+        "mode"?: Mode;
+        /**
+          * Number of rows. - `1` (default) — single row, matches the Webflow reference. - `2` — two rows (scroll in opposite directions, or stacked when static).  When `rows="2"`, slot `row-1` and `row-2` independently. When `rows="1"`, slot the default slot (unnamed) or `row-1`.
           * @default 1
          */
         "rows"?: 1 | 2;
@@ -4052,6 +4157,50 @@ declare namespace LocalJSX {
          */
         "variant"?: NumberBadgeVariant;
     }
+    /**
+     * Decorative paperclip vector graphic. Renders the left-half paperclip
+     * silhouette (viewBox `0 0 655 754`) that the marketing site bleeds off
+     * the right edge of inkwell hero sections.
+     * Purely decorative — the inner `<svg>` is `aria-hidden="true"`. Size it
+     * via the `width` / `height` props (they accept any CSS length, e.g.
+     * `"655"`, `"100%"`, `"50vw"`) and position the host element in CSS.
+     * `fill` is white by default (intended for inkwell backgrounds); override
+     * for other themes, e.g. `fill="var(--colour-brand-inkwell)"` on a
+     * mist-green section. `opacity` defaults to `0.06` to match the
+     * watermark treatment used on `/`, `/au`, and `/platform`.
+     * @example ```html
+     * <af-section theme="inkwell" padding="loose" style="position:relative;overflow:hidden">
+     *   <af-paperclip-decoration
+     *     style="position:absolute;bottom:-80px;right:-80px"
+     *   ></af-paperclip-decoration>
+     *   <af-container style="position:relative;z-index:1">
+     *     <!-- hero content -->
+     *   </af-container>
+     * </af-section>
+     * ```
+     */
+    interface AfPaperclipDecoration {
+        /**
+          * Fill colour. Defaults to `white` (designed for inkwell backgrounds); override for other themes, e.g. `var(--colour-brand-inkwell)` on a mist-green section.
+          * @default 'white'
+         */
+        "fill"?: string;
+        /**
+          * SVG height — accepts any CSS length or unitless number (pixels). Defaults to the intrinsic viewBox height (`754`).
+          * @default '754'
+         */
+        "height"?: string;
+        /**
+          * Fill opacity of the paperclip shape. Defaults to `0.06` to match the marketing-site watermark treatment.
+          * @default 0.06
+         */
+        "opacity"?: number;
+        /**
+          * SVG width — accepts any CSS length or unitless number (pixels). Defaults to the intrinsic viewBox width (`655`).
+          * @default '655'
+         */
+        "width"?: string;
+    }
     /**
      * Progress Line atom component for displaying scroll or completion progress.
      * Shows a horizontal bar with a filled portion indicating progress.
@@ -4644,7 +4793,7 @@ declare namespace LocalJSX {
      * Marketing-style composition of heading + description + buttons with
      * consistent spacing and alignment driven by the `headingSize` prop.
      * **Semantic vs visual:** `headingSize` controls ONLY the visual scale
-     * (the lockup sets font-size via a `heading-{1..5}` class). The semantic
+     * (the lockup sets font-size via a `heading-{1..5|card}` class). The semantic
      * level (h1-h6) is whatever the consumer slots in as default content.
      * Keep them aligned by convention so assistive tech and search engines
      * see the right hierarchy:
@@ -4653,10 +4802,15 @@ declare namespace LocalJSX {
      *   headingSize=3 ↔ <h3>
      *   headingSize=4 ↔ <h4>
      *   headingSize=5 ↔ <h5>
+     *   headingSize="card" ↔ <h3> (card-title scale: 22/20px)
      * When a design asks for a visually small H1 or a visually large H3,
      * pass the two independently — just do it deliberately, not by
      * accident. A console warning fires in dev mode if the slotted tag is
      * more than one level away from the prop.
+     * The `card` variant renders slightly larger than `5` (22/20px vs 20/18px)
+     * and targets card titles in dense grids (diff-card h3, NumberedStepper
+     * title, expert-insights related-card h3 on the marketing site). It sits
+     * between `4` and `5` in the type ladder.
      */
     interface AfTypographyLockup {
         /**
@@ -4692,10 +4846,10 @@ declare namespace LocalJSX {
          */
         "headingColor"?: 'primary' | 'secondary';
         /**
-          * The heading size (1-5, where 1 is largest). Controls visual scale only — pair with a matching <h1>-<h5> slotted element for correct document outline (see component docblock).
+          * The heading size (1-5, or "card"; 1 is largest). Controls visual scale only — pair with a matching <h1>-<h5> slotted element for correct document outline (see component docblock). The `card` variant sits between 4 and 5 at 22/20px and is meant for card titles.
           * @default 2
          */
-        "headingSize"?: 1 | 2 | 3 | 4 | 5;
+        "headingSize"?: 1 | 2 | 3 | 4 | 5 | 'card';
         /**
           * Maximum width for the copy section (in pixels)
          */
@@ -4799,6 +4953,7 @@ declare namespace LocalJSX {
         "af-nav-menu-nest": AfNavMenuNest;
         "af-navbar": AfNavbar;
         "af-number-badge": AfNumberBadge;
+        "af-paperclip-decoration": AfPaperclipDecoration;
         "af-progress-line": AfProgressLine;
         "af-radio": AfRadio;
         "af-section": AfSection;
@@ -4870,18 +5025,22 @@ declare module "@stencil/core" {
              */
             "af-checkbox": LocalJSX.AfCheckbox & JSXBase.HTMLAttributes<HTMLAfCheckboxElement>;
             /**
-             * Infinite scrolling carousel for client logos.
+             * Full-width row of client logos, either infinite-scrolling (default)
+             * or a centred static row.
              * This is a section-level component that spans full width.
-             * Renders one or two scrolling rows; single row matches the Webflow
-             * reference, two rows (scrolling opposite directions) is the denser
-             * variant.
+             * Renders one or two rows; single row matches the Webflow reference,
+             * two rows is the denser variant. When `mode="scroll"` (default) rows
+             * animate in opposite directions; when `mode="static"` rows are centred
+             * and the animation is disabled.
              * For headlines, use a separate TypographyLockup or Heading component
              * above this carousel.
-             * **Seamless loop:** the CSS animation translates the track from 0% to
-             * -50% (or vice versa), which only looks continuous if the track holds
-             * two identical copies of the content end-to-end. Shadow DOM slots can
-             * only project content once, so we clone the slotted nodes in
-             * `componentDidLoad` and append the copies to the track.
+             * **Seamless loop (scroll mode only):** the CSS animation translates
+             * the track from 0% to -50% (or vice versa), which only looks continuous
+             * if the track holds two identical copies of the content end-to-end.
+             * Shadow DOM slots can only project content once, so we clone the
+             * slotted nodes in `componentDidLoad` and append the copies to the track.
+             * Static mode skips the clone — nothing is animating, so duplicating
+             * the logos would just render them twice.
              */
             "af-client-carousel": LocalJSX.AfClientCarousel & JSXBase.HTMLAttributes<HTMLAfClientCarouselElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
@@ -5163,6 +5322,29 @@ declare module "@stencil/core" {
              * ```
              */
             "af-number-badge": LocalJSX.AfNumberBadge & JSXBase.HTMLAttributes<HTMLAfNumberBadgeElement>;
+            /**
+             * Decorative paperclip vector graphic. Renders the left-half paperclip
+             * silhouette (viewBox `0 0 655 754`) that the marketing site bleeds off
+             * the right edge of inkwell hero sections.
+             * Purely decorative — the inner `<svg>` is `aria-hidden="true"`. Size it
+             * via the `width` / `height` props (they accept any CSS length, e.g.
+             * `"655"`, `"100%"`, `"50vw"`) and position the host element in CSS.
+             * `fill` is white by default (intended for inkwell backgrounds); override
+             * for other themes, e.g. `fill="var(--colour-brand-inkwell)"` on a
+             * mist-green section. `opacity` defaults to `0.06` to match the
+             * watermark treatment used on `/`, `/au`, and `/platform`.
+             * @example ```html
+             * <af-section theme="inkwell" padding="loose" style="position:relative;overflow:hidden">
+             *   <af-paperclip-decoration
+             *     style="position:absolute;bottom:-80px;right:-80px"
+             *   ></af-paperclip-decoration>
+             *   <af-container style="position:relative;z-index:1">
+             *     <!-- hero content -->
+             *   </af-container>
+             * </af-section>
+             * ```
+             */
+            "af-paperclip-decoration": LocalJSX.AfPaperclipDecoration & JSXBase.HTMLAttributes<HTMLAfPaperclipDecorationElement>;
             /**
              * Progress Line atom component for displaying scroll or completion progress.
              * Shows a horizontal bar with a filled portion indicating progress.
@@ -5327,7 +5509,7 @@ declare module "@stencil/core" {
              * Marketing-style composition of heading + description + buttons with
              * consistent spacing and alignment driven by the `headingSize` prop.
              * **Semantic vs visual:** `headingSize` controls ONLY the visual scale
-             * (the lockup sets font-size via a `heading-{1..5}` class). The semantic
+             * (the lockup sets font-size via a `heading-{1..5|card}` class). The semantic
              * level (h1-h6) is whatever the consumer slots in as default content.
              * Keep them aligned by convention so assistive tech and search engines
              * see the right hierarchy:
@@ -5336,10 +5518,15 @@ declare module "@stencil/core" {
              *   headingSize=3 ↔ <h3>
              *   headingSize=4 ↔ <h4>
              *   headingSize=5 ↔ <h5>
+             *   headingSize="card" ↔ <h3> (card-title scale: 22/20px)
              * When a design asks for a visually small H1 or a visually large H3,
              * pass the two independently — just do it deliberately, not by
              * accident. A console warning fires in dev mode if the slotted tag is
              * more than one level away from the prop.
+             * The `card` variant renders slightly larger than `5` (22/20px vs 20/18px)
+             * and targets card titles in dense grids (diff-card h3, NumberedStepper
+             * title, expert-insights related-card h3 on the marketing site). It sits
+             * between `4` and `5` in the type ladder.
              */
             "af-typography-lockup": LocalJSX.AfTypographyLockup & JSXBase.HTMLAttributes<HTMLAfTypographyLockupElement>;
             /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.28",
+  "version": "0.1.0",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -14,10 +14,10 @@
   ],
   "dependencies": {
     "@stencil/core": "^4.9.1",
-    "@affinda/css": "^0.0.13",
+    "@affinda/css": "^0.0.14",
     "@affinda/icons": "^0.0.6",
     "@affinda/illustrations": "^0.0.8",
-    "@affinda/tokens": "^0.0.13"
+    "@affinda/tokens": "^0.1.0"
   },
   "devDependencies": {
     "@stencil/react-output-target": "^1.2.0",

package/dist/affinda/p-07f9580c.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as n,H as e}from"./p-nb89SRN6.js";const r=".sc-af-in-page-banner-h{display:block;width:100%}.banner.sc-af-in-page-banner{position:relative;display:flex;align-items:center;gap:40px;padding-left:40px;padding-right:148px;padding-top:0;padding-bottom:0;border-radius:var(--radii-card-level-1, 32px);overflow:hidden;max-width:1280px;width:100%}.banner.theme-mist-green.sc-af-in-page-banner{background-color:var(--colour-brand-mist-green, #c6d5d1);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-400, #2b484f);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner.theme-inkwell.sc-af-in-page-banner{background-color:var(--colour-brand-inkwell, #14343b);--banner-heading-color:var(--colour-brand-mist-green, #c6d5d1);--banner-body-color:var(--colour-inkwell-100, #d0d6d8);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff)}.banner.theme-soft-clay.sc-af-in-page-banner{background-color:var(--colour-softclay-400, #c0ab8d);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-450, #203e45);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner.theme-white-ivory.sc-af-in-page-banner{background-color:var(--colour-brand-ivory-paper, #fff9ee);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-400, #2b484f);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner__wave-overlay.sc-af-in-page-banner{position:absolute;bottom:-17px;right:-156px;width:521px;height:323px;pointer-events:none;z-index:0}.banner__wave-svg.sc-af-in-page-banner{width:100%;height:100%}.banner.theme-mist-green.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:#d1ddda}.banner.theme-inkwell.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(255, 255, 255, 0.06)}.banner.theme-soft-clay.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(20, 52, 59, 0.06)}.banner.theme-white-ivory.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(20, 52, 59, 0.04)}.banner__illustration.sc-af-in-page-banner{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:288px;height:288px;max-width:288px;max-height:288px;aspect-ratio:1}.banner__illustration-img.sc-af-in-page-banner{width:100%;height:100%;object-fit:contain}.banner__illustration.sc-af-in-page-banner-s>*,.banner__illustration .sc-af-in-page-banner-s>*{width:100%;height:100%;object-fit:contain}.banner__content.sc-af-in-page-banner{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:40px;padding-top:38px;padding-bottom:38px;padding-right:0;padding-left:0}.banner__copy.sc-af-in-page-banner{display:flex;flex-direction:column;gap:16px;max-width:840px;width:100%;white-space:normal}.banner__heading.sc-af-in-page-banner{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--typography-headingweight, 500);font-size:44px;line-height:1;letter-spacing:-0.88px;color:var(--banner-heading-color, var(--colour-brand-inkwell, #14343b));margin:0;white-space:normal}.banner__description.sc-af-in-page-banner{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--typography-bodyweight, 400);font-size:18px;line-height:26px;color:var(--banner-body-color, var(--colour-inkwell-400, #2b484f));margin:0;white-space:normal}.banner__buttons.sc-af-in-page-banner{display:flex;flex-direction:row;gap:24px;align-items:flex-start}@media (max-width: 768px){.banner.sc-af-in-page-banner{flex-direction:column;align-items:stretch;padding:224px 0 0 0;border-radius:var(--radii-card-level-1-mobile, 24px);max-width:100%;min-height:auto}.banner__wave-overlay.sc-af-in-page-banner{display:none}.banner__illustration.sc-af-in-page-banner{position:absolute;top:12px;left:auto;right:0;transform:none;width:212px;height:212px;max-width:280px;max-height:280px}.banner__content.sc-af-in-page-banner{width:100%;min-height:320px;padding:16px 28px 48px 28px;gap:40px;flex:none}.banner__copy.sc-af-in-page-banner{max-width:100%}.banner__heading.sc-af-in-page-banner{font-size:32px;letter-spacing:-0.64px}.banner__buttons.sc-af-in-page-banner{flex-direction:column;align-items:stretch;gap:12px;width:100%}.banner__buttons.sc-af-in-page-banner{--af-button-width:100%}.banner__buttons.sc-af-in-page-banner af-button.sc-af-in-page-banner{display:block;width:100%}}@media (max-width: 480px){.banner.sc-af-in-page-banner{padding-top:200px}.banner__illustration.sc-af-in-page-banner{right:0;width:180px;height:180px}.banner__content.sc-af-in-page-banner{padding:16px 20px 36px 20px;min-height:280px}.banner__heading.sc-af-in-page-banner{font-size:28px;letter-spacing:-0.56px}}";const i=class{constructor(n){a(this,n);this.theme="mist-green";this.heading="";this.description="";this.primaryButtonText="";this.primaryButtonUrl="#";this.secondaryButtonText="";this.secondaryButtonUrl="#";this.illustrationUrl="";this.showWaveDecoration=true}renderWaveOverlay(){return n("div",{class:"banner__wave-overlay","aria-hidden":"true"},n("svg",{viewBox:"0 0 521 323",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"banner__wave-svg"},n("path",{d:"M473.775 46.273C443.539 15.92 403.701 -0.631616 361.351 0.0184478H154.183L112.67 67.225H361.893C362.189 67.225 362.533 67.225 362.829 67.225C387.155 67.225 410.004 76.7259 427.289 94.0776C445.017 111.879 454.816 135.682 454.816 161.134C454.816 213.389 412.959 255.843 361.548 255.843H108.041C84.9457 255.843 66.1345 236.742 66.1345 213.289C66.1345 189.837 84.9949 170.435 107.992 169.735H334.957L377.799 102.528H106.859C47.9636 104.029 0 153.683 0 213.289C0 272.895 48.456 323 108.041 323H361.548C449.449 323 521 250.343 521 161.084C521 117.53 504.257 76.7759 473.824 46.2229L473.775 46.273Z",fill:"currentColor"})))}render(){return n(e,{key:"1f14f0d7df4f632817b7e8c955b8249a5a3d2ce4"},n("div",{key:"0fc90536d6d5b65912fca02d3c74019bee067133",class:`banner theme-${this.theme}`},this.showWaveDecoration&&this.renderWaveOverlay(),n("div",{key:"c70ea65d7536efbceb8fc3f2e6d714d56c2d5be9",class:"banner__illustration"},this.illustrationUrl?n("img",{src:this.illustrationUrl,alt:"",class:"banner__illustration-img",loading:"lazy"}):n("slot",{name:"illustration"})),n("div",{key:"c209db43fd9a559854b73268f7b8a19b7c1a3268",class:"banner__content"},n("div",{key:"7b1898662500a54e7dbf500646017f43ffe21e23",class:"banner__copy"},n("h2",{key:"443078b848ee5ca1725ab960fc844e0f5d106ef7",class:"banner__heading"},n("slot",{key:"10ce17b8014571ec6bc61cbda03b3881f2741215",name:"heading"},this.heading)),n("div",{key:"3c43d4d4dd4c4c708891fdd3398de996a7b08d04",class:"banner__description"},n("slot",{key:"d58a7f5d4bea7dc2e4ce1dee10a99f19753427b4",name:"description"},this.description))),n("div",{key:"c10df7f70cb8ac0dd0d5e63e34a6fbc8fef9c62f",class:"banner__buttons"},n("slot",{key:"ff5cf411dee854f14fdbecda0bc8aac4b01b4abf",name:"buttons"},this.primaryButtonText&&n("af-button",{key:"c8da6aa83a13a9b8a7e892de29b1914aa5ae41c1",href:this.primaryButtonUrl,variant:"primary"},this.primaryButtonText),this.secondaryButtonText&&n("af-button",{key:"42b8ba18fa9d15539ab2c80af98da504d8b14013",href:this.secondaryButtonUrl,variant:"secondary"},this.secondaryButtonText))))))}};i.style=r;export{i as af_in_page_banner};
-//# sourceMappingURL=p-07f9580c.entry.js.map

package/dist/affinda/p-50590601.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e,H as a}from"./p-nb89SRN6.js";const t=".sc-af-footer-h{display:block}.footer.sc-af-footer{background-color:var(--colour-brand-inkwell, #14343b);color:var(--colour-tints-mistGreen-200, #C6D5D1);padding:120px 0 0}.footer__container.sc-af-footer{max-width:1280px;margin:0 auto;padding:0 24px}.footer__top.sc-af-footer{display:grid;grid-template-columns:380px 1fr;gap:48px;padding-bottom:48px}.footer__brand.sc-af-footer{display:flex;flex-direction:column;gap:16px}.footer__brand-card.sc-af-footer{background-color:rgba(198, 213, 209, 0.08);border-radius:16px;padding:32px}.footer__logo.sc-af-footer{margin-bottom:24px}.footer__logo.sc-af-footer svg.sc-af-footer,.footer__logo.sc-af-footer img.sc-af-footer{height:32px;width:auto}.footer__social.sc-af-footer{display:flex;gap:12px}.footer__social-link.sc-af-footer{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(198, 213, 209, 0.3);border-radius:50%;color:var(--colour-tints-mistGreen-200, #C6D5D1);transition:all 0.2s ease}.footer__social-link.sc-af-footer:hover{background-color:rgba(198, 213, 209, 0.1);border-color:rgba(198, 213, 209, 0.5)}.footer__contact-card.sc-af-footer{background-color:rgba(198, 213, 209, 0.08);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.footer__contact-item.sc-af-footer{display:flex;flex-direction:column;gap:4px}.footer__contact-label.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.footer__contact-value.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}.footer__nav.sc-af-footer{display:flex;flex-direction:column;justify-content:space-between}.footer__nav-columns.sc-af-footer{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px}.footer__nav-column.sc-af-footer{display:flex;flex-direction:column;gap:16px}.footer__nav-heading.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0;text-transform:none}.footer__nav-list.sc-af-footer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer__nav-list.sc-af-footer li.sc-af-footer{margin:0}.footer__nav-list.sc-af-footer a.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);text-decoration:none;transition:color 0.2s ease;display:inline-flex;align-items:center;gap:6px}.footer__nav-list.sc-af-footer a.sc-af-footer:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1)}.footer__external-icon.sc-af-footer{opacity:0.7;flex-shrink:0}.footer__status.sc-af-footer{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(198, 213, 209, 0.1)}.footer__status-dot.sc-af-footer{width:10px;height:10px;border-radius:50%;flex-shrink:0}.footer__status-dot--operational.sc-af-footer{background-color:#22c55e}.footer__status-dot--issue.sc-af-footer{background-color:#ef4444}.footer__status-text.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7)}.footer__status-link.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:var(--colour-tints-mistGreen-200, #C6D5D1);text-decoration:underline;text-underline-offset:2px;margin-left:8px}.footer__status-link.sc-af-footer:hover{text-decoration:none}.footer__bottom.sc-af-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:24px 0;border-top:1px solid rgba(198, 213, 209, 0.1);background-color:rgba(198, 213, 209, 0.05);margin:0 -24px;padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom))}.footer__copyright.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7);margin:0}.footer__legal.sc-af-footer{display:flex;gap:24px}.footer__legal.sc-af-footer a.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7);text-decoration:underline;text-underline-offset:2px}.footer__legal.sc-af-footer a.sc-af-footer:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1);text-decoration:none}.footer__badges.sc-af-footer{display:flex;gap:16px;align-items:center}.footer__badge.sc-af-footer{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.footer__badge.sc-af-footer svg.sc-af-footer{width:100%;height:100%}@media (max-width: 1024px){.footer__top.sc-af-footer{grid-template-columns:1fr;gap:48px}.footer__brand.sc-af-footer{flex-direction:row;gap:16px}.footer__brand-card.sc-af-footer,.footer__contact-card.sc-af-footer{flex:1}}@media (max-width: 768px){.footer.sc-af-footer{padding:48px 0 0}.footer__top.sc-af-footer{gap:32px}.footer__brand.sc-af-footer{flex-direction:column}.footer__nav-columns.sc-af-footer{grid-template-columns:repeat(2, 1fr);gap:32px}.footer__bottom.sc-af-footer{flex-direction:column;align-items:flex-start;gap:16px}.footer__legal.sc-af-footer{flex-wrap:wrap;gap:16px}}@media (max-width: 480px){.footer__container.sc-af-footer{padding:0 16px}.footer__brand-card.sc-af-footer,.footer__contact-card.sc-af-footer{padding:24px}.footer__nav-columns.sc-af-footer{grid-template-columns:1fr;gap:24px}.footer__bottom.sc-af-footer{margin:0 -16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.footer__badges.sc-af-footer{width:100%;justify-content:flex-start}}";const r=class{constructor(e){o(this,e);this.copyrightText="";this.statusText="";this.statusUrl="";this.systemsOperational=true;this.showStatus=true}render(){return e(a,{key:"b0fceb1896656d8a17b3afda396dd74a9181668e"},e("footer",{key:"6b48abc3e62d21f96fb3c4aa84b2eedd292e3386",class:"footer"},e("div",{key:"ba192ee7d600ddce8e1c2fcc5631259c5eff89db",class:"footer__container"},e("div",{key:"f7fa42a5d13aacf16bd49ab2a3257b80156383dd",class:"footer__top"},e("div",{key:"25c7452fbba9a33805fa419e1d91da04c97e3843",class:"footer__brand"},e("div",{key:"d3e0c2b52ce7e6a1f399c13ed9d6f1a1c75d5c35",class:"footer__brand-card"},e("div",{key:"197934823ea93f20575e3f737c777bd3fe6bdec9",class:"footer__logo"},e("slot",{key:"f2b8ab9d513704d6c5e3c2e78cd73a264e78225a",name:"logo"})),e("div",{key:"c00e0d6bad4a5c99e6e39dab101b77c2fae36495",class:"footer__social"},e("slot",{key:"de662f1f8e9deb052eb79aed4a05a98c2d9f65aa",name:"social"}))),e("div",{key:"3c678879008647c05a60803ca7a067c4e4e61746",class:"footer__contact-card"},e("slot",{key:"58071ccf22c23b1ef5341505dcf1d0ba57357512",name:"contact"}))),e("div",{key:"1eed42db812f2dce3aa935ab5ac1096625848ae6",class:"footer__nav"},e("div",{key:"50aef430fdb85c2087dd2e2d87ad8cf1d16c7c8b",class:"footer__nav-columns"},e("slot",{key:"b900525b63c6072707a5b0d35f72237d1b2fe6a9",name:"nav"})),this.showStatus&&e("div",{key:"fe957d27c0cbaf5a4e2627c3f37de884a87d09d7",class:"footer__status"},e("span",{key:"c123f1e69a1b8958eefede7510ae65395c58d948",class:`footer__status-dot ${this.systemsOperational?"footer__status-dot--operational":"footer__status-dot--issue"}`}),e("span",{key:"9524fa81546c3755e0f28d1f335915dfadf0c08a",class:"footer__status-text"},this.statusText),this.statusUrl&&e("a",{key:"adac84ed1240b1587ad4dd730813243009bb55b7",href:this.statusUrl,target:"_blank",rel:"noopener noreferrer",class:"footer__status-link"},"Learn more")))),e("div",{key:"e662a65603a58375ecda64c12f60936ef4bf7535",class:"footer__bottom"},this.copyrightText&&e("p",{key:"88688f225266e295d4f97ed64fdfe1a67a26561a",class:"footer__copyright"},this.copyrightText),e("div",{key:"9e37465b342340a36b309f2da9b5a0d68d5d3bec",class:"footer__legal"},e("slot",{key:"c4f6763e9affaf59c7740a78e738938ab25576d0",name:"legal"})),e("div",{key:"ccdd834682869e69d9c09d2b8f1a6cb3648b671b",class:"footer__badges"},e("slot",{key:"cd10ff8b4e90f9a38270b5ed5d7884cea7f241a2",name:"badges"}))))))}};r.style=t;export{r as af_footer};
-//# sourceMappingURL=p-50590601.entry.js.map

package/dist/affinda/p-570283f6.entry.js

@@ -1,2 +0,0 @@
-import{r,h as a,H as o}from"./p-nb89SRN6.js";const e=".sc-af-card-h{display:block;width:100%}[stretch].sc-af-card-h{display:flex;flex-direction:column;height:100%}[stretch].sc-af-card-h .card.sc-af-card{flex:1 1 auto}[stretch].sc-af-card-h .card__content.sc-af-card{flex:1 1 auto}.card.sc-af-card{border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.card.theme-white.sc-af-card{background-color:var(--colour-brand-white, #ffffff);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed)}.card.theme-white-ivory.sc-af-card{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-ivory-200, #ffefcc)}.card.theme-inkwell.sc-af-card{background-color:var(--colour-brand-inkwell, #14343b);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--af-form-control-stroke-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-icon:var(--colour-brand-inkwell, #14343b);--af-form-control-label:var(--colour-brand-white, #ffffff)}.card.theme-mist-green.sc-af-card{background-color:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3)}.card.theme-soft-clay.sc-af-card{background-color:var(--colour-softclay-400, #c0ab8d);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-softclay-500, #b09670)}.card__content.sc-af-card{position:relative;padding:var(--af-card-padding, 40px);display:flex;flex-direction:column;gap:var(--af-card-gap, 24px);flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>af-heading,.card__content .sc-af-card-s>af-heading{margin-bottom:0}.card__content.sc-af-card-s>af-text,.card__content .sc-af-card-s>af-text{line-height:1.44}";const c=class{constructor(a){r(this,a);this.theme="mist-green";this.stretch=false}render(){const r={card:true,[`theme-${this.theme}`]:true};return a(o,{key:"9847c934dc643291c0b19a5bbd7a5a1f95171573"},a("div",{key:"ef75699eb880055c79cfb605821167e5e9958aa5",class:r},a("div",{key:"48b0ca5f605d7af698564d6907e38dedf2a4beef",class:"card__content"},a("slot",{key:"fa2832e5ff3796fc80b72d5a4cb630e978a4b083"}))))}};c.style=e;export{c as af_card};
-//# sourceMappingURL=p-570283f6.entry.js.map

package/dist/affinda/p-9229defb.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as l,a as c}from"./p-nb89SRN6.js";const o=".sc-af-client-carousel-h{display:block;width:100%}.client-carousel.sc-af-client-carousel{padding:48px 0;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.carousel-container.sc-af-client-carousel{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;overflow:hidden}.carousel-row.sc-af-client-carousel{display:flex;width:100%;overflow:hidden;position:relative}.logo-track.sc-af-client-carousel{display:flex;gap:var(--space-4, 16px);animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-left;animation-duration:40s}.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-right;animation-duration:40s}.sc-af-client-carousel-h:hover .logo-track.sc-af-client-carousel{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.logo-track.sc-af-client-carousel,.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel,.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation:none;transform:translateX(0)}}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.logo-track.sc-af-client-carousel>*.sc-af-client-carousel{display:flex;flex-shrink:0;gap:var(--space-4, 16px);align-items:center}.theme-inkwell.sc-af-client-carousel-h,.client-carousel.theme-inkwell.sc-af-client-carousel{background-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-well-bg:var(--colour-background-level1-dark, #203e45);--af-carousel-logo-color:white;--af-carousel-logo-filter:brightness(0) invert(1)}.theme-white.sc-af-client-carousel-h,.client-carousel.theme-white.sc-af-client-carousel{background-color:var(--colour-brand-white, #FFFFFF);--af-carousel-logo-well-bg:var(--colour-background-level1, #e8eeed);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-mist-green.sc-af-client-carousel-h,.client-carousel.theme-mist-green.sc-af-client-carousel{background-color:var(--colour-brand-mist-green, #C6D5D1);--af-carousel-logo-well-bg:var(--colour-mistgreen-300, #dde6e3);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-soft-clay.sc-af-client-carousel-h,.client-carousel.theme-soft-clay.sc-af-client-carousel{background-color:var(--colour-softclay-400, #c0ab8d);--af-carousel-logo-well-bg:var(--colour-softclay-200, #d5c5b0);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-white-ivory.sc-af-client-carousel-h,.client-carousel.theme-white-ivory.sc-af-client-carousel{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-carousel-logo-well-bg:var(--colour-softclay-100, #f2eadc);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}@media (max-width: 1024px){.client-carousel.sc-af-client-carousel{padding:32px 0}}@media (max-width: 767px){.client-carousel.sc-af-client-carousel{padding:24px 0}.carousel-container.sc-af-client-carousel{gap:var(--space-3, 12px)}.logo-track.sc-af-client-carousel{gap:var(--space-3, 12px)}.sc-af-client-carousel-s>*{gap:var(--space-3, 12px)}}";const r=class{constructor(a){e(this,a);this.theme="inkwell";this.rows=1}componentDidLoad(){this.duplicateTrackContent(this.row1TrackRef);if(Number(this.rows)===2){this.duplicateTrackContent(this.row2TrackRef)}}duplicateTrackContent(e){if(!e)return;const a=Array.from(e.children).filter((e=>!e.hasAttribute("data-carousel-clone")));a.forEach((a=>{const l=a.cloneNode(true);l.setAttribute("data-carousel-clone","");l.setAttribute("aria-hidden","true");e.appendChild(l)}))}render(){const e=Number(this.rows);return a(l,{key:"46f4a3c383b4f067cc74697860d437e38428a94c",class:`theme-${this.theme}`},a("div",{key:"3a112f1ba371dee4fbea77994ff2ce5b33d85702",class:`client-carousel theme-${this.theme} rows-${e}`},a("div",{key:"32bf5229631e03fdae350f2224cbc7c2728b164d",class:"carousel-container"},a("div",{key:"265e1f762ad375913bb0d308a1ab313bb75b76c0",class:"carousel-row scroll-left"},a("div",{key:"d92c38d3ff861cc1f422b261cf6239dd59b8dbfc",class:"logo-track",ref:e=>this.row1TrackRef=e},a("slot",{key:"bf82ec86369fd9bb927a003108959eb7f8ede1bf",name:"row-1"},a("slot",{key:"6845159319fb23679e7b27968dbe8f86cc7d4bd1"})))),e===2&&a("div",{key:"a0327e6d2f98e1e34c3ab7b763565b73e511d90d",class:"carousel-row scroll-right"},a("div",{key:"ead9bd1658eb547b23967463f84a3a9575e43ad5",class:"logo-track",ref:e=>this.row2TrackRef=e},a("slot",{key:"f849ded863bd0ece4cca88143f45c658aa0c9e83",name:"row-2"}))))))}get el(){return c(this)}};r.style=o;export{r as af_client_carousel};
-//# sourceMappingURL=p-9229defb.entry.js.map

package/dist/affinda/p-9229defb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","afClientCarouselCss","AfClientCarousel","constructor","hostRef","this","theme","rows","componentDidLoad","duplicateTrackContent","row1TrackRef","Number","row2TrackRef","track","originals","Array","from","children","filter","child","hasAttribute","forEach","el","clone","cloneNode","setAttribute","appendChild","render","key","class","ref","name","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,OAAWC,MAAkB,kBAErE,MAAMC,EAAsB,0uGAE5B,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GAEvBC,KAAKC,MAAQ,UASbD,KAAKE,KAAO,CAChB,CACA,gBAAAC,GACIH,KAAKI,sBAAsBJ,KAAKK,cAChC,GAAIC,OAAON,KAAKE,QAAU,EAAG,CACzBF,KAAKI,sBAAsBJ,KAAKO,aACpC,CACJ,CAWA,qBAAAH,CAAsBI,GAClB,IAAKA,EACD,OACJ,MAAMC,EAAYC,MAAMC,KAAKH,EAAMI,UAAUC,QAAQC,IAAWA,EAAMC,aAAa,yBACnFN,EAAUO,SAASC,IACf,MAAMC,EAAQD,EAAGE,UAAU,MAC3BD,EAAME,aAAa,sBAAuB,IAC1CF,EAAME,aAAa,cAAe,QAClCZ,EAAMa,YAAYH,EAAM,GAEhC,CACA,MAAAI,GACI,MAAMpB,EAAOI,OAAON,KAAKE,MACzB,OAAQT,EAAEC,EAAM,CAAE6B,IAAK,2CAA4CC,MAAO,SAASxB,KAAKC,SAAWR,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,yBAAyBxB,KAAKC,cAAcC,KAAUT,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,sBAAwB/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,4BAA8B/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,aAAcC,IAAMR,GAAQjB,KAAKK,aAAeY,GAAOxB,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CG,KAAM,SAAWjC,EAAE,OAAQ,CAAE8B,IAAK,gDAAkDrB,IAAS,GAAMT,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,6BAA+B/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,aAAcC,IAAMR,GAAQjB,KAAKO,aAAeU,GAAOxB,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CG,KAAM,cACr9B,CACA,MAAIT,GAAO,OAAOtB,EAAWK,KAAO,GAExCH,EAAiB8B,MAAQ/B,SAEhBC","ignoreList":[]}

package/dist/affinda/p-b14c1a4b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as o,a as i}from"./p-nb89SRN6.js";const t=".sc-af-feature-accordion-h{display:block;width:100%}.feature-accordion.sc-af-feature-accordion{padding:0 24px;--_heading-color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b));--_body-color:var(--af-typography-body-default, var(--colour-inkwell-400, #2b484f));--_border-color:var(--af-background-border-default, rgba(20, 52, 59, 0.12));--_level-1-bg:var(--af-background-level-1, var(--colour-mistgreen-300, #dde6e3))}.feature-accordion__heading.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:clamp(36px, 5vw, 52px);line-height:1.05;letter-spacing:-0.025em;color:var(--_heading-color);margin:0 0 56px 0}.feature-accordion__content.sc-af-feature-accordion{display:flex;gap:48px}.feature-accordion__list.sc-af-feature-accordion{display:flex;flex-direction:column;flex:1;min-width:0}.accordion-item.sc-af-feature-accordion{border-bottom:1px solid var(--_border-color)}.accordion-item.sc-af-feature-accordion:first-child{border-top:1px solid var(--_border-color)}.accordion-item__header.sc-af-feature-accordion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px 0;background:none;border:none;cursor:pointer;text-align:left;gap:16px}.accordion-item__header.sc-af-feature-accordion:hover .accordion-item__title.sc-af-feature-accordion{color:var(--_heading-color)}.accordion-item__title.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:22px;line-height:1.25;color:var(--_heading-color);margin:0;flex:1;transition:color 0.2s ease}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__title.sc-af-feature-accordion{opacity:0.7}.accordion-item__icon.sc-af-feature-accordion{flex-shrink:0;width:24px;height:24px;color:var(--_heading-color);transition:transform 0.2s ease}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__icon.sc-af-feature-accordion{opacity:0.5}.accordion-item__content.sc-af-feature-accordion{overflow:hidden;transition:max-height 0.3s ease, opacity 0.3s ease}.accordion-item__description.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:17px;line-height:1.6;color:var(--_body-color);margin:0 0 20px 0;padding-right:40px;opacity:0.85}.accordion-item__timer-track.sc-af-feature-accordion{height:3px;background-color:var(--_border-color);border-radius:2px;margin-bottom:8px;overflow:hidden;display:flex;justify-content:flex-start}.accordion-item__timer-progress.sc-af-feature-accordion{height:100%;background-color:var(--colour-brand-ice, #a6fffb);border-radius:2px;transition:width 0.05s linear}.feature-accordion__image-container.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;background-color:var(--_level-1-bg);border-radius:20px;overflow:hidden;flex:1;min-width:0}.feature-accordion__image-wrapper.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;width:100%;padding:32px}.feature-accordion__image.sc-af-feature-accordion{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.12)}.feature-accordion__image-placeholder.sc-af-feature-accordion{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.feature-accordion__content.sc-af-feature-accordion{gap:32px}.feature-accordion__heading.sc-af-feature-accordion{margin-bottom:40px}.accordion-item__title.sc-af-feature-accordion{font-size:20px}}@media (max-width: 768px){.feature-accordion__content.sc-af-feature-accordion{flex-direction:column;gap:32px}.feature-accordion__image-container.sc-af-feature-accordion{order:-1;min-height:280px;flex:none}.feature-accordion__list.sc-af-feature-accordion{flex:none}.accordion-item__title.sc-af-feature-accordion{font-size:18px}.accordion-item__description.sc-af-feature-accordion{font-size:15px;padding-right:0}}";const c=class{constructor(a){e(this,a);this.heading="Give AI agents your paperwork";this.items="[]";this.cycleInterval=6e3;this.autoCycle=true;this.expandedIndex=0;this.timerProgress=100;this.progressTimer=null;this.progressStartTime=0}componentDidLoad(){if(this.autoCycle){this.startCycling()}}disconnectedCallback(){this.stopCycling()}handleAutoCycleChange(e){if(e){this.startCycling()}else{this.stopCycling()}}getItems(){try{return JSON.parse(this.items)}catch{return[]}}startCycling(){this.stopCycling();this.progressStartTime=Date.now();this.timerProgress=100;const e=()=>{const a=Date.now()-this.progressStartTime;const o=this.cycleInterval-a;if(o<=0){this.moveToNextItem()}else{this.timerProgress=o/this.cycleInterval*100;this.progressTimer=requestAnimationFrame(e)}};this.progressTimer=requestAnimationFrame(e)}stopCycling(){if(this.progressTimer){cancelAnimationFrame(this.progressTimer);this.progressTimer=null}}moveToNextItem(){const e=this.getItems();if(e.length===0)return;this.expandedIndex=(this.expandedIndex+1)%e.length;this.startCycling()}handleItemClick(e){this.expandedIndex=e;if(this.autoCycle){this.startCycling()}}render(){const e=this.getItems();const i=e[this.expandedIndex];return a(o,{key:"03ae097e99c77b487ca8fe64571840c63e7da862"},a("div",{key:"2ad42ea20ce150e762763a3fb58ba8c52f1b31a9",class:"feature-accordion"},a("div",{key:"e6952ea34da35c5ee7e77c0f43cfc328b4ecbb05",class:"feature-accordion__container"},a("h2",{key:"8d360f7af4c0de8ddad629d209c41fcc56a55a95",class:"feature-accordion__heading"},this.heading),a("div",{key:"56b3155755a3b0d68ff89727df3ae9aae70defd4",class:"feature-accordion__content"},a("div",{key:"bc15d1c26cb079ea19b817e729d0dfb29d5858bb",class:"feature-accordion__list"},e.map(((e,o)=>a("div",{class:{"accordion-item":true,"accordion-item--expanded":this.expandedIndex===o},key:o},a("button",{class:"accordion-item__header",onClick:()=>this.handleItemClick(o),"aria-expanded":this.expandedIndex===o?"true":"false"},a("h4",{class:"accordion-item__title"},e.title),a("span",{class:"accordion-item__icon"},this.expandedIndex===o?a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})):a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M12 5V19M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})))),a("div",{class:"accordion-item__content",style:{maxHeight:this.expandedIndex===o?"200px":"0",opacity:this.expandedIndex===o?"1":"0"}},a("p",{class:"accordion-item__description"},e.description),this.expandedIndex===o&&this.autoCycle&&a("div",{class:"accordion-item__timer-track"},a("div",{class:"accordion-item__timer-progress",style:{width:`${this.timerProgress}%`}}))))))),a("div",{key:"3e160193fdb6a45b2d7e493ddb6925dbee121150",class:"feature-accordion__image-container"},a("div",{key:"7ab7c3b54a88009f38379dc19c59ba4650ab4ce9",class:"feature-accordion__image-wrapper"},i?.imageUrl&&a("img",{key:"cd3f5b1ea37b55d1c7183070c98cc44af3d90694",src:i.imageUrl,alt:i.imageAlt||i.title,class:"feature-accordion__image"}),!i?.imageUrl&&a("div",{key:"0956c500e38f588edb6a4e570d2cfc4f152453fb",class:"feature-accordion__image-placeholder"},a("slot",{key:"36f7ed6e0554c429c891f71589296159e7531385",name:"image"}))))))))}get el(){return i(this)}static get watchers(){return{autoCycle:["handleAutoCycleChange"]}}};c.style=t;export{c as af_feature_accordion};
-//# sourceMappingURL=p-b14c1a4b.entry.js.map

package/dist/affinda/p-d60d1943.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,H as e}from"./p-nb89SRN6.js";const d=".sc-af-illustrated-card-h{display:flex;flex-direction:column;width:100%;--af-card-padding:0;--af-card-gap:0}.illustrated-card.sc-af-illustrated-card{min-height:400px}.illustrated-card__content.sc-af-illustrated-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;z-index:1}.illustrated-card--breakpoint-desktop.illustrated-card--size-default.sc-af-illustrated-card .illustrated-card__content.sc-af-illustrated-card{padding:40px 32px 12px 32px}.illustrated-card--breakpoint-desktop.illustrated-card--size-large.sc-af-illustrated-card .illustrated-card__content.sc-af-illustrated-card{padding:40px 40px 0 40px}.illustrated-card--breakpoint-mobile.sc-af-illustrated-card .illustrated-card__content.sc-af-illustrated-card{padding:32px 24px 12px 24px}.illustrated-card__illustration-area.sc-af-illustrated-card{position:relative;width:100%;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.illustrated-card--breakpoint-desktop.sc-af-illustrated-card .illustrated-card__illustration-area.sc-af-illustrated-card{min-height:160px}.illustrated-card--breakpoint-mobile.sc-af-illustrated-card .illustrated-card__illustration-area.sc-af-illustrated-card{min-height:192px}.illustrated-card__illustration-placeholder.sc-af-illustrated-card{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center}.illustrated-card__illustration-area.sc-af-illustrated-card-s>img,.illustrated-card__illustration-area .sc-af-illustrated-card-s>img,.illustrated-card__illustration-area.sc-af-illustrated-card img.sc-af-illustrated-card{max-width:100%;max-height:200px;height:auto;object-fit:contain}.illustrated-card.sc-af-illustrated-card af-typography-lockup.sc-af-illustrated-card{--colour-typography-heading-primary:var(--af-typography-heading-primary);--colour-typography-body-default:var(--af-typography-body-default)}";const r=class{constructor(t){a(this,t);this.theme="mist-green";this.breakpoint="desktop";this.cardSize="default"}render(){const a={"illustrated-card":true,[`illustrated-card--breakpoint-${this.breakpoint}`]:true,[`illustrated-card--size-${this.cardSize}`]:true};return t(e,{key:"afe7b84219cbe07a6949825042295def34dafe5e"},t("div",{key:"9b5697ca0732d5bc5ac8170869bf04db5c3e9b07",class:a},t("af-card",{key:"0de8d7d93eb225298664e9edcd7efec821c341c6",theme:this.theme},t("div",{key:"4a691832606f011d996f005c533f423acc960ea2",class:"illustrated-card__content"},t("af-typography-lockup",{key:"59d8417922cffd552df7610b72b4f2ec6c222105",headingSize:3,breakpoint:this.breakpoint,textAlignment:"left",buttonLayout:"vertical"},t("slot",{key:"ee18abb24d0637f3bea71b48ccafdd3c6df0ea45"}),t("span",{key:"be0bebfef478da4491ba1137ba1975052f4dcb5c",slot:"description"},t("slot",{key:"b05c91bd5d5085f74d94fabd22d8b79a2b008719",name:"body"})),t("span",{key:"79c1f836418dd6d2d2c96a1ea680bf05ade2b0d8",slot:"buttons"},t("slot",{key:"03a5aff63f8225bf2323abe44e8e830562cf0c6c",name:"buttons"})))),t("div",{key:"1c75154af4e7cc89eceda3f16a958ca720f17450",class:"illustrated-card__illustration-area"},t("slot",{key:"46071088a5aad6cbf64635a3961aa78e1f7b3fee",name:"illustration"})))))}};r.style=d;export{r as af_illustrated_card};
-//# sourceMappingURL=p-d60d1943.entry.js.map

package/dist/affinda/p-da999c10.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,a}from"./p-nb89SRN6.js";const n=":host{display:block}.lockup{display:flex;flex-direction:column}.breakpoint-desktop.heading-1.lockup{gap:var(--space-6, 24px)}.breakpoint-mobile.heading-1.lockup{gap:var(--space-5, 20px)}.breakpoint-desktop.heading-2.lockup,.breakpoint-desktop.heading-3.lockup{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-2.lockup{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-3.lockup,.breakpoint-desktop.heading-4.lockup,.breakpoint-desktop.heading-5.lockup{gap:var(--space-3, 12px)}.breakpoint-mobile.heading-4.lockup,.breakpoint-mobile.heading-5.lockup{gap:var(--space-2, 8px)}.text-left{align-items:flex-start}.text-center{align-items:center}.text-right{align-items:flex-end}.text-justify{align-items:stretch}.align-left{text-align:left;--af-text-align:left}.align-center{text-align:center;--af-text-align:center}.align-right{text-align:right;--af-text-align:right}.align-justify{text-align:justify;--af-text-align:justify}.copy{display:flex;flex-direction:column;width:100%;max-width:840px}.breakpoint-desktop.heading-1 .copy{gap:var(--space-6, 24px)}.breakpoint-mobile.heading-1 .copy{gap:var(--space-5, 20px)}.breakpoint-desktop.heading-2 .copy,.breakpoint-desktop.heading-3 .copy{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-2 .copy{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-3 .copy,.breakpoint-desktop.heading-4 .copy,.breakpoint-desktop.heading-5 .copy{gap:var(--space-3, 12px)}.breakpoint-mobile.heading-4 .copy,.breakpoint-mobile.heading-5 .copy{gap:var(--space-2, 8px)}.heading{display:flex;flex-direction:column;font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--af-typography-heading-primary, var(--colour-typography-heading-primary, #14343B));line-height:var(--line-height-heading-tight, 1);letter-spacing:var(--letter-spacing-heading, -0.02em);white-space:normal}.breakpoint-desktop.heading-1 .heading{font-size:var(--font-size-heading-1-desktop, 56px)}.breakpoint-desktop.heading-2 .heading{font-size:var(--font-size-heading-2-desktop, 44px)}.breakpoint-desktop.heading-3 .heading{font-size:var(--font-size-heading-3-desktop, 34px)}.breakpoint-desktop.heading-4 .heading{font-size:var(--font-size-heading-4-desktop, 24px);line-height:var(--line-height-heading-relaxed, 1.2)}.breakpoint-desktop.heading-5 .heading{font-size:var(--font-size-heading-5-desktop, 20px);line-height:var(--line-height-heading-relaxed, 1.2)}.breakpoint-mobile.heading-1 .heading{font-size:var(--font-size-heading-1-mobile, 38px)}.breakpoint-mobile.heading-2 .heading{font-size:var(--font-size-heading-2-mobile, 32px)}.breakpoint-mobile.heading-3 .heading{font-size:var(--font-size-heading-3-mobile, 25px)}.breakpoint-mobile.heading-4 .heading{font-size:var(--font-size-heading-4-mobile, 20px);line-height:var(--line-height-heading-normal, 1.1)}.breakpoint-mobile.heading-5 .heading{font-size:var(--font-size-heading-5-mobile, 18px);line-height:var(--line-height-heading-normal, 1.1)}.description{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:var(--font-size-body-large, 18px);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, var(--colour-typography-body-default, #2B484F));white-space:normal}.heading.heading-color-primary{color:var(--af-typography-heading-primary, var(--colour-typography-heading-primary, #14343B))}.heading.heading-color-secondary{color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #B09670))}.description.description-color-default{color:var(--af-typography-body-default, var(--colour-typography-body-default, #2B484F))}.description.description-color-secondary{color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #B09670))}.breakpoint-mobile.heading-3 .description,.breakpoint-desktop.heading-4 .description,.breakpoint-mobile.heading-4 .description,.breakpoint-desktop.heading-5 .description,.breakpoint-mobile.heading-5 .description{font-size:var(--font-size-body-medium, 16px);line-height:var(--line-height-body-medium, 24px)}.description:empty{display:none}.buttons{display:flex;flex-direction:row;gap:var(--space-3, 12px)}.buttons:empty{display:none}.layout-horizontal .buttons{align-items:center}.text-left.layout-horizontal{flex-direction:row;align-items:center;gap:var(--space-4, 16px)}.text-left.layout-horizontal .copy{flex:1 0 0;max-width:950px}.text-left.layout-horizontal.heading-3 .copy,.text-left.layout-horizontal.heading-4 .copy{max-width:840px}.text-left.layout-horizontal .buttons{flex-shrink:0}.layout-vertical .buttons{align-items:flex-start}.buttons.align-left{justify-content:flex-start}.buttons.align-center{justify-content:center}.buttons.align-right{justify-content:flex-end}.buttons.align-justify{justify-content:space-between}.breakpoint-mobile .buttons{flex-direction:column;align-items:stretch}.breakpoint-mobile .buttons.align-center{align-items:center}.breakpoint-mobile .buttons.align-right{align-items:flex-end}.breakpoint-mobile .buttons.align-left{align-items:flex-start}.text-center .copy{max-width:840px}::slotted(*){margin:0}";const o=class{constructor(t){e(this,t);this.headingSize=2;this.breakpoint="desktop";this.textAlignment="left";this.buttonLayout="vertical";this.headingColor="primary";this.descriptionColor="default";this.hasDescription=false;this.hasButtons=false;this.syncSlotState=()=>{this.hasDescription=(this.descriptionSlot?.assignedNodes({flatten:true}).length??0)>0;this.hasButtons=(this.buttonsSlot?.assignedNodes({flatten:true}).length??0)>0}}componentDidLoad(){this.syncSlotState();this.descriptionSlot?.addEventListener("slotchange",this.syncSlotState);this.buttonsSlot?.addEventListener("slotchange",this.syncSlotState);if(typeof window==="undefined")return;const e=window.__AF_STRICT_HEADINGS__;if(!e)return;const t=Array.from(this.el.children).find((e=>!e.hasAttribute("slot")&&/^h[1-6]$/i.test(e.tagName)));if(!t)return;const i=Number(t.tagName.slice(1));const a=this.headingSize;if(Math.abs(i-a)>1){console.warn(`[af-typography-lockup] heading-size=${a} paired with <${t.tagName.toLowerCase()}>; `+`expected an <h${a}> for document outline. Pass deliberately or align the two.`)}}disconnectedCallback(){this.descriptionSlot?.removeEventListener("slotchange",this.syncSlotState);this.buttonsSlot?.removeEventListener("slotchange",this.syncSlotState)}render(){const e=this.headingAlignment??this.textAlignment;const a=this.descriptionAlignment??this.textAlignment;const n=this.buttonsAlignment??this.textAlignment;const o={lockup:true,[`text-${this.textAlignment}`]:true,[`layout-${this.buttonLayout}`]:true,[`heading-${this.headingSize}`]:true,[`breakpoint-${this.breakpoint}`]:true};const r={heading:true,[`align-${e}`]:true,[`heading-color-${this.headingColor}`]:true};const s={description:true,[`align-${a}`]:true,[`description-color-${this.descriptionColor}`]:true};const p={buttons:true,[`align-${n}`]:true};const l=this.maxWidth?{maxWidth:`${this.maxWidth}px`}:{};return t(i,{key:"9b31ef730abc5e33919d32480e260937ae450529"},t("div",{key:"95d33308deeb9c5488a89ef7161322a25b2e348f",class:o},t("div",{key:"78cff6a371d382a9ff69d06d25180efd667958ab",class:"copy",style:l},t("div",{key:"963e6233660bbe45084f42a70e0a1d54236c514e",class:r,part:"heading"},t("slot",{key:"b0b90701b673581cc08be3f79dea8068a85050ab"})),t("div",{key:"db4b15e80e9bbe683b425e3cc8e92a2fa00774e1",class:s,part:"body",hidden:!this.hasDescription},t("slot",{key:"d581dab0571d6e400be15fa6a285d0774f5dc978",name:"description",ref:e=>this.descriptionSlot=e}))),t("div",{key:"fb160cbfc354f41eefe600f295c3d86146eb6065",class:p,part:"buttons",hidden:!this.hasButtons},t("slot",{key:"a801bbb9ac25136b0073f68ab05ae7738d6079e5",name:"buttons",ref:e=>this.buttonsSlot=e}))))}get el(){return a(this)}};o.style=n;export{o as af_typography_lockup};
-//# sourceMappingURL=p-da999c10.entry.js.map