@affinda/wc 0.0.25 → 0.0.26

package/dist/collection/components/af-spacer/af-spacer.js

@@ -34,7 +34,7 @@ export class AfSpacer {
                 style.height = sizeValue;
             }
         }
-        return h(Host, { key: 'e3d8bff163b92ef7caf5802947556444ce2f1a48', style: style, "aria-hidden": "true" });
+        return h(Host, { key: '667181ea8f243b47e0a54fbfc5441b7551d69082', style: style, "aria-hidden": "true" });
     }
     static get is() { return "af-spacer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/af-split-section/af-split-section.js

@@ -26,14 +26,14 @@ export class AfSplitSection {
         this.container = true;
     }
     render() {
-        const content = h("slot", { key: 'bc307598c8f20de642f691d1bd02269cbd34738c' });
+        const content = h("slot", { key: 'de39e81b9bc88da7323663c248faf7a4faf20f7f' });
         // Create the split background using CSS gradient
         const topColor = themeColors[this.topTheme];
         const bottomColor = themeColors[this.bottomTheme];
         const backgroundStyle = {
             background: `linear-gradient(to bottom, ${topColor} 0%, ${topColor} 50%, ${bottomColor} 50%, ${bottomColor} 100%)`
         };
-        return (h(Host, { key: 'd96957b3dc7f8daea9f3480269fde7116c587461' }, h("div", { key: 'f274ae8e50c5b1fa9f59b54a1bce3dbb5408a77b', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (h("af-container", null, content)) : content)));
+        return (h(Host, { key: '4b140cb28dd9ec3dd2a5148737aada241dbbfb1d' }, h("div", { key: '7eeb358bbae0e98e403e39020482505248c3bb69', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (h("af-container", null, content)) : content)));
     }
     static get is() { return "af-split-section"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-stack/af-stack.js

@@ -55,7 +55,7 @@ export class AfStack {
             justifyContent: justifyMap[this.justify],
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: '72e0cbdd57b5f300e1957549d225f72ae4cdc2d2', style: style }, h("slot", { key: '9f71bea28b78fa1fcb414e5f3e2b9f9e68d7962d' })));
+        return (h(Host, { key: '757fee5201ab0831e7dc51aa0f7dc2cad4279f95', style: style }, h("slot", { key: '06e94b64a308a3465e54d79e1a5ffb3758c6e626' })));
     }
     static get is() { return "af-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/af-stepper/af-stepper.js

@@ -40,7 +40,7 @@ export class AfStepper {
         });
     }
     render() {
-        return (h(Host, { key: 'a9c2328058c0495bbec34d3a08deb0375e2f6dae', class: `stepper stepper--${this.orientation}` }, h("div", { key: '91fb9864b86a9c2b44e84db1356099ebf5d119f3', class: "stepper__connector", "aria-hidden": "true" }), h("slot", { key: '680bf938f006e4696882aa55f7ca6fa02bcf4db4' })));
+        return (h(Host, { key: '0ca79e9f0006bfbe3ab6e18cceaafd0257f4defb', class: `stepper stepper--${this.orientation}` }, h("div", { key: '8682fe5e58f7df3fb9866966fb6c04715203fd87', class: "stepper__connector", "aria-hidden": "true" }), h("slot", { key: 'ecdf79d87ee099666521dbb6f8e32375dd829fea' })));
     }
     static get is() { return "af-stepper"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-stepper-step/af-stepper-step.js

@@ -18,7 +18,7 @@ export class AfStepperStep {
         this.index = 1;
     }
     render() {
-        return (h(Host, { key: 'b91b1f537b806fcd529fa52e67399f6be16bca5d' }, h("span", { key: '9622f4f96632b3ba69144afd82a6787e32eb7c2c', class: "stepper-step__badge" }, this.index), h("div", { key: '315447d305191d0b74116a486454c9b4b5f6dd22', class: "stepper-step__content" }, h("div", { key: 'fc838c36ffa5ca04d798faabb1c1fa6fd446ee2a', class: "stepper-step__heading" }, h("slot", { key: '24199d97434f81e1d635cdb3a06a9946d27f969b', name: "heading" })), h("div", { key: 'ad23f7a9e6459a9ac9459202901d144df44c2f03', class: "stepper-step__body" }, h("slot", { key: '66a4b92593430b057479e15b2a0d47f5a10eb229', name: "body" })))));
+        return (h(Host, { key: '36a45ffc037fb0efd1352fb1aa8482205faada04' }, h("span", { key: '93a75d705f40f920b3480607dfe2ed9f4ba37e55', class: "stepper-step__badge" }, this.index), h("div", { key: '2eb52b18397349da4fd3a9322fb7f1af0a271b4c', class: "stepper-step__content" }, h("div", { key: 'cf0fff2d73189a63e675017b1d431d2edc03e0c6', class: "stepper-step__heading" }, h("slot", { key: '6649a32664e82bc04e6f53c05d92050ad9b828d6', name: "heading" })), h("div", { key: '8f66cf21ff1b3e1bb4e817e6e85b418c1bdffd24', class: "stepper-step__body" }, h("slot", { key: 'a38c1c2c19d5d821ca513f098cd1b4fe6d007a92', name: "body" })))));
     }
     static get is() { return "af-stepper-step"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-tag/af-tag.css

@@ -17,54 +17,77 @@
   cursor: default;
 }
 
-/* Make links look clickable */
 a.tag {
   cursor: pointer;
 }
 
 /* ==========================================================================
-   VARIANT: SAND (Soft-clay/tan colored - default)
+   VARIANT: DEFAULT (inherits from parent theme context)
    ========================================================================== */
 
-.tag.variant-sand {
-  background-color: var(--af-tag-sand-bg, var(--colour-brand-soft-clay, #b09670));
-  color: var(--af-tag-sand-text, var(--colour-brand-inkwell, #14343b));
+.tag.variant-default {
+  background-color: var(--af-tag-bg, var(--colour-brand-soft-clay, #b09670));
+  color: var(--af-tag-text, var(--colour-brand-inkwell, #14343b));
 }
 
-.tag.variant-sand:hover {
-  background-color: var(--af-tag-sand-bg-hover, var(--colour-softclay-400, #c0ab8d));
+.tag.variant-default:hover {
+  background-color: var(--af-tag-bg-hover, var(--colour-tints-soft-clay-400, #c0ab8d));
 }
 
 /* ==========================================================================
-   VARIANT: LIGHT (Mist-green/light colored)
+   EXPLICIT THEME VARIANTS
    ========================================================================== */
 
-.tag.variant-light {
-  background-color: var(--af-tag-light-bg, var(--colour-background-level1, #e8eeed));
-  color: var(--af-tag-light-text, var(--colour-brand-inkwell, #14343b));
+.tag.variant-inkwell {
+  background-color: var(--colour-brand-inkwell, #14343b);
+  color: var(--colour-brand-white, #ffffff);
 }
 
-.tag.variant-light:hover {
-  background-color: var(--af-tag-light-bg-hover, var(--colour-tints-mist-green-200, #d2e8e3));
+.tag.variant-inkwell:hover {
+  background-color: var(--colour-tints-inkwell-500, #1e4a48);
+}
+
+.tag.variant-white {
+  background-color: var(--colour-brand-white, #ffffff);
+  color: var(--colour-brand-inkwell, #14343b);
+}
+
+.tag.variant-white:hover {
+  background-color: var(--colour-tints-mist-green-100, #e1eee1);
+}
+
+.tag.variant-soft-clay {
+  background-color: var(--colour-brand-soft-clay, #b09670);
+  color: var(--colour-brand-inkwell, #14343b);
+}
+
+.tag.variant-soft-clay:hover {
+  background-color: var(--colour-tints-soft-clay-400, #c0ab8d);
+}
+
+.tag.variant-mist-green {
+  background-color: var(--colour-brand-mist-green, #c6d5d1);
+  color: var(--colour-brand-inkwell, #14343b);
+}
+
+.tag.variant-mist-green:hover {
+  background-color: var(--colour-tints-mist-green-200, #d2e8e3);
 }
 
 /* ==========================================================================
    SIZES
    ========================================================================== */
 
-/* Size: X-Small */
 .tag.size-x-small {
   padding: 6px 10px;
   font-size: var(--font-size-label-tag, 14px);
 }
 
-/* Size: Small */
 .tag.size-small {
   padding: 8px 12px;
   font-size: var(--font-size-label-tag, 14px);
 }
 
-/* Size: Large */
 .tag.size-large {
   padding: 12px 16px;
   font-size: var(--font-size-body-large, 18px);
@@ -74,19 +97,16 @@ a.tag {
    FOCUS STATES
    ========================================================================== */
 
-/* Focus state */
 .tag:focus {
   outline: none;
-  box-shadow: 
+  box-shadow:
     0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)),
     0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));
 }
 
-/* Focus visible for keyboard navigation */
 .tag:focus-visible {
   outline: none;
-  box-shadow: 
+  box-shadow:
     0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)),
     0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));
 }
-

package/dist/collection/components/af-tag/af-tag.js

@@ -3,11 +3,15 @@ import { h, Host } from "@stencil/core";
  * Tag displays a label in a styled container.
  * Perfect for categorization, topics, or metadata display.
  *
+ * The `default` variant inherits its colors from the parent theme context
+ * (af-section, af-card). Use explicit variants (`inkwell`, `white`,
+ * `soft-clay`, `mist-green`) to override.
+ *
  * @example
  * ```html
  * <af-tag>AI</af-tag>
- * <af-tag size="small">Machine Learning</af-tag>
- * <af-tag size="large" variant="light">Document Processing</af-tag>
+ * <af-tag size="small" variant="inkwell">Machine Learning</af-tag>
+ * <af-tag size="large" variant="white">Document Processing</af-tag>
  * ```
  */
 export class AfTag {
@@ -15,25 +19,24 @@ export class AfTag {
         /**
          * The size of the tag
          * - `x-small` - Compact tag with minimal padding
-         * - `small` - Small tag with moderate padding
+         * - `small` - Small tag with moderate padding (default)
          * - `large` - Large tag with generous padding
          */
         this.size = 'small';
         /**
-         * The visual variant of the tag
-         * - `sand` - Soft-clay/tan colored background (default)
-         * - `light` - Mist-green/light colored background
+         * Visual variant of the tag. `default` inherits tag colors from the
+         * parent theme context. Theme-named variants force a specific palette.
          */
-        this.variant = 'sand';
+        this.variant = 'default';
     }
     render() {
         const TagElement = this.href ? 'a' : 'span';
         const linkProps = this.href ? { href: this.href } : {};
-        return (h(Host, { key: '0decd339f953b58f2bdc9adbe445fa2f0a2c3bf1' }, h(TagElement, { key: '9ae4d069098dd3d1caafac4918736921a76ffece', class: {
+        return (h(Host, { key: '389b869350a0ead31639016403b8bbd86c8be12f' }, h(TagElement, { key: '7be8b372a4c391ae3e426827cf425274dfe3dc44', class: {
                 'tag': true,
                 [`size-${this.size}`]: true,
                 [`variant-${this.variant}`]: true,
-            }, ...linkProps }, h("slot", { key: '2fcbbe7cc9c3954dbca1d1bff72d5c220c4afecc' }))));
+            }, ...linkProps }, h("slot", { key: 'cf622bef7dca7e64215e0e778f3893097e9e30d0' }))));
     }
     static get is() { return "af-tag"; }
     static get encapsulation() { return "shadow"; }
@@ -67,7 +70,7 @@ export class AfTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The size of the tag\n- `x-small` - Compact tag with minimal padding\n- `small` - Small tag with moderate padding\n- `large` - Large tag with generous padding"
+                    "text": "The size of the tag\n- `x-small` - Compact tag with minimal padding\n- `small` - Small tag with moderate padding (default)\n- `large` - Large tag with generous padding"
                 },
                 "getter": false,
                 "setter": false,
@@ -80,7 +83,7 @@ export class AfTag {
                 "mutable": false,
                 "complexType": {
                     "original": "TagVariant",
-                    "resolved": "\"light\" | \"sand\"",
+                    "resolved": "\"default\" | \"inkwell\" | \"mist-green\" | \"soft-clay\" | \"white\"",
                     "references": {
                         "TagVariant": {
                             "location": "local",
@@ -93,13 +96,13 @@ export class AfTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The visual variant of the tag\n- `sand` - Soft-clay/tan colored background (default)\n- `light` - Mist-green/light colored background"
+                    "text": "Visual variant of the tag. `default` inherits tag colors from the\nparent theme context. Theme-named variants force a specific palette."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
                 "attribute": "variant",
-                "defaultValue": "'sand'"
+                "defaultValue": "'default'"
             },
             "href": {
                 "type": "string",

package/dist/collection/components/af-testimonial/af-testimonial.css

@@ -16,7 +16,7 @@
 /* Image side - 40.5% of card width (519px of 1280px in Figma) */
 .testimonial-image {
   position: relative;
-  width: 40.5%;
+  width: 50%;
   min-width: 300px;
   /* Minimum for readability */
   max-width: 519px;
@@ -84,16 +84,38 @@
   flex-shrink: 0;
 }
 
-/* Quote text - layout only, typography comes from af-text */
+/* Quote text — 22px / 140% per Webflow reference. Accepts either the
+   `quote` prop (rendered as plain text) or the `quote-body` slot (rich). */
 .testimonial-text {
-  max-height: 155px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  font-family: var(--typography-bodyfont, 'NeuSans', sans-serif);
+  font-size: 22px;
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular, 400);
+  color: var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b));
+}
+.testimonial-text ::slotted(p),
+.testimonial-text p {
+  font: inherit;
+  color: inherit;
+  margin: 0 0 12px 0;
+}
+.testimonial-text ::slotted(p:last-child),
+.testimonial-text p:last-child {
+  margin-bottom: 0;
+}
+.testimonial-text ::slotted(ul),
+.testimonial-text ul {
+  margin: 0 0 12px 0;
+  padding-left: 20px;
 }
 
 /* Attribution uses body-dark color for emphasis */
 .testimonial-attribution {
-  --af-typography-body-default: var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));
+  font-family: var(--typography-bodyfont, 'NeuSans', sans-serif);
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));
+  margin-top: 12px;
 }
 
 .testimonial-stats {

package/dist/collection/components/af-testimonial/af-testimonial.js

@@ -1,4 +1,12 @@
 import { h, Host } from "@stencil/core";
+/**
+ * @slot quote-body - Rich quote content (paragraphs, lists). Overrides the
+ *   `quote` string prop when provided. Use for testimonials that include
+ *   multiple paragraphs, bulleted points, or inline emphasis.
+ * @slot quote-icon - Quote icon (defaults to af-icon name="quote").
+ * @slot stats - Statistic items (af-testimonial-stat components).
+ * @slot navigation - Custom nav controls (when not using built-in ones).
+ */
 export class AfTestimonial {
     constructor() {
         /**
@@ -21,11 +29,11 @@ export class AfTestimonial {
         };
     }
     render() {
-        return (h(Host, { key: '33b2a19b7f369227cdfcf6eee289fb834d5b6329' }, h("div", { key: '761a3e5c92a22b2ad88d0a76bf9ef8f6002cdbce', class: "testimonial-card" }, h("div", { key: '8d4d5287881cec18e5b1d64b2463ed2c07460d07', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'a976c752ab87e3f5da7582f97b54d50ee5c1a1cd', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: 'f8141dc44ac5c28ab1141cc1d9d855467cdf8b09', class: "testimonial-logo" }, h("img", { key: '65ef7ab84bdae5e47ecfdda2f8336fd83fa90c7a', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '6cb5e2b4832a5a65fb3ea04810dbf7f698b11ec1', class: "testimonial-content" }, h("div", { key: 'b1f58ce100b7721750f562a6e9de9e7f91ae93a5', class: "testimonial-quote-section" }, h("div", { key: 'c320c3775e11356bd5e5108b7677b7b67f4c6f89', class: "testimonial-quote-icon" }, h("slot", { key: 'c951a7d40e7e0012d89ba4393a3f1561665c9c4d', name: "quote-icon" }, h("af-icon", { key: '3a8764d0a3d34b16b722b777a20b11e6426cdb66', name: "quote", size: 48 }))), h("af-text", { key: 'd5c29a4a791304cb3b98b582e72a16d6865eb3ca', variant: "xlarge", class: "testimonial-text" }, this.quote), h("af-text", { key: 'a8839b04257e79df76d9f3ae97a4d9dcb0070a66', variant: "xlarge", class: "testimonial-attribution" }, this.attribution)), h("div", { key: '3eb72d12ba340557e26e9bbb7faaea3b06fbf711', class: "testimonial-stats" }, h("slot", { key: '2c54f1ed69a1c31ff5999804e11312460cd33ccb', name: "stats" })), h("div", { key: '160149782113f03e0e14e17d2aa200ac1773990b', class: "testimonial-footer" }, h("div", { key: '3f2efa1c37fca41827722b48b12b0e8a4c2c0528', class: "testimonial-nav" }, this.showNavigation ? (
+        return (h(Host, { key: 'ece3fb36d1f133e0429a59f8fe24dadae0d25e51' }, h("div", { key: '874ba61ab34378a92f496d9143b817d3cbbce2ef', class: "testimonial-card" }, h("div", { key: 'c7812c978b4b0ce7ad5f23e2fc429986c787ec4e', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'd8ae7c602c4e7a78037f8ca1dfb1363136499942', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '1e2b8f1252b1bf4d480bd453fd558c3ab8cf4888', class: "testimonial-logo" }, h("img", { key: '7d9dda13479c1f46f97bca5e3628ac03925c058a', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '4bfabf5919bb04b966ba56aeba9d5ecbb473c6df', class: "testimonial-content" }, h("div", { key: 'ceb09f4ea4fa02cb1289501b94b87a378b8388bf', class: "testimonial-quote-section" }, h("div", { key: '26388df84c2fa2191edc36c844e46a131133741f', class: "testimonial-quote-icon" }, h("slot", { key: '76862abdc6eb6a79abe4e1024045252cc843fbd8', name: "quote-icon" }, h("af-icon", { key: 'ad6a19f54dd5c19d2fd41b6c8d8689e35ee5fc47', name: "quote", size: 48 }))), h("div", { key: '3773864a3bbb9bcb6788ca49b401eb59d140cbf2', class: "testimonial-text" }, h("slot", { key: 'e98fb304d608a76e95b08c3dc29e54ab556327b6', name: "quote-body" }, this.quote)), h("div", { key: 'e056c13a838325f20767bf35a3659d898843767d', class: "testimonial-attribution" }, this.attribution)), h("div", { key: 'b568594caa24f709dc3723c58eb3fa6263f229b9', class: "testimonial-stats" }, h("slot", { key: 'e463d0484e771db9fcf598f67adb6c8f4ebd2eae', name: "stats" })), h("div", { key: '3e645d385530722738d88c7764b41997385e5811', class: "testimonial-footer" }, h("div", { key: 'aa8d161c9a9030cb19f0e49e7614d665200b6c43', class: "testimonial-nav" }, this.showNavigation ? (
         // Render built-in navigation buttons
         h("div", { class: "testimonial-nav-buttons" }, h("af-icon-button", { variant: "secondary", disabled: !this.hasPrev, onClick: this.handlePrev, ariaLabel: "Previous testimonial" }, h("af-icon", { name: "arrow-left", size: 24 })), h("af-icon-button", { variant: "secondary", disabled: !this.hasNext, onClick: this.handleNext, ariaLabel: "Next testimonial" }, h("af-icon", { name: "arrow-right", size: 24 })))) : (
         // Allow custom navigation via slot
-        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '68c099e51f01e9f715d93eab790ff87d99291a10', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: '549160eb2d850d2ae14eef62ff3d6cd72c9aa991', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
+        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '3764047858f6661077ec1a696c327c6dc80c5056', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: 'bd1cc25cf7e59c030fc4c2d94593e1437e57cd81', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
     }
     static get is() { return "af-testimonial"; }
     static get encapsulation() { return "scoped"; }
@@ -84,14 +92,14 @@ export class AfTestimonial {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Testimonial quote text"
+                    "text": "Testimonial quote text. Falls back to the `quote-body` slot if that\nslot has content."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js

@@ -94,7 +94,7 @@ export class AfTestimonialCarousel {
         return (this.currentIndex + 1) / this.testimonialCount;
     }
     render() {
-        return (h(Host, { key: '7de8274c31991f104fd70d9dd7e2e368dbe2055f' }, h("div", { key: 'd5e7a36eed63757174991132277f4819152f5217', class: "testimonial-carousel" }, h("div", { key: '90a61824e9327c10a89843e5fdf74ec5556bf2c1', class: "testimonial-slides" }, h("slot", { key: '4f46cbe79169ec13e3c731130258fbb79af56be5' })), this.testimonialCount > 1 && (h("div", { key: '2b6c7ecbac70900477c4b15dbba76add9946e1c3', class: "testimonial-progress" }, h("af-progress-line", { key: '702f468f70e2a427c3716e0d65f1275cad302641', progress: this.getProgress() }))))));
+        return (h(Host, { key: 'eb9042ba8aa89a99b81f8f6b477b50e44f6ef747' }, h("div", { key: 'aeeab184ea0954c9be173c4cc0e18b9f840cbf4d', class: "testimonial-carousel" }, h("div", { key: '57e2d480f737af4e6edad66475d3394eb7d4f6d7', class: "testimonial-slides" }, h("slot", { key: '21167cf84f89dcecbc87f2d1010f6fcf77975ca1' })), this.testimonialCount > 1 && (h("div", { key: '3c3211d3d523a4cf8f9178294f3dba4b491a82dc', class: "testimonial-progress" }, h("af-progress-line", { key: '63013ffeb317f2365d27843611e4210a4baa4984', progress: this.getProgress() }))))));
     }
     static get is() { return "af-testimonial-carousel"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js

@@ -7,7 +7,7 @@ export class AfTestimonialStat {
         this.accentBorder = false;
     }
     render() {
-        return (h(Host, { key: '0225f1a245a5c9139887456077d99e53016c218c' }, h("div", { key: 'a9671fa7eedd144652b30bff9fdbb6c1c48835d3', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("af-heading", { key: 'cbed7c520457c7ea8c572541ac6f2e9a6c93913f', level: 2, class: "stat-value" }, this.value), h("af-text", { key: '30748648e43f7113b533d6582210029b3ed62d91', variant: "medium", class: "stat-description" }, this.description))));
+        return (h(Host, { key: '3854dc5e24bdfdfc96ff889f65231ed765f1cb2a' }, h("div", { key: 'bde58050e26a65197cf0d3cdb1de385c00f4ea14', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("af-heading", { key: '37fc274547ef0bc7ff3c9e539f88b996c496ad52', level: 2, class: "stat-value" }, this.value), h("af-text", { key: '83519d54647b39ac39649b22f93f21039e047d63', variant: "medium", class: "stat-description" }, this.description))));
     }
     static get is() { return "af-testimonial-stat"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-text-image-nest/af-text-image-nest.js

@@ -29,7 +29,7 @@ export class AfTextImageNest {
             'nest__grid': true,
             [`grid-${this.layout}`]: true,
         };
-        return (h(Host, { key: '3ec6b9ba229f43f503b31135e64ed4fc1c11f84d' }, h("div", { key: '167fd7bc7875e0d8f780a36f27c1d4d3f981f40f', class: containerClasses }, h("div", { key: '9631f476ab5c254d048ae821c5c308e1ab96a539', class: "nest__content" }, h("div", { key: 'c210eaf566a6f18b9809bd0a3e8392d4e3789f2a', class: gridClasses }, h("slot", { key: 'f17c92f4ecd6d2edd65eee7f06f51994906bd39a' })), h("div", { key: 'e6db2988f646ab0bab78b3e3ccca02a5a1ad7cf0', class: "nest__footer" }, h("slot", { key: 'c60e084083357db2ab52c1743b236924887af55d', name: "buttons" }))))));
+        return (h(Host, { key: '016ac9532a42a1494490c49dcffa488f49d1d5c8' }, h("div", { key: '38e16d51c44d69323e0b66e51449564631cc9077', class: containerClasses }, h("div", { key: 'a4c596c73303dde115357b80ece979b1a383e6a8', class: "nest__content" }, h("div", { key: '8d097e97a0cf9149fc3f775b27010d6d6d6c50e4', class: gridClasses }, h("slot", { key: '25ae554ae7f9091e503f1692115e483e552c6170' })), h("div", { key: 'e6105ef43ed3438ee6cd7edc671fc627d60ffef0', class: "nest__footer" }, h("slot", { key: 'ede8c7fa69237042eea88a7d0ed54f3551764e68', name: "buttons" }))))));
     }
     static get is() { return "af-text-image-nest"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-theme-override/af-theme-override.css

@@ -54,9 +54,9 @@
   --af-button-secondary-stroke: var(--colour-brand-inkwell, #14343b);
   
   /* Button - Tertiary */
-  --af-button-tertiary-text: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-icon: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-stroke: var(--colour-brand-soft-clay, #B09670);
+  --af-button-ghost-text: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-icon: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-stroke: var(--colour-brand-soft-clay, #B09670);
   
   /* Input tokens */
   --af-input-label: var(--af-typography-body-dark);
@@ -126,9 +126,9 @@
   --af-button-secondary-stroke: var(--colour-brand-white, #ffffff);
   
   /* Button - Tertiary */
-  --af-button-tertiary-text: var(--colour-brand-white, #ffffff);
-  --af-button-tertiary-icon: var(--colour-brand-white, #ffffff);
-  --af-button-tertiary-stroke: var(--colour-brand-ice, #A6FFFB);
+  --af-button-ghost-text: var(--colour-brand-white, #ffffff);
+  --af-button-ghost-icon: var(--colour-brand-white, #ffffff);
+  --af-button-ghost-stroke: var(--colour-brand-ice, #A6FFFB);
   
   /* Input tokens */
   --af-input-label: var(--af-typography-body-dark);
@@ -198,9 +198,9 @@
   --af-button-secondary-stroke: var(--colour-brand-inkwell, #14343b);
   
   /* Button - Tertiary */
-  --af-button-tertiary-text: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-icon: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-stroke: var(--colour-brand-soft-clay, #B09670);
+  --af-button-ghost-text: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-icon: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-stroke: var(--colour-brand-soft-clay, #B09670);
   
   /* Input tokens */
   --af-input-label: var(--af-typography-body-dark);
@@ -270,9 +270,9 @@
   --af-button-secondary-stroke: var(--colour-brand-inkwell, #14343b);
   
   /* Button - Tertiary */
-  --af-button-tertiary-text: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-icon: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-stroke: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-text: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-icon: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-stroke: var(--colour-brand-inkwell, #14343b);
   
   /* Input tokens */
   --af-input-label: var(--af-typography-body-dark);
@@ -342,9 +342,9 @@
   --af-button-secondary-stroke: var(--colour-brand-inkwell, #14343b);
   
   /* Button - Tertiary */
-  --af-button-tertiary-text: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-icon: var(--colour-brand-inkwell, #14343b);
-  --af-button-tertiary-stroke: var(--colour-brand-soft-clay, #b09670);
+  --af-button-ghost-text: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-icon: var(--colour-brand-inkwell, #14343b);
+  --af-button-ghost-stroke: var(--colour-brand-soft-clay, #b09670);
   
   /* Input tokens */
   --af-input-label: var(--af-typography-body-dark);

package/dist/collection/components/af-theme-override/af-theme-override.js

@@ -18,7 +18,7 @@ export class AfThemeOverride {
         this.theme = 'white';
     }
     render() {
-        return (h(Host, { key: '0dbebde89199b19c6716b0e521026ec82ae42ee5' }, h("div", { key: 'a8a5761b4ce5d48bc52579c995fde8f15f154aac', class: `theme-override theme-${this.theme}` }, h("slot", { key: 'f2f30666635125d26438b8b5da72493830f226b7' }))));
+        return (h(Host, { key: '67765126b10a933cf927169cab2c88135f9b9c9d' }, h("div", { key: '00e00242c786f339f93c30005e1bbdc2eb5cdae6', class: `theme-override theme-${this.theme}` }, h("slot", { key: '19b1cfc18e8d8218a2bc0e04fb70b2e2e3a68121' }))));
     }
     static get is() { return "af-theme-override"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-typography-lockup/af-typography-lockup.css

@@ -123,14 +123,22 @@
   gap: var(--space-2, 8px);
 }
 
-/* Heading styles */
+/* Heading styles - font-weight 400 (regular) matches Webflow's NeuSans usage.
+ * display: flex collapses any whitespace-only text nodes that Astro (and
+ * other templating engines) leave between the slotted heading and the
+ * following named-slot siblings — those stray text nodes get projected into
+ * the default slot and, without flex layout, each one occupies a full line
+ * of the heading's line-height (user-visible "extra line break" after the
+ * heading). */
 .heading {
+  display: flex;
+  flex-direction: column;
   font-family: var(--typography-headingfont, 'NeuSans', sans-serif);
-  font-weight: var(--font-weight-book, 500);
+  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: pre-wrap;
+  white-space: normal;
 }
 
 /* Desktop heading sizes */
@@ -186,7 +194,25 @@
   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: pre-wrap;
+  white-space: normal;
+}
+
+/* Heading colour variants — matches Webflow's h1.primary / h1.secondary pattern */
+.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 colour variants */
+.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));
 }
 
 /* Description text size variations - smaller for heading 3 mobile, 4, and 5 */

package/dist/collection/components/af-video-container/af-video-container.js

@@ -42,7 +42,7 @@ export class AfVideoContainer {
         };
     }
     render() {
-        return (h(Host, { key: '9e6c5666aadff71d14dcff94469c194ad6255a8c' }, h("div", { key: '3690b9c6db562b3777f140e8dbf406da3e4c8f4f', class: "video-container" }, h("div", { key: 'fa80fab02b3015eb872e3d1eb6f693357ebe8f8d', class: "video-container__top" }, h("slot", { key: '795821203920f68f35c84b9155d0f44002a66042', name: "top" })), h("div", { key: '6f4fa9bd803141ce8df6468b7d29d5ba9bd6f237', class: "video-container__video" }, h("af-aspect-ratio", { key: 'bba59d56a42639aa2d4f43d84d5b95f0ef33ce72', ratio: "16:9" }, h("div", { key: 'af54817594a000b05621fb01be5d8f8fdc857ac6', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (h("img", { key: 'faba87de58bec4a981e8bf1382f744ac3e47ffbe', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), h("button", { key: '1dbcf64a1a251e81eccf7013c6cd82e6b3e1b622', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, h("af-icon", { key: 'aa96780fdaaa69d3299f25074122712cd57a0a49', name: "play", size: 24 }))))), h("div", { key: '070c4b3e448f5feff70c2bcc0f31e0dc9f90b0ce', class: "video-container__bottom" }, h("slot", { key: '6a1fec74caa7385082fc59c5e2500043038dfca1', name: "bottom" })))));
+        return (h(Host, { key: '805ef2cb5883f2589729c8f01a6912d9649931ed' }, h("div", { key: '0378ad7aa7ba09981fc87b8701e056cfd71c7ff2', class: "video-container" }, h("div", { key: '0d6581e16ee68472b37d1d7f5135f3ce5b6312a0', class: "video-container__top" }, h("slot", { key: '8802570242c658b176405ab1493254c4c3473d4a', name: "top" })), h("div", { key: 'ff73de6c3dc1597acbaf707dbfcb5559fde6ebdb', class: "video-container__video" }, h("af-aspect-ratio", { key: '092c02fe25891ef4436056056c1443bfe35631ab', ratio: "16:9" }, h("div", { key: '0e1def94ac6e243af93c67e13c1fb7d743eeb808', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (h("img", { key: '9437d1ee258da0548225edd8f6f38f3ac1984e66', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), h("button", { key: '0269c801acca11d95e383a9d588ba07b30fa28a2', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, h("af-icon", { key: '85ba1f8c72057d948ab6c06cdf76be075f81f9d7', name: "play", size: 24 }))))), h("div", { key: '4b50dd7066e2f0390052d0042d762f7e3d3beb1a', class: "video-container__bottom" }, h("slot", { key: 'ef00f995dc3e81e0197846d672701c829a8d61d1', name: "bottom" })))));
     }
     static get is() { return "af-video-container"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-visually-hidden/af-visually-hidden.js

@@ -15,7 +15,7 @@ export class AfVisuallyHidden {
         this.focusable = false;
     }
     render() {
-        return (h(Host, { key: '23738df059de827e6d1441906ac4dc9f0e568193', class: { 'focusable': this.focusable } }, h("slot", { key: 'bd867e2e71c748fc4d7faed12e993cf14bd0b311' })));
+        return (h(Host, { key: '9ce559b8f54328432497181c2e8c7a4136ddd67d', class: { 'focusable': this.focusable } }, h("slot", { key: '4d877b02acf7b1ab61dca5e72b4d76c37a9fc7c2' })));
     }
     static get is() { return "af-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/af-accordion-item.js

@@ -1 +1 @@
-import{p as e,H as t,d as s,h as o,c as i,t as a}from"./p-DsNqeD3z.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.accordionToggle=s(this,"af-accordion-toggle"),this.open=!1,this.disabled=!1,this.contentHeight=0,this.handleTriggerClick=()=>{this.disabled||this.toggle()}}handleOpenChange(e){e&&this.measureContent()}componentDidLoad(){fetch("http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"af-accordion-item.tsx:componentDidLoad",message:"Component loaded",data:{itemId:this.itemId,hasShadowRoot:!!this.el.shadowRoot},timestamp:Date.now(),sessionId:"debug-session",hypothesisId:"E"})}).catch((()=>{}));const e=this.el.shadowRoot,t=e?.querySelector('slot[name="trigger"]'),s=t?.assignedNodes()||[],o=t?.assignedElements()||[];fetch("http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"af-accordion-item.tsx:componentDidLoad:slotCheck",message:"Checking trigger slot content",data:{hasTriggerSlot:!!t,assignedNodesCount:s.length,assignedElementsCount:o.length,assignedContent:o.map((e=>({tagName:e.tagName,textContent:e.textContent})))},timestamp:Date.now(),sessionId:"debug-session",hypothesisId:"A"})}).catch((()=>{}));const i=e?.querySelector(".trigger-content"),a=i?getComputedStyle(i):null;fetch("http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"af-accordion-item.tsx:componentDidLoad:styleCheck",message:"Checking trigger-content styles",data:{hasTriggerContent:!!i,width:i?.offsetWidth,height:i?.offsetHeight,color:a?.color,display:a?.display,visibility:a?.visibility},timestamp:Date.now(),sessionId:"debug-session",hypothesisId:"B,C"})}).catch((()=>{}));const n=Array.from(this.el.children),d=this.el.querySelector('[slot="trigger"]');fetch("http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"af-accordion-item.tsx:componentDidLoad:lightDomCheck",message:"Checking light DOM for slotted content",data:{lightDomChildCount:n.length,lightDomTags:n.map((e=>e.tagName)),hasSlottedTrigger:!!d,slottedTriggerText:d?.textContent},timestamp:Date.now(),sessionId:"debug-session",hypothesisId:"D"})}).catch((()=>{})),this.open&&this.measureContent(),this.resizeObserver=new ResizeObserver((()=>{this.open&&this.contentRef&&(this.contentHeight=this.contentRef.scrollHeight)})),this.contentRef&&this.resizeObserver.observe(this.contentRef)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}async toggle(){this.disabled||(this.open=!this.open,this.accordionToggle.emit({itemId:this.itemId,open:this.open}))}measureContent(){requestAnimationFrame((()=>{this.contentRef&&(this.contentHeight=this.contentRef.scrollHeight)}))}render(){fetch("http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"af-accordion-item.tsx:render",message:"Render called",data:{itemId:this.itemId,open:this.open},timestamp:Date.now(),sessionId:"debug-session",hypothesisId:"E"})}).catch((()=>{}));const e={maxHeight:this.open?this.contentHeight+"px":"0px"};return o(i,{key:"43f7afd57f2140281370bb017cfe2b51cd2842ce",class:{"is-open":this.open,"is-disabled":this.disabled}},o("div",{key:"940e6da12aff564fba2e7fefe9d86da2ee75ace2",class:"accordion-item"},o("button",{key:"b95af456ed818845a063e171bf0f761ef9177d27",class:"trigger",onClick:this.handleTriggerClick,"aria-expanded":this.open?"true":"false","aria-controls":"content-"+this.itemId,disabled:this.disabled,type:"button"},o("div",{key:"20d794a74b04186e970ff1ca87dc1815dbe74db8",class:"trigger-content"},o("slot",{key:"4093bf6319a38abe01c2c6543943a1057cb39bd6",name:"trigger"})),o("div",{key:"5e9245bb929007455538327366ed7b1ae29c82b1",class:{chevron:!0,"is-open":this.open}},o("svg",{key:"1d6854e700f7ef35471093bc635d74a27bf370eb",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},o("path",{key:"9b89ceb690f036e1504b73a61c9aa44295da6227",d:"M6 9l6 6 6-6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),o("div",{key:"8e7fe567cbbc396100bd6ea75ad8e8854bc92e2a",id:"content-"+this.itemId,class:"content-wrapper",style:e,"aria-hidden":this.open?"false":"true"},o("div",{key:"4a64f911c697b4c5558cfe42f77f9afa99ea5ef9",class:"content",ref:e=>this.contentRef=e},o("slot",{key:"aa5d84c7dc3a99e17a2f89a5247b3bd1b12c676b"})))))}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{display:block;width:100%}.accordion-item{width:100%}.trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:transparent;border:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed);cursor:pointer;font:inherit;text-align:left;color:var(--af-typography-body-dark, #14343b);transition:background-color 0.2s ease}.trigger:hover:not(:disabled){background-color:var(--af-background-base-hover, rgba(20, 52, 59, 0.02))}.trigger:focus-visible{outline:2px solid var(--af-background-border-active, #8a7049);outline-offset:-2px}.trigger:disabled{cursor:not-allowed;opacity:0.5}.trigger-content{flex:1;min-width:0}.chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-typography-body-dark, #14343b);transition:transform 0.3s ease}.chevron.is-open{transform:rotate(180deg)}.content-wrapper{overflow:hidden;transition:max-height 0.3s ease}.content{padding:0}:host(.is-disabled) .trigger{cursor:not-allowed;opacity:0.5}:host(.is-disabled) .trigger:hover{background-color:transparent}:host(.is-open) .trigger{border-bottom-color:transparent}"}},[257,"af-accordion-item",{itemId:[513,"item-id"],open:[1540],disabled:[516],contentHeight:[32],toggle:[64]},void 0,{open:[{handleOpenChange:0}]}]),d=n,r=function(){"undefined"!=typeof customElements&&["af-accordion-item"].forEach((e=>{"af-accordion-item"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{d as AfAccordionItem,r as defineCustomElement}
+import{p as e,H as t,d as i,h as s,c as a,t as o}from"./p-DsNqeD3z.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.accordionToggle=i(this,"af-accordion-toggle"),this.open=!1,this.disabled=!1,this.contentHeight=0,this.handleTriggerClick=()=>{this.disabled||this.toggle()}}handleOpenChange(e){e&&this.measureContent()}componentDidLoad(){this.open&&this.measureContent(),this.resizeObserver=new ResizeObserver((()=>{this.open&&this.contentRef&&(this.contentHeight=this.contentRef.scrollHeight)})),this.contentRef&&this.resizeObserver.observe(this.contentRef)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}async toggle(){this.disabled||(this.open=!this.open,this.accordionToggle.emit({itemId:this.itemId,open:this.open}))}measureContent(){requestAnimationFrame((()=>{this.contentRef&&(this.contentHeight=this.contentRef.scrollHeight)}))}render(){const e={maxHeight:this.open?this.contentHeight+"px":"0px"};return s(a,{key:"f09a5fe4d1ca9e14d674c5cb255c391355fba0b9",class:{"is-open":this.open,"is-disabled":this.disabled}},s("div",{key:"2e53d4c8599acd81e7a624ac130add7ea7be3c86",class:"accordion-item"},s("button",{key:"c3b97ff90a37ac7f582b2ba086db0faa21328dc2",class:"trigger",onClick:this.handleTriggerClick,"aria-expanded":this.open?"true":"false","aria-controls":"content-"+this.itemId,disabled:this.disabled,type:"button"},s("div",{key:"48446eb132a44680630f46c1bd65921a440f688a",class:"trigger-content"},s("slot",{key:"a47fdf5a659602a340091544587be928c226a89b",name:"trigger"})),s("div",{key:"1c938183404f982ebcfe3ba0661f57e4ecf2c006",class:{chevron:!0,"is-open":this.open}},s("svg",{key:"20d3ef9eb98b0cbb2f0af2165cc911fb3ec93bd5",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},s("path",{key:"7477c118131ce91b79d1c9f74174c9431ee60dca",d:"M6 9l6 6 6-6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),s("div",{key:"676a89763218ddbd6daddb174a4eebecfffb6a94",id:"content-"+this.itemId,class:"content-wrapper",style:e,"aria-hidden":this.open?"false":"true"},s("div",{key:"fb0f8760497cf998daa0f1cd5c52c6349fb125e4",class:"content",ref:e=>this.contentRef=e},s("slot",{key:"300f0b749dbaf06bb44ad9b176f3d9f64c52db6e"})))))}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{display:block;width:100%}.accordion-item{width:100%}.trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:transparent;border:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed);cursor:pointer;font:inherit;text-align:left;color:var(--af-typography-body-dark, #14343b);transition:background-color 0.2s ease}.trigger:hover:not(:disabled){background-color:var(--af-background-base-hover, rgba(20, 52, 59, 0.02))}.trigger:focus-visible{outline:2px solid var(--af-background-border-active, #8a7049);outline-offset:-2px}.trigger:disabled{cursor:not-allowed;opacity:0.5}.trigger-content{flex:1;min-width:0}.chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-typography-body-dark, #14343b);transition:transform 0.3s ease}.chevron.is-open{transform:rotate(180deg)}.content-wrapper{overflow:hidden;transition:max-height 0.3s ease}.content{padding:0}:host(.is-disabled) .trigger{cursor:not-allowed;opacity:0.5}:host(.is-disabled) .trigger:hover{background-color:transparent}:host(.is-open) .trigger{border-bottom-color:transparent}"}},[257,"af-accordion-item",{itemId:[513,"item-id"],open:[1540],disabled:[516],contentHeight:[32],toggle:[64]},void 0,{open:[{handleOpenChange:0}]}]),n=r,d=function(){"undefined"!=typeof customElements&&["af-accordion-item"].forEach((e=>{"af-accordion-item"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{n as AfAccordionItem,d as defineCustomElement}

package/dist/components/af-accordion.js

@@ -1 +1 @@
-import{p as e,H as t,d as a,h as s,c as i,t as c}from"./p-DsNqeD3z.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.accordionChange=a(this,"af-accordion-change"),this.mode="independent",this.internalValue=[]}isControlled(){return void 0!==this.value}componentWillLoad(){const e=this.isControlled()?this.value:this.defaultValue;this.internalValue=this.normalizeValue(e)}handleValueChange(e){this.isControlled()&&(this.internalValue=this.normalizeValue(e),this.syncItems())}componentDidLoad(){this.syncItems()}handleItemToggle(e){e.stopPropagation();const{itemId:t,open:a}=e.detail;let s;s="exclusive"===this.mode?a?[t]:[]:a?[...this.internalValue,t]:this.internalValue.filter((e=>e!==t)),this.isControlled()||(this.internalValue=s,this.syncItems()),this.accordionChange.emit({value:"exclusive"===this.mode?s.length>0?s[0]:null:s})}normalizeValue(e){return null==e?[]:Array.isArray(e)?"exclusive"===this.mode?e.slice(0,1):e:[e]}syncItems(){this.el.querySelectorAll("af-accordion-item").forEach((e=>{e.itemId&&(e.open=this.internalValue.includes(e.itemId))}))}render(){return s(i,{key:"2d84a14e0db5c7f1ab90d343196fdb5456a2de89",class:{["mode-"+this.mode]:!0}},s("div",{key:"773361b5629da5b3942f7686c1efc4ee89461b61",class:"accordion"},s("slot",{key:"e88462c8d101d071b8bcfc6be975dd553a13af30"})))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return".sc-af-accordion-h{display:block;width:100%}.accordion.sc-af-accordion{display:flex;flex-direction:column;width:100%}.sc-af-accordion-s>af-accordion-item{display:block}.sc-af-accordion-s>af-accordion-item:last-child{--accordion-item-border:transparent}"}},[262,"af-accordion",{mode:[1],value:[1025],defaultValue:[1,"default-value"],internalValue:[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{value:[{handleValueChange:0}]}]),n=o,d=function(){"undefined"!=typeof customElements&&["af-accordion"].forEach((e=>{"af-accordion"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))};export{n as AfAccordion,d as defineCustomElement}
+import{p as e,H as t,d as a,h as c,c as s,t as i}from"./p-DsNqeD3z.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.accordionChange=a(this,"af-accordion-change"),this.mode="independent",this.internalValue=[]}isControlled(){return void 0!==this.value}componentWillLoad(){const e=this.isControlled()?this.value:this.defaultValue;this.internalValue=this.normalizeValue(e)}handleValueChange(e){this.isControlled()&&(this.internalValue=this.normalizeValue(e),this.syncItems())}componentDidLoad(){this.syncItems()}handleItemToggle(e){e.stopPropagation();const{itemId:t,open:a}=e.detail;let c;c="exclusive"===this.mode?a?[t]:[]:a?[...this.internalValue,t]:this.internalValue.filter((e=>e!==t)),this.isControlled()||(this.internalValue=c,this.syncItems()),this.accordionChange.emit({value:"exclusive"===this.mode?c.length>0?c[0]:null:c})}normalizeValue(e){return null==e?[]:Array.isArray(e)?"exclusive"===this.mode?e.slice(0,1):e:[e]}syncItems(){this.el.querySelectorAll("af-accordion-item").forEach((e=>{e.itemId&&(e.open=this.internalValue.includes(e.itemId))}))}render(){return c(s,{key:"e0060977dd938771a54e2941a962a58bf18b61dd",class:{["mode-"+this.mode]:!0}},c("div",{key:"dacacd23dc6f116bb8c856161d1a956c0fc7d70d",class:"accordion"},c("slot",{key:"1dcc400fc416c79f0ac1cf48893de03c46e31741"})))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return".sc-af-accordion-h{display:block;width:100%}.accordion.sc-af-accordion{display:flex;flex-direction:column;width:100%}.sc-af-accordion-s>af-accordion-item{display:block}.sc-af-accordion-s>af-accordion-item:last-child{--accordion-item-border:transparent}"}},[262,"af-accordion",{mode:[1],value:[1025],defaultValue:[1,"default-value"],internalValue:[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{value:[{handleValueChange:0}]}]),n=o,d=function(){"undefined"!=typeof customElements&&["af-accordion"].forEach((e=>{"af-accordion"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{n as AfAccordion,d as defineCustomElement}

package/dist/components/af-button.js

@@ -1 +1 @@
-import{A as o,d as s}from"./p-wM1k9Wi7.js";const p=o,r=s;export{p as AfButton,r as defineCustomElement}
+import{A as o,d as s}from"./p-BeVM-2kH.js";const p=o,r=s;export{p as AfButton,r as defineCustomElement}

package/dist/components/af-card.js

@@ -1 +1 @@
-import{A as o,d as s}from"./p-BAJW_4SY.js";const p=o,r=s;export{p as AfCard,r as defineCustomElement}
+import{A as o,d as s}from"./p-BlfywPKX.js";const p=o,r=s;export{p as AfCard,r as defineCustomElement}

package/dist/components/af-center.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,c as i,t as n}from"./p-DsNqeD3z.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.axis="both",this.inline=!1}render(){const e={display:this.inline?"inline-flex":"flex"};return"horizontal"!==this.axis&&"both"!==this.axis||(e.justifyContent="center"),"vertical"!==this.axis&&"both"!==this.axis||(e.alignItems="center"),this.minHeight&&(e.minHeight=this.minHeight),s(i,{key:"d5155950c8c486ac95b394c8604e1b868becb524",style:e},s("slot",{key:"e53b6eeda1351177681e57bca66b6c508e445a43"}))}static get style(){return":host{display:flex;box-sizing:border-box}:host([hidden]){display:none}"}},[257,"af-center",{axis:[1],inline:[4],minHeight:[1,"min-height"]}]),o=c,h=function(){"undefined"!=typeof customElements&&["af-center"].forEach((e=>{"af-center"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{o as AfCenter,h as defineCustomElement}
+import{p as e,H as t,h as s,c as i,t as n}from"./p-DsNqeD3z.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.axis="both",this.inline=!1}render(){const e={display:this.inline?"inline-flex":"flex"};return"horizontal"!==this.axis&&"both"!==this.axis||(e.justifyContent="center"),"vertical"!==this.axis&&"both"!==this.axis||(e.alignItems="center"),this.minHeight&&(e.minHeight=this.minHeight),s(i,{key:"fc1bcaef9b11c0c5f69e9ef95d58adf61b4f244a",style:e},s("slot",{key:"09dc75e0a80760d56e370ad0b52231f4143549e8"}))}static get style(){return":host{display:flex;box-sizing:border-box}:host([hidden]){display:none}"}},[257,"af-center",{axis:[1],inline:[4],minHeight:[1,"min-height"]}]),c=o,h=function(){"undefined"!=typeof customElements&&["af-center"].forEach((e=>{"af-center"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{c as AfCenter,h as defineCustomElement}