@affinda/wc 0.5.0 → 0.6.0

package/dist/types/components/af-input/af-input.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * Input field component with label, description, and error states.
- * Supports various input types and validation states.
+ * Supports single-line and multi-line (textarea) modes via the `multiline` prop.
  *
  * @slot label-end - Content to display at the end of the label (e.g., info icon)
  */
@@ -23,7 +23,8 @@ export declare class AfInput {
      */
     value: string;
     /**
-     * The input type (text, email, password, number, tel, url, search)
+     * The input type (text, email, password, number, tel, url, search).
+     * Ignored when `multiline` is true.
      */
     type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
     /**
@@ -51,11 +52,11 @@ export declare class AfInput {
      */
     showInfoIcon: boolean;
     /**
-     * Whether to show a search icon in the input
+     * Whether to show a search icon in the input. Ignored when `multiline` is true.
      */
     showSearchIcon: boolean;
     /**
-     * Whether to show a clear button when input has value
+     * Whether to show a clear button when input has value. Ignored when `multiline` is true.
      */
     clearable: boolean;
     /**
@@ -71,9 +72,23 @@ export declare class AfInput {
      */
     minlength?: number;
     /**
-     * Pattern for input validation (regex)
+     * Pattern for input validation (regex). Ignored when `multiline` is true.
      */
     pattern?: string;
+    /**
+     * Render as a multi-line textarea instead of a single-line input.
+     * Activates `rows` and `resize` props; ignores `type`, `pattern`,
+     * `autocomplete`, `showSearchIcon`, `clearable`.
+     */
+    multiline: boolean;
+    /**
+     * Number of visible rows when `multiline` is true. Ignored otherwise.
+     */
+    rows: number;
+    /**
+     * Whether the textarea is resizable. Ignored when `multiline` is false.
+     */
+    resize: 'none' | 'vertical' | 'horizontal' | 'both';
     /**
      * Emitted when the input value changes
      */
@@ -89,7 +104,7 @@ export declare class AfInput {
      */
     afFocus: EventEmitter<void>;
     /**
-     * Emitted when the clear button is clicked
+     * Emitted when the clear button is clicked. Only fires in single-line mode.
      */
     afClear: EventEmitter<void>;
     /**

package/dist/types/components/af-textarea/af-textarea.d.ts

@@ -1,10 +1,19 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
+ * @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
+ * alias kept for one minor cycle for backward compatibility and will be removed
+ * in a future major release. Prefer `af-input` with the `multiline`, `rows` and
+ * `resize` props — the rendered output and `--af-input-*` CSS custom property
+ * surface are identical.
+ *
  * Textarea component for multi-line text input with label, description, and error states.
  *
  * @slot label-end - Content to display at the end of the label (e.g., info icon)
  */
 export declare class AfTextarea {
+    /** @internal */
+    private static deprecationWarned;
+    componentWillLoad(): void;
     /**
      * The label text for the textarea
      */

package/dist/types/components.d.ts

@@ -889,7 +889,7 @@ export namespace Components {
     }
     /**
      * Input field component with label, description, and error states.
-     * Supports various input types and validation states.
+     * Supports single-line and multi-line (textarea) modes via the `multiline` prop.
      */
     interface AfInput {
         /**
@@ -897,7 +897,7 @@ export namespace Components {
          */
         "autocomplete"?: string;
         /**
-          * Whether to show a clear button when input has value
+          * Whether to show a clear button when input has value. Ignored when `multiline` is true.
           * @default false
          */
         "clearable": boolean;
@@ -926,12 +926,17 @@ export namespace Components {
           * Minimum length of input value
          */
         "minlength"?: number;
+        /**
+          * Render as a multi-line textarea instead of a single-line input. Activates `rows` and `resize` props; ignores `type`, `pattern`, `autocomplete`, `showSearchIcon`, `clearable`.
+          * @default false
+         */
+        "multiline": boolean;
         /**
           * The name of the input for form submission
          */
         "name"?: string;
         /**
-          * Pattern for input validation (regex)
+          * Pattern for input validation (regex). Ignored when `multiline` is true.
          */
         "pattern"?: string;
         /**
@@ -948,18 +953,28 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
+        /**
+          * Whether the textarea is resizable. Ignored when `multiline` is false.
+          * @default 'vertical'
+         */
+        "resize": 'none' | 'vertical' | 'horizontal' | 'both';
+        /**
+          * Number of visible rows when `multiline` is true. Ignored otherwise.
+          * @default 4
+         */
+        "rows": number;
         /**
           * Whether to show the info icon next to the label
           * @default false
          */
         "showInfoIcon": boolean;
         /**
-          * Whether to show a search icon in the input
+          * Whether to show a search icon in the input. Ignored when `multiline` is true.
           * @default false
          */
         "showSearchIcon": boolean;
         /**
-          * The input type (text, email, password, number, tel, url, search)
+          * The input type (text, email, password, number, tel, url, search). Ignored when `multiline` is true.
           * @default 'text'
          */
         "type": 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
@@ -1809,6 +1824,11 @@ export namespace Components {
         "layout": 'single' | 'grid-2' | 'grid-3' | 'grid-4' | 'stacked';
     }
     /**
+     * @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
+     * alias kept for one minor cycle for backward compatibility and will be removed
+     * in a future major release. Prefer `af-input` with the `multiline`, `rows` and
+     * `resize` props — the rendered output and `--af-input-*` CSS custom property
+     * surface are identical.
      * Textarea component for multi-line text input with label, description, and error states.
      */
     interface AfTextarea {
@@ -2546,7 +2566,7 @@ declare global {
     }
     /**
      * Input field component with label, description, and error states.
-     * Supports various input types and validation states.
+     * Supports single-line and multi-line (textarea) modes via the `multiline` prop.
      */
     interface HTMLAfInputElement extends Components.AfInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAfInputElementEventMap>(type: K, listener: (this: HTMLAfInputElement, ev: AfInputCustomEvent<HTMLAfInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3126,6 +3146,11 @@ declare global {
         "afInfoClick": void;
     }
     /**
+     * @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
+     * alias kept for one minor cycle for backward compatibility and will be removed
+     * in a future major release. Prefer `af-input` with the `multiline`, `rows` and
+     * `resize` props — the rendered output and `--af-input-*` CSS custom property
+     * surface are identical.
      * Textarea component for multi-line text input with label, description, and error states.
      */
     interface HTMLAfTextareaElement extends Components.AfTextarea, HTMLStencilElement {
@@ -4183,7 +4208,7 @@ declare namespace LocalJSX {
     }
     /**
      * Input field component with label, description, and error states.
-     * Supports various input types and validation states.
+     * Supports single-line and multi-line (textarea) modes via the `multiline` prop.
      */
     interface AfInput {
         /**
@@ -4191,7 +4216,7 @@ declare namespace LocalJSX {
          */
         "autocomplete"?: string;
         /**
-          * Whether to show a clear button when input has value
+          * Whether to show a clear button when input has value. Ignored when `multiline` is true.
           * @default false
          */
         "clearable"?: boolean;
@@ -4220,6 +4245,11 @@ declare namespace LocalJSX {
           * Minimum length of input value
          */
         "minlength"?: number;
+        /**
+          * Render as a multi-line textarea instead of a single-line input. Activates `rows` and `resize` props; ignores `type`, `pattern`, `autocomplete`, `showSearchIcon`, `clearable`.
+          * @default false
+         */
+        "multiline"?: boolean;
         /**
           * The name of the input for form submission
          */
@@ -4229,7 +4259,7 @@ declare namespace LocalJSX {
          */
         "onAfBlur"?: (event: AfInputCustomEvent<void>) => void;
         /**
-          * Emitted when the clear button is clicked
+          * Emitted when the clear button is clicked. Only fires in single-line mode.
          */
         "onAfClear"?: (event: AfInputCustomEvent<void>) => void;
         /**
@@ -4245,7 +4275,7 @@ declare namespace LocalJSX {
          */
         "onAfInput"?: (event: AfInputCustomEvent<{ value: string }>) => void;
         /**
-          * Pattern for input validation (regex)
+          * Pattern for input validation (regex). Ignored when `multiline` is true.
          */
         "pattern"?: string;
         /**
@@ -4262,18 +4292,28 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * Whether the textarea is resizable. Ignored when `multiline` is false.
+          * @default 'vertical'
+         */
+        "resize"?: 'none' | 'vertical' | 'horizontal' | 'both';
+        /**
+          * Number of visible rows when `multiline` is true. Ignored otherwise.
+          * @default 4
+         */
+        "rows"?: number;
         /**
           * Whether to show the info icon next to the label
           * @default false
          */
         "showInfoIcon"?: boolean;
         /**
-          * Whether to show a search icon in the input
+          * Whether to show a search icon in the input. Ignored when `multiline` is true.
           * @default false
          */
         "showSearchIcon"?: boolean;
         /**
-          * The input type (text, email, password, number, tel, url, search)
+          * The input type (text, email, password, number, tel, url, search). Ignored when `multiline` is true.
           * @default 'text'
          */
         "type"?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
@@ -5147,6 +5187,11 @@ declare namespace LocalJSX {
         "layout"?: 'single' | 'grid-2' | 'grid-3' | 'grid-4' | 'stacked';
     }
     /**
+     * @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
+     * alias kept for one minor cycle for backward compatibility and will be removed
+     * in a future major release. Prefer `af-input` with the `multiline`, `rows` and
+     * `resize` props — the rendered output and `--af-input-*` CSS custom property
+     * surface are identical.
      * Textarea component for multi-line text input with label, description, and error states.
      */
     interface AfTextarea {
@@ -5734,7 +5779,7 @@ declare module "@stencil/core" {
             "af-inline": LocalJSX.AfInline & JSXBase.HTMLAttributes<HTMLAfInlineElement>;
             /**
              * Input field component with label, description, and error states.
-             * Supports various input types and validation states.
+             * Supports single-line and multi-line (textarea) modes via the `multiline` prop.
              */
             "af-input": LocalJSX.AfInput & JSXBase.HTMLAttributes<HTMLAfInputElement>;
             /**
@@ -6053,6 +6098,11 @@ declare module "@stencil/core" {
              */
             "af-text-image-nest": LocalJSX.AfTextImageNest & JSXBase.HTMLAttributes<HTMLAfTextImageNestElement>;
             /**
+             * @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
+             * alias kept for one minor cycle for backward compatibility and will be removed
+             * in a future major release. Prefer `af-input` with the `multiline`, `rows` and
+             * `resize` props — the rendered output and `--af-input-*` CSS custom property
+             * surface are identical.
              * Textarea component for multi-line text input with label, description, and error states.
              */
             "af-textarea": LocalJSX.AfTextarea & JSXBase.HTMLAttributes<HTMLAfTextareaElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affinda/wc",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",

package/dist/affinda/p-15a1d019.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r,H as a}from"./p-CYq0zyKH.js";const s=".sc-af-progress-line-h{display:block;width:100%}.progress-line.sc-af-progress-line{position:relative;overflow:hidden}.progress-line--horizontal.sc-af-progress-line{height:3px;width:100%}.progress-line__background.sc-af-progress-line{position:absolute;inset:0;background:var(--af-background-border-default, var(--colour-background-border-default, #d1ddda));height:1px;top:50%;transform:translateY(-50%)}.progress-line__active.sc-af-progress-line{position:relative;height:100%;min-width:1px;background:var(--af-background-border-active, var(--colour-background-border-active, #8a7049));transition:width 0.15s ease-out}";const o=class{constructor(r){e(this,r);this.progress=0;this.orientation="horizontal"}render(){const e=Math.max(0,Math.min(1,this.progress));const s=e*100;return r(a,{key:"b09e523a63bdb6ea6084e98e6fb8030840648f27"},r("div",{key:"eda92bcf3b0f9d92edfb32299953b984520cc413",class:{"progress-line":true,[`progress-line--${this.orientation}`]:true},role:"progressbar","aria-valuenow":Math.round(s),"aria-valuemin":0,"aria-valuemax":100},r("div",{key:"cf4748fdaf9a5e1f410e4bf16acaf6ebd80a931b",class:"progress-line__background"}),r("div",{key:"3c20e0c290595e97b5e34a6e788297e180494add",class:"progress-line__active",style:{width:`${s}%`}})))}};o.style=s;export{o as af_progress_line};
-//# sourceMappingURL=p-15a1d019.entry.js.map

package/dist/affinda/p-838bbc80.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as p,a as s}from"./p-CYq0zyKH.js";const r=".sc-af-stepper-h{display:flex;width:100%;position:relative;max-width:1120px;margin:0 auto;align-items:flex-start;justify-content:space-between;gap:24px}.stepper--vertical.sc-af-stepper-h{flex-direction:column;max-width:680px;gap:40px}.stepper--horizontal.sc-af-stepper .stepper__connector.sc-af-stepper{position:absolute;top:23px;left:8%;right:8%;height:2px;background:var(--colour-brand-inkwell, #14343b);opacity:0.25;z-index:0}.stepper--vertical.sc-af-stepper .stepper__connector.sc-af-stepper{position:absolute;top:24px;bottom:24px;left:23px;width:2px;background:var(--colour-brand-inkwell, #14343b);opacity:0.25;z-index:0}@media (max-width: 767px){.stepper--horizontal.sc-af-stepper{flex-direction:column;gap:32px}.stepper--horizontal.sc-af-stepper .stepper__connector.sc-af-stepper{top:24px;bottom:24px;left:23px;right:auto;width:2px;height:auto}}";const a=class{constructor(t){e(this,t);this.orientation="horizontal"}componentDidLoad(){this.assignIndices()}assignIndices(){const e=Array.from(this.el.querySelectorAll("af-stepper-step"));e.forEach(((e,t)=>{if(e.index==null||e.index===1){e.index=t+1}}))}render(){return t(p,{key:"c0f67912f1725dcc8cce09bb7fc87ef2b61f0153",class:`stepper stepper--${this.orientation}`},t("div",{key:"190ee10d7b204a387cda11019275018becb7700f",class:"stepper__connector","aria-hidden":"true"}),t("slot",{key:"af02da9d06b1b29850686f66e941403ac765e5d0"}))}get el(){return s(this)}};a.style=r;export{a as af_stepper};
-//# sourceMappingURL=p-838bbc80.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as o,h as e,H as c}from"./p-CYq0zyKH.js";const f=".sc-af-footer-column-h{display:block}.footer-column.sc-af-footer-column{display:flex;flex-direction:column;gap:16px}.footer-column__heading.sc-af-footer-column{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0;text-transform:none}.footer-column__list.sc-af-footer-column{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer-column__list.sc-af-footer-column-s>li,.footer-column__list .sc-af-footer-column-s>li{margin:0}";const a=class{constructor(e){o(this,e);this.heading=""}render(){return e(c,{key:"283526c985df996540e558a5591e5a167e5c4c9b"},e("div",{key:"829fc317f3999dda3aadbb8cc68c3ce53485df12",class:"footer-column"},this.heading&&e("h5",{key:"567141f08e21166642f7e9fea2d4becfaa9e2162",class:"footer-column__heading"},this.heading),e("ul",{key:"b5b7cb63ffe3fed5d97edaa1264fab916980da8b",class:"footer-column__list"},e("slot",{key:"4c9adcdfc3c25f42c325bc222f4b9761b82a0280"}))))}};a.style=f;export{a as af_footer_column};
-//# sourceMappingURL=p-a196f362.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as c}from"./p-CYq0zyKH.js";const i=".sc-af-icon-text-h{display:block}.icon-text.sc-af-icon-text{display:flex;width:100%}.icon-text--vertical.sc-af-icon-text{flex-direction:column;gap:24px;align-items:flex-start}.icon-text--horizontal.sc-af-icon-text{flex-direction:row;gap:20px;align-items:flex-start}.icon-text__icon.sc-af-icon-text{flex-shrink:0}.icon-text__lockup.sc-af-icon-text{flex:1;min-width:0}@media (max-width: 768px){.icon-text--vertical.sc-af-icon-text{gap:20px}.icon-text--horizontal.sc-af-icon-text{gap:16px}}";const a=class{constructor(e){t(this,e);this.headingSize=4;this.orientation="vertical";this.iconSize="default"}render(){const t={"icon-text":true,[`icon-text--${this.orientation}`]:true};return e(c,{key:"e00ca808eec26f88a177d91373d749908f3b2b5a"},e("div",{key:"c2709624720dd8775474c7c5be41ab93291bbe83",class:t},e("af-icon-box",{key:"68feda331b07eefd23f10a4edf25b935e0298cf8",icon:this.icon,size:this.iconSize,class:"icon-text__icon"}),e("af-typography-lockup",{key:"56ee1da85e0808e3e12033abc7f0c74786b0b099",headingSize:this.headingSize,textAlignment:"left",buttonAlignment:"vertical",class:"icon-text__lockup"},e("slot",{key:"056bef68d2251e514527cd49cbe2e8623556cc2a"}),e("span",{key:"fb3379b7494d73b306a10f792f403ea1da719067",slot:"description"},e("slot",{key:"7d06d6f52096fd80343823bd406f5a80d0035eaa",name:"description"})),e("span",{key:"9b4e20bc667fe53312297bdea1b5a96706dd3521",slot:"buttons"},e("slot",{key:"dac8dfcef4cb3f1f3d7caacb6ef40d29e52b53fe",name:"buttons"})))))}};a.style=i;export{a as af_icon_text};
-//# sourceMappingURL=p-a6be61c2.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as a,H as t}from"./p-CYq0zyKH.js";const o=":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), \n    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))}";const i=class{constructor(a){e(this,a);this.afInput=r(this,"afInput");this.afBlur=r(this,"afBlur");this.afFocus=r(this,"afFocus");this.afInfoClick=r(this,"afInfoClick");this.value="";this.disabled=false;this.required=false;this.readonly=false;this.showInfoIcon=false;this.rows=4;this.resize="vertical";this.isFocused=false;this.isHovered=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.afInput.emit({value:this.value})};this.handleFocus=()=>{this.isFocused=true;this.afFocus.emit()};this.handleBlur=()=>{this.isFocused=false;this.afBlur.emit()};this.handleMouseEnter=()=>{this.isHovered=true};this.handleMouseLeave=()=>{this.isHovered=false};this.handleInfoClick=e=>{e.preventDefault();e.stopPropagation();this.afInfoClick.emit()}}render(){const e=!!this.error;const r=!!(this.value&&this.value.length>0);const o={"textarea-wrapper":true,disabled:this.disabled,error:e,focused:this.isFocused,hovered:this.isHovered&&!this.disabled&&!this.isFocused,populated:r};const i={"textarea-container":true,disabled:this.disabled,error:e,focused:this.isFocused,hovered:this.isHovered&&!this.disabled&&!this.isFocused};return a(t,{key:"84f322a374d364669942e9153c6ba42221af1059"},a("div",{key:"4b5a62e919a479bcf741f2d1d9e39a7b0e1e49ac",class:o},this.label&&a("div",{key:"e73b88c28588b8f3e5b9823467e8c972fd671391",class:"label-row"},a("label",{key:"01c16777469e037495997efc2cacc51778fcd9c7",class:"label",htmlFor:"textarea"},this.label,this.required&&a("span",{key:"6da50443dadd3a6eec5655b4ff2fa19affa38006",class:"required"},"*")),this.showInfoIcon&&a("button",{key:"c731c726f54946273a330c0173f09faeb9fe583b",type:"button",class:"info-icon",onClick:this.handleInfoClick,"aria-label":"More information"},a("svg",{key:"24a1ee4fb10ebd9a84a897cefef09ad7e7b63565",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"3523e8495fc5ffa06d793318f55ba79043174931",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"}),a("path",{key:"d2caa0b33fccc6289f00fc22fc329df52d86a6ed",d:"M12 16V12",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{key:"db8d8ee03abe2638265d192be6efb992a6041199",d:"M12 8H12.01",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),a("slot",{key:"8325f2fc490d8261a596398da7cc68d74ccfce11",name:"label-end"})),this.description&&a("p",{key:"7db9b0e06615f5a13b7759cd81c23ee6ab124769",class:"description"},this.description),a("div",{key:"939c306f7a56735956e2ef4badeb4cfa39abf759",class:i,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("textarea",{key:"0dffd719ed83955990ae1935fb8d39ab92fd9b94",ref:e=>this.textareaEl=e??undefined,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":undefined,"aria-describedby":e?"error-message":this.description?"description":undefined,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),e&&a("div",{key:"1f7f83da7518216eb63ff9cb685ffb92b3b37fb1",class:"error-row",id:"error-message"},a("span",{key:"a1af53a449805506ac0abddae3a236232a538bd9",class:"error-icon"},a("svg",{key:"b52e5c14a8986c502e1e0dce8a95c7d381c7a8e3",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"af8c97b747c960065f7461e84c893e644b66d9c5",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"}),a("path",{key:"145226126e4ba52c6234b3c454e43d87b495789c",d:"M12 16V12",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{key:"7b94917ac5c96c6abbfc93826b07fa967b49506a",d:"M12 8H12.01",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),a("span",{key:"9f097e0c43b1a6b19d0275fed8a216e901ce2d86",class:"error-text"},this.error))))}};i.style=o;export{i as af_textarea};
-//# sourceMappingURL=p-b77fa201.entry.js.map

package/dist/affinda/p-b77fa201.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","afTextareaCss","AfTextarea","constructor","hostRef","this","afInput","afBlur","afFocus","afInfoClick","value","disabled","required","readonly","showInfoIcon","rows","resize","isFocused","isHovered","handleInput","event","target","emit","handleFocus","handleBlur","handleMouseEnter","handleMouseLeave","handleInfoClick","preventDefault","stopPropagation","render","hasError","error","hasValue","length","wrapperClasses","focused","hovered","populated","textareaContainerClasses","key","class","label","htmlFor","type","onClick","viewBox","fill","xmlns","d","stroke","name","description","onMouseEnter","onMouseLeave","ref","el","textareaEl","undefined","id","placeholder","maxlength","minlength","style","onInput","onFocus","onBlur"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as a,H as e}from"./p-CYq0zyKH.js";const c=".sc-af-contact-item-h{display:block}.contact-item.sc-af-contact-item{display:flex;flex-direction:column;gap:4px}.contact-item__label.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.contact-item__value.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}";const s=class{constructor(a){t(this,a);this.label="";this.value=""}render(){return a(e,{key:"01276444ebe5b9da51f83a98cfe10a6367e5ad46"},a("div",{key:"0438970f2162d814615441a1a5252d095f4407d9",class:"contact-item"},this.label&&a("h5",{key:"a55d0172d834a6c3681493223a6d86b2e2ea809b",class:"contact-item__label"},this.label),this.value&&a("p",{key:"60942e88db4782a2b45e627bf5914edf476e8383",class:"contact-item__value"},this.value),a("slot",{key:"8d1946d2e59875a728116615b6c36c335c07ef1d"})))}};s.style=c;export{s as af_contact_item};
-//# sourceMappingURL=p-c2a6c874.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as t,H as a}from"./p-CYq0zyKH.js";const o=':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}.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 i=class{constructor(t){e(this,t);this.afInput=r(this,"afInput");this.afBlur=r(this,"afBlur");this.afFocus=r(this,"afFocus");this.afClear=r(this,"afClear");this.afInfoClick=r(this,"afInfoClick");this.value="";this.type="text";this.disabled=false;this.required=false;this.readonly=false;this.showInfoIcon=false;this.showSearchIcon=false;this.clearable=false;this.isFocused=false;this.isHovered=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.afInput.emit({value:this.value})};this.handleFocus=()=>{this.isFocused=true;this.afFocus.emit()};this.handleBlur=()=>{this.isFocused=false;this.afBlur.emit()};this.handleMouseEnter=()=>{this.isHovered=true};this.handleMouseLeave=()=>{this.isHovered=false};this.handleClear=()=>{this.value="";this.afClear.emit();this.afInput.emit({value:""});this.inputEl?.focus()};this.handleInfoClick=e=>{e.preventDefault();e.stopPropagation();this.afInfoClick.emit()}}render(){const e=!!this.error;const r=!!(this.value&&this.value.length>0);const o={"input-wrapper":true,disabled:this.disabled,error:e,focused:this.isFocused,hovered:this.isHovered&&!this.disabled&&!this.isFocused,populated:r};const i={"input-container":true,disabled:this.disabled,error:e,focused:this.isFocused,hovered:this.isHovered&&!this.disabled&&!this.isFocused};return t(a,{key:"5bf8980e12ad5fc3b8b84df3acc749bddf61042d"},t("div",{key:"d0266eca85871397ed73381ca3d36f3dc2dd79ce",class:o},this.label&&t("div",{key:"f9fc2fe3f52a1f9be1404943d91489357ea941dc",class:"label-row"},t("label",{key:"76283a7f0c9be127aa8c9115fcbc26b2d67d51cc",class:"label",htmlFor:"input"},this.label,this.required&&t("span",{key:"6b0de23e857abfdd25d6eefaa6ff22f22fa813dd",class:"required"},"*")),this.showInfoIcon&&t("button",{key:"7c5f7a47a8357301f3fe28d6078bdec3ec1160c3",type:"button",class:"info-icon",onClick:this.handleInfoClick,"aria-label":"More information"},t("svg",{key:"655c9448589937c2047a58962f78ab1872e0da84",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"5066c29389ac8f9e1e27771f43a98f75f9b03634",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"}),t("path",{key:"1993da070066d33575618267d6af5b13b641143b",d:"M12 16V12",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"dd99ac12d4a23b98c98fca1df34916968276fc0e",d:"M12 8H12.01",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("slot",{key:"b406de5a455af79a69497c6a641b5c41347ee1ab",name:"label-end"})),this.description&&t("p",{key:"0dcebb186df7055efb168f96ad4199e2f614a87c",class:"description"},this.description),t("div",{key:"754b8a3e67d5807d7d484d475d31913dee8004f4",class:i,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.showSearchIcon&&t("span",{key:"5757962a3479a6cd1f12bd1da183919af69ad9f4",class:"search-icon"},t("svg",{key:"4106175e5b41e4c978b38eda6db36799a6a6f762",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"1d54b9a8c682c9049e97b28143f0dcd90e068dee",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"}),t("path",{key:"d3ed0187abde8c14eae462612c918e10cb46916d",d:"M21 21L16.65 16.65",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("input",{key:"fb7a551d44282686732b78865bab8720c5e08830",ref:e=>this.inputEl=e??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":e?"true":undefined,"aria-describedby":e?"error-message":this.description?"description":undefined,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.clearable&&r&&!this.disabled&&!this.readonly&&t("button",{key:"6ad41a3ee4ffdbeefa11e45754a22143b33405e5",type:"button",class:"clear-button",onClick:this.handleClear,"aria-label":"Clear input"},t("svg",{key:"129f73660030e81ff17071fae51bb34af23eca57",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"78d4c71521ac7daced7023c5bcfb2bfccf593fab",d:"M18 6L6 18",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"4eb85452029e8347dd648dcc849fa000b41b7fea",d:"M6 6L18 18",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})))),e&&t("div",{key:"cc3b6083e88bb99ec17edffbf95ec89e2bb27e97",class:"error-row",id:"error-message"},t("span",{key:"fe264a854aaebe481a6913275859ca57b1d61d0d",class:"error-icon"},t("svg",{key:"1159f77b184d1888c5c5ebe6138070c66abb66e6",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"59975a202086127c2548843e842d33895d6ba1ff",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"}),t("path",{key:"11c79f296c1dce73beebd67eeefe3d71b17ee191",d:"M12 16V12",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"9f146c96a38b14afb1919cf480224ee520ac16b0",d:"M12 8H12.01",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("span",{key:"2d326d0d72727dca4c4839fb5279323e556fbe04",class:"error-text"},this.error))))}};i.style=o;export{i as af_input};
-//# sourceMappingURL=p-c925d301.entry.js.map

package/dist/affinda/p-c925d301.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","afInputCss","AfInput","constructor","hostRef","this","afInput","afBlur","afFocus","afClear","afInfoClick","value","type","disabled","required","readonly","showInfoIcon","showSearchIcon","clearable","isFocused","isHovered","handleInput","event","target","emit","handleFocus","handleBlur","handleMouseEnter","handleMouseLeave","handleClear","inputEl","focus","handleInfoClick","preventDefault","stopPropagation","render","hasError","error","hasValue","length","wrapperClasses","focused","hovered","populated","inputContainerClasses","key","class","label","htmlFor","onClick","viewBox","fill","xmlns","d","stroke","name","description","onMouseEnter","onMouseLeave","ref","el","undefined","id","placeholder","autocomplete","maxlength","minlength","pattern","onInput","onFocus","onBlur","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as s}from"./p-CYq0zyKH.js";const n=":host{display:flex;box-sizing:border-box}:host([hidden]){display:none}";const r=class{constructor(t){e(this,t);this.direction="vertical";this.gap="4";this.align="stretch";this.justify="start";this.wrap=false}render(){const e={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"};const n={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};const r={display:"flex",flexDirection:this.direction==="vertical"?"column":"row",gap:`var(--space-${this.gap})`,alignItems:e[this.align],justifyContent:n[this.justify],flexWrap:this.wrap?"wrap":"nowrap"};return t(s,{key:"2be027b85f3b9167ec237f8b046d41c68e92eaea",style:r},t("slot",{key:"df553b2b049139b4dbbb8b8794098dec439d3642"}))}};r.style=n;export{r as af_stack};
-//# sourceMappingURL=p-cd21a62a.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as r,a as o}from"./p-CYq0zyKH.js";const s=":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 a=class{constructor(i){e(this,i);this.accordionToggle=t(this,"af-accordion-toggle");this.open=false;this.disabled=false;this.contentHeight=0;this.handleTriggerClick=()=>{if(!this.disabled){this.toggle()}}}handleOpenChange(e){if(e){this.measureContent()}}componentDidLoad(){if(this.open){this.measureContent()}this.resizeObserver=new ResizeObserver((()=>{if(this.open&&this.contentRef){this.contentHeight=this.contentRef.scrollHeight}}));if(this.contentRef){this.resizeObserver.observe(this.contentRef)}}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}async toggle(){if(!this.disabled){this.open=!this.open;this.accordionToggle.emit({itemId:this.itemId,open:this.open})}}measureContent(){requestAnimationFrame((()=>{if(this.contentRef){this.contentHeight=this.contentRef.scrollHeight}}))}render(){const e={maxHeight:this.open?`${this.contentHeight}px`:"0px"};return i(r,{key:"5c40059bcf1543e8bf9fd596bde7207f41a3cf5e",class:{"is-open":this.open,"is-disabled":this.disabled}},i("div",{key:"32b0f0b9ef50bb5deb3dba0485c0f050a7e014a1",class:"accordion-item"},i("button",{key:"f32464ad141e178089bd1ece7200e5c60f61e41b",class:"trigger",onClick:this.handleTriggerClick,"aria-expanded":this.open?"true":"false","aria-controls":`content-${this.itemId}`,disabled:this.disabled,type:"button"},i("div",{key:"1c5d50cb26d3958088e19f70f1d2c85b68fa625d",class:"trigger-content"},i("slot",{key:"ff4bbb3506dc88ffcb26f36378904c0b7e4c12c6",name:"trigger"})),i("div",{key:"83feeeeb2f2c9f14ba77d815a38ef4c1fc5f942f",class:{chevron:true,"is-open":this.open}},i("svg",{key:"ede0f8c5b41fe625705b57cae0a0227b5bbfb8c4",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{key:"4c41c45bb8a90458b82ec2599c827a74e12028b7",d:"M6 9l6 6 6-6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),i("div",{key:"744694560f824b3a1196248c33934683c33faebc",id:`content-${this.itemId}`,class:"content-wrapper",style:e,"aria-hidden":!this.open?"true":"false"},i("div",{key:"db86e29db7bc05846e6e700a70f5b72232becc6b",class:"content",ref:e=>this.contentRef=e},i("slot",{key:"82242b7c5909fe54d4d4b504c1557a20a7d50340"})))))}get el(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};a.style=s;export{a as af_accordion_item};
-//# sourceMappingURL=p-ea5aea86.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as t,H as s,a}from"./p-CYq0zyKH.js";const c=".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 n=class{constructor(t){i(this,t);this.accordionChange=e(this,"af-accordion-change");this.mode="independent";this.internalValue=[]}isControlled(){return this.value!==undefined}componentWillLoad(){const i=this.isControlled()?this.value:this.defaultValue;this.internalValue=this.normalizeValue(i)}handleValueChange(i){if(this.isControlled()){this.internalValue=this.normalizeValue(i);this.syncItems()}}componentDidLoad(){this.syncItems()}handleItemToggle(i){i.stopPropagation();const{itemId:e,open:t}=i.detail;let s;if(this.mode==="exclusive"){s=t?[e]:[]}else{if(t){s=[...this.internalValue,e]}else{s=this.internalValue.filter((i=>i!==e))}}if(!this.isControlled()){this.internalValue=s;this.syncItems()}const a=this.mode==="exclusive"?s.length>0?s[0]:null:s;this.accordionChange.emit({value:a})}normalizeValue(i){if(i===undefined||i===null){return[]}if(Array.isArray(i)){return this.mode==="exclusive"?i.slice(0,1):i}return[i]}syncItems(){const i=this.el.querySelectorAll("af-accordion-item");i.forEach((i=>{const e=i;if(e.itemId){e.open=this.internalValue.includes(e.itemId)}}))}render(){return t(s,{key:"8eb6fbba767e8a472317bd622a9027645a781657",class:{[`mode-${this.mode}`]:true}},t("div",{key:"5301bfbb3023e1305be16cff8176ce0c0ad93b7d",class:"accordion"},t("slot",{key:"254363e079aeafd6fb126d1ad01ff6caa2ca0919"})))}get el(){return a(this)}static get watchers(){return{value:["handleValueChange"]}}};n.style=c;export{n as af_accordion};
-//# sourceMappingURL=p-fd772af4.entry.js.map

package/dist/components/p-Bebi4EvS.js.map

@@ -1 +0,0 @@
-{"file":"p-Bebi4EvS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-textarea/af-textarea.css?tag=af-textarea&encapsulation=shadow","src/components/af-textarea/af-textarea.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n/* Wrapper */\n.textarea-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sds-size-space-200, 8px);\n  width: 100%;\n}\n\n/* Label row */\n.label-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.label {\n  flex: 1;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-book, 500);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-label, var(--af-typography-body-dark, #14343b));\n  cursor: default;\n}\n\n.required {\n  color: var(--af-input-error, var(--colour-error, #be292a));\n  margin-left: 2px;\n}\n\n/* Info icon button */\n.info-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--af-input-icon, var(--af-background-icon-default, #14343b));\n  flex-shrink: 0;\n}\n\n.info-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.info-icon:hover {\n  opacity: 0.7;\n}\n\n.info-icon:focus-visible {\n  outline: 2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* Description */\n.description {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-description, var(--af-typography-body-default, #2b484f));\n  margin: 0;\n}\n\n/* Textarea container */\n.textarea-container {\n  display: flex;\n  background: var(--af-input-bg, #ffffff);\n  border: 1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));\n  border-radius: var(--radii-input, 8px);\n  transition: all 0.15s ease;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n/* Hover state */\n.textarea-container.hovered {\n  background: var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));\n  border-color: var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1));\n}\n\n/* Focus state */\n.textarea-container.focused {\n  background: var(--af-input-bg, #ffffff);\n  border-color: var(--af-input-border-active, var(--af-typography-body-dark, #14343b));\n  box-shadow: \n    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));\n}\n\n/* Error state */\n.textarea-container.error {\n  border-color: var(--af-input-border-error, var(--colour-error, #be292a));\n}\n\n/* Disabled state */\n.textarea-container.disabled {\n  background: var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));\n  border-color: var(--af-input-border, var(--af-background-border-default, #d1ddda));\n  cursor: not-allowed;\n}\n\n/* Native textarea */\n.textarea {\n  flex: 1;\n  min-width: 0;\n  min-height: 108px;\n  padding: 12px 16px;\n  border: none;\n  background: transparent;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-text, var(--af-typography-body-dark, #14343b));\n  outline: none;\n  resize: vertical;\n}\n\n.textarea::placeholder {\n  color: var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));\n  opacity: 1;\n}\n\n.textarea:disabled {\n  cursor: not-allowed;\n  color: var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));\n  resize: none;\n}\n\n.textarea:disabled::placeholder {\n  color: var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));\n}\n\n/* Error row */\n.error-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.error-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  color: var(--af-input-error, var(--colour-error, #be292a));\n}\n\n.error-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.error-text {\n  flex: 1;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-error, var(--colour-error, #be292a));\n}\n\n","import { Component, h, Prop, Host, Event, EventEmitter, State } from '@stencil/core';\n\n/**\n * Textarea component for multi-line text input with label, description, and error states.\n * \n * @slot label-end - Content to display at the end of the label (e.g., info icon)\n */\n@Component({\n  tag: 'af-textarea',\n  styleUrl: 'af-textarea.css',\n  shadow: true\n})\nexport class AfTextarea {\n  /**\n   * The label text for the textarea\n   */\n  @Prop() label?: string;\n\n  /**\n   * Description text displayed below the label\n   */\n  @Prop() description?: string;\n\n  /**\n   * Placeholder text for the textarea\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The current value of the textarea\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * The name of the textarea for form submission\n   */\n  @Prop() name?: string;\n\n  /**\n   * Whether the textarea is disabled\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Whether the textarea is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the textarea is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Error message to display (also sets error state)\n   */\n  @Prop() error?: string;\n\n  /**\n   * Whether to show the info icon next to the label\n   */\n  @Prop() showInfoIcon: boolean = false;\n\n  /**\n   * Number of visible rows (height)\n   */\n  @Prop() rows: number = 4;\n\n  /**\n   * Maximum length of input value\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * Minimum length of input value\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * Whether the textarea is resizable\n   */\n  @Prop() resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical';\n\n  /**\n   * Emitted when the textarea value changes\n   */\n  @Event() afInput!: EventEmitter<{ value: string }>;\n\n  /**\n   * Emitted when the textarea loses focus\n   */\n  @Event() afBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the textarea gains focus\n   */\n  @Event() afFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the info icon is clicked\n   */\n  @Event() afInfoClick!: EventEmitter<void>;\n\n  @State() private isFocused: boolean = false;\n  @State() private isHovered: boolean = false;\n\n  private textareaEl?: HTMLTextAreaElement;\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLTextAreaElement;\n    this.value = target.value;\n    this.afInput.emit({ value: this.value });\n  };\n\n  private handleFocus = () => {\n    this.isFocused = true;\n    this.afFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.isFocused = false;\n    this.afBlur.emit();\n  };\n\n  private handleMouseEnter = () => {\n    this.isHovered = true;\n  };\n\n  private handleMouseLeave = () => {\n    this.isHovered = false;\n  };\n\n  private handleInfoClick = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.afInfoClick.emit();\n  };\n\n  render() {\n    const hasError = !!this.error;\n    const hasValue = !!(this.value && this.value.length > 0);\n\n    const wrapperClasses = {\n      'textarea-wrapper': true,\n      'disabled': this.disabled,\n      'error': hasError,\n      'focused': this.isFocused,\n      'hovered': this.isHovered && !this.disabled && !this.isFocused,\n      'populated': hasValue\n    };\n\n    const textareaContainerClasses = {\n      'textarea-container': true,\n      'disabled': this.disabled,\n      'error': hasError,\n      'focused': this.isFocused,\n      'hovered': this.isHovered && !this.disabled && !this.isFocused\n    };\n\n    return (\n      <Host>\n        <div class={wrapperClasses}>\n          {/* Label */}\n          {this.label && (\n            <div class=\"label-row\">\n              <label class=\"label\" htmlFor=\"textarea\">\n                {this.label}\n                {this.required && <span class=\"required\">*</span>}\n              </label>\n              {this.showInfoIcon && (\n                <button \n                  type=\"button\" \n                  class=\"info-icon\" \n                  onClick={this.handleInfoClick}\n                  aria-label=\"More information\"\n                >\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path 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\"/>\n                    <path d=\"M12 16V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M12 8H12.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  </svg>\n                </button>\n              )}\n              <slot name=\"label-end\"></slot>\n            </div>\n          )}\n\n          {/* Description */}\n          {this.description && (\n            <p class=\"description\">{this.description}</p>\n          )}\n\n          {/* Textarea container */}\n          <div \n            class={textareaContainerClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            {/* Native textarea */}\n            <textarea\n              ref={(el) => this.textareaEl = el ?? undefined}\n              id=\"textarea\"\n              class=\"textarea\"\n              name={this.name}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              required={this.required}\n              readonly={this.readonly}\n              rows={this.rows}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              style={{ resize: this.resize }}\n              aria-invalid={hasError ? 'true' : undefined}\n              aria-describedby={hasError ? 'error-message' : this.description ? 'description' : undefined}\n              onInput={this.handleInput}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n            />\n          </div>\n\n          {/* Error message */}\n          {hasError && (\n            <div class=\"error-row\" id=\"error-message\">\n              <span class=\"error-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path 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\"/>\n                  <path d=\"M12 16V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path d=\"M12 8H12.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n              </span>\n              <span class=\"error-text\">{this.error}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"version":3}

package/dist/components/p-DOZPKyww.js.map

@@ -1 +0,0 @@
-{"file":"p-DOZPKyww.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-input/af-input.css?tag=af-input&encapsulation=shadow","src/components/af-input/af-input.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n/* Wrapper */\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sds-size-space-200, 8px);\n  width: 100%;\n}\n\n/* Label row */\n.label-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.label {\n  flex: 1;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-book, 500);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-label, var(--af-typography-body-dark, #14343b));\n  cursor: default;\n}\n\n.required {\n  color: var(--af-input-error, var(--colour-error, #be292a));\n  margin-left: 2px;\n}\n\n/* Info icon button */\n.info-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--af-input-icon, var(--af-background-icon-default, #14343b));\n  flex-shrink: 0;\n}\n\n.info-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.info-icon:hover {\n  opacity: 0.7;\n}\n\n.info-icon:focus-visible {\n  outline: 2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* Description */\n.description {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-description, var(--af-typography-body-default, #2b484f));\n  margin: 0;\n}\n\n/* Input container */\n.input-container {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--af-input-bg, #ffffff);\n  border: 1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));\n  border-radius: var(--radii-input, 8px);\n  transition: all 0.15s ease;\n  min-height: 48px;\n  box-sizing: border-box;\n}\n\n/* Hover state */\n.input-container.hovered {\n  background: var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));\n  border-color: var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1));\n}\n\n/* Focus state */\n.input-container.focused {\n  background: var(--af-input-bg, #ffffff);\n  border-color: var(--af-input-border-active, var(--af-typography-body-dark, #14343b));\n  box-shadow: \n    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));\n}\n\n/* Error state */\n.input-container.error {\n  border-color: var(--af-input-border-error, var(--colour-error, #be292a));\n}\n\n/* Disabled state */\n.input-container.disabled {\n  background: var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));\n  border-color: var(--af-input-border, var(--af-background-border-default, #d1ddda));\n  cursor: not-allowed;\n}\n\n/* Search icon */\n.search-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  color: var(--af-input-icon, var(--af-background-icon-default, #14343b));\n}\n\n.search-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.disabled .search-icon {\n  opacity: 0.5;\n}\n\n/* Native input */\n.input {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-text, var(--af-typography-body-dark, #14343b));\n  outline: none;\n}\n\n.input::placeholder {\n  color: var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));\n  opacity: 1;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  color: var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));\n}\n\n.input:disabled::placeholder {\n  color: var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));\n}\n\n/* Hide native browser styling for search inputs */\n.input[type=\"search\"]::-webkit-search-decoration,\n.input[type=\"search\"]::-webkit-search-cancel-button,\n.input[type=\"search\"]::-webkit-search-results-button,\n.input[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\n/* Hide number input spinners */\n.input[type=\"number\"]::-webkit-inner-spin-button,\n.input[type=\"number\"]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\n/* Clear button */\n.clear-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--af-input-icon, var(--af-background-icon-default, #14343b));\n  flex-shrink: 0;\n  opacity: 0.6;\n  transition: opacity 0.15s ease;\n}\n\n.clear-button svg {\n  width: 16px;\n  height: 16px;\n}\n\n.clear-button:hover {\n  opacity: 1;\n}\n\n.clear-button:focus-visible {\n  outline: 2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* Error row */\n.error-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.error-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  color: var(--af-input-error, var(--colour-error, #be292a));\n}\n\n.error-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.error-text {\n  flex: 1;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-input-error, var(--colour-error, #be292a));\n}\n","import { Component, h, Prop, Host, Event, EventEmitter, State } from '@stencil/core';\n\n/**\n * Input field component with label, description, and error states.\n * Supports various input types and validation states.\n * \n * @slot label-end - Content to display at the end of the label (e.g., info icon)\n */\n@Component({\n  tag: 'af-input',\n  styleUrl: 'af-input.css',\n  shadow: true\n})\nexport class AfInput {\n  /**\n   * The label text for the input field\n   */\n  @Prop() label?: string;\n\n  /**\n   * Description text displayed below the label\n   */\n  @Prop() description?: string;\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The current value of the input\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * The input type (text, email, password, number, tel, url, search)\n   */\n  @Prop() type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' = 'text';\n\n  /**\n   * The name of the input for form submission\n   */\n  @Prop() name?: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Whether the input is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Error message to display (also sets error state)\n   */\n  @Prop() error?: string;\n\n  /**\n   * Whether to show the info icon next to the label\n   */\n  @Prop() showInfoIcon: boolean = false;\n\n  /**\n   * Whether to show a search icon in the input\n   */\n  @Prop() showSearchIcon: boolean = false;\n\n  /**\n   * Whether to show a clear button when input has value\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * Autocomplete attribute for the input\n   */\n  @Prop() autocomplete?: string;\n\n  /**\n   * Maximum length of input value\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * Minimum length of input value\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * Pattern for input validation (regex)\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Emitted when the input value changes\n   */\n  @Event() afInput!: EventEmitter<{ value: string }>;\n\n  /**\n   * Emitted when the input loses focus\n   */\n  @Event() afBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input gains focus\n   */\n  @Event() afFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the clear button is clicked\n   */\n  @Event() afClear!: EventEmitter<void>;\n\n  /**\n   * Emitted when the info icon is clicked\n   */\n  @Event() afInfoClick!: EventEmitter<void>;\n\n  @State() private isFocused: boolean = false;\n  @State() private isHovered: boolean = false;\n\n  private inputEl?: HTMLInputElement;\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.afInput.emit({ value: this.value });\n  };\n\n  private handleFocus = () => {\n    this.isFocused = true;\n    this.afFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.isFocused = false;\n    this.afBlur.emit();\n  };\n\n  private handleMouseEnter = () => {\n    this.isHovered = true;\n  };\n\n  private handleMouseLeave = () => {\n    this.isHovered = false;\n  };\n\n  private handleClear = () => {\n    this.value = '';\n    this.afClear.emit();\n    this.afInput.emit({ value: '' });\n    this.inputEl?.focus();\n  };\n\n  private handleInfoClick = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.afInfoClick.emit();\n  };\n\n  render() {\n    const hasError = !!this.error;\n    const hasValue = !!(this.value && this.value.length > 0);\n\n    const wrapperClasses = {\n      'input-wrapper': true,\n      'disabled': this.disabled,\n      'error': hasError,\n      'focused': this.isFocused,\n      'hovered': this.isHovered && !this.disabled && !this.isFocused,\n      'populated': hasValue\n    };\n\n    const inputContainerClasses = {\n      'input-container': true,\n      'disabled': this.disabled,\n      'error': hasError,\n      'focused': this.isFocused,\n      'hovered': this.isHovered && !this.disabled && !this.isFocused\n    };\n\n    return (\n      <Host>\n        <div class={wrapperClasses}>\n          {/* Label */}\n          {this.label && (\n            <div class=\"label-row\">\n              <label class=\"label\" htmlFor=\"input\">\n                {this.label}\n                {this.required && <span class=\"required\">*</span>}\n              </label>\n              {this.showInfoIcon && (\n                <button \n                  type=\"button\" \n                  class=\"info-icon\" \n                  onClick={this.handleInfoClick}\n                  aria-label=\"More information\"\n                >\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path 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\"/>\n                    <path d=\"M12 16V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M12 8H12.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  </svg>\n                </button>\n              )}\n              <slot name=\"label-end\"></slot>\n            </div>\n          )}\n\n          {/* Description */}\n          {this.description && (\n            <p class=\"description\">{this.description}</p>\n          )}\n\n          {/* Input container */}\n          <div \n            class={inputContainerClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            {/* Search icon */}\n            {this.showSearchIcon && (\n              <span class=\"search-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path 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\"/>\n                  <path d=\"M21 21L16.65 16.65\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n              </span>\n            )}\n\n            {/* Native input */}\n            <input\n              ref={(el) => this.inputEl = el ?? undefined}\n              id=\"input\"\n              class=\"input\"\n              type={this.type}\n              name={this.name}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              required={this.required}\n              readonly={this.readonly}\n              autocomplete={this.autocomplete}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              aria-invalid={hasError ? 'true' : undefined}\n              aria-describedby={hasError ? 'error-message' : this.description ? 'description' : undefined}\n              onInput={this.handleInput}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n            />\n\n            {/* Clear button */}\n            {this.clearable && hasValue && !this.disabled && !this.readonly && (\n              <button \n                type=\"button\" \n                class=\"clear-button\" \n                onClick={this.handleClear}\n                aria-label=\"Clear input\"\n              >\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n              </button>\n            )}\n          </div>\n\n          {/* Error message */}\n          {hasError && (\n            <div class=\"error-row\" id=\"error-message\">\n              <span class=\"error-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path 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\"/>\n                  <path d=\"M12 16V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  <path d=\"M12 8H12.01\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n              </span>\n              <span class=\"error-text\">{this.error}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"version":3}