@affinda/wc 0.0.1 → 0.0.3

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

@@ -1,47 +0,0 @@
-import { h } from "@stencil/core";
-export class AfBadge {
-    constructor() {
-        /** Color theme of the badge */
-        this.tone = 'brand';
-    }
-    render() {
-        return (h("span", { key: '1f9d4015b429e012eade75e331c991d5c785482d', class: `tone-${this.tone}`, part: "base" }, h("slot", { key: 'b69b37a3e996c43cb16d04d829232d9539f45e06' })));
-    }
-    static get is() { return "af-badge"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["af-badge.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["af-badge.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "tone": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'brand' | 'neutral' | 'success'",
-                    "resolved": "\"brand\" | \"neutral\" | \"success\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Color theme of the badge"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tone",
-                "defaultValue": "'brand'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=af-badge.js.map

package/dist/collection/components/af-badge/af-badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"af-badge.js","sourceRoot":"","sources":["../../../src/components/af-badge/af-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,OAAO;IALpB;QAME,+BAA+B;QACvB,SAAI,GAAoC,OAAO,CAAC;KASzD;IAPC,MAAM;QACJ,OAAO,CACL,6DAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,MAAM;YAC3C,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-badge',\n  styleUrl: 'af-badge.css',\n  shadow: true\n})\nexport class AfBadge {\n  /** Color theme of the badge */\n  @Prop() tone: 'brand' | 'neutral' | 'success' = 'brand';\n\n  render() {\n    return (\n      <span class={`tone-${this.tone}`} part=\"base\">\n        <slot />\n      </span>\n    );\n  }\n}\n"]}

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

@@ -1,69 +0,0 @@
-:host {
-  display: block;
-}
-
-article {
-  position: relative;
-  border-radius: var(--af-radius-md);
-  background: var(--af-color-bg-surface);
-  color: var(--af-color-fg-default);
-  padding: calc(var(--af-space-4) * 1.5);
-  box-shadow: none;
-  border: 1px solid rgba(18, 15, 31, 0.06);
-  transition: box-shadow 160ms ease, transform 160ms ease;
-  display: block;
-  overflow: hidden;
-}
-
-article.variant-elevated {
-  box-shadow: 0 18px 36px rgba(47, 22, 94, 0.18);
-  border: none;
-}
-
-article:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 24px 44px rgba(47, 22, 94, 0.24);
-}
-
-.accent {
-  position: absolute;
-  inset: 0;
-  width: 6px;
-  left: 0;
-  right: auto;
-  background: linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));
-}
-
-article.accent-brand .accent {
-  background: linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));
-}
-
-article.accent-success .accent {
-  background: linear-gradient(180deg, #22c55e, #16a34a);
-}
-
-article.accent-neutral .accent {
-  background: rgba(18, 15, 31, 0.18);
-}
-
-.content {
-  margin-left: 12px;
-  display: grid;
-  gap: var(--af-space-3);
-}
-
-.header:empty,
-.footer:empty {
-  display: none;
-}
-
-.header ::slotted(*) {
-  font-size: 1.125rem;
-  font-weight: var(--af-font-weight-semibold);
-}
-
-.footer ::slotted(*) {
-  display: inline-flex;
-  gap: var(--af-space-2);
-  align-items: center;
-}

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

@@ -1,70 +0,0 @@
-import { h } from "@stencil/core";
-export class AfCard {
-    constructor() {
-        /** Visual style of the card */
-        this.variant = 'surface';
-    }
-    render() {
-        const classes = {
-            [`variant-${this.variant}`]: true,
-            [`accent-${this.accent}`]: Boolean(this.accent)
-        };
-        return (h("article", { key: '6341b7150eb902027923228343dd017fee6aef32', class: classes, part: "base" }, this.accent ? h("span", { class: "accent", part: "accent", "aria-hidden": "true" }) : null, h("div", { key: '06256637c0e9e3a150b59fbc6f73d5b2867729ad', class: "content", part: "content" }, h("header", { key: '8f8c893d528cece13d1e9de7115b490a5ed84c88', class: "header", part: "header" }, h("slot", { key: 'b404fcc38918bb952678d78c035e9e7ad6e797ef', name: "header" })), h("div", { key: '2028736e547446fe12469cf74aec97daf6e3f10a', class: "body", part: "body" }, h("slot", { key: 'a2110bc4cfa174e4514d572d7a9cd28652c7da9a' })), h("footer", { key: '221a8202625e2794846ff7d68af45f9046fcfe58', class: "footer", part: "footer" }, h("slot", { key: 'b20d0e41962dbe766116845e2ef20c68003be7a7', name: "footer" })))));
-    }
-    static get is() { return "af-card"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["af-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["af-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'surface' | 'elevated'",
-                    "resolved": "\"elevated\" | \"surface\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Visual style of the card"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "variant",
-                "defaultValue": "'surface'"
-            },
-            "accent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'brand' | 'success' | 'neutral'",
-                    "resolved": "\"brand\" | \"neutral\" | \"success\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional accent colour strip"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "accent"
-            }
-        };
-    }
-}
-//# sourceMappingURL=af-card.js.map

package/dist/collection/components/af-card/af-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"af-card.js","sourceRoot":"","sources":["../../../src/components/af-card/af-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,MAAM;IALnB;QAME,+BAA+B;QACvB,YAAO,GAA2B,SAAS,CAAC;KA4BrD;IAvBC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACjC,CAAC,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;SAChD,CAAC;QAEF,OAAO,CACL,gEAAS,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM;YACjC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,iBAAa,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI;YACnF,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;gBACjC,+DAAQ,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;oBAClC,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB;gBACT,4DAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;oBAC3B,8DAAa,CACT;gBACN,+DAAQ,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;oBAClC,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACL,CACE,CACX,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-card',\n  styleUrl: 'af-card.css',\n  shadow: true\n})\nexport class AfCard {\n  /** Visual style of the card */\n  @Prop() variant: 'surface' | 'elevated' = 'surface';\n\n  /** Optional accent colour strip */\n  @Prop() accent?: 'brand' | 'success' | 'neutral';\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`accent-${this.accent}`]: Boolean(this.accent)\n    };\n\n    return (\n      <article class={classes} part=\"base\">\n        {this.accent ? <span class=\"accent\" part=\"accent\" aria-hidden=\"true\"></span> : null}\n        <div class=\"content\" part=\"content\">\n          <header class=\"header\" part=\"header\">\n            <slot name=\"header\"></slot>\n          </header>\n          <div class=\"body\" part=\"body\">\n            <slot></slot>\n          </div>\n          <footer class=\"footer\" part=\"footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </article>\n    );\n  }\n}\n"]}

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

@@ -1,57 +0,0 @@
-:host {
-  display: block;
-  font-family: var(--af-font-family-sans);
-}
-
-label {
-  display: grid;
-  gap: var(--af-space-2);
-  color: var(--af-color-fg-default);
-}
-
-.label {
-  font-size: 0.95rem;
-  font-weight: var(--af-font-weight-semibold);
-}
-
-.control {
-  position: relative;
-}
-
-input {
-  width: 100%;
-  padding: calc(var(--af-space-2) + 2px) calc(var(--af-space-4) + 8px);
-  border-radius: var(--af-radius-md);
-  border: 1px solid rgba(18, 15, 31, 0.18);
-  background: rgba(255, 255, 255, 0.9);
-  color: inherit;
-  font: inherit;
-  transition: border-color 160ms ease, box-shadow 160ms ease;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
-}
-
-input::placeholder {
-  color: var(--af-color-fg-muted);
-  opacity: 0.8;
-}
-
-input:focus-visible {
-  outline: none;
-  border-color: var(--af-color-brand-primary-500);
-  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.18);
-}
-
-label.disabled {
-  opacity: 0.55;
-  cursor: not-allowed;
-}
-
-input:disabled {
-  background: rgba(241, 240, 247, 0.7);
-  cursor: not-allowed;
-}
-
-.description {
-  font-size: 0.825rem;
-  color: var(--af-color-fg-muted);
-}

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

@@ -1,193 +0,0 @@
-import { h } from "@stencil/core";
-let inputIds = 0;
-export class AfInput {
-    constructor() {
-        this.inputId = `af-input-${++inputIds}`;
-        this.descriptionId = `${this.inputId}-desc`;
-        /** Input type attribute */
-        this.type = 'text';
-        /** Current value (mutable so the component stays in sync) */
-        this.value = '';
-        /** Disabled state */
-        this.disabled = false;
-        this.handleInput = (event) => {
-            const target = event.target;
-            this.value = target.value;
-            this.afInput.emit(this.value);
-        };
-        this.handleChange = () => {
-            this.afChange.emit(this.value);
-        };
-    }
-    render() {
-        const describedBy = this.description ? this.descriptionId : undefined;
-        return (h("label", { key: 'd14267dee125c07311c07bc31f0151448095dba6', part: "label", class: { disabled: this.disabled }, htmlFor: this.inputId }, this.label ? (h("span", { class: "label", part: "label-text" }, this.label)) : null, h("div", { key: 'd3b6428100e25c981650f5faa23df549d587ac10', class: "control" }, h("input", { key: '9e26981c32775b79ce9c3458a4890968fab04ef6', part: "field", id: this.inputId, type: this.type, placeholder: this.placeholder, value: this.value, disabled: this.disabled, "aria-describedby": describedBy, onInput: this.handleInput, onChange: this.handleChange })), this.description ? (h("p", { id: this.descriptionId, class: "description", part: "description" }, this.description)) : null));
-    }
-    static get is() { return "af-input"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["af-input.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["af-input.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional label text"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "description": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Assistive description shown below the field"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "description"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'text' | 'email' | 'password' | 'search'",
-                    "resolved": "\"email\" | \"password\" | \"search\" | \"text\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Input type attribute"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "'text'"
-            },
-            "placeholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Placeholder text"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder"
-            },
-            "value": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current value (mutable so the component stays in sync)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "''"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Disabled state"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "afInput",
-                "name": "afInput",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired as the user types"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }, {
-                "method": "afChange",
-                "name": "afChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired when the field loses focus after a change"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=af-input.js.map

package/dist/collection/components/af-input/af-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"af-input.js","sourceRoot":"","sources":["../../../src/components/af-input/af-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAExE,IAAI,QAAQ,GAAG,CAAC,CAAC;AAOjB,MAAM,OAAO,OAAO;IALpB;QAMU,YAAO,GAAG,YAAY,EAAE,QAAQ,EAAE,CAAC;QACnC,kBAAa,GAAG,GAAG,IAAI,CAAC,OAAO,OAAO,CAAC;QAQ/C,2BAA2B;QACnB,SAAI,GAA6C,MAAM,CAAC;QAKhE,6DAA6D;QACpC,UAAK,GAAG,EAAE,CAAC;QAEpC,qBAAqB;QACI,aAAQ,GAAG,KAAK,CAAC;QAQlC,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC;KAiCH;IA/BC,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;QAEtE,OAAO,CACL,8DAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;YAC1E,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,YAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY,IAClC,IAAI,CAAC,KAAK,CACN,CACR,CAAC,CAAC,CAAC,IAAI;YACR,4DAAK,KAAK,EAAC,SAAS;gBAClB,8DACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,sBACL,WAAW,EAC7B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,CACE;YACL,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,SAAG,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,IAC9D,IAAI,CAAC,WAAW,CACf,CACL,CAAC,CAAC,CAAC,IAAI,CACF,CACT,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nlet inputIds = 0;\n\n@Component({\n  tag: 'af-input',\n  styleUrl: 'af-input.css',\n  shadow: true\n})\nexport class AfInput {\n  private inputId = `af-input-${++inputIds}`;\n  private descriptionId = `${this.inputId}-desc`;\n\n  /** Optional label text */\n  @Prop() label?: string;\n\n  /** Assistive description shown below the field */\n  @Prop() description?: string;\n\n  /** Input type attribute */\n  @Prop() type: 'text' | 'email' | 'password' | 'search' = 'text';\n\n  /** Placeholder text */\n  @Prop() placeholder?: string;\n\n  /** Current value (mutable so the component stays in sync) */\n  @Prop({ mutable: true }) value = '';\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fired as the user types */\n  @Event() afInput!: EventEmitter<string>;\n\n  /** Fired when the field loses focus after a change */\n  @Event() afChange!: EventEmitter<string>;\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.afInput.emit(this.value);\n  };\n\n  private handleChange = () => {\n    this.afChange.emit(this.value);\n  };\n\n  render() {\n    const describedBy = this.description ? this.descriptionId : undefined;\n\n    return (\n      <label part=\"label\" class={{ disabled: this.disabled }} htmlFor={this.inputId}>\n        {this.label ? (\n          <span class=\"label\" part=\"label-text\">\n            {this.label}\n          </span>\n        ) : null}\n        <div class=\"control\">\n          <input\n            part=\"field\"\n            id={this.inputId}\n            type={this.type}\n            placeholder={this.placeholder}\n            value={this.value}\n            disabled={this.disabled}\n            aria-describedby={describedBy}\n            onInput={this.handleInput}\n            onChange={this.handleChange}\n          />\n        </div>\n        {this.description ? (\n          <p id={this.descriptionId} class=\"description\" part=\"description\">\n            {this.description}\n          </p>\n        ) : null}\n      </label>\n    );\n  }\n}\n"]}

package/dist/components/af-badge.js

@@ -1,9 +0,0 @@
-import { A as AfBadge$1, d as defineCustomElement$1 } from './p-B7I93sz2.js';
-
-const AfBadge = AfBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfBadge, defineCustomElement };
-//# sourceMappingURL=af-badge.js.map
-
-//# sourceMappingURL=af-badge.js.map

package/dist/components/af-badge.js.map

@@ -1 +0,0 @@
-{"file":"af-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/af-card.js

@@ -1,9 +0,0 @@
-import { A as AfCard$1, d as defineCustomElement$1 } from './p-DZIXhvI0.js';
-
-const AfCard = AfCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfCard, defineCustomElement };
-//# sourceMappingURL=af-card.js.map
-
-//# sourceMappingURL=af-card.js.map

package/dist/components/af-card.js.map

@@ -1 +0,0 @@
-{"file":"af-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/af-input.js

@@ -1,9 +0,0 @@
-import { A as AfInput$1, d as defineCustomElement$1 } from './p-CZd1ieht.js';
-
-const AfInput = AfInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfInput, defineCustomElement };
-//# sourceMappingURL=af-input.js.map
-
-//# sourceMappingURL=af-input.js.map

package/dist/components/af-input.js.map

@@ -1 +0,0 @@
-{"file":"af-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-B7I93sz2.js

@@ -1,39 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-DOtgsZRB.js';
-
-const afBadgeCss = ":host{display:inline-block}span{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--af-space-2);border-radius:var(--af-radius-pill);font:var(--af-font-weight-semibold) var(--af-size-font-sm) / 1 var(--af-font-family-sans);letter-spacing:0.02em;text-transform:uppercase}span.tone-brand{background:rgba(124, 58, 237, 0.12);color:var(--af-color-brand-primary-500)}span.tone-neutral{background:rgba(18, 15, 31, 0.1);color:var(--af-color-fg-default)}span.tone-success{background:rgba(16, 185, 129, 0.12);color:#0f766e}";
-
-const AfBadge = /*@__PURE__*/ proxyCustomElement(class AfBadge extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /** Color theme of the badge */
-        this.tone = 'brand';
-    }
-    render() {
-        return (h("span", { key: '1f9d4015b429e012eade75e331c991d5c785482d', class: `tone-${this.tone}`, part: "base" }, h("slot", { key: 'b69b37a3e996c43cb16d04d829232d9539f45e06' })));
-    }
-    static get style() { return afBadgeCss; }
-}, [257, "af-badge", {
-        "tone": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-badge"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfBadge);
-            }
-            break;
-    } });
-}
-
-export { AfBadge as A, defineCustomElement as d };
-//# sourceMappingURL=p-B7I93sz2.js.map
-
-//# sourceMappingURL=p-B7I93sz2.js.map

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

@@ -1 +0,0 @@
-{"file":"p-B7I93sz2.js","mappings":";;AAAA,MAAM,UAAU,GAAG,+hBAA+hB;;MCOriB,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAoC,OAAO;AASxD;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAE,IAAI,EAAC,MAAM,EAAA,EAC3C,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-badge/af-badge.css?tag=af-badge&encapsulation=shadow","src/components/af-badge/af-badge.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\nspan {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px var(--af-space-2);\n  border-radius: var(--af-radius-pill);\n  font: var(--af-font-weight-semibold) var(--af-size-font-sm) / 1 var(--af-font-family-sans);\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n}\n\nspan.tone-brand {\n  background: rgba(124, 58, 237, 0.12);\n  color: var(--af-color-brand-primary-500);\n}\n\nspan.tone-neutral {\n  background: rgba(18, 15, 31, 0.1);\n  color: var(--af-color-fg-default);\n}\n\nspan.tone-success {\n  background: rgba(16, 185, 129, 0.12);\n  color: #0f766e;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-badge',\n  styleUrl: 'af-badge.css',\n  shadow: true\n})\nexport class AfBadge {\n  /** Color theme of the badge */\n  @Prop() tone: 'brand' | 'neutral' | 'success' = 'brand';\n\n  render() {\n    return (\n      <span class={`tone-${this.tone}`} part=\"base\">\n        <slot />\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CZd1ieht.js

@@ -1,62 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DOtgsZRB.js';
-
-const afInputCss = ":host{display:block;font-family:var(--af-font-family-sans)}label{display:grid;gap:var(--af-space-2);color:var(--af-color-fg-default)}.label{font-size:0.95rem;font-weight:var(--af-font-weight-semibold)}.control{position:relative}input{width:100%;padding:calc(var(--af-space-2) + 2px) calc(var(--af-space-4) + 8px);border-radius:var(--af-radius-md);border:1px solid rgba(18, 15, 31, 0.18);background:rgba(255, 255, 255, 0.9);color:inherit;font:inherit;transition:border-color 160ms ease, box-shadow 160ms ease;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6)}input::placeholder{color:var(--af-color-fg-muted);opacity:0.8}input:focus-visible{outline:none;border-color:var(--af-color-brand-primary-500);box-shadow:0 0 0 4px rgba(124, 58, 237, 0.18)}label.disabled{opacity:0.55;cursor:not-allowed}input:disabled{background:rgba(241, 240, 247, 0.7);cursor:not-allowed}.description{font-size:0.825rem;color:var(--af-color-fg-muted)}";
-
-let inputIds = 0;
-const AfInput = /*@__PURE__*/ proxyCustomElement(class AfInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.afInput = createEvent(this, "afInput");
-        this.afChange = createEvent(this, "afChange");
-        this.inputId = `af-input-${++inputIds}`;
-        this.descriptionId = `${this.inputId}-desc`;
-        /** Input type attribute */
-        this.type = 'text';
-        /** Current value (mutable so the component stays in sync) */
-        this.value = '';
-        /** Disabled state */
-        this.disabled = false;
-        this.handleInput = (event) => {
-            const target = event.target;
-            this.value = target.value;
-            this.afInput.emit(this.value);
-        };
-        this.handleChange = () => {
-            this.afChange.emit(this.value);
-        };
-    }
-    render() {
-        const describedBy = this.description ? this.descriptionId : undefined;
-        return (h("label", { key: 'd14267dee125c07311c07bc31f0151448095dba6', part: "label", class: { disabled: this.disabled }, htmlFor: this.inputId }, this.label ? (h("span", { class: "label", part: "label-text" }, this.label)) : null, h("div", { key: 'd3b6428100e25c981650f5faa23df549d587ac10', class: "control" }, h("input", { key: '9e26981c32775b79ce9c3458a4890968fab04ef6', part: "field", id: this.inputId, type: this.type, placeholder: this.placeholder, value: this.value, disabled: this.disabled, "aria-describedby": describedBy, onInput: this.handleInput, onChange: this.handleChange })), this.description ? (h("p", { id: this.descriptionId, class: "description", part: "description" }, this.description)) : null));
-    }
-    static get style() { return afInputCss; }
-}, [257, "af-input", {
-        "label": [1],
-        "description": [1],
-        "type": [1],
-        "placeholder": [1],
-        "value": [1025],
-        "disabled": [516]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfInput);
-            }
-            break;
-    } });
-}
-
-export { AfInput as A, defineCustomElement as d };
-//# sourceMappingURL=p-CZd1ieht.js.map
-
-//# sourceMappingURL=p-CZd1ieht.js.map

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

@@ -1 +0,0 @@
-{"file":"p-CZd1ieht.js","mappings":";;AAAA,MAAM,UAAU,GAAG,g6BAAg6B;;ACEn7B,IAAI,QAAQ,GAAG,CAAC;MAOH,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAMU,QAAA,IAAA,CAAA,OAAO,GAAG,YAAY,EAAE,QAAQ,EAAE;QAClC,IAAA,CAAA,aAAa,GAAG,CAAA,EAAG,IAAI,CAAC,OAAO,OAAO;;AAStC,QAAA,IAAI,CAAA,IAAA,GAA6C,MAAM;;AAMtC,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE;;AAGV,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQjC,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,KAAY,KAAI;AACrC,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,YAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;YACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC/B,SAAC;AAEO,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;YAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,SAAC;AAiCF;IA/BC,MAAM,GAAA;AACJ,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,GAAG,SAAS;AAErE,QAAA,QACE,8DAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC1E,IAAI,CAAC,KAAK,IACT,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY,EAClC,EAAA,IAAI,CAAC,KAAK,CACN,IACL,IAAI,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACL,kBAAA,EAAA,WAAW,EAC7B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAA,CAC3B,CACE,EACL,IAAI,CAAC,WAAW,IACf,CAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,EAC9D,EAAA,IAAI,CAAC,WAAW,CACf,IACF,IAAI,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","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  font-family: var(--af-font-family-sans);\n}\n\nlabel {\n  display: grid;\n  gap: var(--af-space-2);\n  color: var(--af-color-fg-default);\n}\n\n.label {\n  font-size: 0.95rem;\n  font-weight: var(--af-font-weight-semibold);\n}\n\n.control {\n  position: relative;\n}\n\ninput {\n  width: 100%;\n  padding: calc(var(--af-space-2) + 2px) calc(var(--af-space-4) + 8px);\n  border-radius: var(--af-radius-md);\n  border: 1px solid rgba(18, 15, 31, 0.18);\n  background: rgba(255, 255, 255, 0.9);\n  color: inherit;\n  font: inherit;\n  transition: border-color 160ms ease, box-shadow 160ms ease;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);\n}\n\ninput::placeholder {\n  color: var(--af-color-fg-muted);\n  opacity: 0.8;\n}\n\ninput:focus-visible {\n  outline: none;\n  border-color: var(--af-color-brand-primary-500);\n  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.18);\n}\n\nlabel.disabled {\n  opacity: 0.55;\n  cursor: not-allowed;\n}\n\ninput:disabled {\n  background: rgba(241, 240, 247, 0.7);\n  cursor: not-allowed;\n}\n\n.description {\n  font-size: 0.825rem;\n  color: var(--af-color-fg-muted);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nlet inputIds = 0;\n\n@Component({\n  tag: 'af-input',\n  styleUrl: 'af-input.css',\n  shadow: true\n})\nexport class AfInput {\n  private inputId = `af-input-${++inputIds}`;\n  private descriptionId = `${this.inputId}-desc`;\n\n  /** Optional label text */\n  @Prop() label?: string;\n\n  /** Assistive description shown below the field */\n  @Prop() description?: string;\n\n  /** Input type attribute */\n  @Prop() type: 'text' | 'email' | 'password' | 'search' = 'text';\n\n  /** Placeholder text */\n  @Prop() placeholder?: string;\n\n  /** Current value (mutable so the component stays in sync) */\n  @Prop({ mutable: true }) value = '';\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fired as the user types */\n  @Event() afInput!: EventEmitter<string>;\n\n  /** Fired when the field loses focus after a change */\n  @Event() afChange!: EventEmitter<string>;\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.afInput.emit(this.value);\n  };\n\n  private handleChange = () => {\n    this.afChange.emit(this.value);\n  };\n\n  render() {\n    const describedBy = this.description ? this.descriptionId : undefined;\n\n    return (\n      <label part=\"label\" class={{ disabled: this.disabled }} htmlFor={this.inputId}>\n        {this.label ? (\n          <span class=\"label\" part=\"label-text\">\n            {this.label}\n          </span>\n        ) : null}\n        <div class=\"control\">\n          <input\n            part=\"field\"\n            id={this.inputId}\n            type={this.type}\n            placeholder={this.placeholder}\n            value={this.value}\n            disabled={this.disabled}\n            aria-describedby={describedBy}\n            onInput={this.handleInput}\n            onChange={this.handleChange}\n          />\n        </div>\n        {this.description ? (\n          <p id={this.descriptionId} class=\"description\" part=\"description\">\n            {this.description}\n          </p>\n        ) : null}\n      </label>\n    );\n  }\n}\n"],"version":3}