@affinda/wc 0.6.1 → 0.7.0

package/dist/esm/af-input.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BjfY9fsk.js';
 
-const afInputCss = ":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;min-height:48px;box-sizing:border-box}.input-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.input-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n    0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.input-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.input-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-icon, var(--af-background-icon-default, #14343b))}.search-icon svg{width:20px;height:20px}.disabled .search-icon{opacity:0.5}.input{flex:1;min-width:0;padding:0;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none}.input::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input[type=\"search\"]::-webkit-search-decoration,.input[type=\"search\"]::-webkit-search-cancel-button,.input[type=\"search\"]::-webkit-search-results-button,.input[type=\"search\"]::-webkit-search-results-decoration{display:none}.input[type=\"number\"]::-webkit-inner-spin-button,.input[type=\"number\"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=\"number\"]{-moz-appearance:textfield}.clear-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0;opacity:0.6;transition:opacity 0.15s ease}.clear-button svg{width:16px;height:16px}.clear-button:hover{opacity:1}.clear-button:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.input-container--multiline{padding:0;min-height:0;overflow:hidden}.input--multiline{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.input--multiline::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input--multiline:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.input--multiline:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
+const afInputCss = () => `:host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;min-height:48px;box-sizing:border-box}.input-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.input-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff),      0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.input-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.input-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-icon, var(--af-background-icon-default, #14343b))}.search-icon svg{width:20px;height:20px}.disabled .search-icon{opacity:0.5}.input{flex:1;min-width:0;padding:0;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none}.input::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input[type="search"]::-webkit-search-decoration,.input[type="search"]::-webkit-search-cancel-button,.input[type="search"]::-webkit-search-results-button,.input[type="search"]::-webkit-search-results-decoration{display:none}.input[type="number"]::-webkit-inner-spin-button,.input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type="number"]{-moz-appearance:textfield}.clear-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0;opacity:0.6;transition:opacity 0.15s ease}.clear-button svg{width:16px;height:16px}.clear-button:hover{opacity:1}.clear-button:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.input-container--multiline{padding:0;min-height:0;overflow:hidden}.input--multiline{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.input--multiline::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input--multiline:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.input--multiline:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}`;
 
 const AfInput = class {
     constructor(hostRef) {
@@ -114,7 +114,6 @@ const AfInput = class {
         return (h(Host, { key: '55cf204d355367913c765891190048599a46653e' }, h("div", { key: '8f72840a7a6fa8615e535f171f5297fb5d0cdfe5', class: wrapperClasses }, this.label && (h("div", { key: '06711c6031da07fca88bd438db7fb80acc12df71', class: "label-row" }, h("label", { key: '1db607ff65a624aa2520bdfbc2063c0f6587b00c', class: "label", htmlFor: "input" }, this.label, this.required && h("span", { key: 'd2ffc85aafb99e5fc7723993354a23fd99f04ac6', class: "required" }, "*")), this.showInfoIcon && (h("button", { key: '1adcddb4121582d35eff611d8299ff4ed6d0cc24', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, h("svg", { key: 'e1abef80244c616ba98f89d23f9a4b6b2e4d97e1', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fedd67859d45345298c7e6e4a67e1e98ac4a9178', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '076a1ff76cc8b5287dd29df42d6b629d34ae739e', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '640f19dd94e31f1090704ccc534b3917cc70a905', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("slot", { key: 'e3b42a60ad6b2378ab6593e239208b847d20c8ad', name: "label-end" }))), this.description && (h("p", { key: '8bf359cd53f562bedbe29f54004d5a974398db7b', class: "description" }, this.description)), h("div", { key: 'eb5a21523188828d60713cc772a477fa2a22a3a3', class: inputContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, !multiline && this.showSearchIcon && (h("span", { key: 'ed8945ddd4601e3d2ef84f2644a7ab567156157a', class: "search-icon" }, h("svg", { key: '2684f4233757a74cb55abfb1e62481e5848a5fbc', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f6855623658e5ea149421b37f039967e6622c955', d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'db81f64ac649e9f41bfdb47a287d3e671951f171', d: "M21 21L16.65 16.65", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), multiline ? (h("textarea", { ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input input--multiline", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, rows: this.rows, maxlength: this.maxlength, minlength: this.minlength, style: { resize: this.resize }, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })) : (h("input", { ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, autocomplete: this.autocomplete, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), !multiline && this.clearable && hasValue && !this.disabled && !this.readonly && (h("button", { key: 'ed7c9c3753fd291aa1105c2f30e00a2b2868efed', type: "button", class: "clear-button", onClick: this.handleClear, "aria-label": "Clear input" }, h("svg", { key: '0615828eb7d27c6cf45fa7f91b25a14dd97fe972', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6a60d954427656fcc01940dd861c37bd214570d0', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '9471a7899c62b9fbce7ceafc4986b29c0000f26f', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), hasError && (h("div", { key: '1972022a3ca5a7f366a83cf35e2eecb4b812bd29', class: "error-row", id: "error-message" }, h("span", { key: '450e80c8d42914048eb114a222d9db8e9b94d3fa', class: "error-icon" }, h("svg", { key: '57eeb2884b16a9adf5fe0744814d00465da436e1', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9e25cb82f47c915b4c4afa0283a143c9221b465c', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'faf252192e9a4706c5ed363ba240a0cb1ddf6770', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '4eda8b2840b7bf70919460ffe46e54d702ec3191', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { key: 'a22e99093a097f8c7be12c8aa4a1b65a87484eb3', class: "error-text" }, this.error))))));
     }
 };
-AfInput.style = afInputCss;
+AfInput.style = afInputCss();
 
 export { AfInput as af_input };
-//# sourceMappingURL=af-input.entry.js.map

package/dist/esm/af-line-chart.entry.js

@@ -0,0 +1,255 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BjfY9fsk.js';
+import { d as defaultMargins, b as bandScale, g as generateTickMarks, l as linearScale, f as formatAxisValue, c as computeDomain } from './scales-BSPfXvdg.js';
+import { l as linePath, a as areaPath, g as gridLinePaths, b as generateChartDescription, c as generateDataTable, d as getChartAriaAttrs, e as srOnlyStyles } from './a11y-DEGKc9o3.js';
+
+const afLineChartCss = () => `:host{display:block;position:relative;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif)}.line-chart__chart-wrapper{position:relative}.line-chart__svg{display:block;width:100%;height:auto;overflow:visible}.line-chart__grid-line{fill:none;stroke:var(--af-chart-grid, #e8ebeb);stroke-width:1;stroke-dasharray:4 2}.line-chart__line{fill:none;stroke:var(--af-chart-line, var(--af-chart-1, #c6d5d1));stroke-linecap:round;stroke-linejoin:round}.line-chart__line--series-0{stroke:var(--af-chart-line, var(--af-chart-1, #c6d5d1))}.line-chart__line--series-1{stroke:var(--af-chart-2, #dde6e3)}.line-chart__line--series-2{stroke:var(--af-chart-3, #c0ab8d)}.line-chart__line--series-3{stroke:var(--af-chart-4, #dfd5c6)}.line-chart__line--series-4{stroke:var(--af-chart-5, #14343b)}.line-chart__line--animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:line-draw 2.5s ease-out forwards}@keyframes line-draw{to{stroke-dashoffset:0}}.line-chart__area{fill:var(--af-chart-1, #c6d5d1);opacity:0.2}.line-chart__area--series-0{fill:var(--af-chart-1, #c6d5d1)}.line-chart__area--series-1{fill:var(--af-chart-2, #dde6e3)}.line-chart__area--series-2{fill:var(--af-chart-3, #c0ab8d)}.line-chart__area--series-3{fill:var(--af-chart-4, #dfd5c6)}.line-chart__area--series-4{fill:var(--af-chart-5, #14343b)}.line-chart__area--animated{opacity:0;animation:area-fade 0.8s ease-out 0.8s forwards}@keyframes area-fade{to{opacity:0.2}}.line-chart__point{fill:var(--af-chart-1, #c6d5d1);stroke:#fff;stroke-width:2;transition:r 0.15s ease, fill 0.15s ease}.line-chart__point--series-0{fill:var(--af-chart-1, #c6d5d1)}.line-chart__point--series-1{fill:var(--af-chart-2, #dde6e3)}.line-chart__point--series-2{fill:var(--af-chart-3, #c0ab8d)}.line-chart__point--series-3{fill:var(--af-chart-4, #dfd5c6)}.line-chart__point--series-4{fill:var(--af-chart-5, #14343b)}.line-chart__point-hitarea{fill:transparent;cursor:pointer}:host(.line-chart--interactive) .line-chart__point-group{cursor:pointer}:host(.line-chart--interactive) .line-chart__point-group:hover .line-chart__point,.line-chart__point-group--hovered .line-chart__point{r:6;fill:var(--af-chart-highlight, #a6fff8)}.line-chart__point--animated{opacity:0;transform:scale(0);transform-origin:center;animation:point-pop 0.5s ease-out forwards}@keyframes point-pop{to{opacity:1;transform:scale(1)}}.line-chart__axis-line{stroke:var(--af-chart-grid, #e8ebeb);stroke-width:1}.line-chart__tick-label{fill:var(--af-chart-text, #2b484f);font-size:11px;font-family:inherit}.line-chart__tick-label--y{text-anchor:end;dominant-baseline:middle}.line-chart__tick-label--x{text-anchor:middle;dominant-baseline:hanging}.line-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;padding:0 8px}.line-chart__legend-item{display:flex;align-items:center;gap:6px}.line-chart__legend-swatch{width:12px;height:3px;border-radius:2px;flex-shrink:0}.line-chart__legend-swatch--series-0{background-color:var(--af-chart-1, #c6d5d1)}.line-chart__legend-swatch--series-1{background-color:var(--af-chart-2, #dde6e3)}.line-chart__legend-swatch--series-2{background-color:var(--af-chart-3, #c0ab8d)}.line-chart__legend-swatch--series-3{background-color:var(--af-chart-4, #dfd5c6)}.line-chart__legend-swatch--series-4{background-color:var(--af-chart-5, #14343b)}.line-chart__legend-label{font-size:13px;color:var(--af-chart-text, #2b484f)}.line-chart__tooltip{position:absolute;transform:translate(-50%, -100%);margin-top:-12px;padding:8px 12px;background:var(--af-chart-tooltip-bg, #ffffff);border:1px solid var(--af-chart-tooltip-border, #e8ebeb);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);pointer-events:none;z-index:10;white-space:nowrap}.line-chart__tooltip-label{font-size:12px;color:var(--af-chart-text-muted, #6b8085);margin-bottom:2px}.line-chart__tooltip-value{font-size:14px;font-weight:600;color:var(--af-chart-tooltip-text, #2b484f)}.line-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px}.line-chart__empty-message{font-size:14px;color:var(--af-chart-text-muted, #6b8085)}`;
+
+const AfLineChart = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Chart data as JSON string.
+         * Single series: `[{"label":"Jan","value":100}, ...]`
+         * Multi-series: `{"labels":["Jan","Feb"],"series":[{"name":"A","values":[100,200]}]}`
+         */
+        this.data = '[]';
+        /**
+         * Theme for colors.
+         */
+        this.theme = 'white';
+        /**
+         * Line curve interpolation.
+         */
+        this.curve = 'linear';
+        /**
+         * Show data point markers.
+         */
+        this.showPoints = false;
+        /**
+         * Fill area under line.
+         */
+        this.showArea = false;
+        /**
+         * Interactivity level.
+         */
+        this.interactive = 'none';
+        /**
+         * Enable CSS entry animations.
+         */
+        this.animated = false;
+        /**
+         * Show legend below chart.
+         */
+        this.showLegend = false;
+        /**
+         * Show grid lines.
+         */
+        this.showGrid = true;
+        /**
+         * Show axis labels.
+         */
+        this.showAxis = true;
+        /**
+         * Line stroke width.
+         */
+        this.strokeWidth = 2;
+        /**
+         * Data point radius.
+         */
+        this.pointRadius = 4;
+        /**
+         * Chart width (SVG viewBox).
+         */
+        this.width = 400;
+        /**
+         * Aspect ratio as width/height.
+         */
+        this.aspectRatio = 16 / 9;
+        this.parsedData = null;
+        this.hoveredIndex = null;
+        this.tooltipData = null;
+        this.handlePointEnter = (index, x, y, label, value) => {
+            if (this.interactive === 'none')
+                return;
+            this.hoveredIndex = index;
+            if (this.interactive === 'tooltip') {
+                this.tooltipData = { x, y, label, value };
+            }
+        };
+        this.handlePointLeave = () => {
+            this.hoveredIndex = null;
+            this.tooltipData = null;
+        };
+    }
+    parseData() {
+        try {
+            const parsed = JSON.parse(this.data);
+            if (Array.isArray(parsed)) {
+                this.parsedData = parsed;
+            }
+            else if (parsed.series && parsed.labels) {
+                this.parsedData = parsed;
+            }
+            else {
+                this.parsedData = null;
+            }
+        }
+        catch {
+            this.parsedData = null;
+        }
+    }
+    componentWillLoad() {
+        this.parseData();
+    }
+    get height() {
+        return this.width / this.aspectRatio;
+    }
+    get margins() {
+        return {
+            ...defaultMargins,
+            left: this.showAxis ? 40 : 8,
+            bottom: this.showAxis ? 40 : 10,
+        };
+    }
+    get chartBounds() {
+        const { width, height, margins } = this;
+        return {
+            x: margins.left,
+            y: margins.top,
+            width: width - margins.left - margins.right,
+            height: height - margins.top - margins.bottom,
+        };
+    }
+    isMultiSeries(data) {
+        return !Array.isArray(data) && 'series' in data;
+    }
+    renderSingleSeries(data) {
+        const { chartBounds, curve, showArea, showPoints, showGrid, showAxis, animated, interactive, strokeWidth, pointRadius } = this;
+        const labels = data.map((d) => d.label);
+        const values = data.map((d) => d.value);
+        const domain = computeDomain(values, 0.1, true);
+        const xScale = bandScale(labels, [chartBounds.x, chartBounds.x + chartBounds.width]);
+        const yScale = linearScale(domain, [chartBounds.y + chartBounds.height, chartBounds.y]);
+        const ticks = generateTickMarks(domain, [chartBounds.y + chartBounds.height, chartBounds.y], 5, formatAxisValue);
+        // Generate points
+        const points = data.map((d) => ({
+            x: xScale.scale(d.label) + xScale.bandwidth / 2,
+            y: yScale(d.value),
+        }));
+        const baseline = chartBounds.y + chartBounds.height;
+        const lineD = linePath(points, curve);
+        const areaD = showArea ? areaPath(points, baseline, curve) : '';
+        return (h("g", { class: "line-chart__content" }, showGrid && (h("g", { class: "line-chart__grid" }, gridLinePaths(ticks.map((t) => t.position), 'horizontal', chartBounds).map((d, i) => (h("path", { key: i, d: d, class: "line-chart__grid-line" }))))), showArea && (h("path", { d: areaD, class: {
+                'line-chart__area': true,
+                'line-chart__area--animated': animated,
+            } })), h("path", { d: lineD, class: {
+                'line-chart__line': true,
+                'line-chart__line--animated': animated,
+            }, style: { strokeWidth: `${strokeWidth}px` } }), showPoints && (h("g", { class: "line-chart__points" }, points.map((point, i) => (h("g", { key: i, class: {
+                'line-chart__point-group': true,
+                'line-chart__point-group--hovered': this.hoveredIndex === i,
+            }, onMouseEnter: () => this.handlePointEnter(i, point.x, point.y, data[i].label, data[i].value), onMouseLeave: this.handlePointLeave }, h("circle", { cx: point.x, cy: point.y, r: pointRadius, class: {
+                'line-chart__point': true,
+                'line-chart__point--animated': animated,
+            }, style: { animationDelay: `${i * 50 + 300}ms` } }), interactive !== 'none' && (h("circle", { cx: point.x, cy: point.y, r: pointRadius * 2.5, class: "line-chart__point-hitarea" }))))))), showAxis && this.renderAxes(xScale, ticks, labels)));
+    }
+    renderMultiSeries(data) {
+        const { chartBounds, curve, showArea, showPoints, showGrid, showAxis, animated, interactive, strokeWidth, pointRadius } = this;
+        const labels = data.labels;
+        const allValues = data.series.flatMap((s) => s.values);
+        const domain = computeDomain(allValues, 0.1, true);
+        const xScale = bandScale(labels, [chartBounds.x, chartBounds.x + chartBounds.width]);
+        const yScale = linearScale(domain, [chartBounds.y + chartBounds.height, chartBounds.y]);
+        const ticks = generateTickMarks(domain, [chartBounds.y + chartBounds.height, chartBounds.y], 5, formatAxisValue);
+        const baseline = chartBounds.y + chartBounds.height;
+        // Generate points for each series
+        const seriesData = data.series.map((series) => ({
+            name: series.name,
+            color: series.color,
+            points: labels.map((label, i) => ({
+                x: xScale.scale(label) + xScale.bandwidth / 2,
+                y: yScale(series.values[i] ?? 0),
+                value: series.values[i] ?? 0,
+                label,
+            })),
+        }));
+        return (h("g", { class: "line-chart__content" }, showGrid && (h("g", { class: "line-chart__grid" }, gridLinePaths(ticks.map((t) => t.position), 'horizontal', chartBounds).map((d, i) => (h("path", { key: i, d: d, class: "line-chart__grid-line" }))))), seriesData.map((series, seriesIndex) => {
+            const points = series.points.map((p) => ({ x: p.x, y: p.y }));
+            const lineD = linePath(points, curve);
+            const areaD = showArea ? areaPath(points, baseline, curve) : '';
+            return (h("g", { key: seriesIndex, class: `line-chart__series line-chart__series--${seriesIndex}` }, showArea && (h("path", { d: areaD, class: {
+                    'line-chart__area': true,
+                    'line-chart__area--animated': animated,
+                    [`line-chart__area--series-${seriesIndex}`]: true,
+                }, style: series.color ? { fill: series.color } : {} })), h("path", { d: lineD, class: {
+                    'line-chart__line': true,
+                    'line-chart__line--animated': animated,
+                    [`line-chart__line--series-${seriesIndex}`]: true,
+                }, style: {
+                    strokeWidth: `${strokeWidth}px`,
+                    ...(series.color ? { stroke: series.color } : {}),
+                } }), showPoints && (h("g", { class: "line-chart__points" }, series.points.map((point, i) => (h("g", { key: i, class: "line-chart__point-group", onMouseEnter: () => this.handlePointEnter(seriesIndex * labels.length + i, point.x, point.y, `${point.label} - ${series.name}`, point.value), onMouseLeave: this.handlePointLeave }, h("circle", { cx: point.x, cy: point.y, r: pointRadius, class: {
+                    'line-chart__point': true,
+                    'line-chart__point--animated': animated,
+                    [`line-chart__point--series-${seriesIndex}`]: true,
+                }, style: {
+                    animationDelay: `${i * 50 + 300}ms`,
+                    ...(series.color ? { fill: series.color } : {}),
+                } }), interactive !== 'none' && (h("circle", { cx: point.x, cy: point.y, r: pointRadius * 2.5, class: "line-chart__point-hitarea" })))))))));
+        }), showAxis && this.renderAxes(xScale, ticks, labels)));
+    }
+    renderAxes(xScale, yTicks, labels) {
+        const { chartBounds } = this;
+        // Filter out ticks too close to the bottom to avoid overlap with x-axis labels
+        const filteredYTicks = yTicks.filter((tick) => {
+            const distanceFromBottom = (chartBounds.y + chartBounds.height) - tick.position;
+            return distanceFromBottom > 15;
+        });
+        return (h("g", { class: "line-chart__axes" }, h("g", { class: "line-chart__axis line-chart__axis--y" }, h("line", { x1: chartBounds.x, y1: chartBounds.y, x2: chartBounds.x, y2: chartBounds.y + chartBounds.height, class: "line-chart__axis-line" }), filteredYTicks.map((tick, i) => (h("g", { key: i, class: "line-chart__tick" }, h("text", { x: chartBounds.x - 10, y: tick.position, class: "line-chart__tick-label line-chart__tick-label--y" }, tick.label))))), h("g", { class: "line-chart__axis line-chart__axis--x" }, h("line", { x1: chartBounds.x, y1: chartBounds.y + chartBounds.height, x2: chartBounds.x + chartBounds.width, y2: chartBounds.y + chartBounds.height, class: "line-chart__axis-line" }), labels.map((label, i) => {
+            const x = xScale.scale(label) + xScale.bandwidth / 2;
+            return (h("text", { key: i, x: x, y: chartBounds.y + chartBounds.height + 16, class: "line-chart__tick-label line-chart__tick-label--x" }, label));
+        }))));
+    }
+    renderLegend(data) {
+        return (h("div", { class: "line-chart__legend" }, data.series.map((series, i) => (h("div", { key: i, class: "line-chart__legend-item" }, h("span", { class: `line-chart__legend-swatch line-chart__legend-swatch--series-${i}`, style: series.color ? { backgroundColor: series.color } : {} }), h("span", { class: "line-chart__legend-label" }, series.name))))));
+    }
+    renderTooltip() {
+        const { tooltipData, width, height } = this;
+        if (!tooltipData)
+            return null;
+        // Convert SVG coordinates to percentages for proper positioning
+        const leftPct = (tooltipData.x / width) * 100;
+        const topPct = (tooltipData.y / height) * 100;
+        return (h("div", { class: "line-chart__tooltip", style: {
+                left: `${leftPct}%`,
+                top: `${topPct}%`,
+            } }, h("div", { class: "line-chart__tooltip-label" }, tooltipData.label), h("div", { class: "line-chart__tooltip-value" }, tooltipData.value)));
+    }
+    render() {
+        const { parsedData, width, height, showLegend, interactive, chartLabel } = this;
+        if (!parsedData) {
+            return (h(Host, { class: "line-chart line-chart--empty" }, h("p", { class: "line-chart__empty-message" }, "No data available")));
+        }
+        const isMulti = this.isMultiSeries(parsedData);
+        const singleData = isMulti ? null : parsedData;
+        const multiData = isMulti ? parsedData : null;
+        const description = chartLabel ||
+            (singleData
+                ? generateChartDescription('line', singleData)
+                : `Line chart with ${multiData.series.length} series`);
+        const chartAriaAttrs = getChartAriaAttrs(description, interactive !== 'none');
+        return (h(Host, { class: {
+                'line-chart': true,
+                'line-chart--interactive': interactive !== 'none',
+            } }, h("style", null, srOnlyStyles), h("div", { class: "line-chart__chart-wrapper" }, h("svg", { viewBox: `0 0 ${width} ${height}`, class: "line-chart__svg", ...chartAriaAttrs }, singleData && this.renderSingleSeries(singleData), multiData && this.renderMultiSeries(multiData)), interactive === 'tooltip' && this.renderTooltip()), singleData && (h("div", { innerHTML: generateDataTable(singleData) })), showLegend && multiData && this.renderLegend(multiData), h("slot", null)));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "data": [{
+                "parseData": 0
+            }]
+    }; }
+};
+AfLineChart.style = afLineChartCss();
+
+export { AfLineChart as af_line_chart };

package/dist/esm/af-logo-mark.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
+
+const afLogoMarkCss = () => `:host{display:inline-flex;align-items:center;justify-content:center}svg{display:block}`;
+
+const AfLogoMark = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * SVG width — accepts any CSS length or unitless number (pixels).
+         * Defaults to the intrinsic viewBox width.
+         */
+        this.width = '61';
+        /**
+         * SVG height — accepts any CSS length or unitless number (pixels).
+         * Defaults to the intrinsic viewBox height.
+         */
+        this.height = '39';
+    }
+    render() {
+        return (h(Host, { key: 'b8ae197c47265a0efbef52c54f83797e3fa1bbdc' }, h("svg", { key: '06128876024c53a82210d3ad8b28c11789934f66', viewBox: "0 0 61 39", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Affinda", role: "img", width: this.width, height: this.height }, h("path", { key: 'daaef34d8b8ae81bcc4d67038f3fb8fbf8c6e924', d: "M55.4708 5.44388C51.9307 1.87294 47.2664 -0.0743077 42.3079 0.00217033H18.0521L13.1917 7.90883H42.3714C42.406 7.90883 42.4463 7.90883 42.4809 7.90883C45.3291 7.90883 48.0043 9.02658 50.0281 11.068C52.1037 13.1623 53.251 15.9626 53.251 18.957C53.251 25.1046 48.3503 30.0992 42.331 30.0992H12.6497C9.94565 30.0992 7.74319 27.8519 7.74319 25.0929C7.74319 22.3338 9.95142 20.0512 12.6439 19.9688H39.2176L44.2336 12.0622H12.5114C5.6157 12.2387 0 18.0804 0 25.0929C0 32.1053 5.67335 38 12.6497 38H42.331C52.6226 38 61 29.4521 61 18.9511C61 13.827 59.0397 9.03246 55.4766 5.43799L55.4708 5.44388Z", fill: "currentColor" }))));
+    }
+};
+AfLogoMark.style = afLogoMarkCss();
+
+export { AfLogoMark as af_logo_mark };

package/dist/esm/af-logo-well.entry.js

@@ -1,16 +1,15 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
 
-const afLogoWellCss = ":host{display:inline-block}.logo-well{background:var(--af-carousel-logo-well-bg, var(--colour-background-level1-dark, #203e45));border-radius:var(--radius-logo-well-desktop, 16px);height:72px;width:184px;display:flex;align-items:center;justify-content:center;padding:20px 32px;box-sizing:border-box}::slotted(img){max-height:32px;max-width:120px;width:auto;height:auto;display:block;object-fit:contain;filter:var(--af-carousel-logo-filter, brightness(0) invert(1))}::slotted(svg){max-height:32px;max-width:120px;width:auto;height:auto;display:block;color:var(--af-carousel-logo-color, white)}::slotted(div){white-space:nowrap;color:var(--af-carousel-logo-color, white);font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:600;font-size:16px}@media (max-width: 767px){.logo-well{border-radius:var(--radius-logo-well-mobile, 12px);padding:20px 24px}}";
+const afLogoWellCss = () => `:host{display:inline-block}.logo-well{background:var(--af-carousel-logo-well-bg, var(--colour-background-level1-dark, #203e45));border-radius:var(--radius-logo-well-desktop, 16px);height:72px;width:184px;display:flex;align-items:center;justify-content:center;padding:20px 32px;box-sizing:border-box}::slotted(img){max-height:32px;max-width:120px;width:auto;height:auto;display:block;object-fit:contain;filter:var(--af-carousel-logo-filter, brightness(0) invert(1))}::slotted(svg){max-height:32px;max-width:120px;width:auto;height:auto;display:block;color:var(--af-carousel-logo-color, white)}::slotted(div){white-space:nowrap;color:var(--af-carousel-logo-color, white);font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:600;font-size:16px}@media (max-width: 767px){.logo-well{border-radius:var(--radius-logo-well-mobile, 12px);padding:20px 24px}}`;
 
 const AfLogoWell = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '89f971eecc9e4a0656c6a6865c2653e64bbdd7bb' }, h("div", { key: 'a4ac54bd1649f010caa095b2ea1f8e7ea8b24a02', class: "logo-well" }, h("slot", { key: '11cf1c916f2b056c6ee575351263d83778529146' }))));
+        return (h(Host, { key: '2bc3736f55fd1da164496f56f59fe6ba09d5123c' }, h("div", { key: 'c4efe27b86b6517e718f2a363f54120a28cc2da9', class: "logo-well" }, h("slot", { key: '72e8b0a6ab07cfe16afc06f75ac848d367b74def' }))));
     }
 };
-AfLogoWell.style = afLogoWellCss;
+AfLogoWell.style = afLogoWellCss();
 
 export { AfLogoWell as af_logo_well };
-//# sourceMappingURL=af-logo-well.entry.js.map

package/dist/esm/af-nav-accordion-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CYq0zyKH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BjfY9fsk.js';
 
-const afNavAccordionItemCss = ".sc-af-nav-accordion-item-h{display:block;width:100%}.nav-accordion-item.sc-af-nav-accordion-item{width:100%}.trigger.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:20px 12px;background:transparent;border:none;border-bottom:1px solid var(--af-nav-border-subtle, var(--af-background-border-subtle, #e8eeed));cursor:pointer;font:inherit;text-align:left;text-decoration:none;color:inherit;box-sizing:border-box}a.trigger.sc-af-nav-accordion-item{color:inherit}.trigger.sc-af-nav-accordion-item:hover:not(:disabled){background-color:rgba(20, 52, 59, 0.02)}.trigger.sc-af-nav-accordion-item:focus-visible{outline:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));outline-offset:-2px}.trigger.sc-af-nav-accordion-item:disabled{cursor:not-allowed;opacity:0.5}.trigger-content.sc-af-nav-accordion-item{flex:1;min-width:0;display:flex;align-items:center;min-height:24px}.label.sc-af-nav-accordion-item{font-family:var(--typography-primaryfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--typography-headingweight, 500);font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b));transition:transform var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.chevron-button.sc-af-nav-accordion-item{background:transparent;border:none;cursor:pointer;padding:0}.chevron-button.sc-af-nav-accordion-item:hover{opacity:0.7}.chevron.is-open.sc-af-nav-accordion-item{transform:rotate(180deg)}.content-wrapper.sc-af-nav-accordion-item{overflow:hidden;transition:max-height var(--motion-duration-slow, 300ms) var(--motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item,.content-wrapper.sc-af-nav-accordion-item{transition-duration:0.01ms}}.content.sc-af-nav-accordion-item{padding:0;background:var(--af-background-base, white)}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{cursor:not-allowed;opacity:0.5}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item:hover{background-color:transparent}.is-open.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{border-bottom-color:transparent}.breakpoint-mobile.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:20px 12px}.breakpoint-mobile.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.breakpoint-desktop.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:12px}.breakpoint-desktop.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:16px;line-height:20px;letter-spacing:0}.breakpoint-mobile.sc-af-nav-accordion-item-h .content.sc-af-nav-accordion-item{padding-left:0}";
+const afNavAccordionItemCss = () => `.sc-af-nav-accordion-item-h{display:block;width:100%}.nav-accordion-item.sc-af-nav-accordion-item{width:100%}.trigger.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:18px 12px;background:transparent;border:none;border-bottom:1px solid var(--af-nav-border-subtle, var(--af-background-border-subtle, #e8eeed));cursor:pointer;font:inherit;text-align:left;text-decoration:none;color:inherit;box-sizing:border-box}a.trigger.sc-af-nav-accordion-item{color:inherit}.trigger.sc-af-nav-accordion-item:hover:not(:disabled){background-color:rgba(20, 52, 59, 0.02)}.trigger.sc-af-nav-accordion-item:focus-visible{outline:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));outline-offset:-2px}.trigger.sc-af-nav-accordion-item:disabled{cursor:not-allowed;opacity:0.5}.trigger-content.sc-af-nav-accordion-item{flex:1;min-width:0;display:flex;align-items:center;min-height:24px}.label.sc-af-nav-accordion-item{font-family:var(--typography-primaryfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:400;font-size:18px;line-height:1.15;letter-spacing:0;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b));transition:transform var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.chevron-button.sc-af-nav-accordion-item{background:transparent;border:none;cursor:pointer;padding:0}.chevron-button.sc-af-nav-accordion-item:hover{opacity:0.7}.chevron.is-open.sc-af-nav-accordion-item{transform:rotate(180deg)}.content-wrapper.sc-af-nav-accordion-item{overflow:hidden;transition:max-height var(--motion-duration-slow, 300ms) var(--motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item,.content-wrapper.sc-af-nav-accordion-item{transition-duration:0.01ms}}.content.sc-af-nav-accordion-item{padding:0;background:var(--af-background-base, white)}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{cursor:not-allowed;opacity:0.5}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item:hover{background-color:transparent}.is-open.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{border-bottom-color:transparent}.breakpoint-mobile.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:18px 12px}.breakpoint-mobile.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:18px;line-height:1.15;letter-spacing:0}.breakpoint-desktop.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:12px}.breakpoint-desktop.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:16px;line-height:20px;letter-spacing:0}.breakpoint-mobile.sc-af-nav-accordion-item-h .content.sc-af-nav-accordion-item{padding-left:0}`;
 
 const AfNavAccordionItem = class {
     constructor(hostRef) {
@@ -82,18 +82,19 @@ const AfNavAccordionItem = class {
         // sub-content to expand. A plain href item with no children is a
         // direct link and shouldn't show a disclosure affordance.
         const hasDropdownContent = this.hasContent;
-        return (h(Host, { key: 'bcdd77ad3dea306e2c1b9b8481d3e00a8cd8cc72', class: {
+        return (h(Host, { key: '2bdf603e360f6459780a03eece9b59d36244f131', class: {
                 'is-open': this.open,
                 'is-disabled': this.disabled,
                 [`breakpoint-${this.breakpoint}`]: true
-            } }, h("div", { key: 'b82a343372689e06aff2ec3eb2b9b2b0ba02c14d', class: "nav-accordion-item" }, this.href ? (h("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (h("button", { class: "trigger", onClick: this.handleTriggerClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '880a15014002f905a4c1c1e20dc5516022b9aee1', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, h("div", { key: 'e47b8972907ad32e3fee37f030f1d86c17ac30bc', class: "content", ref: (el) => (this.contentRef = el) }, h("slot", { key: '1def93a51457196a6a023ab32905b8eaa7590c05' }))))));
+            } }, h("div", { key: 'eb4f412caebd9025f4f44a8568fa59f0e5871517', class: "nav-accordion-item" }, this.href ? (h("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), !hasDropdownContent && (h("div", { class: "chevron chevron--link", "aria-hidden": "true" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M5 12h14M13 6l6 6-6 6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))) : (h("button", { class: "trigger", onClick: this.handleTriggerClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '02acb68c10acdf39c13dca8fa3b6cfdbc6d26503', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, h("div", { key: 'd177d8a62bd596df004afcde08ceffd9a2c31543', class: "content", ref: (el) => (this.contentRef = el) }, h("slot", { key: '941d30ed2da86c88acfc448f48335fd4284b64f2' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-AfNavAccordionItem.style = afNavAccordionItemCss;
+AfNavAccordionItem.style = afNavAccordionItemCss();
 
 export { AfNavAccordionItem as af_nav_accordion_item };
-//# sourceMappingURL=af-nav-accordion-item.entry.js.map

package/dist/esm/af-nav-accordion.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CYq0zyKH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BjfY9fsk.js';
 
-const afNavAccordionCss = ".sc-af-nav-accordion-h{display:block;width:100%}.nav-accordion.sc-af-nav-accordion{display:flex;flex-direction:column;width:100%}";
+const afNavAccordionCss = () => `.sc-af-nav-accordion-h{display:block;width:100%}.nav-accordion.sc-af-nav-accordion{display:flex;flex-direction:column;width:100%}`;
 
 const AfNavAccordion = class {
     constructor(hostRef) {
@@ -70,11 +70,10 @@ const AfNavAccordion = class {
         this.syncItems();
     }
     render() {
-        return (h(Host, { key: '111706b5210510f44864d0dd8f5d2fe1901839da', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, h("div", { key: 'e21f1a8ae3edf2c8aa08385240a536c69cf0da6e', class: "nav-accordion" }, h("slot", { key: 'c452fa149aec51c88dbaef3e59de7e28c4f89de3' }))));
+        return (h(Host, { key: '2ee28cd0fd8a1575441e8c42fba40191846e2f68', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, h("div", { key: '9c97b12ff2709584b528f238ea9192dae94eff62', class: "nav-accordion" }, h("slot", { key: 'a3f88648d01ea566332a793fe53831c94fec9b8e' }))));
     }
     get el() { return getElement(this); }
 };
-AfNavAccordion.style = afNavAccordionCss;
+AfNavAccordion.style = afNavAccordionCss();
 
 export { AfNavAccordion as af_nav_accordion };
-//# sourceMappingURL=af-nav-accordion.entry.js.map

package/dist/esm/af-nav-card.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
 
-const afNavCardCss = ".sc-af-nav-card-h{display:block}.card-link.sc-af-nav-card{text-decoration:none;color:inherit;display:block}.nav-card.sc-af-nav-card{display:flex;flex-direction:column;position:relative;width:290px;height:360px;min-height:360px;border-radius:var(--radii-image, 16px);overflow:hidden;justify-content:flex-end;transition:transform 0.2s ease}.nav-card.is-hovered.sc-af-nav-card{transform:scale(1.02)}.image-container.sc-af-nav-card{position:absolute;inset:0;overflow:hidden}.card-image.sc-af-nav-card{width:100%;height:100%;object-fit:cover;object-position:center}.overlay.sc-af-nav-card{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);padding:80px 24px 24px 24px;display:flex;flex-direction:column;align-items:flex-start}.heading.sc-af-nav-card{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:24px;line-height:1.2;letter-spacing:-0.48px;color:#ffffff;width:100%}.nav-card.is-hovered.sc-af-nav-card .heading.sc-af-nav-card{text-decoration:underline}";
+const afNavCardCss = () => `.sc-af-nav-card-h{display:block}.card-link.sc-af-nav-card{text-decoration:none;color:inherit;display:block}.nav-card.sc-af-nav-card{display:flex;flex-direction:column;position:relative;width:290px;height:360px;min-height:360px;border-radius:var(--radii-image, 16px);overflow:hidden;justify-content:flex-end;transition:transform 0.2s ease}.nav-card.is-hovered.sc-af-nav-card{transform:scale(1.02)}.image-container.sc-af-nav-card{position:absolute;inset:0;overflow:hidden}.card-image.sc-af-nav-card{width:100%;height:100%;object-fit:cover;object-position:center}.overlay.sc-af-nav-card{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);padding:80px 24px 24px 24px;display:flex;flex-direction:column;align-items:flex-start}.heading.sc-af-nav-card{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:24px;line-height:1.2;letter-spacing:-0.48px;color:#ffffff;width:100%}.nav-card.is-hovered.sc-af-nav-card .heading.sc-af-nav-card{text-decoration:underline}`;
 
 const AfNavCard = class {
     constructor(hostRef) {
@@ -29,7 +29,6 @@ const AfNavCard = class {
         return h(Host, null, content);
     }
 };
-AfNavCard.style = afNavCardCss;
+AfNavCard.style = afNavCardCss();
 
 export { AfNavCard as af_nav_card };
-//# sourceMappingURL=af-nav-card.entry.js.map

package/dist/esm/af-nav-menu-nest.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
 
-const afNavMenuNestCss = ".sc-af-nav-menu-nest-h{display:inline-block}.nav-menu-nest.sc-af-nav-menu-nest{display:inline-flex;background:var(--af-background-base, #ffffff);border-radius:32px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest{flex-direction:row;align-items:stretch}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:row;gap:32px;padding:24px 0 32px 40px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:24px 40px 32px 32px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-menu{padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-card,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-card{margin-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{flex:1 1 0;min-width:0;border-right:1px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:none;padding-right:0}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:1px solid var(--af-background-border-heavy, #c6d5d1);padding-right:32px}@media (max-width: 1199px){.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{gap:20px;padding:20px 0 24px 24px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{padding:20px 24px 24px 20px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{padding-right:20px}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{padding-right:20px}}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest{flex-direction:column;border-radius:0}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:column}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:32px 12px;border-top:1px solid var(--af-background-border-subtle, #e8eeed)}.nav-menu-nest.breakpoint-mobile .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-mobile .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{border-right:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}";
+const afNavMenuNestCss = () => `.sc-af-nav-menu-nest-h{display:inline-block}.nav-menu-nest.sc-af-nav-menu-nest{display:inline-flex;background:var(--af-background-base, #ffffff);border-radius:32px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest{flex-direction:row;align-items:stretch}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:row;gap:32px;padding:24px 0 32px 40px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:24px 40px 32px 32px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-menu{padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-card,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-card{margin-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{flex:1 1 0;min-width:0;border-right:2px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:none;padding-right:0}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:1px solid var(--af-background-border-heavy, #c6d5d1);padding-right:32px}@media (max-width: 1199px){.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{gap:20px;padding:20px 0 24px 24px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{padding:20px 24px 24px 20px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{padding-right:20px}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{padding-right:20px}}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest{flex-direction:column;border-radius:0}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:column}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:32px 12px;border-top:1px solid var(--af-background-border-subtle, #e8eeed)}.nav-menu-nest.breakpoint-mobile .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-mobile .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{border-right:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}`;
 
 const AfNavMenuNest = class {
     constructor(hostRef) {
@@ -24,7 +24,7 @@ const AfNavMenuNest = class {
          * Set to `true` when sidebar has content, `false` when no sidebar.
          * When `false`, the last column has no border.
          */
-        this.showSidebarBorder = true;
+        this.showSidebarBorder = false;
     }
     render() {
         const classes = {
@@ -33,10 +33,9 @@ const AfNavMenuNest = class {
             [`type-${this.type}`]: true,
             [`breakpoint-${this.breakpoint}`]: true
         };
-        return (h(Host, { key: 'b0eb2c4904916a16b2b6ec6d612337fed3c05e12' }, h("div", { key: 'dd1836b1c6ee6f75555989334a35e2a41d9bacab', class: classes }, h("div", { key: '4e3ae3951e9969d21a5e18a0489a33631bb1e8f2', class: "menu-columns" }, h("slot", { key: '64c660d4a5b35dda06b0ff0ca21c0e24014ceef2' })), h("div", { key: '7418a543431a9fd0fbbf95b1e3b5e862d5ac3917', class: "menu-sidebar" }, h("slot", { key: 'd36bb4016c86d9258a70ddbb46232264bdb156e4', name: "sidebar" })))));
+        return (h(Host, { key: '53d8b54481f2d0d1eb119aa7b85634fa1264efd2' }, h("div", { key: '7b1e558654f9f957f56f6f92eeda187a6163d4d9', class: classes }, h("div", { key: '830507b9718ff6bad9d31430aa3fc16c938767a2', class: "menu-columns" }, h("slot", { key: '5bc877069510b1dc5908b050354eaf3ac4aaef5c' })), h("div", { key: '057b917012e37e93a35e72105a476fd2c3613f38', class: "menu-sidebar" }, h("slot", { key: 'b65758680162c4f93922e7d1438ebdc8af7dd0c8', name: "sidebar" })))));
     }
 };
-AfNavMenuNest.style = afNavMenuNestCss;
+AfNavMenuNest.style = afNavMenuNestCss();
 
 export { AfNavMenuNest as af_nav_menu_nest };
-//# sourceMappingURL=af-nav-menu-nest.entry.js.map

package/dist/esm/af-nav-menu.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
 
-const afNavMenuCss = ".sc-af-nav-menu-h{display:block}.nav-menu.sc-af-nav-menu{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-height:1px;min-width:1px}.nav-menu.breakpoint-desktop.sc-af-nav-menu{padding:0;flex:1 0 0;align-self:stretch}.nav-menu.breakpoint-desktop.has-border.sc-af-nav-menu{border-right:1px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu.breakpoint-mobile.sc-af-nav-menu{padding:32px 12px;width:100%;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}.menu-header.sc-af-nav-menu{display:flex;gap:16px;align-items:center;width:100%}.menu-heading.sc-af-nav-menu{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:20px;line-height:1.2;letter-spacing:-0.4px;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex:1 0 0;min-height:1px;min-width:1px}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-heading.sc-af-nav-menu{line-height:1.1}.menu-items.sc-af-nav-menu{display:flex;flex-direction:column;align-items:flex-start;width:100%}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-items.sc-af-nav-menu{padding-left:24px}.sc-af-nav-menu-s>af-nav-item{width:100%}.nav-menu.card-style.sc-af-nav-menu{background:var(--af-background-level-1, #e8eeed);border-radius:var(--radii-card-level-1, 32px);padding:40px}.nav-menu.card-style.breakpoint-desktop.sc-af-nav-menu{flex:1 0 0;align-self:stretch}";
+const afNavMenuCss = () => `.sc-af-nav-menu-h{display:block}.nav-menu.sc-af-nav-menu{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-height:1px;min-width:1px}.nav-menu.breakpoint-desktop.sc-af-nav-menu{padding:0;flex:1 0 0;align-self:stretch}.nav-menu.breakpoint-desktop.has-border.sc-af-nav-menu{border-right:1px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu.breakpoint-mobile.sc-af-nav-menu{padding:22px 12px 24px;width:100%;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}.menu-header.sc-af-nav-menu{display:flex;gap:16px;align-items:center;width:100%}.menu-heading.sc-af-nav-menu{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:100%;letter-spacing:0;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex:1 0 0;min-height:1px;min-width:1px}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-heading.sc-af-nav-menu{font-size:16px;line-height:1.1;letter-spacing:0}.menu-items.sc-af-nav-menu{display:flex;flex-direction:column;align-items:flex-start;width:100%}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-items.sc-af-nav-menu{padding-left:16px}.sc-af-nav-menu-s>af-nav-item{width:100%}.nav-menu.card-style.sc-af-nav-menu{background:var(--af-background-level-1, #e8eeed);border-radius:var(--radii-card-level-1, 32px);padding:40px}.nav-menu.card-style.breakpoint-desktop.sc-af-nav-menu{flex:1 0 0;align-self:stretch}`;
 
 const AfNavMenu = class {
     constructor(hostRef) {
@@ -30,10 +30,9 @@ const AfNavMenu = class {
             'has-border': this.showBorder,
             'card-style': this.cardStyle
         };
-        return (h(Host, { key: '3245ae98bb4b1ab013d36630802bb1cdece57675' }, h("div", { key: 'e84dcdc45b92f928ee7b8dd2328a2b7276a2e02a', class: classes }, this.heading && (h("div", { key: 'd42c91176b53b5d0375cb29d489b722dcd3c8e74', class: "menu-header" }, h("h3", { key: 'b2cf5d6cb682db6f68c9a45045fb060710097137', class: "menu-heading" }, this.heading))), h("div", { key: '89e7aef886d60d2ce3d8b82cd1b2c588d4894be8', class: "menu-items" }, h("slot", { key: '29d596f664fdfc83fc40c17686751f1b893bce26' })))));
+        return (h(Host, { key: '1cb9cc6b1f91225f4665efbb2832615ff6ef7ef1' }, h("div", { key: '2796c68a81c3b57c7f2c3079108b1d18cabfcc39', class: classes }, this.heading && (h("div", { key: '7424886326924cd42b0c055f7d4c195da6aa9593', class: "menu-header" }, h("h3", { key: '4c0700fec4127a206101f1854852a1e4725b0f74', class: "menu-heading" }, this.heading))), h("div", { key: '810e22e938e16fece55207546009ccf1666a0bac', class: "menu-items" }, h("slot", { key: '93691f1d2a921b1217fce0180e55b01c35b6abd6' })))));
     }
 };
-AfNavMenu.style = afNavMenuCss;
+AfNavMenu.style = afNavMenuCss();
 
 export { AfNavMenu as af_nav_menu };
-//# sourceMappingURL=af-nav-menu.entry.js.map

package/dist/esm/af-next-step-item.entry.js

@@ -0,0 +1,31 @@
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
+
+const afNextStepItemCss = () => `.sc-af-next-step-item-h{display:flex;position:relative;padding:var(--space-4, 16px) 0}.sc-af-next-step-item-h:first-child{padding-top:0}.sc-af-next-step-item-h:last-child{padding-bottom:0}.next-step-item__connector.sc-af-next-step-item{position:absolute;left:19px;top:0;bottom:0;width:2px;background-color:var(--af-background-border-default, #d1ddda)}.sc-af-next-step-item-h:first-child .next-step-item__connector.sc-af-next-step-item{top:20px}.sc-af-next-step-item-h:last-child .next-step-item__connector.sc-af-next-step-item{bottom:calc(100% - 20px)}.sc-af-next-step-item-h:only-child .next-step-item__connector.sc-af-next-step-item{display:none}.next-step-item__badge.sc-af-next-step-item{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--af-background-contrast, #c6d5d1);color:var(--af-typography-heading-primary, #14343b);position:relative;z-index:1}.next-step-item--numbered.sc-af-next-step-item-h .next-step-item__badge.sc-af-next-step-item{background-color:transparent;width:auto;height:auto}.next-step-item__content.sc-af-next-step-item{flex:1;min-width:0;margin-left:var(--space-4, 16px);display:flex;flex-direction:column;justify-content:center;gap:var(--space-1, 4px)}.next-step-item__title.sc-af-next-step-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-typography-heading-primary, #14343b)}.next-step-item__description.sc-af-next-step-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:14px;line-height:20px;color:var(--af-typography-body-subtle, #60767b)}.next-step-item__description.sc-af-next-step-item:empty{display:none}@media (max-width: 480px){.next-step-item__badge.sc-af-next-step-item{width:36px;height:36px}.next-step-item__connector.sc-af-next-step-item{left:17px}.sc-af-next-step-item-h:first-child .next-step-item__connector.sc-af-next-step-item{top:18px}.sc-af-next-step-item-h:last-child .next-step-item__connector.sc-af-next-step-item{bottom:calc(100% - 18px)}.next-step-item__content.sc-af-next-step-item{margin-left:var(--space-3, 12px)}.next-step-item__title.sc-af-next-step-item{font-size:15px}.next-step-item__description.sc-af-next-step-item{font-size:13px}}`;
+
+const AfNextStepItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Icon to display in the badge. Ignored when parent has `numbered` set.
+         */
+        this.icon = 'arrow-right';
+        /**
+         * Step number. Auto-assigned by parent `af-next-steps` when `numbered`.
+         */
+        this.index = 0;
+        /**
+         * Whether to show number instead of icon. Set by parent `af-next-steps`.
+         */
+        this.numbered = false;
+    }
+    render() {
+        const clampedIndex = Math.max(1, Math.min(10, this.index));
+        return (h(Host, { key: '97329635dc58cf420d8f985b0a9e233d2baf409e', class: {
+                'next-step-item': true,
+                'next-step-item--numbered': this.numbered,
+            }, role: "listitem" }, h("div", { key: '9734855ac7c1012ab85d14986b30875c93407730', class: "next-step-item__connector", "aria-hidden": "true" }), h("div", { key: 'f554838ae2ebe43e39cf163015da4f517c1de62a', class: "next-step-item__badge" }, this.numbered ? (h("af-number-badge", { number: clampedIndex, variant: "inCircle", size: 40 })) : (h("af-icon", { name: this.icon, size: 20 }))), h("div", { key: '25b6edb59907765ce4dab0066d5e4916c1b53f7b', class: "next-step-item__content" }, h("div", { key: 'b347fc3747b215f89b59a16d5c7d253f1dc53654', class: "next-step-item__title" }, h("slot", { key: '9d68088399fa11fcf194aad64936d2ae188d4db1' })), h("div", { key: 'a66be31029860533875d932a641534efc52b0025', class: "next-step-item__description" }, h("slot", { key: '65222fff32c7502534fe969cf39ec5a8d9c50058', name: "description" })))));
+    }
+};
+AfNextStepItem.style = afNextStepItemCss();
+
+export { AfNextStepItem as af_next_step_item };