@affinda/wc 0.0.1 → 0.0.2

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

@@ -0,0 +1,86 @@
+import { h } from "@stencil/core";
+export class AfHeading {
+    constructor() {
+        /** Heading level */
+        this.level = '1';
+        /** Visual alignment */
+        this.align = 'left';
+    }
+    getHeadingTag() {
+        // Map display levels to semantic HTML tags
+        const tagMap = {
+            'xl': 'h1',
+            '1': 'h1',
+            '2': 'h2',
+            '3': 'h3',
+            '4': 'h4',
+            '5': 'h5'
+        };
+        return tagMap[this.level] || 'h1';
+    }
+    render() {
+        const Tag = this.getHeadingTag();
+        return (h(Tag, { key: '1d3f37c8d067c3c9d0ec7f10422478ab41c990b2', class: {
+                'heading': true,
+                [`level-${this.level}`]: true,
+                [`align-${this.align}`]: true
+            }, part: "base" }, h("slot", { key: 'dcba9d00393f818cfceeb5eba5cc2bd874927dfd' })));
+    }
+    static get is() { return "af-heading"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-heading.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-heading.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "level": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'xl' | '1' | '2' | '3' | '4' | '5'",
+                    "resolved": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"xl\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Heading level"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "level",
+                "defaultValue": "'1'"
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'left' | 'center' | 'right'",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual alignment"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "align",
+                "defaultValue": "'left'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=af-heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"af-heading.js","sourceRoot":"","sources":["../../../src/components/af-heading/af-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IALtB;QAME,oBAAoB;QACZ,UAAK,GAAuC,GAAG,CAAC;QAExD,uBAAuB;QACf,UAAK,GAAgC,MAAM,CAAC;KA+BrD;IA7BS,aAAa;QACnB,2CAA2C;QAC3C,MAAM,MAAM,GAA2B;YACrC,IAAI,EAAE,IAAI;YACV,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,IAAI;SACV,CAAC;QACF,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAS,CAAC;QAExC,OAAO,CACL,EAAC,GAAG,qDACF,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;gBAC7B,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;aAC9B,EACD,IAAI,EAAC,MAAM;YAEX,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-heading',\n  styleUrl: 'af-heading.css',\n  shadow: true\n})\nexport class AfHeading {\n  /** Heading level */\n  @Prop() level: 'xl' | '1' | '2' | '3' | '4' | '5' = '1';\n\n  /** Visual alignment */\n  @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n  private getHeadingTag() {\n    // Map display levels to semantic HTML tags\n    const tagMap: Record<string, string> = {\n      'xl': 'h1',\n      '1': 'h1',\n      '2': 'h2',\n      '3': 'h3',\n      '4': 'h4',\n      '5': 'h5'\n    };\n    return tagMap[this.level] || 'h1';\n  }\n\n  render() {\n    const Tag = this.getHeadingTag() as any;\n\n    return (\n      <Tag\n        class={{\n          'heading': true,\n          [`level-${this.level}`]: true,\n          [`align-${this.align}`]: true\n        }}\n        part=\"base\"\n      >\n        <slot />\n      </Tag>\n    );\n  }\n}\n"]}

package/dist/collection/components/af-nav-item/af-nav-item.css

@@ -0,0 +1,135 @@
+:host {
+  display: inline-block;
+}
+
+.nav-link {
+  text-decoration: none;
+  color: inherit;
+  display: block;
+}
+
+.nav-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+/* Primary hierarchy - bold main navigation */
+.hierarchy-primary {
+  padding: 12px;
+  justify-content: center;
+}
+
+.hierarchy-primary .label-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  gap: 10px;
+}
+
+/* Primary variant 01 - darker */
+.hierarchy-primary.variant-01 {
+  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 20px;
+  color: #14343b;
+}
+
+/* Primary variant 02 - lighter */
+.hierarchy-primary.variant-02 {
+  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #2b484f;
+}
+
+/* Hover state for primary - underline */
+.hierarchy-primary:hover .label-container {
+  border-bottom: 1px solid currentColor;
+}
+
+/* Active state for primary - thicker border */
+.hierarchy-primary.active .label-container {
+  border-bottom: 2px solid #8a7049;
+}
+
+/* Secondary hierarchy - smaller sub-navigation */
+.hierarchy-secondary {
+  padding: 4px 0;
+}
+
+.hierarchy-secondary .label-container {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-height: 24px;
+  gap: 8px;
+}
+
+/* Secondary variant 01 - medium weight */
+.hierarchy-secondary.variant-01 {
+  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: #14343b;
+}
+
+/* Secondary variant 02 - regular weight */
+.hierarchy-secondary.variant-02 {
+  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #2b484f;
+}
+
+/* Hover state for secondary - underline text */
+.hierarchy-secondary:hover ::slotted(*) {
+  text-decoration: underline;
+}
+
+/* Mobile styles */
+@media (max-width: 767px) {
+  .hierarchy-primary {
+    padding: 20px 12px;
+    border-bottom: 1px solid #e8eeed;
+    width: 100%;
+  }
+
+  .hierarchy-primary .label-container {
+    flex: 1;
+    justify-content: flex-start;
+  }
+
+  .hierarchy-primary.variant-01 {
+    font-size: 20px;
+    line-height: 1.1;
+    letter-spacing: -0.4px;
+  }
+
+  .hierarchy-primary.variant-02 {
+    font-size: 20px;
+    line-height: 1.1;
+    letter-spacing: -0.4px;
+    color: #60767b;
+  }
+}
+
+/* Icon sizing */
+::slotted([slot="icon-left"]),
+::slotted([slot="icon-right"]) {
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+}
+
+.hierarchy-secondary ::slotted([slot="icon-right"]) {
+  width: 20px;
+  height: 20px;
+}

package/dist/collection/components/af-nav-item/af-nav-item.js

@@ -0,0 +1,134 @@
+import { h, Host } from "@stencil/core";
+/**
+ * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
+ * Supports multiple hierarchy levels, variants, and states (active, hover).
+ */
+export class AfNavItem {
+    constructor() {
+        /**
+         * Visual hierarchy level of the navigation item
+         * - 'primary': Bold, main navigation (larger text, prominent styling)
+         * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)
+         */
+        this.hierarchy = 'primary';
+        /**
+         * Visual variant within the hierarchy level
+         * - '01': Darker/more prominent styling
+         * - '02': Lighter/more subtle styling
+         */
+        this.variant = '01';
+        /**
+         * Whether this nav item is currently active/selected
+         */
+        this.active = false;
+    }
+    render() {
+        const classes = {
+            'nav-item': true,
+            [`hierarchy-${this.hierarchy}`]: true,
+            [`variant-${this.variant}`]: true,
+            'active': this.active
+        };
+        const content = (h("div", { class: classes }, h("slot", { name: "icon-left" }), h("div", { class: "label-container" }, h("slot", null)), h("slot", { name: "icon-right" })));
+        if (this.href) {
+            return (h(Host, null, h("a", { href: this.href, class: "nav-link" }, content)));
+        }
+        return h(Host, null, content);
+    }
+    static get is() { return "af-nav-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-nav-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-nav-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "hierarchy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual hierarchy level of the navigation item\n- 'primary': Bold, main navigation (larger text, prominent styling)\n- 'secondary': Lighter, sub-navigation (smaller text, subtle styling)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hierarchy",
+                "defaultValue": "'primary'"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'01' | '02'",
+                    "resolved": "\"01\" | \"02\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual variant within the hierarchy level\n- '01': Darker/more prominent styling\n- '02': Lighter/more subtle styling"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "'01'"
+            },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "URL to navigate to when clicked"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href"
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this nav item is currently active/selected"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "active",
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=af-nav-item.js.map

package/dist/collection/components/af-nav-item/af-nav-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-nav-item.js","sourceRoot":"","sources":["../../../src/components/af-nav-item/af-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,SAAS;IALtB;QAME;;;;WAIG;QACK,cAAS,GAA4B,SAAS,CAAC;QAEvD;;;;WAIG;QACK,YAAO,GAAgB,IAAI,CAAC;QAOpC;;WAEG;QACK,WAAM,GAAY,KAAK,CAAC;KAgCjC;IA9BC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,UAAU,EAAE,IAAI;YAChB,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;YACrC,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACjC,QAAQ,EAAE,IAAI,CAAC,MAAM;SACtB,CAAC;QAEF,MAAM,OAAO,GAAG,CACd,WAAK,KAAK,EAAE,OAAO;YACjB,YAAM,IAAI,EAAC,WAAW,GAAQ;YAC9B,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,eAAa,CACT;YACN,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,CACP,CAAC;QAEF,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,CACL,EAAC,IAAI;gBACH,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,UAAU,IACjC,OAAO,CACN,CACC,CACR,CAAC;QACJ,CAAC;QAED,OAAO,EAAC,IAAI,QAAE,OAAO,CAAQ,CAAC;IAChC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\n\n/**\n * A generic navigation item component that can be used in navigation bars, menus, and sidebars.\n * Supports multiple hierarchy levels, variants, and states (active, hover).\n */\n@Component({\n  tag: 'af-nav-item',\n  styleUrl: 'af-nav-item.css',\n  shadow: true\n})\nexport class AfNavItem {\n  /**\n   * Visual hierarchy level of the navigation item\n   * - 'primary': Bold, main navigation (larger text, prominent styling)\n   * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)\n   */\n  @Prop() hierarchy: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Visual variant within the hierarchy level\n   * - '01': Darker/more prominent styling\n   * - '02': Lighter/more subtle styling\n   */\n  @Prop() variant: '01' | '02' = '01';\n\n  /**\n   * URL to navigate to when clicked\n   */\n  @Prop() href?: string;\n\n  /**\n   * Whether this nav item is currently active/selected\n   */\n  @Prop() active: boolean = false;\n\n  render() {\n    const classes = {\n      'nav-item': true,\n      [`hierarchy-${this.hierarchy}`]: true,\n      [`variant-${this.variant}`]: true,\n      'active': this.active\n    };\n\n    const content = (\n      <div class={classes}>\n        <slot name=\"icon-left\"></slot>\n        <div class=\"label-container\">\n          <slot></slot>\n        </div>\n        <slot name=\"icon-right\"></slot>\n      </div>\n    );\n\n    if (this.href) {\n      return (\n        <Host>\n          <a href={this.href} class=\"nav-link\">\n            {content}\n          </a>\n        </Host>\n      );\n    }\n\n    return <Host>{content}</Host>;\n  }\n}\n"]}

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

@@ -0,0 +1,61 @@
+:host {
+  display: block;
+}
+
+.text {
+  margin: 0;
+  padding: 0;
+  font-family: 'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;
+  font-weight: 400;
+  color: #14343b;
+  letter-spacing: 0;
+}
+
+/* Alignment */
+.align-left {
+  text-align: left;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-right {
+  text-align: right;
+}
+
+/* Body variants */
+.variant-xlarge {
+  font-size: 22px;
+  line-height: 28px;
+}
+
+.variant-large {
+  font-size: 18px;
+  line-height: 26px;
+}
+
+.variant-medium {
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.variant-small {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+/* Label variants - use NeuSans Book */
+.variant-label-button {
+  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;
+  font-weight: 500;
+  font-size: 17px;
+  line-height: 20px;
+}
+
+.variant-label-tag {
+  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1;
+}

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

@@ -0,0 +1,96 @@
+import { h } from "@stencil/core";
+export class AfText {
+    constructor() {
+        /** Text variant */
+        this.variant = 'medium';
+        /** Visual alignment */
+        this.align = 'left';
+        /** Semantic element to render */
+        this.as = 'p';
+    }
+    render() {
+        const Tag = this.as;
+        return (h(Tag, { key: '778a86a185f2416dec867ca2457acb2fe1ad4bcb', class: {
+                'text': true,
+                [`variant-${this.variant}`]: true,
+                [`align-${this.align}`]: true
+            }, part: "base" }, h("slot", { key: '2b3ee364c989ca8d233583946e24665df0192fb9' })));
+    }
+    static get is() { return "af-text"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-text.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-text.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag'",
+                    "resolved": "\"label-button\" | \"label-tag\" | \"large\" | \"medium\" | \"small\" | \"xlarge\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text variant"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "'medium'"
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'left' | 'center' | 'right'",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual alignment"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "align",
+                "defaultValue": "'left'"
+            },
+            "as": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'p' | 'span' | 'div' | 'label'",
+                    "resolved": "\"div\" | \"label\" | \"p\" | \"span\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Semantic element to render"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "as",
+                "defaultValue": "'p'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=af-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"af-text.js","sourceRoot":"","sources":["../../../src/components/af-text/af-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,MAAM;IALnB;QAME,mBAAmB;QACX,YAAO,GAA2E,QAAQ,CAAC;QAEnG,uBAAuB;QACf,UAAK,GAAgC,MAAM,CAAC;QAEpD,iCAAiC;QACzB,OAAE,GAAmC,GAAG,CAAC;KAkBlD;IAhBC,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,EAAS,CAAC;QAE3B,OAAO,CACL,EAAC,GAAG,qDACF,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI;gBACZ,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;gBACjC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;aAC9B,EACD,IAAI,EAAC,MAAM;YAEX,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-text',\n  styleUrl: 'af-text.css',\n  shadow: true\n})\nexport class AfText {\n  /** Text variant */\n  @Prop() variant: 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag' = 'medium';\n\n  /** Visual alignment */\n  @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n  /** Semantic element to render */\n  @Prop() as: 'p' | 'span' | 'div' | 'label' = 'p';\n\n  render() {\n    const Tag = this.as as any;\n\n    return (\n      <Tag\n        class={{\n          'text': true,\n          [`variant-${this.variant}`]: true,\n          [`align-${this.align}`]: true\n        }}\n        part=\"base\"\n      >\n        <slot />\n      </Tag>\n    );\n  }\n}\n"]}

package/dist/collection/components.js

@@ -1,6 +1,7 @@
-export { AfButton } from './components/af-button/af-button';
-export { AfBadge } from './components/af-badge/af-badge';
-export { AfIconButton } from './components/af-icon-button/af-icon-button';
-export { AfCard } from './components/af-card/af-card';
-export { AfInput } from './components/af-input/af-input';
+export { AfHeading } from './components/af-heading/af-heading';
+export { AfText } from './components/af-text/af-text';
+export { AfColorSwatch } from './components/af-color-swatch/af-color-swatch';
+export { AfContainer } from './components/af-container/af-container';
+export { AfAspectRatio } from './components/af-aspect-ratio/af-aspect-ratio';
+export { AfNavItem } from './components/af-nav-item/af-nav-item';
 //# sourceMappingURL=components.js.map

package/dist/collection/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export { AfButton } from './components/af-button/af-button';\nexport { AfBadge } from './components/af-badge/af-badge';\nexport { AfIconButton } from './components/af-icon-button/af-icon-button';\nexport { AfCard } from './components/af-card/af-card';\nexport { AfInput } from './components/af-input/af-input';\n"]}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC","sourcesContent":["export { AfHeading } from './components/af-heading/af-heading';\nexport { AfText } from './components/af-text/af-text';\nexport { AfColorSwatch } from './components/af-color-swatch/af-color-swatch';\nexport { AfContainer } from './components/af-container/af-container';\nexport { AfAspectRatio } from './components/af-aspect-ratio/af-aspect-ratio';\nexport { AfNavItem } from './components/af-nav-item/af-nav-item';\n"]}

package/dist/components/{af-icon-button.d.ts → af-aspect-ratio.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface AfIconButton extends Components.AfIconButton, HTMLElement {}
-export const AfIconButton: {
-    prototype: AfIconButton;
-    new (): AfIconButton;
+interface AfAspectRatio extends Components.AfAspectRatio, HTMLElement {}
+export const AfAspectRatio: {
+    prototype: AfAspectRatio;
+    new (): AfAspectRatio;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/af-aspect-ratio.js

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

package/dist/components/af-aspect-ratio.js.map

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

package/dist/components/af-color-swatch.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfColorSwatch extends Components.AfColorSwatch, HTMLElement {}
+export const AfColorSwatch: {
+    prototype: AfColorSwatch;
+    new (): AfColorSwatch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/af-color-swatch.js

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

package/dist/components/af-color-swatch.js.map

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

package/dist/components/{af-input.d.ts → af-container.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface AfInput extends Components.AfInput, HTMLElement {}
-export const AfInput: {
-    prototype: AfInput;
-    new (): AfInput;
+interface AfContainer extends Components.AfContainer, HTMLElement {}
+export const AfContainer: {
+    prototype: AfContainer;
+    new (): AfContainer;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/af-container.js

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

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

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

package/dist/components/{af-button.d.ts → af-heading.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface AfButton extends Components.AfButton, HTMLElement {}
-export const AfButton: {
-    prototype: AfButton;
-    new (): AfButton;
+interface AfHeading extends Components.AfHeading, HTMLElement {}
+export const AfHeading: {
+    prototype: AfHeading;
+    new (): AfHeading;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/af-heading.js

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