@affinda/wc 0.0.1 → 0.0.2

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

@@ -1 +0,0 @@
-{"file":"p-DZIXhvI0.js","mappings":";;AAAA,MAAM,SAAS,GAAG,msCAAmsC;;MCOxsC,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AALnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAA2B,SAAS;AA4BpD;IAvBC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjC,YAAA,CAAC,CAAU,OAAA,EAAA,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM;SAC/C;AAED,QAAA,QACE,gEAAS,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAA,EACjC,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAa,aAAA,EAAA,MAAM,GAAQ,GAAG,IAAI,EACnF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EACjC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACpB,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,EAClC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACpB,CACL,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-card/af-card.css?tag=af-card&encapsulation=shadow","src/components/af-card/af-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\narticle {\n  position: relative;\n  border-radius: var(--af-radius-md);\n  background: var(--af-color-bg-surface);\n  color: var(--af-color-fg-default);\n  padding: calc(var(--af-space-4) * 1.5);\n  box-shadow: none;\n  border: 1px solid rgba(18, 15, 31, 0.06);\n  transition: box-shadow 160ms ease, transform 160ms ease;\n  display: block;\n  overflow: hidden;\n}\n\narticle.variant-elevated {\n  box-shadow: 0 18px 36px rgba(47, 22, 94, 0.18);\n  border: none;\n}\n\narticle:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 24px 44px rgba(47, 22, 94, 0.24);\n}\n\n.accent {\n  position: absolute;\n  inset: 0;\n  width: 6px;\n  left: 0;\n  right: auto;\n  background: linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n}\n\narticle.accent-brand .accent {\n  background: linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n}\n\narticle.accent-success .accent {\n  background: linear-gradient(180deg, #22c55e, #16a34a);\n}\n\narticle.accent-neutral .accent {\n  background: rgba(18, 15, 31, 0.18);\n}\n\n.content {\n  margin-left: 12px;\n  display: grid;\n  gap: var(--af-space-3);\n}\n\n.header:empty,\n.footer:empty {\n  display: none;\n}\n\n.header ::slotted(*) {\n  font-size: 1.125rem;\n  font-weight: var(--af-font-weight-semibold);\n}\n\n.footer ::slotted(*) {\n  display: inline-flex;\n  gap: var(--af-space-2);\n  align-items: center;\n}\n","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"],"version":3}

package/dist/components/p-zIKPa48S.js

@@ -1,62 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DOtgsZRB.js';
-
-const afButtonCss = ":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}";
-
-const AfButton = /*@__PURE__*/ proxyCustomElement(class AfButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.afClick = createEvent(this, "afClick");
-        /** 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 style() { return afButtonCss; }
-}, [257, "af-button", {
-        "variant": [1],
-        "size": [1],
-        "disabled": [516],
-        "loading": [516]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfButton);
-            }
-            break;
-    } });
-}
-
-export { AfButton as A, defineCustomElement as d };
-//# sourceMappingURL=p-zIKPa48S.js.map
-
-//# sourceMappingURL=p-zIKPa48S.js.map

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

@@ -1 +0,0 @@
-{"file":"p-zIKPa48S.js","mappings":";;AAAA,MAAM,WAAW,GAAG,s/CAAs/C;;MCO7/C,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAsC,SAAS;;AAGtD,QAAA,IAAI,CAAA,IAAA,GAAgB,IAAI;;AAGP,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;;AAGhB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAKhC,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;YAC1C,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE;gBACjC,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;gBACvB;;AAGF,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1B,SAAC;AAuBF;IArBC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;YAC3B,YAAY,EAAE,IAAI,CAAC;SACpB;QAED,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EACd,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,aAAA,EAAc,CAAC,IAAI,CAAC,OAAO,EAAS,CAAA,EACxE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAA,EAChC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-button/af-button.css?tag=af-button&encapsulation=shadow","src/components/af-button/af-button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\nbutton {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--af-space-2);\n  font: var(--af-font-weight-semibold) var(--af-size-font-md) / 1 var(--af-font-family-sans);\n  border-radius: var(--af-radius-md);\n  padding: var(--af-space-2) var(--af-space-4);\n  border: none;\n  cursor: pointer;\n  transition: transform 120ms ease, box-shadow 160ms ease;\n  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.18);\n}\n\nbutton:is(:hover, :focus-visible) {\n  transform: translateY(-1px);\n  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.24);\n}\n\nbutton:active {\n  transform: translateY(0);\n  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.16);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  transform: none;\n  box-shadow: none;\n}\n\nbutton.variant-primary {\n  background: linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n  color: var(--af-color-fg-inverse);\n}\n\nbutton.variant-secondary {\n  background: var(--af-color-bg-subtle);\n  color: var(--af-color-fg-default);\n  box-shadow: inset 0 0 0 1px rgba(18, 15, 31, 0.08);\n}\n\nbutton.variant-ghost {\n  background: transparent;\n  color: var(--af-color-brand-primary-500);\n  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.3);\n}\n\nbutton.size-lg {\n  padding: calc(var(--af-space-3)) calc(var(--af-space-4) + 4px);\n  font-size: var(--af-size-font-lg);\n}\n\nbutton .spinner {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.18), transparent 55%);\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\nbutton.is-loading .spinner {\n  opacity: 1;\n}\n\nbutton.is-loading .content {\n  opacity: 0.6;\n}\n","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"],"version":3}

package/dist/esm/af-badge.af-button.af-card.af-icon-button.af-input.entry.js.map

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

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

@@ -1,3 +0,0 @@
-export { AfBadge as af_badge, AfButton as af_button, AfCard as af_card, AfIconButton as af_icon_button, AfInput as af_input } from './index.js';
-import './index-o0tfWqnY.js';
-//# sourceMappingURL=af-badge.af-button.af-card.af-icon-button.af-input.entry.js.map