@affinda/wc 0.0.2 → 0.0.3

package/dist/collection/components/af-typography-lockup/af-typography-lockup.js

@@ -0,0 +1,151 @@
+import { h, Host } from "@stencil/core";
+export class AfTypographyLockup {
+    constructor() {
+        /**
+         * The heading size (1-5, where 1 is largest)
+         */
+        this.headingSize = 2;
+        /**
+         * The breakpoint for responsive typography
+         */
+        this.breakpoint = 'desktop';
+        /**
+         * Text alignment
+         */
+        this.textAlignment = 'left';
+        /**
+         * Button alignment (horizontal or vertical stacking)
+         */
+        this.buttonAlignment = 'vertical';
+    }
+    render() {
+        const containerClasses = {
+            'lockup': true,
+            [`text-${this.textAlignment}`]: true,
+            [`button-${this.buttonAlignment}`]: true
+        };
+        const copyClasses = {
+            'copy': true,
+            [`heading-${this.headingSize}`]: true,
+            [`breakpoint-${this.breakpoint}`]: true
+        };
+        const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};
+        return (h(Host, { key: '7a748e23cc9262e4cf73abacf51951545228344c' }, h("div", { key: '443df8d7086ae8daf88f3827551219138dab43bb', class: containerClasses }, h("div", { key: 'efbf2467f36e2888bd4892524fb3d09b21b2ddfd', class: copyClasses, style: copyStyle }, h("div", { key: 'eb206a7d2e5c364a96295b11f83a87784c342ced', class: "heading" }, h("slot", { key: '360e15b14fbeeffd01fc55b2e0552bad530a337f' })), h("div", { key: '3b76ff5527eb52c382554f470991a05cbaf8e1e3', class: "description" }, h("slot", { key: '4e9f291edeac066abf2d1e416b846b9d1cbee2dc', name: "description" }))), h("div", { key: 'ff84e9ce823763b7570109d02b10d3039adefe61', class: "buttons" }, h("slot", { key: '36d0cc47a688c23c55d449a8f8e37b6f4be93d23', name: "buttons" })))));
+    }
+    static get is() { return "af-typography-lockup"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-typography-lockup.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-typography-lockup.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "headingSize": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "1 | 2 | 3 | 4 | 5",
+                    "resolved": "1 | 2 | 3 | 4 | 5",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The heading size (1-5, where 1 is largest)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading-size",
+                "defaultValue": "2"
+            },
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'desktop' | 'mobile'",
+                    "resolved": "\"desktop\" | \"mobile\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The breakpoint for responsive typography"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "breakpoint",
+                "defaultValue": "'desktop'"
+            },
+            "textAlignment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'left' | 'center'",
+                    "resolved": "\"center\" | \"left\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text alignment"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text-alignment",
+                "defaultValue": "'left'"
+            },
+            "buttonAlignment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'horizontal' | 'vertical'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Button alignment (horizontal or vertical stacking)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "button-alignment",
+                "defaultValue": "'vertical'"
+            },
+            "maxWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Maximum width for the copy section (in pixels)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max-width"
+            }
+        };
+    }
+}
+//# sourceMappingURL=af-typography-lockup.js.map

package/dist/collection/components/af-typography-lockup/af-typography-lockup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-typography-lockup.js","sourceRoot":"","sources":["../../../src/components/af-typography-lockup/af-typography-lockup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,kBAAkB;IAL/B;QAME;;WAEG;QACK,gBAAW,GAAsB,CAAC,CAAC;QAE3C;;WAEG;QACK,eAAU,GAAyB,SAAS,CAAC;QAErD;;WAEG;QACK,kBAAa,GAAsB,MAAM,CAAC;QAElD;;WAEG;QACK,oBAAe,GAA8B,UAAU,CAAC;KAwCjE;IAjCC,MAAM;QACJ,MAAM,gBAAgB,GAAG;YACvB,QAAQ,EAAE,IAAI;YACd,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI;YACpC,CAAC,UAAU,IAAI,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI;SACzC,CAAC;QAEF,MAAM,WAAW,GAAG;YAClB,MAAM,EAAE,IAAI;YACZ,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI;YACrC,CAAC,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;SACxC,CAAC;QAEF,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE1E,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,gBAAgB;gBAC1B,4DAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS;oBACvC,4DAAK,KAAK,EAAC,SAAS;wBAClB,8DAAa,CACT;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACtB,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'af-typography-lockup',\n  styleUrl: 'af-typography-lockup.css',\n  shadow: true\n})\nexport class AfTypographyLockup {\n  /**\n   * The heading size (1-5, where 1 is largest)\n   */\n  @Prop() headingSize: 1 | 2 | 3 | 4 | 5 = 2;\n\n  /**\n   * The breakpoint for responsive typography\n   */\n  @Prop() breakpoint: 'desktop' | 'mobile' = 'desktop';\n\n  /**\n   * Text alignment\n   */\n  @Prop() textAlignment: 'left' | 'center' = 'left';\n\n  /**\n   * Button alignment (horizontal or vertical stacking)\n   */\n  @Prop() buttonAlignment: 'horizontal' | 'vertical' = 'vertical';\n\n  /**\n   * Maximum width for the copy section (in pixels)\n   */\n  @Prop() maxWidth?: number;\n\n  render() {\n    const containerClasses = {\n      'lockup': true,\n      [`text-${this.textAlignment}`]: true,\n      [`button-${this.buttonAlignment}`]: true\n    };\n\n    const copyClasses = {\n      'copy': true,\n      [`heading-${this.headingSize}`]: true,\n      [`breakpoint-${this.breakpoint}`]: true\n    };\n\n    const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n    return (\n      <Host>\n        <div class={containerClasses}>\n          <div class={copyClasses} style={copyStyle}>\n            <div class=\"heading\">\n              <slot></slot>\n            </div>\n            <div class=\"description\">\n              <slot name=\"description\"></slot>\n            </div>\n          </div>\n          <div class=\"buttons\">\n            <slot name=\"buttons\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components.js

@@ -4,4 +4,10 @@ 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';
+export { AfNavbar } from './components/af-navbar/af-navbar';
+export { AfLogo } from './components/af-logo/af-logo';
+export { AfButton } from './components/af-button/af-button';
+export { AfIconButton } from './components/af-icon-button/af-icon-button';
+export { AfButtonGroup } from './components/af-button-group/af-button-group';
+export { AfTypographyLockup } from './components/af-typography-lockup/af-typography-lockup';
 //# 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,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"]}
+{"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;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,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';\nexport { AfNavbar } from './components/af-navbar/af-navbar';\nexport { AfLogo } from './components/af-logo/af-logo';\nexport { AfButton } from './components/af-button/af-button';\nexport { AfIconButton } from './components/af-icon-button/af-icon-button';\nexport { AfButtonGroup } from './components/af-button-group/af-button-group';\nexport { AfTypographyLockup } from './components/af-typography-lockup/af-typography-lockup';\n"]}

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

@@ -1,4 +1,4 @@
-import { A as AfAspectRatio$1, d as defineCustomElement$1 } from './p-CCPh8sLt.js';
+import { A as AfAspectRatio$1, d as defineCustomElement$1 } from './p-DqIqR4VU.js';
 
 const AfAspectRatio = AfAspectRatio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-button-group.d.ts

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

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

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

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

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

package/dist/components/af-button.d.ts

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

package/dist/components/af-button.js

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

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

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

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

@@ -1,4 +1,4 @@
-import { A as AfColorSwatch$1, d as defineCustomElement$1 } from './p-Ck_3oNdO.js';
+import { A as AfColorSwatch$1, d as defineCustomElement$1 } from './p-LEksuu7O.js';
 
 const AfColorSwatch = AfColorSwatch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-container.js

@@ -1,4 +1,4 @@
-import { A as AfContainer$1, d as defineCustomElement$1 } from './p-DbZX-luM.js';
+import { A as AfContainer$1, d as defineCustomElement$1 } from './p-DfIqdEs7.js';
 
 const AfContainer = AfContainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-heading.js

@@ -1,4 +1,4 @@
-import { A as AfHeading$1, d as defineCustomElement$1 } from './p-CbKdmUDd.js';
+import { A as AfHeading$1, d as defineCustomElement$1 } from './p-BJDmHNDi.js';
 
 const AfHeading = AfHeading$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-icon-button.d.ts

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

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

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

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

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

package/dist/components/af-logo.d.ts

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

package/dist/components/af-logo.js

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

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

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

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

@@ -1,4 +1,4 @@
-import { A as AfNavItem$1, d as defineCustomElement$1 } from './p-Ntwn3krC.js';
+import { A as AfNavItem$1, d as defineCustomElement$1 } from './p-DG7Mtz0G.js';
 
 const AfNavItem = AfNavItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-navbar.d.ts

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

package/dist/components/af-navbar.js

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

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

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

package/dist/components/af-text.js

@@ -1,4 +1,4 @@
-import { A as AfText$1, d as defineCustomElement$1 } from './p-BZ5_l5Q-.js';
+import { A as AfText$1, d as defineCustomElement$1 } from './p-CT_9_xN3.js';
 
 const AfText = AfText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-typography-lockup.d.ts

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

package/dist/components/af-typography-lockup.js

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

package/dist/components/af-typography-lockup.js.map

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

package/dist/components/index.js

@@ -1,10 +1,16 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-TaHgCKVa.js';
-export { A as AfHeading } from './p-CbKdmUDd.js';
-export { A as AfText } from './p-BZ5_l5Q-.js';
-export { A as AfColorSwatch } from './p-Ck_3oNdO.js';
-export { A as AfContainer } from './p-DbZX-luM.js';
-export { A as AfAspectRatio } from './p-CCPh8sLt.js';
-export { A as AfNavItem } from './p-Ntwn3krC.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CzaQ1fCu.js';
+export { A as AfHeading } from './p-BJDmHNDi.js';
+export { A as AfText } from './p-CT_9_xN3.js';
+export { A as AfColorSwatch } from './p-LEksuu7O.js';
+export { A as AfContainer } from './p-DfIqdEs7.js';
+export { A as AfAspectRatio } from './p-DqIqR4VU.js';
+export { A as AfNavItem } from './p-DG7Mtz0G.js';
+export { A as AfNavbar } from './p-B17zxKkI.js';
+export { A as AfLogo } from './p-zBrKMKWE.js';
+export { A as AfButton } from './p-uhOM63Ux.js';
+export { A as AfIconButton } from './p-BoU5qaPt.js';
+export { A as AfButtonGroup } from './p-BfmeW04T.js';
+export { A as AfTypographyLockup } from './p-DcFGu6up.js';
 //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/p-B17zxKkI.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-CzaQ1fCu.js';
+
+const afNavbarCss = ":host{display:block;width:100%}.navbar-container{padding:32px 80px 0;box-sizing:border-box}.navbar{background:#E8F1EF;border:1px solid rgba(0, 0, 0, 0.12);border-radius:9999px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 40px;box-sizing:border-box;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08)}.navbar-left{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:8px}.navbar-right{display:flex;align-items:center;gap:20px}.nav-actions{display:flex;align-items:center;gap:12px}.nav-button{display:flex;align-items:center}@media (max-width: 1024px){.navbar-container{padding:24px 40px 0}.navbar-left{gap:24px}.nav-links{gap:4px}}@media (max-width: 767px){.navbar-container{padding:16px 16px 0}.navbar{padding:8px 16px;flex-direction:column;border-radius:16px;gap:16px}.navbar-left{width:100%;flex-direction:column;gap:16px;align-items:flex-start}.nav-links{width:100%;flex-direction:column;align-items:stretch;gap:0}.navbar-right{width:100%;flex-direction:column;gap:12px;align-items:stretch}.nav-actions{width:100%;flex-direction:column;align-items:stretch;gap:0}.nav-button{width:100%}}";
+
+const AfNavbar = /*@__PURE__*/ proxyCustomElement(class AfNavbar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: 'a66b7e6939aebec67d26604dea422ec2e64fe6bd' }, h("nav", { key: '54064edc20beeafacafd2b43b25bfa9fc6e0e362', class: "navbar-container" }, h("div", { key: '2020a0761f646c0a13cc604605d3b9d5b1625278', class: "navbar" }, h("div", { key: '6038de1eba48a2bedf7e689bb65521406fc6b8b1', class: "navbar-left" }, h("div", { key: '63f31053e7d3d1402f2a1e88a4ae2171f9e00d4f', class: "logo" }, h("slot", { key: 'bf73abaf20be9cfcaa6328fe8ac224d109944bef', name: "logo" })), h("div", { key: 'c9cc09537d26c55d319f08c4622b17248f6ffba4', class: "nav-links" }, h("slot", { key: '5c2d8df163e2fd9967492d39522df1e11dfcd977', name: "links" }))), h("div", { key: '45265b4d765ad52a33f81efa80e9daa910948e1c', class: "navbar-right" }, h("div", { key: '48c913dd3d8fa17ee7eb2e9a41f9493929cd7af0', class: "nav-actions" }, h("slot", { key: 'cbfecec0a3b95935f707a4bbded5ce8aae0e9270', name: "actions" })), h("div", { key: 'e8cd7adf6f5a537b9a2552b467f6671f312ab0c1', class: "nav-button" }, h("slot", { key: '9dd578f3d67b32642cc6fbd49a5f3736e55c04f1', name: "button" })))))));
+    }
+    static get style() { return afNavbarCss; }
+}, [257, "af-navbar"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-navbar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-navbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfNavbar);
+            }
+            break;
+    } });
+}
+
+export { AfNavbar as A, defineCustomElement as d };
+//# sourceMappingURL=p-B17zxKkI.js.map
+
+//# sourceMappingURL=p-B17zxKkI.js.map

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

@@ -0,0 +1 @@
+{"file":"p-B17zxKkI.js","mappings":";;AAAA,MAAM,WAAW,GAAG,orCAAorC;;MCW3rC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACnB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAEjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACtB,CACF,EAGN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACvB,CACF,CACF,CACF,CACD;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-navbar/af-navbar.css?tag=af-navbar&encapsulation=shadow","src/components/af-navbar/af-navbar.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.navbar-container {\n  padding: 32px 80px 0;\n  box-sizing: border-box;\n}\n\n.navbar {\n  background: #E8F1EF;\n  border: 1px solid rgba(0, 0, 0, 0.12);\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 8px 8px 40px;\n  box-sizing: border-box;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n/* Left section */\n.navbar-left {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Right section */\n.navbar-right {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.nav-button {\n  display: flex;\n  align-items: center;\n}\n\n/* Tablet adjustments */\n@media (max-width: 1024px) {\n  .navbar-container {\n    padding: 24px 40px 0;\n  }\n\n  .navbar-left {\n    gap: 24px;\n  }\n\n  .nav-links {\n    gap: 4px;\n  }\n}\n\n/* Mobile adjustments */\n@media (max-width: 767px) {\n  .navbar-container {\n    padding: 16px 16px 0;\n  }\n\n  .navbar {\n    padding: 8px 16px;\n    flex-direction: column;\n    border-radius: 16px;\n    gap: 16px;\n  }\n\n  .navbar-left {\n    width: 100%;\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .nav-links {\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n\n  .navbar-right {\n    width: 100%;\n    flex-direction: column;\n    gap: 12px;\n    align-items: stretch;\n  }\n\n  .nav-actions {\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n\n  .nav-button {\n    width: 100%;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * A full-width navigation bar component that provides the main site navigation.\n * Features a pill-shaped container with logo, navigation links, and action buttons.\n */\n@Component({\n  tag: 'af-navbar',\n  styleUrl: 'af-navbar.css',\n  shadow: true\n})\nexport class AfNavbar {\n  render() {\n    return (\n      <Host>\n        <nav class=\"navbar-container\">\n          <div class=\"navbar\">\n            {/* Left section: Logo + Nav Links */}\n            <div class=\"navbar-left\">\n              <div class=\"logo\">\n                <slot name=\"logo\"></slot>\n              </div>\n              <div class=\"nav-links\">\n                <slot name=\"links\"></slot>\n              </div>\n            </div>\n\n            {/* Right section: Actions + Button */}\n            <div class=\"navbar-right\">\n              <div class=\"nav-actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n              <div class=\"nav-button\">\n                <slot name=\"button\"></slot>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CbKdmUDd.js → p-BJDmHNDi.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-TaHgCKVa.js';
+import { p as proxyCustomElement, H, h } from './p-CzaQ1fCu.js';
 
 const afHeadingCss = ":host{display:block}.heading{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;color:#14343b;letter-spacing:-0.02em}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.level-xl{font-size:50px;line-height:1}@media (min-width: 768px){.level-xl{font-size:80px}}.level-1{font-size:38px;line-height:1}@media (min-width: 768px){.level-1{font-size:56px}}.level-2{font-size:32px;line-height:1}@media (min-width: 768px){.level-2{font-size:44px}}.level-3{font-size:25px;line-height:1}@media (min-width: 768px){.level-3{font-size:34px}}.level-4{font-size:20px;line-height:1.1}@media (min-width: 768px){.level-4{font-size:24px;line-height:1.2}}.level-5{font-size:18px;line-height:1.1}@media (min-width: 768px){.level-5{font-size:20px;line-height:1.2}}";
 
@@ -54,6 +54,6 @@ function defineCustomElement() {
 }
 
 export { AfHeading as A, defineCustomElement as d };
-//# sourceMappingURL=p-CbKdmUDd.js.map
+//# sourceMappingURL=p-BJDmHNDi.js.map
 
-//# sourceMappingURL=p-CbKdmUDd.js.map
+//# sourceMappingURL=p-BJDmHNDi.js.map

package/dist/components/{p-CbKdmUDd.js.map → p-BJDmHNDi.js.map}

@@ -1 +1 @@
-{"file":"p-CbKdmUDd.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+zBAA+zB;;MCOv0B,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAuC,GAAG;;AAG/C,QAAA,IAAK,CAAA,KAAA,GAAgC,MAAM;AA+BpD;IA7BS,aAAa,GAAA;;AAEnB,QAAA,MAAM,MAAM,GAA2B;AACrC,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE;SACN;QACD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI;;IAGnC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAS;QAEvC,QACE,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,CAAC,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AAC7B,gBAAA,CAAC,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG;AAC1B,aAAA,EACD,IAAI,EAAC,MAAM,EAAA,EAEX,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-heading/af-heading.css?tag=af-heading&encapsulation=shadow","src/components/af-heading/af-heading.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.heading {\n  margin: 0;\n  padding: 0;\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  color: #14343b;\n  letter-spacing: -0.02em;\n}\n\n/* Alignment */\n.align-left {\n  text-align: left;\n}\n\n.align-center {\n  text-align: center;\n}\n\n.align-right {\n  text-align: right;\n}\n\n/* Heading XL */\n.level-xl {\n  font-size: 50px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-xl {\n    font-size: 80px;\n  }\n}\n\n/* Heading 1 */\n.level-1 {\n  font-size: 38px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-1 {\n    font-size: 56px;\n  }\n}\n\n/* Heading 2 */\n.level-2 {\n  font-size: 32px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-2 {\n    font-size: 44px;\n  }\n}\n\n/* Heading 3 */\n.level-3 {\n  font-size: 25px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-3 {\n    font-size: 34px;\n  }\n}\n\n/* Heading 4 */\n.level-4 {\n  font-size: 20px;\n  line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n  .level-4 {\n    font-size: 24px;\n    line-height: 1.2;\n  }\n}\n\n/* Heading 5 */\n.level-5 {\n  font-size: 18px;\n  line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n  .level-5 {\n    font-size: 20px;\n    line-height: 1.2;\n  }\n}\n","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"],"version":3}
+{"file":"p-BJDmHNDi.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+zBAA+zB;;MCOv0B,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAuC,GAAG;;AAG/C,QAAA,IAAK,CAAA,KAAA,GAAgC,MAAM;AA+BpD;IA7BS,aAAa,GAAA;;AAEnB,QAAA,MAAM,MAAM,GAA2B;AACrC,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE,IAAI;AACT,YAAA,GAAG,EAAE;SACN;QACD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI;;IAGnC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAS;QAEvC,QACE,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,CAAC,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AAC7B,gBAAA,CAAC,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG;AAC1B,aAAA,EACD,IAAI,EAAC,MAAM,EAAA,EAEX,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-heading/af-heading.css?tag=af-heading&encapsulation=shadow","src/components/af-heading/af-heading.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.heading {\n  margin: 0;\n  padding: 0;\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  color: #14343b;\n  letter-spacing: -0.02em;\n}\n\n/* Alignment */\n.align-left {\n  text-align: left;\n}\n\n.align-center {\n  text-align: center;\n}\n\n.align-right {\n  text-align: right;\n}\n\n/* Heading XL */\n.level-xl {\n  font-size: 50px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-xl {\n    font-size: 80px;\n  }\n}\n\n/* Heading 1 */\n.level-1 {\n  font-size: 38px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-1 {\n    font-size: 56px;\n  }\n}\n\n/* Heading 2 */\n.level-2 {\n  font-size: 32px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-2 {\n    font-size: 44px;\n  }\n}\n\n/* Heading 3 */\n.level-3 {\n  font-size: 25px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-3 {\n    font-size: 34px;\n  }\n}\n\n/* Heading 4 */\n.level-4 {\n  font-size: 20px;\n  line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n  .level-4 {\n    font-size: 24px;\n    line-height: 1.2;\n  }\n}\n\n/* Heading 5 */\n.level-5 {\n  font-size: 18px;\n  line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n  .level-5 {\n    font-size: 20px;\n    line-height: 1.2;\n  }\n}\n","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"],"version":3}

package/dist/components/p-BfmeW04T.js

@@ -0,0 +1,50 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-CzaQ1fCu.js';
+
+const afButtonGroupCss = ":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";
+
+const AfButtonGroup = /*@__PURE__*/ proxyCustomElement(class AfButtonGroup extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Layout direction of the button group
+         */
+        this.direction = 'horizontal';
+        /**
+         * Gap between buttons
+         */
+        this.gap = '8px';
+    }
+    render() {
+        const classes = {
+            'button-group': true,
+            [`direction-${this.direction}`]: true
+        };
+        return (h(Host, { key: '9ef4ea3e4429646edb2d14a780763807d35ca438' }, h("div", { key: '8f61ec426b1f01cfd0ed91b6045e01cc1ecb1637', class: classes, style: { gap: this.gap } }, h("slot", { key: '06acb0d36cc96b311c228ba19039899a99d6a35d' }))));
+    }
+    static get style() { return afButtonGroupCss; }
+}, [257, "af-button-group", {
+        "direction": [1],
+        "gap": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-button-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-button-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfButtonGroup);
+            }
+            break;
+    } });
+}
+
+export { AfButtonGroup as A, defineCustomElement as d };
+//# sourceMappingURL=p-BfmeW04T.js.map
+
+//# sourceMappingURL=p-BfmeW04T.js.map

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

@@ -0,0 +1 @@
+{"file":"p-BfmeW04T.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,sNAAsN;;MCOlO,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;AAE3D;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,KAAK;AAgB5B;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,CAAC,aAAa,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG;SAClC;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAA,EAC3C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-button-group/af-button-group.css?tag=af-button-group&encapsulation=shadow","src/components/af-button-group/af-button-group.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.button-group {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.direction-horizontal {\n  flex-direction: row;\n}\n\n.direction-vertical {\n  flex-direction: column;\n}\n\n/* Ensure slotted buttons align properly */\n::slotted(*) {\n  flex-shrink: 0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-button-group',\n  styleUrl: 'af-button-group.css',\n  shadow: true\n})\nexport class AfButtonGroup {\n  /**\n   * Layout direction of the button group\n   */\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Gap between buttons\n   */\n  @Prop() gap: string = '8px';\n\n  render() {\n    const classes = {\n      'button-group': true,\n      [`direction-${this.direction}`]: true\n    };\n\n    return (\n      <Host>\n        <div class={classes} style={{ gap: this.gap }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}