@affinda/wc 0.6.1 → 0.7.0

package/dist/components/p-Zzc36937.js

@@ -0,0 +1 @@
+import{p as a,H as e,h as i,c as t,t as r}from"./p-D1moXdEA.js";const o=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.shape="rounded",this.captionPosition="below",this.hasCaption=!1}componentWillLoad(){this.hasCaption=!!this.el.querySelector('[slot="caption"]')}render(){return i(t,{key:"4e201318d20091b908a257841d4d3772e9247b97"},i("figure",{key:"1eb9a29d5fec9ac6f056eeb9e40c241f129fbdb0",class:{"image-container":!0,[`image-container--${this.shape}`]:!0,"image-container--has-caption":this.hasCaption,[`image-container--caption-${this.captionPosition}`]:this.hasCaption}},i("div",{key:"6bcb912dccab5d938e53b96290b240cc9112416f",class:"image-wrapper"},i("img",{key:"b4270de0a5d3583df53e91597c6b2df7a4058d12",src:this.src,alt:this.alt,class:"image",loading:"lazy"}),i("div",{key:"005033a714297653abd7c798c7c1363e5a32ff3f",class:"image-border","aria-hidden":"true"}),this.hasCaption&&"overlay"===this.captionPosition&&i("div",{key:"281bb0e0ba6bc3833ca651968516f79820488989",class:"caption-overlay-gradient","aria-hidden":"true"})),this.hasCaption&&i("figcaption",{key:"6e53a84af8fb8f62ffc87515afa736520177d164",class:{caption:!0,[`caption--${this.captionPosition}`]:!0}},i("slot",{key:"d5bd48fcb1acf0d11946ccbaa4b3d5a5cc8b8555",name:"caption"}))))}get el(){return this}static get style(){return".sc-af-image-h{display:block;width:100%}.image-container.sc-af-image{margin:0;padding:0}.image-wrapper.sc-af-image{position:relative;overflow:hidden}.image-container--rounded.sc-af-image .image-wrapper.sc-af-image{border-radius:var(--radius-md, 12px)}.image-container--pill.sc-af-image .image-wrapper.sc-af-image{border-radius:9999px}.image-container--d-left.sc-af-image .image-wrapper.sc-af-image{border-radius:9999px 0 0 9999px}.image-container--d-right.sc-af-image .image-wrapper.sc-af-image{border-radius:0 9999px 9999px 0}.image-container--square.sc-af-image .image-wrapper.sc-af-image{border-radius:0}.image.sc-af-image{display:block;width:100%;height:auto;object-fit:cover}.image-border.sc-af-image{position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--af-background-border-subtle, rgba(0, 0, 0, 0.08));pointer-events:none;border-radius:inherit}.caption.sc-af-image{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;line-height:20px;color:var(--af-typography-body-subtle, #60767b)}.caption--below.sc-af-image{display:block;margin-top:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.caption--overlay.sc-af-image{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4, 16px) var(--space-3, 12px);color:var(--colour-brand-white, #ffffff);z-index:1}.caption-overlay-gradient.sc-af-image{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(     to top,     rgba(20, 52, 59, 0.7) 0%,     rgba(20, 52, 59, 0.4) 50%,     rgba(20, 52, 59, 0) 100%   );pointer-events:none;border-radius:inherit}.image-container--caption-overlay.sc-af-image .image-wrapper.sc-af-image{position:relative}.image-container--caption-overlay.sc-af-image .caption--overlay.sc-af-image{position:absolute}@media (max-width: 480px){.caption.sc-af-image{font-size:13px;line-height:18px}.caption--overlay.sc-af-image{padding:var(--space-3, 12px) var(--space-2, 8px)}.caption-overlay-gradient.sc-af-image{height:60px}}"}},[262,"af-image",{src:[1],alt:[1],shape:[1],captionPosition:[1,"caption-position"]}]);function s(){"undefined"!=typeof customElements&&["af-image"].forEach((a=>{"af-image"===a&&(customElements.get(r(a))||customElements.define(r(a),o))}))}export{o as A,s as d}

package/dist/components/p-bNBu9AML.js

@@ -0,0 +1 @@
+import{p as e,t as r,H as a,d as t,h as o,c as i}from"./p-D1moXdEA.js";const s=e(class e extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.afInput=t(this,"afInput"),this.afBlur=t(this,"afBlur"),this.afFocus=t(this,"afFocus"),this.afInfoClick=t(this,"afInfoClick"),this.value="",this.disabled=!1,this.required=!1,this.readonly=!1,this.showInfoIcon=!1,this.rows=4,this.resize="vertical",this.isFocused=!1,this.isHovered=!1,this.handleInput=e=>{this.value=e.target.value,this.afInput.emit({value:this.value})},this.handleFocus=()=>{this.isFocused=!0,this.afFocus.emit()},this.handleBlur=()=>{this.isFocused=!1,this.afBlur.emit()},this.handleMouseEnter=()=>{this.isHovered=!0},this.handleMouseLeave=()=>{this.isHovered=!1},this.handleInfoClick=e=>{e.preventDefault(),e.stopPropagation(),this.afInfoClick.emit()}}componentWillLoad(){"undefined"==typeof console||e.deprecationWarned||(e.deprecationWarned=!0,console.warn("[@affinda/wc] <af-textarea> is deprecated and will be removed in a future major release. Use <af-input multiline> instead — same props (label, description, placeholder, value, name, disabled, required, readonly, error, showInfoIcon, rows, resize, maxlength, minlength) and same rendered chrome. See @affinda/wc CHANGELOG for migration."))}render(){const e=!!this.error,r={"textarea-container":!0,disabled:this.disabled,error:e,focused:this.isFocused,hovered:this.isHovered&&!this.disabled&&!this.isFocused};return o(i,{key:"362cc1d8d9a12a1622a3a4368c1690af22242290"},o("div",{key:"2b5193878afd041a2404e05628c8a2a27f070dd4",class:{"textarea-wrapper":!0,disabled:this.disabled,error:e,focused:this.isFocused,hovered:this.isHovered&&!this.disabled&&!this.isFocused,populated:!!(this.value&&this.value.length>0)}},this.label&&o("div",{key:"a4786205092ce86aa5d2b13b2eefc068776bc73c",class:"label-row"},o("label",{key:"9f674738598a0d8cd6ff3ca12d2eef1b82c683ab",class:"label",htmlFor:"textarea"},this.label,this.required&&o("span",{key:"e65cfaf5de0806fdaee3fd69fa142dbe80092377",class:"required"},"*")),this.showInfoIcon&&o("button",{key:"b9c83365313296a885eced01f5e32d3880d0e6b6",type:"button",class:"info-icon",onClick:this.handleInfoClick,"aria-label":"More information"},o("svg",{key:"f27bd125dad6258d48b27dce04ee3c91a9e765dd",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"9bfaed8ee3d846caad4cf6841e3a9deb4a050686",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"}),o("path",{key:"0c733ab918ce62dac76ff223eb7a361e11b444f1",d:"M12 16V12",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{key:"9d2fd2885490c9563c48bdc40b988e6b6ed6d899",d:"M12 8H12.01",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),o("slot",{key:"a488fc5ce906aa2c6d36e3d1c5c6dc20955dfa7e",name:"label-end"})),this.description&&o("p",{key:"2b27b3f5362d87d9eef7a2261d324b7db03dbd7c",class:"description"},this.description),o("div",{key:"f900a4a8d7231bc43c41a77c331e6c90f8772c67",class:r,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},o("textarea",{key:"f48df2967a6d72daa2b93c635882c72021af33e7",ref:e=>this.textareaEl=e??void 0,id:"textarea",class:"textarea",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":e?"true":void 0,"aria-describedby":e?"error-message":this.description?"description":void 0,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),e&&o("div",{key:"8793024cd9c7dec0a19a1acd789ecd8ed57f7168",class:"error-row",id:"error-message"},o("span",{key:"dc457887b83f8c9fea7daca0bf5a0690474c4f49",class:"error-icon"},o("svg",{key:"d8c6d985c7c219419072943adab3819217fb1ae4",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"75265f2e70dd27201b09033b4b5100df51d876f5",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"}),o("path",{key:"b4225c6f1ae0e3246ad143fe6f2157daa615fcb6",d:"M12 16V12",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{key:"48735f9ef113826e43488e0491d34a3b549924e5",d:"M12 8H12.01",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),o("span",{key:"6a0a7e436977e6ecc37dd64db30aad7eb189e166",class:"error-text"},this.error))))}static get style(){return":host{display:block;width:100%}.textarea-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}.textarea-container{display:flex;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;box-sizing:border-box;overflow:hidden}.textarea-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))}.textarea-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))}.textarea-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.textarea-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}.textarea{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}.textarea::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.textarea:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.textarea: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))}"}},[257,"af-textarea",{label:[1],description:[1],placeholder:[1],value:[1025],name:[1],disabled:[516],required:[4],readonly:[4],error:[1],showInfoIcon:[4,"show-info-icon"],rows:[2],maxlength:[2],minlength:[2],resize:[1],isFocused:[32],isHovered:[32]}]);function d(){"undefined"!=typeof customElements&&["af-textarea"].forEach((e=>{"af-textarea"===e&&(customElements.get(r(e))||customElements.define(r(e),s))}))}s.deprecationWarned=!1;export{s as A,d}

package/dist/components/p-bknhsVLn.js

@@ -0,0 +1 @@
+import{p as r,H as a,h as t,c as o,t as n}from"./p-D1moXdEA.js";const i=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.variant="primary",this.size="medium",this.disabled=!1,this.type="button"}render(){const r={"icon-button":!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,disabled:this.disabled},a=t("span",{class:"icon"},t("slot",null));return t(o,null,this.href&&!this.disabled?t("a",{href:this.href,class:r,"aria-label":this.ariaLabel},a):t("button",{type:this.type,disabled:this.disabled,class:r,"aria-label":this.ariaLabel},a))}static get style(){return':host{display:inline-block}:host([variant="secondary"]){color:var(--af-button-secondary-icon, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}:host([variant="primary"]){color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343B))}:host([variant="tertiary"]){color:var(--af-button-ghost-icon, var(--colour-brand-inkwell, #14343B))}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     border-color var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     color var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     opacity var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     transform var(--motion-duration-fast, 150ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));border:1px solid transparent;box-sizing:border-box;flex-shrink:0;text-decoration:none;padding:0;will-change:transform}@media (prefers-reduced-motion: reduce){.icon-button{transition-duration:0.01ms}}.size-large{width:72px;height:72px;padding:24px}.size-large .icon{width:24px;height:24px}.size-medium{width:48px;height:48px;padding:12px}.size-medium .icon{width:24px;height:24px}.size-small{width:36px;height:36px;padding:8px}.size-small .icon{width:20px;height:20px}.icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.icon ::slotted(*){width:100%;height:100%;color:inherit}.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #A6FFFB));border-color:var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343B));color:var(--af-button-primary-text, var(--colour-brand-inkwell, #14343B))}.variant-primary:hover:not(.disabled){background:var(--af-button-primary-bg-hover, #95e6e2)}.variant-primary:active:not(.disabled){background:var(--af-button-primary-bg-hover, #95e6e2);transform:translateY(1px)}.variant-secondary{background:var(--af-button-secondary-bg, transparent);border-color:var(--af-button-secondary-stroke, currentColor);color:var(--af-button-secondary-text, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}.variant-secondary:hover:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1))}.variant-secondary:active:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1));transform:translateY(1px)}.variant-tertiary{background:transparent;border-color:transparent;color:var(--af-button-ghost-text, var(--colour-brand-inkwell, #14343B))}.variant-tertiary:hover:not(.disabled){opacity:0.8}.variant-tertiary:active:not(.disabled){opacity:0.6}.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.icon-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}button.icon-button.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #A6FFFB));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343B))}button.icon-button.variant-secondary{background:var(--af-button-secondary-bg, transparent);border:1px solid var(--af-button-secondary-stroke, currentColor);color:var(--af-button-secondary-text, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}button.icon-button.variant-tertiary{background:transparent;border:1px solid transparent}'}},[257,"af-icon-button",{variant:[513],size:[1],disabled:[4],href:[1],type:[1],ariaLabel:[1,"aria-label"]}]);function e(){"undefined"!=typeof customElements&&["af-icon-button"].forEach((r=>{"af-icon-button"===r&&(customElements.get(n(r))||customElements.define(n(r),i))}))}export{i as A,e as d}

package/dist/components/p-mmJGfmyi.js

@@ -0,0 +1 @@
+import{p as e,H as o,d as a,h as r,c as t,t as i}from"./p-D1moXdEA.js";const s=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.afChange=a(this,"afChange"),this.checked=!1,this.disabled=!1,this.handleClick=()=>{this.disabled||this.checked||(this.name&&document.querySelectorAll(`af-radio[name="${this.name}"]`).forEach((e=>{e!==this.el&&e.checked&&(e.checked=!1)})),this.checked=!0,this.afChange.emit({checked:this.checked,value:this.value,name:this.name}))}}render(){const e={control:!0,checked:this.checked,disabled:this.disabled};return r(t,{key:"ea05800b0695e8cae7caf4aeb8d031c8ac3350dd"},r("label",{key:"96eaf81e111843a237b9beca9a28e9ab9034bcd8",class:{radio:!0,disabled:this.disabled},onClick:this.handleClick},r("input",{key:"ec299f984e570e0a04c6fb97ec464e5fccd35e8d",type:"radio",class:"input",checked:this.checked,disabled:this.disabled,name:this.name,value:this.value,tabindex:this.disabled?-1:0}),r("span",{key:"0e430ede39bb2abb0868023b82173532bf5e27b1",class:e},r("span",{key:"62753bce135b02a504e0f4e1428a23571cc30c16",class:"dot"})),r("span",{key:"d7fe1ebf41d9a56e02adf1fe3f1d1e3cbfa3ecbb",class:"label"},r("slot",{key:"ceed1e2851b07a0938dc314c32454c811494af07"}))))}get el(){return this}static get style(){return":host{display:inline-block}.radio{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;line-height:20px;color:var(--af-form-control-label, var(--colour-brand-inkwell, #14343b));user-select:none}.radio.disabled{cursor:not-allowed;opacity:0.5}.input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.control{position:relative;flex-shrink:0;width:20px;height:20px;border-radius:var(--radii-radio, 9999px);border:none;box-shadow:inset 0 0 0 1px var(--af-form-control-stroke, var(--colour-mistgreen-500, #d0d6d8));background:var(--af-form-control-bg, var(--colour-brand-white, #ffffff));transition:all 0.15s ease;box-sizing:border-box}.control.checked{background:var(--af-form-control-bg-checked, var(--colour-brand-inkwell, #14343b));box-shadow:none}.control.disabled{background:var(--af-form-control-bg-disabled, var(--colour-mistgreen-200, #e8ebeb));box-shadow:inset 0 0 0 1px var(--af-form-control-stroke-disabled, var(--colour-mistgreen-500, #d0d6d8))}.control.checked.disabled{background:var(--af-form-control-bg-checked-disabled, var(--colour-inkwell-350, #708380));box-shadow:none}.radio:not(.disabled):hover .control:not(.checked){box-shadow:inset 0 0 0 1px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.input:focus-visible+.control{outline:none;box-shadow:inset 0 0 0 1px var(--af-form-control-stroke, var(--colour-mistgreen-500, #d0d6d8)),     0 0 0 4px var(--af-background-base, var(--colour-brand-white, #ffffff)),      0 0 0 5px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.input:focus-visible+.control.checked{box-shadow:0 0 0 4px var(--af-background-base, var(--colour-brand-white, #ffffff)),      0 0 0 5px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.dot{position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--af-form-control-icon, var(--colour-brand-white, #ffffff));opacity:0;transition:opacity 0.15s ease}.control.checked .dot{opacity:1}.label{display:flex;align-items:center;min-height:24px}.label:empty{display:none}"}},[257,"af-radio",{checked:[1540],disabled:[516],name:[513],value:[1]}]);function n(){"undefined"!=typeof customElements&&["af-radio"].forEach((e=>{"af-radio"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))}export{s as A,n as d}

package/dist/components/p-t4S1PTqg.js

@@ -0,0 +1 @@
+import{p as e,H as o,h as a,c as r,t as i}from"./p-D1moXdEA.js";import{d as t}from"./p-BG8SGO9l.js";import{d as s}from"./p-ClOQFY2W.js";import{d as h}from"./p-D6fHOYRF.js";const n={"inkwell-photo":"inkwell","inkwell-illustration":"inkwell","inkwell-centered":"inkwell","soft-clay-illustration":"soft-clay","mist-green-illustration":"mist-green"},l=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="inkwell-photo",this.heading="",this.description="",this.topPad="default",this.maxWidth=620,this.maskImage=!0}get resolvedFloatNavbar(){return"boolean"==typeof this.floatNavbar?this.floatNavbar:"inkwell-photo"===this.variant||"inkwell-illustration"===this.variant||"inkwell-centered"===this.variant}get theme(){return n[this.variant]}connectedCallback(){this.resolvedFloatNavbar&&"undefined"!=typeof document&&document.body.setAttribute("data-af-hero-float-navbar","true")}disconnectedCallback(){"undefined"==typeof document||document.querySelector("af-hero")||document.body.removeAttribute("data-af-hero-float-navbar")}renderCopy(){const e="inkwell-centered"===this.variant?"center":"left";return a("div",{class:"hero__copy"},a("div",{class:"hero__badge"},a("slot",{name:"badge"})),a("af-typography-lockup",{"heading-size":"1","text-alignment":e,"max-width":String(this.maxWidth)},this.heading?a("h1",null,this.heading):a("slot",null),this.description?a("span",{slot:"description"},this.description):a("slot",{name:"description",slot:"description"})),a("div",{class:"hero__buttons"},a("slot",{name:"buttons"})))}renderPhoto(){return a("div",{class:{hero__image:!0,"hero__image--masked":this.maskImage}},a("slot",{name:"image"}))}renderIllustration(){return a("div",{class:"hero__illustration"},a("slot",{name:"illustration"}))}render(){const e=this.variant,o="inkwell-centered"===e,i="inkwell-photo"===e,t="inkwell-illustration"===e||"soft-clay-illustration"===e||"mist-green-illustration"===e;return a(r,{key:"c40393e3a50d1beecbe83804a1407a51d46e82ce",class:{[`hero--${e}`]:!0,[`hero--pad-${this.topPad}`]:!0,[`hero--theme-${this.theme}`]:!0,"hero--float-navbar":this.resolvedFloatNavbar}},a("af-section",{key:"77ce170dadae5685fd58ccd3e9b679099ed7068f",theme:this.theme,padding:"none",container:!1,class:"hero__section"},o&&a("div",{key:"e1f70ac7c9f4f708a3ac033aaba9c61aa1c5ca58",class:"hero__paperclip","aria-hidden":"true"},a("slot",{key:"4cc7a2ca78151e4190e81af45ad9989e28c667b1",name:"paperclip"})),a("af-container",{key:"c3e00acd79776207246290a7b3d5b8bb7b776791",class:"hero__inner"},o?this.renderCopy():a("div",{class:"hero__grid"},this.renderCopy(),i&&this.renderPhoto(),t&&this.renderIllustration())),a("div",{key:"0cdd9f9071e3670a6d4b4a6082abe9252750d3b5",class:"hero__logos"},a("slot",{key:"8b53c58048c404b6d057f0e56d1ec0402ffd6e00",name:"logos-below"}))))}get el(){return this}static get style(){return".sc-af-hero-h{display:block;position:relative;width:100%;--af-hero-image-lift:-260px;--af-hero-image-min-height:360px}.hero__section.sc-af-hero{position:relative;overflow:hidden}.hero__paperclip.sc-af-hero{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none;z-index:0;width:520px;height:600px}@media (max-width: 991px){.hero__paperclip.sc-af-hero{width:380px;height:437px}}@media (max-width: 767px){.hero__paperclip.sc-af-hero{display:none}}.hero__inner.sc-af-hero{position:relative;z-index:1;padding-bottom:40px}.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:124px}.hero--pad-loose.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:164px}.hero--inkwell-centered.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:180px}.hero__grid.sc-af-hero{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:center}.hero--soft-clay-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--mist-green-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr auto;gap:48px}.hero--inkwell-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr 1fr}.hero__copy.sc-af-hero{padding-left:16px}.hero--inkwell-photo.hero--pad-loose.sc-af-hero-h .hero__copy.sc-af-hero{padding-bottom:120px}.hero--inkwell-centered.sc-af-hero-h .hero__copy.sc-af-hero{padding-left:0;text-align:center}.hero__badge.sc-af-hero:not(:has(*)){display:none}.hero__badge.sc-af-hero:has(*){margin-bottom:16px}.hero__copy.sc-af-hero-s>[slot='badge'],.hero__copy .sc-af-hero-s>[slot='badge']{display:inline-block}.hero__buttons.sc-af-hero{margin-top:32px}.hero__buttons.sc-af-hero:empty{display:none}.hero--inkwell-centered.sc-af-hero-h .hero__buttons.sc-af-hero{display:flex;justify-content:center}.sc-af-hero-h{--af-hero-blob-mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NDEgOTQwIj48cGF0aCBkPSJNMTcwLjA2MyAxODEuOTQ1QzIzNC4xNTYgMzAuOTUxNCA0MDguNTE4IC0zOS40OTU1IDU1OS41MTIgMjQuNTk3NUM3MTAuNTA2IDg4LjY5MDQgNzgwLjk1MiAyNjMuMDUzIDcxNi44NTkgNDE0LjA0Nkw1NzAuODQ3IDc1OC4wMzFDNTA2Ljc1NCA5MDkuMDI0IDMzMi4zOTIgOTc5LjQ3MSAxODEuMzk4IDkxNS4zNzhDMzAuNDA0NSA4NTEuMjg1IC00MC4wNDI0IDY3Ni45MjMgMjQuMDUwNiA1MjUuOTI5TDE3MC4wNjMgMTgxLjk0NVoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=');--af-hero-blob-mask-mobile:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 768\"><path fill=\"%23000\" d=\"M1024 0H384A384 384 0 0 0 384 768H1024V0Z\"/></svg>')}.hero__image.sc-af-hero{min-height:var(--af-hero-image-min-height);overflow:visible;margin-top:var(--af-hero-image-lift);position:relative;z-index:1}.hero__image--masked.sc-af-hero-s>img,.hero__image--masked .sc-af-hero-s>img,.hero__image--masked.sc-af-hero-s>picture img,.hero__image--masked .sc-af-hero-s>picture img,.hero__image--masked.sc-af-hero-s>.af-hero-image,.hero__image--masked .sc-af-hero-s>.af-hero-image{display:block;width:100%;height:auto;-webkit-mask-image:var(--af-hero-blob-mask);mask-image:var(--af-hero-blob-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}.hero__image--masked.sc-af-hero img.sc-af-hero{-webkit-mask-image:var(--af-hero-blob-mask);mask-image:var(--af-hero-blob-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}.hero__illustration.sc-af-hero{flex:0 0 auto;width:100%;max-width:432px;line-height:0;justify-self:end}.hero__illustration.sc-af-hero-s>svg,.hero__illustration .sc-af-hero-s>svg,.hero__illustration.sc-af-hero-s>img,.hero__illustration .sc-af-hero-s>img{width:100%;height:auto;display:block;border-radius:16px}.hero--inkwell-illustration.sc-af-hero-h .hero__illustration.sc-af-hero{max-width:540px}.hero__logos.sc-af-hero{position:relative;z-index:2}.hero__logos.sc-af-hero:not(:has(*)){display:none}.hero--inkwell-photo.sc-af-hero-h .hero__logos.sc-af-hero:has(*){margin-top:-240px;padding-top:48px;padding-bottom:48px;background:var(--af-background-base, var(--colour-brand-inkwell, #14343b));border-top:1px solid     var(--af-background-border-subtle, var(--colour-inkwell-450, #203e45))}@media (max-width: 991px){.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero,.hero--pad-loose.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:112px}.hero--inkwell-centered.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:144px}.hero__grid.sc-af-hero{grid-template-columns:1fr;gap:32px}.hero--soft-clay-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--mist-green-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--inkwell-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr}.hero__copy.sc-af-hero{padding-left:0;padding-bottom:0}.hero__illustration.sc-af-hero{max-width:360px;margin-inline:auto;justify-self:center}.hero__image.sc-af-hero{margin-top:0;min-height:auto}.sc-af-hero-h.hero--inkwell-photo .hero__image--masked.sc-af-hero-s>img,.hero__image--masked .sc-af-hero-s>img,.hero--inkwell-photo.sc-af-hero-h .hero__image--masked.sc-af-hero img.sc-af-hero{-webkit-mask-image:var(--af-hero-blob-mask-mobile);mask-image:var(--af-hero-blob-mask-mobile)}.hero--inkwell-photo.sc-af-hero-h .hero__logos.sc-af-hero:has(*){margin-top:24px;padding-top:32px;padding-bottom:32px;background:transparent;border-top:none}}"}},[262,"af-hero",{variant:[513],heading:[1],description:[1],floatNavbar:[516,"float-navbar"],topPad:[1,"top-pad"],maxWidth:[2,"max-width"],maskImage:[4,"mask-image"]}]);function c(){"undefined"!=typeof customElements&&["af-hero","af-container","af-section","af-typography-lockup"].forEach((e=>{switch(e){case"af-hero":customElements.get(i(e))||customElements.define(i(e),l);break;case"af-container":customElements.get(i(e))||t();break;case"af-section":customElements.get(i(e))||s();break;case"af-typography-lockup":customElements.get(i(e))||h()}}))}export{l as A,c as d}

package/dist/esm/a11y-DEGKc9o3.js

@@ -0,0 +1,346 @@
+/**
+ * SVG path and shape generators for chart elements.
+ */
+/**
+ * Generates a rounded rectangle path for bar charts.
+ *
+ * @param x - X position (left edge)
+ * @param y - Y position (top edge)
+ * @param width - Rectangle width
+ * @param height - Rectangle height
+ * @param radius - Corner radius (applied to top corners for vertical bars)
+ * @param orientation - 'vertical' rounds top, 'horizontal' rounds right
+ * @returns SVG path d attribute string
+ */
+function barPath(x, y, width, height, radius = 0, orientation = 'vertical') {
+    const r = Math.min(radius, width / 2, height / 2);
+    if (r <= 0) {
+        return `M${x},${y} h${width} v${height} h${-width} Z`;
+    }
+    if (orientation === 'vertical') {
+        // Round top corners only
+        return [
+            `M${x},${y + r}`,
+            `Q${x},${y} ${x + r},${y}`,
+            `L${x + width - r},${y}`,
+            `Q${x + width},${y} ${x + width},${y + r}`,
+            `L${x + width},${y + height}`,
+            `L${x},${y + height}`,
+            'Z',
+        ].join(' ');
+    }
+    // Round right corners only (horizontal bars)
+    return [
+        `M${x},${y}`,
+        `L${x + width - r},${y}`,
+        `Q${x + width},${y} ${x + width},${y + r}`,
+        `L${x + width},${y + height - r}`,
+        `Q${x + width},${y + height} ${x + width - r},${y + height}`,
+        `L${x},${y + height}`,
+        'Z',
+    ].join(' ');
+}
+/**
+ * Generates a line path from an array of points.
+ *
+ * @param points - Array of {x, y} coordinates
+ * @param curve - Interpolation type ('linear' or 'smooth')
+ * @returns SVG path d attribute string
+ */
+function linePath(points, curve = 'linear') {
+    if (points.length === 0)
+        return '';
+    if (points.length === 1)
+        return `M${points[0].x},${points[0].y}`;
+    if (curve === 'linear') {
+        const [first, ...rest] = points;
+        return `M${first.x},${first.y} ${rest.map((p) => `L${p.x},${p.y}`).join(' ')}`;
+    }
+    // Smooth curve using cubic bezier with Catmull-Rom-like control points
+    return smoothLinePath(points);
+}
+/**
+ * Generates a smooth curve path using cubic bezier segments.
+ * Uses Catmull-Rom-like control point calculation for natural curves.
+ */
+function smoothLinePath(points) {
+    if (points.length < 2)
+        return '';
+    const tension = 0.3; // Controls curve tightness (0 = sharp, 1 = very smooth)
+    const segments = [`M${points[0].x},${points[0].y}`];
+    for (let i = 0; i < points.length - 1; i++) {
+        const p0 = points[Math.max(0, i - 1)];
+        const p1 = points[i];
+        const p2 = points[i + 1];
+        const p3 = points[Math.min(points.length - 1, i + 2)];
+        // Calculate control points
+        const cp1x = p1.x + (p2.x - p0.x) * tension;
+        const cp1y = p1.y + (p2.y - p0.y) * tension;
+        const cp2x = p2.x - (p3.x - p1.x) * tension;
+        const cp2y = p2.y - (p3.y - p1.y) * tension;
+        segments.push(`C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`);
+    }
+    return segments.join(' ');
+}
+/**
+ * Generates an area path (filled region under a line).
+ *
+ * @param points - Array of {x, y} coordinates for the top edge
+ * @param baseline - Y position of the bottom edge
+ * @param curve - Interpolation type
+ * @returns SVG path d attribute string
+ */
+function areaPath(points, baseline, curve = 'linear') {
+    if (points.length === 0)
+        return '';
+    const topPath = linePath(points, curve);
+    const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
+    // Close the path along the baseline
+    return `${topPath} L${lastPoint.x},${baseline} L${firstPoint.x},${baseline} Z`;
+}
+/**
+ * Generates stacked area paths where each series sits on top of the previous.
+ *
+ * @param seriesPoints - Array of point arrays, one per series
+ * @param baseline - Y position of the initial baseline
+ * @param curve - Interpolation type
+ * @returns Array of path strings, one per series
+ */
+function stackedAreaPaths(seriesPoints, baseline, curve = 'linear') {
+    if (seriesPoints.length === 0)
+        return [];
+    const paths = [];
+    let previousBottom = seriesPoints[0].map((p) => ({ x: p.x, y: baseline }));
+    for (const topPoints of seriesPoints) {
+        // Build path: top line, then bottom line in reverse
+        const topPath = linePath(topPoints, curve);
+        const bottomPath = linePath([...previousBottom].reverse(), curve).replace('M', 'L');
+        paths.push(`${topPath} ${bottomPath} Z`);
+        // This series top becomes next series bottom
+        previousBottom = topPoints;
+    }
+    return paths;
+}
+/**
+ * Generates an arc path for pie/donut chart segments.
+ *
+ * @param cx - Center X
+ * @param cy - Center Y
+ * @param outerRadius - Outer radius
+ * @param innerRadius - Inner radius (0 for pie, >0 for donut)
+ * @param startAngle - Start angle in radians
+ * @param endAngle - End angle in radians
+ * @returns SVG path d attribute string
+ */
+function arcPath(cx, cy, outerRadius, innerRadius, startAngle, endAngle) {
+    const largeArc = endAngle - startAngle > Math.PI ? 1 : 0;
+    // Outer arc points
+    const outerStartX = cx + outerRadius * Math.cos(startAngle);
+    const outerStartY = cy + outerRadius * Math.sin(startAngle);
+    const outerEndX = cx + outerRadius * Math.cos(endAngle);
+    const outerEndY = cy + outerRadius * Math.sin(endAngle);
+    {
+        // Pie slice (no hole)
+        return [
+            `M${cx},${cy}`,
+            `L${outerStartX},${outerStartY}`,
+            `A${outerRadius},${outerRadius} 0 ${largeArc} 1 ${outerEndX},${outerEndY}`,
+            'Z',
+        ].join(' ');
+    }
+}
+/**
+ * Computes arc segments for pie/donut chart data.
+ *
+ * @param values - Array of numeric values
+ * @param startAngle - Starting angle in radians (default: -π/2 = 12 o'clock)
+ * @returns Array of {startAngle, endAngle, value, percentage} for each segment
+ */
+function computeArcs(values, startAngle = -Math.PI / 2) {
+    const total = values.reduce((sum, v) => sum + Math.max(0, v), 0);
+    if (total === 0) {
+        return values.map(() => ({
+            startAngle: 0,
+            endAngle: 0,
+            value: 0,
+            percentage: 0,
+        }));
+    }
+    const arcs = [];
+    let currentAngle = startAngle;
+    for (const value of values) {
+        const percentage = Math.max(0, value) / total;
+        const sweep = percentage * 2 * Math.PI;
+        arcs.push({
+            startAngle: currentAngle,
+            endAngle: currentAngle + sweep,
+            value,
+            percentage,
+        });
+        currentAngle += sweep;
+    }
+    return arcs;
+}
+/**
+ * Generates grid line paths for the chart background.
+ *
+ * @param ticks - Array of tick positions
+ * @param orientation - 'horizontal' for y-axis ticks, 'vertical' for x-axis
+ * @param bounds - Chart bounds {x, y, width, height}
+ * @returns Array of path strings for each grid line
+ */
+function gridLinePaths(ticks, orientation, bounds) {
+    if (orientation === 'horizontal') {
+        return ticks.map((y) => `M${bounds.x},${y} L${bounds.x + bounds.width},${y}`);
+    }
+    return ticks.map((x) => `M${x},${bounds.y} L${x},${bounds.y + bounds.height}`);
+}
+/**
+ * Computes the centroid of an arc (for label positioning).
+ *
+ * @param cx - Center X
+ * @param cy - Center Y
+ * @param radius - Radius at which to place the centroid
+ * @param startAngle - Start angle in radians
+ * @param endAngle - End angle in radians
+ * @returns {x, y} coordinates of the centroid
+ */
+function arcCentroid(cx, cy, radius, startAngle, endAngle) {
+    const midAngle = (startAngle + endAngle) / 2;
+    return {
+        x: cx + radius * Math.cos(midAngle),
+        y: cy + radius * Math.sin(midAngle),
+    };
+}
+
+/**
+ * Accessibility utilities for chart components.
+ * Generates ARIA attributes, screen reader descriptions, and hidden data tables.
+ */
+/**
+ * Generates an accessible description for a chart based on its type and data.
+ *
+ * @param type - Chart type (bar, line, pie, area)
+ * @param data - Chart data points
+ * @param title - Optional chart title
+ * @returns Descriptive text for screen readers
+ */
+function generateChartDescription(type, data, title) {
+    const chartName = `${capitalizeFirst(type)} chart`;
+    if (data.length === 0) {
+        return `${chartName} with no data.`;
+    }
+    const values = data.map((d) => d.value);
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const sum = values.reduce((a, b) => a + b, 0);
+    const avg = sum / values.length;
+    const minItem = data.find((d) => d.value === min);
+    const maxItem = data.find((d) => d.value === max);
+    const parts = [
+        `${chartName} showing ${data.length} data points.`,
+    ];
+    if (type === 'pie' || type === 'donut') {
+        parts.push(`Total value: ${formatNumber(sum)}.`);
+        parts.push(`Largest segment: ${maxItem?.label} at ${formatPercent(max / sum)}.`);
+        parts.push(`Smallest segment: ${minItem?.label} at ${formatPercent(min / sum)}.`);
+    }
+    else {
+        parts.push(`Range: ${formatNumber(min)} to ${formatNumber(max)}.`);
+        parts.push(`Average: ${formatNumber(avg)}.`);
+        if (maxItem) {
+            parts.push(`Highest: ${maxItem.label} at ${formatNumber(max)}.`);
+        }
+        if (minItem && minItem !== maxItem) {
+            parts.push(`Lowest: ${minItem.label} at ${formatNumber(min)}.`);
+        }
+    }
+    return parts.join(' ');
+}
+/**
+ * Generates a hidden HTML table for screen reader access to chart data.
+ * Should be rendered inside the chart component but visually hidden.
+ *
+ * @param data - Chart data points
+ * @param valueLabel - Column header for values (e.g., "Amount", "Count")
+ * @returns HTML string for a data table
+ */
+function generateDataTable(data, valueLabel = 'Value') {
+    if (data.length === 0) {
+        return '<p>No data available.</p>';
+    }
+    const rows = data
+        .map((d) => `<tr><td>${escapeHtml(d.label)}</td><td>${formatNumber(d.value)}</td></tr>`)
+        .join('');
+    return `
+<table class="sr-only">
+  <caption>Chart data</caption>
+  <thead>
+    <tr>
+      <th scope="col">Category</th>
+      <th scope="col">${escapeHtml(valueLabel)}</th>
+    </tr>
+  </thead>
+  <tbody>
+    ${rows}
+  </tbody>
+</table>`.trim();
+}
+/**
+ * Generates ARIA attributes for the chart container.
+ */
+function getChartAriaAttrs(description, hasInteraction = false) {
+    const attrs = {
+        role: 'img',
+        'aria-label': description,
+    };
+    if (hasInteraction) {
+        attrs.role = 'application';
+        attrs['aria-roledescription'] = 'interactive chart';
+    }
+    return attrs;
+}
+/**
+ * CSS for visually hidden but screen-reader accessible elements.
+ */
+const srOnlyStyles = `
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+`.trim();
+// ============================================================================
+// Helper functions
+// ============================================================================
+function capitalizeFirst(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+function formatNumber(value) {
+    return new Intl.NumberFormat('en-US', {
+        maximumFractionDigits: 2,
+    }).format(value);
+}
+function formatPercent(value) {
+    return new Intl.NumberFormat('en-US', {
+        style: 'percent',
+        maximumFractionDigits: 1,
+    }).format(value);
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+}
+
+export { areaPath as a, generateChartDescription as b, generateDataTable as c, getChartAriaAttrs as d, srOnlyStyles as e, barPath as f, gridLinePaths as g, computeArcs as h, arcCentroid as i, arcPath as j, linePath as l, stackedAreaPaths as s };

package/dist/esm/af-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 afAccordionItemCss = ":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 var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.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 var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.chevron.is-open{transform:rotate(180deg)}.content-wrapper{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){.trigger,.chevron,.content-wrapper{transition-duration:0.01ms}}.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}";
+const afAccordionItemCss = () => `: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 var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.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 var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.chevron.is-open{transform:rotate(180deg)}.content-wrapper{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){.trigger,.chevron,.content-wrapper{transition-duration:0.01ms}}.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}`;
 
 const AfAccordionItem = class {
     constructor(hostRef) {
@@ -68,10 +68,11 @@ const AfAccordionItem = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-AfAccordionItem.style = afAccordionItemCss;
+AfAccordionItem.style = afAccordionItemCss();
 
 export { AfAccordionItem as af_accordion_item };
-//# sourceMappingURL=af-accordion-item.entry.js.map

package/dist/esm/af-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 afAccordionCss = ".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}";
+const afAccordionCss = () => `.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}`;
 
 const AfAccordion = class {
     constructor(hostRef) {
@@ -91,10 +91,11 @@ const AfAccordion = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "value": ["handleValueChange"]
+        "value": [{
+                "handleValueChange": 0
+            }]
     }; }
 };
-AfAccordion.style = afAccordionCss;
+AfAccordion.style = afAccordionCss();
 
 export { AfAccordion as af_accordion };
-//# sourceMappingURL=af-accordion.entry.js.map

package/dist/esm/af-action-item.entry.js

@@ -0,0 +1,52 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BjfY9fsk.js';
+
+const afActionItemCss = () => `.sc-af-action-item-h{display:block}.action-item__button.sc-af-action-item{display:flex;align-items:flex-start;gap:var(--space-3, 12px);width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);border:none;background:transparent;text-align:left;cursor:default;border-radius:var(--radius-sm, 6px);transition:background-color var(--motion-duration-fast, 150ms) var(--motion-easing-standard);font-family:var(--typography-primaryfont, 'NeuSans', sans-serif)}.action-item--interactive.sc-af-action-item .action-item__button.sc-af-action-item{cursor:pointer}.action-item--interactive.sc-af-action-item .action-item__button.sc-af-action-item:hover{background-color:var(--af-background-level-1, #e8eeed)}.action-item--interactive.sc-af-action-item .action-item__button.sc-af-action-item:focus-visible{outline:2px solid var(--colour-brand-ice, #a6fffb);outline-offset:-2px}.action-item--blocked.sc-af-action-item .action-item__button.sc-af-action-item{cursor:not-allowed;opacity:0.7}.action-item__status.sc-af-action-item{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:2px}.action-item__status-empty.sc-af-action-item{width:20px;height:20px;border:2px solid var(--colour-inkwell-200, #a1aeb1);border-radius:50%}.action-item__status-progress.sc-af-action-item{width:20px;height:20px;border:2px solid var(--colour-brand-mist-green, #c6d5d1);border-radius:50%;position:relative}.action-item__status-progress.sc-af-action-item::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background-color:var(--colour-brand-mist-green, #c6d5d1);border-radius:50%}.action-item--done.sc-af-action-item .action-item__status.sc-af-action-item{color:var(--status-ok, #3e8f6e)}.action-item--blocked.sc-af-action-item .action-item__status.sc-af-action-item{color:var(--status-issue, #b94a3b)}.action-item__content.sc-af-action-item{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.action-item__title.sc-af-action-item{font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-typography-body-default, #2b484f)}.action-item--done.sc-af-action-item .action-item__title.sc-af-action-item{text-decoration:line-through;color:var(--af-typography-body-subtle, #60767b)}.action-item__meta.sc-af-action-item{font-size:14px;line-height:20px;color:var(--af-typography-body-subtle, #60767b)}.action-item__meta.sc-af-action-item:empty{display:none}.action-item__info.sc-af-action-item{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.action-item__assignee.sc-af-action-item{font-size:14px;line-height:20px;color:var(--af-typography-body-default, #2b484f)}.action-item__due-date.sc-af-action-item{font-size:13px;line-height:18px;color:var(--af-typography-body-subtle, #60767b)}.sc-af-action-item-h+-shadowcsshost{border-top:1px solid var(--af-background-border-subtle, #e8eeed)}@media (max-width: 480px){.action-item__button.sc-af-action-item{padding:var(--space-3, 12px);gap:var(--space-3, 12px)}.action-item__title.sc-af-action-item{font-size:15px}.action-item__info.sc-af-action-item{align-items:flex-end;gap:2px}.action-item__assignee.sc-af-action-item,.action-item__due-date.sc-af-action-item{font-size:13px;line-height:18px}}`;
+
+const AfActionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.actionItemToggle = createEvent(this, "af-action-item-toggle");
+        /**
+         * Current status of the action item.
+         */
+        this.status = 'pending';
+        /**
+         * Whether clicking toggles the status (cycles: pending -> in-progress -> done).
+         */
+        this.interactive = false;
+        this.handleClick = () => {
+            if (!this.interactive || this.status === 'blocked')
+                return;
+            const nextStatus = {
+                pending: 'in-progress',
+                'in-progress': 'done',
+                done: 'pending',
+                blocked: 'blocked',
+            };
+            this.status = nextStatus[this.status];
+            this.actionItemToggle.emit({ status: this.status });
+        };
+    }
+    renderStatusIcon() {
+        switch (this.status) {
+            case 'done':
+                return h("af-icon", { name: "check-circle", size: 20 });
+            case 'in-progress':
+                return h("div", { class: "action-item__status-progress" });
+            case 'blocked':
+                return h("af-icon", { name: "close", size: 16 });
+            default:
+                return h("div", { class: "action-item__status-empty" });
+        }
+    }
+    render() {
+        return (h(Host, { key: 'e9b741bbdee7c4fa48f09005d6cc4214e73ddb2f', class: {
+                'action-item': true,
+                [`action-item--${this.status}`]: true,
+                'action-item--interactive': this.interactive,
+            }, role: "listitem" }, h("button", { key: '13fe8d6b8f8ea72a38320bf55c94c688604bd2f9', type: "button", class: "action-item__button", onClick: this.handleClick, disabled: !this.interactive || this.status === 'blocked', "aria-pressed": this.status === 'done' }, h("div", { key: '9e1cfc819e9e32d0dbbcb2d875d0116e126aef22', class: "action-item__status" }, this.renderStatusIcon()), h("div", { key: '59cabab93785b56b7540231384d0b729811f91f5', class: "action-item__content" }, h("div", { key: 'f6947c82c23feac7d786c089a050189fe5cf1b48', class: "action-item__title" }, h("slot", { key: '887c551106365435b52ca260582ccd450c4cb330' })), h("div", { key: '431ddbe13c22f54a9045859676cad6651c90fbb4', class: "action-item__meta" }, h("slot", { key: 'be29c8715008c4e9ed5a369e07dd865f9e90a10c', name: "meta" }))), (this.assignee || this.dueDate) && (h("div", { key: '7cb13d2d6a50f1ad5a9aca676b26f5f2120cef30', class: "action-item__info" }, this.assignee && (h("span", { key: 'a73f3880dbe016591f99dda0bd41a78d6f3fbe2e', class: "action-item__assignee" }, this.assignee)), this.dueDate && (h("span", { key: 'a178963ffe3d50d7e0dd4bba22ca84a39190780a', class: "action-item__due-date" }, this.dueDate)))))));
+    }
+};
+AfActionItem.style = afActionItemCss();
+
+export { AfActionItem as af_action_item };

package/dist/esm/af-action-list.entry.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BjfY9fsk.js';
+
+const afActionListCss = () => `.sc-af-action-list-h{display:block;width:100%}.action-list__header.sc-af-action-list{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);margin-bottom:var(--space-3, 12px)}.action-list__header.sc-af-action-list:empty{display:none}.action-list__heading.sc-af-action-list{flex:1;min-width:0}.action-list__heading.sc-af-action-list:empty{display:none}.action-list__heading.sc-af-action-list-s>*,.action-list__heading .sc-af-action-list-s>*{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:18px;line-height:24px;color:var(--af-typography-heading-primary, #14343b);margin:0}.action-list__progress-info.sc-af-action-list{flex-shrink:0}.action-list__progress-count.sc-af-action-list{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)}.action-list__progress-bar.sc-af-action-list{height:4px;background-color:var(--af-background-level-1, #e8eeed);border-radius:2px;overflow:hidden;margin-bottom:var(--space-4, 16px)}.action-list__progress-fill.sc-af-action-list{height:100%;background-color:var(--af-background-contrast, #c6d5d1);border-radius:2px;transition:width var(--motion-duration-base, 200ms) var(--motion-easing-standard)}.action-list__items.sc-af-action-list{display:flex;flex-direction:column;gap:0}@media (max-width: 480px){.action-list__header.sc-af-action-list{flex-direction:column;align-items:flex-start;gap:var(--space-2, 8px)}.action-list__progress-bar.sc-af-action-list{height:6px;border-radius:3px}}`;
+
+const AfActionList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show a progress bar indicating completion percentage.
+         */
+        this.showProgress = false;
+        this.progress = 0;
+        this.total = 0;
+        this.done = 0;
+    }
+    componentDidLoad() {
+        this.calculateProgress();
+    }
+    handleItemToggle() {
+        this.calculateProgress();
+    }
+    calculateProgress() {
+        const items = this.el.querySelectorAll('af-action-item');
+        this.total = items.length;
+        this.done = Array.from(items).filter((item) => item.status === 'done').length;
+        this.progress = this.total > 0 ? (this.done / this.total) * 100 : 0;
+    }
+    render() {
+        return (h(Host, { key: '1cbb14a9500a69b20876c263dc60687e6b6d8d68', class: "action-list" }, h("div", { key: '923234c9a5e8277ad875a41d4da4fd0609317273', class: "action-list__header" }, h("div", { key: '88707036867846e5285d1346ee9180139fb2cc38', class: "action-list__heading" }, h("slot", { key: '5b48fc6fa26c8c57867b4aef0e022904667a1f36', name: "heading" })), this.showProgress && this.total > 0 && (h("div", { key: '1adcd6469d9902adcaadf62a45281dfdd11e182e', class: "action-list__progress-info" }, h("span", { key: '6c0d5436f5f8e08bd20d8cc2ab45639f35ea5ec2', class: "action-list__progress-count" }, this.done, " / ", this.total)))), this.showProgress && this.total > 0 && (h("div", { key: 'e7aeb1785c7c5b08f544bc5f99c259a669870b55', class: "action-list__progress-bar" }, h("div", { key: '3886d6ae9dc5e1808f8927de6c99eb61dcf8835f', class: "action-list__progress-fill", style: { width: `${this.progress}%` } }))), h("div", { key: '3ad9adf79c2e75f923db5dabe454e382cfc04f81', class: "action-list__items", role: "list" }, h("slot", { key: '451de70ab0056acadd5de5c4b096d233cf612672' }))));
+    }
+    get el() { return getElement(this); }
+};
+AfActionList.style = afActionListCss();
+
+export { AfActionList as af_action_list };