@affinda/wc 0.0.1 → 0.0.2

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-button/af-button.css

@@ -1,74 +0,0 @@
-:host {
-  display: inline-block;
-}
-
-button {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--af-space-2);
-  font: var(--af-font-weight-semibold) var(--af-size-font-md) / 1 var(--af-font-family-sans);
-  border-radius: var(--af-radius-md);
-  padding: var(--af-space-2) var(--af-space-4);
-  border: none;
-  cursor: pointer;
-  transition: transform 120ms ease, box-shadow 160ms ease;
-  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.18);
-}
-
-button:is(:hover, :focus-visible) {
-  transform: translateY(-1px);
-  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.24);
-}
-
-button:active {
-  transform: translateY(0);
-  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.16);
-}
-
-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  transform: none;
-  box-shadow: none;
-}
-
-button.variant-primary {
-  background: linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));
-  color: var(--af-color-fg-inverse);
-}
-
-button.variant-secondary {
-  background: var(--af-color-bg-subtle);
-  color: var(--af-color-fg-default);
-  box-shadow: inset 0 0 0 1px rgba(18, 15, 31, 0.08);
-}
-
-button.variant-ghost {
-  background: transparent;
-  color: var(--af-color-brand-primary-500);
-  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.3);
-}
-
-button.size-lg {
-  padding: calc(var(--af-space-3)) calc(var(--af-space-4) + 4px);
-  font-size: var(--af-size-font-lg);
-}
-
-button .spinner {
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.18), transparent 55%);
-  opacity: 0;
-  transition: opacity 120ms ease;
-}
-
-button.is-loading .spinner {
-  opacity: 1;
-}
-
-button.is-loading .content {
-  opacity: 0.6;
-}

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

@@ -1,149 +0,0 @@
-import { h } from "@stencil/core";
-export class AfButton {
-    constructor() {
-        /** Visual style of the button */
-        this.variant = 'primary';
-        /** Size of the button */
-        this.size = 'md';
-        /** Disabled state */
-        this.disabled = false;
-        /** Loading state */
-        this.loading = false;
-        this.handleClick = (event) => {
-            if (this.disabled || this.loading) {
-                event.preventDefault();
-                event.stopPropagation();
-                return;
-            }
-            this.afClick.emit(event);
-        };
-    }
-    render() {
-        const classes = {
-            [`variant-${this.variant}`]: true,
-            [`size-${this.size}`]: true,
-            'is-loading': this.loading
-        };
-        return (h("button", { key: '11e06f0158591b7aaf60633fa12e91a2904d2f57', class: classes, part: "base", disabled: this.disabled || this.loading, onClick: this.handleClick }, h("span", { key: 'bdea09a13233b2e9c682e3c0a3d02fc8fe791668', class: "spinner", part: "spinner", "aria-hidden": !this.loading }), h("span", { key: '24a80ba696aecacda181203379345b28e741583c', class: "content", part: "label" }, h("slot", { key: 'bdd3731c9c98091503e1c87a7fe940bb72579d27' }))));
-    }
-    static get is() { return "af-button"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["af-button.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["af-button.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'primary' | 'secondary' | 'ghost'",
-                    "resolved": "\"ghost\" | \"primary\" | \"secondary\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Visual style of the button"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "variant",
-                "defaultValue": "'primary'"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'md' | 'lg'",
-                    "resolved": "\"lg\" | \"md\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the button"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "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"
-            },
-            "loading": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Loading state"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "loading",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "afClick",
-                "name": "afClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired when the button is clicked while enabled"
-                },
-                "complexType": {
-                    "original": "MouseEvent",
-                    "resolved": "MouseEvent",
-                    "references": {
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }];
-    }
-}
-//# sourceMappingURL=af-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"af-button.js","sourceRoot":"","sources":["../../../src/components/af-button/af-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,QAAQ;IALrB;QAME,iCAAiC;QACzB,YAAO,GAAsC,SAAS,CAAC;QAE/D,yBAAyB;QACjB,SAAI,GAAgB,IAAI,CAAC;QAEjC,qBAAqB;QACI,aAAQ,GAAG,KAAK,CAAC;QAE1C,oBAAoB;QACK,YAAO,GAAG,KAAK,CAAC;QAKjC,gBAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC1C,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;KAuBH;IArBC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACjC,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;YAC3B,YAAY,EAAE,IAAI,CAAC,OAAO;SAC3B,CAAC;QAEF,OAAO,CACL,+DACE,KAAK,EAAE,OAAO,EACd,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW;YAEzB,6DAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,iBAAc,CAAC,IAAI,CAAC,OAAO,GAAS;YACxE,6DAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO;gBAChC,8DAAQ,CACH,CACA,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-button',\n  styleUrl: 'af-button.css',\n  shadow: true\n})\nexport class AfButton {\n  /** Visual style of the button */\n  @Prop() variant: 'primary' | 'secondary' | 'ghost' = 'primary';\n\n  /** Size of the button */\n  @Prop() size: 'md' | 'lg' = 'md';\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Loading state */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Fired when the button is clicked while enabled */\n  @Event() afClick!: EventEmitter<MouseEvent>;\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.afClick.emit(event);\n  };\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      'is-loading': this.loading\n    };\n\n    return (\n      <button\n        class={classes}\n        part=\"base\"\n        disabled={this.disabled || this.loading}\n        onClick={this.handleClick}\n      >\n        <span class=\"spinner\" part=\"spinner\" aria-hidden={!this.loading}></span>\n        <span class=\"content\" part=\"label\">\n          <slot />\n        </span>\n      </button>\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-icon-button/af-icon-button.css

@@ -1,70 +0,0 @@
-:host {
-  display: inline-flex;
-}
-
-button {
-  --button-size-sm: 36px;
-  --button-size-md: 44px;
-  width: var(--button-size-md);
-  height: var(--button-size-md);
-  border-radius: 50%;
-  border: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  color: var(--af-color-brand-primary-500);
-  cursor: pointer;
-  transition: transform 120ms ease, box-shadow 160ms ease, background-color 160ms ease;
-  box-shadow: none;
-}
-
-button.size-sm {
-  width: var(--button-size-sm);
-  height: var(--button-size-sm);
-}
-
-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-  box-shadow: none;
-}
-
-button.variant-solid {
-  background: linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));
-  color: var(--af-color-fg-inverse);
-  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.24);
-}
-
-button.variant-soft {
-  background: rgba(124, 58, 237, 0.14);
-  color: var(--af-color-brand-primary-500);
-}
-
-button.variant-ghost {
-  border: 1px solid rgba(124, 58, 237, 0.4);
-  background: transparent;
-}
-
-button:is(:hover, :focus-visible) {
-  transform: translateY(-1px);
-  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.28);
-}
-
-button:active {
-  transform: translateY(0);
-  box-shadow: 0 8px 18px rgba(124, 58, 237, 0.2);
-}
-
-.icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.5em;
-  height: 1.5em;
-}
-
-:host([disabled]) button {
-  transform: none;
-  box-shadow: none;
-}

package/dist/collection/components/af-icon-button/af-icon-button.js

@@ -1,145 +0,0 @@
-import { h } from "@stencil/core";
-export class AfIconButton {
-    constructor() {
-        /** Visual style of the icon button */
-        this.variant = 'solid';
-        /** Size preset */
-        this.size = 'md';
-        /** Disabled state */
-        this.disabled = false;
-        this.onClick = (event) => {
-            if (this.disabled) {
-                event.preventDefault();
-                event.stopPropagation();
-                return;
-            }
-            this.afClick.emit(event);
-        };
-    }
-    render() {
-        const classes = {
-            [`variant-${this.variant}`]: true,
-            [`size-${this.size}`]: true
-        };
-        return (h("button", { key: '0f63eddac5f4dab95835506b896e437218aa50e1', type: "button", class: classes, part: "base", disabled: this.disabled, "aria-label": this.label, onClick: this.onClick }, h("span", { key: '6400064df3b666cbcc0a4a51523f1cd08dcbe81a', part: "icon", class: "icon" }, h("slot", { key: 'a74fff21c0a3af05da37b12e45db8ca8913bbdea' }))));
-    }
-    static get is() { return "af-icon-button"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["af-icon-button.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["af-icon-button.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'solid' | 'soft' | 'ghost'",
-                    "resolved": "\"ghost\" | \"soft\" | \"solid\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Visual style of the icon button"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "variant",
-                "defaultValue": "'solid'"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'sm' | 'md'",
-                    "resolved": "\"md\" | \"sm\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size preset"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Accessible label text"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "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": "afClick",
-                "name": "afClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Raised when the button is activated"
-                },
-                "complexType": {
-                    "original": "MouseEvent",
-                    "resolved": "MouseEvent",
-                    "references": {
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }];
-    }
-}
-//# sourceMappingURL=af-icon-button.js.map

package/dist/collection/components/af-icon-button/af-icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"af-icon-button.js","sourceRoot":"","sources":["../../../src/components/af-icon-button/af-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,YAAY;IALzB;QAME,sCAAsC;QAC9B,YAAO,GAA+B,OAAO,CAAC;QAEtD,kBAAkB;QACV,SAAI,GAAgB,IAAI,CAAC;QAKjC,qBAAqB;QACI,aAAQ,GAAG,KAAK,CAAC;QAKlC,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;KAuBH;IArBC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACjC,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SAC5B,CAAC;QAEF,OAAO,CACL,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,OAAO,EACd,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,6DAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;gBAC5B,8DAAQ,CACH,CACA,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-icon-button',\n  styleUrl: 'af-icon-button.css',\n  shadow: true\n})\nexport class AfIconButton {\n  /** Visual style of the icon button */\n  @Prop() variant: 'solid' | 'soft' | 'ghost' = 'solid';\n\n  /** Size preset */\n  @Prop() size: 'sm' | 'md' = 'md';\n\n  /** Accessible label text */\n  @Prop() label?: string;\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Raised when the button is activated */\n  @Event() afClick!: EventEmitter<MouseEvent>;\n\n  private onClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.afClick.emit(event);\n  };\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true\n    };\n\n    return (\n      <button\n        type=\"button\"\n        class={classes}\n        part=\"base\"\n        disabled={this.disabled}\n        aria-label={this.label}\n        onClick={this.onClick}\n      >\n        <span part=\"icon\" class=\"icon\">\n          <slot />\n        </span>\n      </button>\n    );\n  }\n}\n"]}