@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/breadcrumb/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;AAyB5D,MAAM,OAAO,8BAA8B;uGAA9B,8BAA8B;2FAA9B,8BAA8B,wEArB7B;;;;;;;;;;;;;;;;;;;KAmBT,q9BApB8B,MAAM;;2FAsB5B,8BAA8B;kBAvB1C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC;oBACtC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;KAmBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiIcon } from \"../../icon/icon.component\";\r\nimport { AiBreadcrumbImports } from \"../breadcrumb.imports\";\r\n\r\n@Component({\r\n    imports: [AiBreadcrumbImports, AiIcon],\r\n    template: `\r\n        <ai-breadcrumb-content>\r\n            <ai-breadcrumb-list wrap=\"wrap\" [align]=\"'start'\">\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/controle\">\r\n                        <ai-icon icon=\"contacts\" />\r\n                        Controle\r\n                    </ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/colaborador\">Colaboradores</ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-page>Cadastrar colaborador</ai-breadcrumb-page>\r\n                </ai-breadcrumb-item>\r\n            </ai-breadcrumb-list>\r\n        </ai-breadcrumb-content>\r\n    `,\r\n})\r\nexport class DemoBreadcrumbDefaultComponent {}\r\n"]}

package/esm2022/lib/components/breadcrumb/demo/directive.js

@@ -0,0 +1,50 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../../button";
+import { AiBreadcrumbImports } from "../breadcrumb.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../breadcrumb-content";
+import * as i2 from "../breadcrumb-item";
+import * as i3 from "../breadcrumb-list";
+import * as i4 from "../breadcrumb-link";
+import * as i5 from "../breadcrumb-page";
+import * as i6 from "../breadcrumb-separator";
+export class DemoBreadcrumbDirectiveComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbDirectiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBreadcrumbDirectiveComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ai-breadcrumb-content class="flex items-center justify-between w-150">
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">Home</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+
+            <ai-button variant="default" icon="filter" size="xs" />
+        </ai-breadcrumb-content>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbLink, selector: "ai-breadcrumb-link", inputs: ["link", "variant", "class"], exportAs: ["aiBreadcrumbLink"] }, { kind: "component", type: i5.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i6.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbDirectiveComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBreadcrumbImports, AiButton],
+                    template: `
+        <ai-breadcrumb-content class="flex items-center justify-between w-150">
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">Home</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+
+            <ai-button variant="default" icon="filter" size="xs" />
+        </ai-breadcrumb-content>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=directive.js.map

package/esm2022/lib/components/breadcrumb/demo/directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;AAoB5D,MAAM,OAAO,gCAAgC;uGAAhC,gCAAgC;2FAAhC,gCAAgC,wEAhB/B;;;;;;;;;;;;;;KAcT,q9BAf8B,QAAQ;;2FAiB9B,gCAAgC;kBAlB5C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;oBACxC,QAAQ,EAAE;;;;;;;;;;;;;;KAcT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../../button\";\r\nimport { AiBreadcrumbImports } from \"../breadcrumb.imports\";\r\n\r\n@Component({\r\n    imports: [AiBreadcrumbImports, AiButton],\r\n    template: `\r\n        <ai-breadcrumb-content class=\"flex items-center justify-between w-150\">\r\n            <ai-breadcrumb-list>\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/\">Home</ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>\r\n                </ai-breadcrumb-item>\r\n            </ai-breadcrumb-list>\r\n\r\n            <ai-button variant=\"default\" icon=\"filter\" size=\"xs\" />\r\n        </ai-breadcrumb-content>\r\n    `,\r\n})\r\nexport class DemoBreadcrumbDirectiveComponent {}\r\n"]}

package/esm2022/lib/components/breadcrumb/demo/icon.js

@@ -0,0 +1,72 @@
+import { Component } from "@angular/core";
+import { AiIcon } from "../../icon/icon.component";
+import { AiBreadcrumbImports } from "../breadcrumb.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../breadcrumb-content";
+import * as i2 from "../breadcrumb-item";
+import * as i3 from "../breadcrumb-list";
+import * as i4 from "../breadcrumb-link";
+import * as i5 from "../breadcrumb-page";
+import * as i6 from "../breadcrumb-separator";
+export class DemoBreadcrumbIconComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBreadcrumbIconComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list wrap="wrap" [align]="'start'">
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">
+                        <ai-icon icon="home" />
+                        Home
+                    </ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/components">
+                        <ai-icon icon="function" />
+                        Components
+                    </ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>
+                        <ai-icon icon="stack" />
+                        Breadcrumb
+                    </ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbLink, selector: "ai-breadcrumb-link", inputs: ["link", "variant", "class"], exportAs: ["aiBreadcrumbLink"] }, { kind: "component", type: i5.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i6.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }, { kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBreadcrumbImports, AiIcon],
+                    template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list wrap="wrap" [align]="'start'">
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">
+                        <ai-icon icon="home" />
+                        Home
+                    </ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/components">
+                        <ai-icon icon="function" />
+                        Components
+                    </ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>
+                        <ai-icon icon="stack" />
+                        Breadcrumb
+                    </ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=icon.js.map

package/esm2022/lib/components/breadcrumb/demo/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;AA+B5D,MAAM,OAAO,2BAA2B;uGAA3B,2BAA2B;2FAA3B,2BAA2B,wEA3B1B;;;;;;;;;;;;;;;;;;;;;;;;;KAyBT,q9BA1B8B,MAAM;;2FA4B5B,2BAA2B;kBA7BvC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC;oBACtC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;KAyBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiIcon } from \"../../icon/icon.component\";\r\nimport { AiBreadcrumbImports } from \"../breadcrumb.imports\";\r\n\r\n@Component({\r\n    imports: [AiBreadcrumbImports, AiIcon],\r\n    template: `\r\n        <ai-breadcrumb-content>\r\n            <ai-breadcrumb-list wrap=\"wrap\" [align]=\"'start'\">\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/\">\r\n                        <ai-icon icon=\"home\" />\r\n                        Home\r\n                    </ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/components\">\r\n                        <ai-icon icon=\"function\" />\r\n                        Components\r\n                    </ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-page>\r\n                        <ai-icon icon=\"stack\" />\r\n                        Breadcrumb\r\n                    </ai-breadcrumb-page>\r\n                </ai-breadcrumb-item>\r\n            </ai-breadcrumb-list>\r\n        </ai-breadcrumb-content>\r\n    `,\r\n})\r\nexport class DemoBreadcrumbIconComponent {}\r\n"]}

package/esm2022/lib/components/breadcrumb/demo/router-link.js

@@ -0,0 +1,53 @@
+import { Component } from "@angular/core";
+import { RouterLink } from "@angular/router";
+import { AiBreadcrumbImports } from "../breadcrumb.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../breadcrumb-content";
+import * as i2 from "../breadcrumb-item";
+import * as i3 from "../breadcrumb-list";
+import * as i4 from "../breadcrumb-page";
+import * as i5 from "../breadcrumb-separator";
+export class DemoBreadcrumbRouterLinkComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbRouterLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBreadcrumbRouterLinkComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <a routerLink="/">Home</a>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <a routerLink="/components">Components</a>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i5.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbRouterLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBreadcrumbImports, RouterLink],
+                    template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <a routerLink="/">Home</a>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <a routerLink="/components">Components</a>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=router-link.js.map

package/esm2022/lib/components/breadcrumb/demo/router-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-link.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/router-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;AAsB5D,MAAM,OAAO,iCAAiC;uGAAjC,iCAAiC;2FAAjC,iCAAiC,wEAlBhC;;;;;;;;;;;;;;;;KAgBT,6zBAjB8B,UAAU;;2FAmBhC,iCAAiC;kBApB7C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,mBAAmB,EAAE,UAAU,CAAC;oBAC1C,QAAQ,EAAE;;;;;;;;;;;;;;;;KAgBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { RouterLink } from \"@angular/router\";\r\nimport { AiBreadcrumbImports } from \"../breadcrumb.imports\";\r\n\r\n@Component({\r\n    imports: [AiBreadcrumbImports, RouterLink],\r\n    template: `\r\n        <ai-breadcrumb-content>\r\n            <ai-breadcrumb-list>\r\n                <ai-breadcrumb-item>\r\n                    <a routerLink=\"/\">Home</a>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <a routerLink=\"/components\">Components</a>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>\r\n                </ai-breadcrumb-item>\r\n            </ai-breadcrumb-list>\r\n        </ai-breadcrumb-content>\r\n    `,\r\n})\r\nexport class DemoBreadcrumbRouterLinkComponent {}\r\n"]}

package/esm2022/lib/components/breadcrumb/index.js

@@ -0,0 +1,5 @@
+export * from "./breadcrumb";
+export * from "./breadcrumb.directive";
+export * from "./breadcrumb.imports";
+export * from "./demo/breadcrumb";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC","sourcesContent":["export * from \"./breadcrumb\";\r\nexport * from \"./breadcrumb.directive\";\r\nexport * from \"./breadcrumb.imports\";\r\nexport * from \"./demo/breadcrumb\";\r\n"]}

package/esm2022/lib/components/button/button.js

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses, transform } from "../../core";
+import { AiIcon } from "../icon/icon.component";
+import { buttonVariants } from "./button.variants";
+import * as i0 from "@angular/core";
+export class AiButton {
+    variant = input("primary", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    shape = input("default", ...(ngDevMode ? [{ debugName: "shape" }] : []));
+    type = input("button", ...(ngDevMode ? [{ debugName: "type" }] : []));
+    fill = input("default", ...(ngDevMode ? [{ debugName: "fill" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    full = input(false, { ...(ngDevMode ? { debugName: "full" } : {}), transform });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform });
+    classes = computed(() => mergeClasses(buttonVariants({
+        variant: this.variant(),
+        size: this.size(),
+        shape: this.shape(),
+        fill: this.fill(),
+        full: this.full(),
+        loading: this.loading(),
+        disabled: this.disabled(),
+    }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiButton, isStandalone: true, selector: "ai-button, button[ai-button], a[ai-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, properties: { "class": "classes()", "attr.type": "type()", "attr.aria-disabled": "disabled()" } }, exportAs: ["aiButton"], ngImport: i0, template: `
+        <ng-content />
+        @let nameIcon = icon();
+        @if (loading()) {
+            <ai-icon [icon]="'loader-4'" size="sm" class="animate-spin" />
+        }
+        @if (nameIcon) {
+            <ai-icon [icon]="nameIcon" size="sm" />
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-button, button[ai-button], a[ai-button]",
+                    exportAs: "aiButton",
+                    imports: [AiIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <ng-content />
+        @let nameIcon = icon();
+        @if (loading()) {
+            <ai-icon [icon]="'loader-4'" size="sm" class="animate-spin" />
+        }
+        @if (nameIcon) {
+            <ai-icon [icon]="nameIcon" size="sm" />
+        }
+    `,
+                    host: {
+                        "[class]": "classes()",
+                        role: "button",
+                        "[attr.type]": "type()",
+                        "[attr.aria-disabled]": "disabled()",
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], full: [{ type: i0.Input, args: [{ isSignal: true, alias: "full", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+//# sourceMappingURL=button.js.map

package/esm2022/lib/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/button/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAkB,MAAM,mBAAmB,CAAC;;AAyBnE,MAAM,OAAO,QAAQ;IACR,OAAO,GAAG,KAAK,CAA4B,SAAS,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAChD,KAAK,GAAG,KAAK,CAA0B,SAAS,iDAAC,CAAC;IAClD,IAAI,GAAG,KAAK,CAAgC,QAAQ,gDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAEhD,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE9B,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAChD,IAAI,GAAG,KAAK,CAA4B,KAAK,iDAAI,SAAS,GAAG,CAAC;IAC9D,OAAO,GAAG,KAAK,CAA4B,KAAK,oDAAI,SAAS,GAAG,CAAC;IACjE,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAAI,SAAS,GAAG,CAAC;IAExD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,YAAY,CACR,cAAc,CAAC;QACX,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;QACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;QACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;QACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;KAC5B,CAAC,EACF,IAAI,CAAC,KAAK,EAAE,CACf,mDACJ,CAAC;uGA3BO,QAAQ;2FAAR,QAAQ,68CAjBP;;;;;;;;;KAST,4DAZS,MAAM;;2FAoBP,QAAQ;kBAvBpB,SAAS;mBAAC;oBACP,QAAQ,EAAE,4CAA4C;oBACtD,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,CAAC,MAAM,CAAC;oBACjB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;;;;;;KAST;oBACD,IAAI,EAAE;wBACF,SAAS,EAAE,WAAW;wBACtB,IAAI,EAAE,QAAQ;wBACd,aAAa,EAAE,QAAQ;wBACvB,sBAAsB,EAAE,YAAY;qBACvC;iBACJ","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses, transform } from \"../../core\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { buttonVariants, ButtonVariants } from \"./button.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-button, button[ai-button], a[ai-button]\",\r\n    exportAs: \"aiButton\",\r\n    imports: [AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <ng-content />\r\n        @let nameIcon = icon();\r\n        @if (loading()) {\r\n            <ai-icon [icon]=\"'loader-4'\" size=\"sm\" class=\"animate-spin\" />\r\n        }\r\n        @if (nameIcon) {\r\n            <ai-icon [icon]=\"nameIcon\" size=\"sm\" />\r\n        }\r\n    `,\r\n    host: {\r\n        \"[class]\": \"classes()\",\r\n        role: \"button\",\r\n        \"[attr.type]\": \"type()\",\r\n        \"[attr.aria-disabled]\": \"disabled()\",\r\n    },\r\n})\r\nexport class AiButton {\r\n    readonly variant = input<ButtonVariants[\"variant\"]>(\"primary\");\r\n    readonly size = input<ButtonVariants[\"size\"]>(\"default\");\r\n    readonly shape = input<ButtonVariants[\"shape\"]>(\"default\");\r\n    readonly type = input<\"button\" | \"submit\" | \"reset\">(\"button\");\r\n    readonly fill = input<ButtonVariants[\"fill\"]>(\"default\");\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    readonly icon = input<AiIconType | undefined>(undefined);\r\n    readonly full = input<boolean, string | boolean>(false, { transform });\r\n    readonly loading = input<boolean, string | boolean>(false, { transform });\r\n    readonly disabled = input<boolean, string | boolean>(false, { transform });\r\n\r\n    protected readonly classes = computed(() =>\r\n        mergeClasses(\r\n            buttonVariants({\r\n                variant: this.variant(),\r\n                size: this.size(),\r\n                shape: this.shape(),\r\n                fill: this.fill(),\r\n                full: this.full(),\r\n                loading: this.loading(),\r\n                disabled: this.disabled(),\r\n            }),\r\n            this.class(),\r\n        ),\r\n    );\r\n}\r\n"]}

package/esm2022/lib/components/button/button.variants.js

@@ -0,0 +1,102 @@
+import { cva } from "class-variance-authority";
+export const buttonVariants = cva("cursor-pointer inline-flex items-center justify-center gap-2 rounded-md text-sm font-text font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            primary: "",
+            accent: "",
+            outline: "",
+            ghost: "",
+            destructive: "",
+            link: "",
+            default: "",
+        },
+        fill: {
+            default: "",
+            line: "",
+        },
+        size: {
+            default: "h-10 py-2 px-4",
+            lg: "h-11 px-8",
+            sm: "h-8 px-3",
+            xs: "h-8 w-8",
+        },
+        shape: {
+            default: "rounded-md",
+            circle: "rounded-full",
+        },
+        full: {
+            true: "w-full",
+        },
+        loading: {
+            true: "opacity-50 pointer-events-none",
+        },
+        disabled: {
+            true: "bg-[#dfdee2] dark:bg-[#2f2b2d] text-[#949498] dark:text-[#767073] pointer-events-none",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "default",
+        shape: "default",
+        fill: "default",
+    },
+    compoundVariants: [
+        {
+            variant: "primary",
+            fill: "default",
+            disabled: false,
+            class: "bg-primary text-primary-foreground hover:bg-primary/90",
+        },
+        {
+            variant: "primary",
+            fill: "line",
+            disabled: false,
+            class: "bg-primary/10 text-primary hover:bg-primary/15",
+        },
+        {
+            variant: "accent",
+            fill: "default",
+            disabled: false,
+            class: "bg-accent text-accent-foreground hover:bg-accent/90",
+        },
+        {
+            variant: "accent",
+            fill: "line",
+            disabled: false,
+            class: "bg-accent/15 text-accent hover:bg-accent/20",
+        },
+        {
+            variant: "destructive",
+            fill: "default",
+            disabled: false,
+            class: "bg-destructive text-white hover:bg-destructive/90",
+        },
+        {
+            variant: "destructive",
+            fill: "line",
+            disabled: false,
+            class: "bg-destructive/15 text-destructive hover:bg-destructive/20",
+        },
+        {
+            variant: "ghost",
+            disabled: false,
+            class: "text-ghost-foreground hover:bg-ghost hover:text-primary",
+        },
+        {
+            variant: "link",
+            disabled: false,
+            class: "underline-offset-4 hover:underline text-primary",
+        },
+        {
+            variant: "outline",
+            disabled: false,
+            class: "border border-primary/70 text-primary/70 hover:bg-primary hover:text-primary hover:bg-transparent",
+        },
+        {
+            variant: "default",
+            disabled: false,
+            class: "bg-default/90 text-default-foreground/80 hover:bg-default hover:text-primary",
+        },
+    ],
+});
+//# sourceMappingURL=button.variants.js.map

package/esm2022/lib/components/button/button.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/button/button.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC7B,4UAA4U,EAC5U;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;YACT,WAAW,EAAE,EAAE;YACf,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACd;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;SACX;QACD,IAAI,EAAE;YACF,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACH,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,cAAc;SACzB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,gCAAgC;SACzC;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,uFAAuF;SAChG;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAClB;IACD,gBAAgB,EAAE;QACd;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,wDAAwD;SAClE;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gDAAgD;SAC1D;QACD;YACI,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,qDAAqD;SAC/D;QACD;YACI,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,6CAA6C;SACvD;QACD;YACI,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,mDAAmD;SAC7D;QACD;YACI,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,4DAA4D;SACtE;QACD;YACI,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,yDAAyD;SACnE;QACD;YACI,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,iDAAiD;SAC3D;QACD;YACI,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,mGAAmG;SAC7G;QACD;YACI,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,8EAA8E;SACxF;KACJ;CACJ,CACJ,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const buttonVariants = cva(\r\n    \"cursor-pointer inline-flex items-center justify-center gap-2 rounded-md text-sm font-text font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n    {\r\n        variants: {\r\n            variant: {\r\n                primary: \"\",\r\n                accent: \"\",\r\n                outline: \"\",\r\n                ghost: \"\",\r\n                destructive: \"\",\r\n                link: \"\",\r\n                default: \"\",\r\n            },\r\n            fill: {\r\n                default: \"\",\r\n                line: \"\",\r\n            },\r\n            size: {\r\n                default: \"h-10 py-2 px-4\",\r\n                lg: \"h-11 px-8\",\r\n                sm: \"h-8 px-3\",\r\n                xs: \"h-8 w-8\",\r\n            },\r\n            shape: {\r\n                default: \"rounded-md\",\r\n                circle: \"rounded-full\",\r\n            },\r\n            full: {\r\n                true: \"w-full\",\r\n            },\r\n            loading: {\r\n                true: \"opacity-50 pointer-events-none\",\r\n            },\r\n            disabled: {\r\n                true: \"bg-[#dfdee2] dark:bg-[#2f2b2d] text-[#949498] dark:text-[#767073] pointer-events-none\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            variant: \"primary\",\r\n            size: \"default\",\r\n            shape: \"default\",\r\n            fill: \"default\",\r\n        },\r\n        compoundVariants: [\r\n            {\r\n                variant: \"primary\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-primary text-primary-foreground hover:bg-primary/90\",\r\n            },\r\n            {\r\n                variant: \"primary\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-primary/10 text-primary hover:bg-primary/15\",\r\n            },\r\n            {\r\n                variant: \"accent\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-accent text-accent-foreground hover:bg-accent/90\",\r\n            },\r\n            {\r\n                variant: \"accent\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-accent/15 text-accent hover:bg-accent/20\",\r\n            },\r\n            {\r\n                variant: \"destructive\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-destructive text-white hover:bg-destructive/90\",\r\n            },\r\n            {\r\n                variant: \"destructive\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-destructive/15 text-destructive hover:bg-destructive/20\",\r\n            },\r\n            {\r\n                variant: \"ghost\",\r\n                disabled: false,\r\n                class: \"text-ghost-foreground hover:bg-ghost hover:text-primary\",\r\n            },\r\n            {\r\n                variant: \"link\",\r\n                disabled: false,\r\n                class: \"underline-offset-4 hover:underline text-primary\",\r\n            },\r\n            {\r\n                variant: \"outline\",\r\n                disabled: false,\r\n                class: \"border border-primary/70 text-primary/70 hover:bg-primary hover:text-primary hover:bg-transparent\",\r\n            },\r\n            {\r\n                variant: \"default\",\r\n                disabled: false,\r\n                class: \"bg-default/90 text-default-foreground/80 hover:bg-default hover:text-primary\",\r\n            },\r\n        ],\r\n    },\r\n);\r\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\r\n"]}

package/esm2022/lib/components/button/demo/button.js

@@ -0,0 +1,47 @@
+import { DemoButtonDisabledComponent } from "./disabled";
+import { DemoButtonFillComponent } from "./fill";
+import { DemoButtonFullComponent } from "./full";
+import { DemoButtonIconComponent } from "./icon";
+import { DemoButtonLoadingComponent } from "./loading";
+import { DemoButtonShapeComponent } from "./shape";
+import { DemoButtonSizeComponent } from "./size";
+import { DemoButtonVariantComponent } from "./variant";
+export const BUTTON = {
+    componentName: "button",
+    componentType: "button",
+    examples: [
+        {
+            name: "variant",
+            component: DemoButtonVariantComponent,
+        },
+        {
+            name: "fill",
+            component: DemoButtonFillComponent,
+        },
+        {
+            name: "size",
+            component: DemoButtonSizeComponent,
+        },
+        {
+            name: "shape",
+            component: DemoButtonShapeComponent,
+        },
+        {
+            name: "icon",
+            component: DemoButtonIconComponent,
+        },
+        {
+            name: "loading",
+            component: DemoButtonLoadingComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoButtonDisabledComponent,
+        },
+        {
+            name: "full",
+            component: DemoButtonFullComponent,
+        },
+    ],
+};
+//# sourceMappingURL=button.js.map

package/esm2022/lib/components/button/demo/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,uBAAuB;SACrC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,uBAAuB;SACrC;QACD;YACI,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,wBAAwB;SACtC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,uBAAuB;SACrC;QACD;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,2BAA2B;SACzC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,uBAAuB;SACrC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoButtonDisabledComponent } from \"./disabled\";\r\nimport { DemoButtonFillComponent } from \"./fill\";\r\nimport { DemoButtonFullComponent } from \"./full\";\r\nimport { DemoButtonIconComponent } from \"./icon\";\r\nimport { DemoButtonLoadingComponent } from \"./loading\";\r\nimport { DemoButtonShapeComponent } from \"./shape\";\r\nimport { DemoButtonSizeComponent } from \"./size\";\r\nimport { DemoButtonVariantComponent } from \"./variant\";\r\n\r\nexport const BUTTON = {\r\n    componentName: \"button\",\r\n    componentType: \"button\",\r\n    examples: [\r\n        {\r\n            name: \"variant\",\r\n            component: DemoButtonVariantComponent,\r\n        },\r\n        {\r\n            name: \"fill\",\r\n            component: DemoButtonFillComponent,\r\n        },\r\n        {\r\n            name: \"size\",\r\n            component: DemoButtonSizeComponent,\r\n        },\r\n        {\r\n            name: \"shape\",\r\n            component: DemoButtonShapeComponent,\r\n        },\r\n        {\r\n            name: \"icon\",\r\n            component: DemoButtonIconComponent,\r\n        },\r\n        {\r\n            name: \"loading\",\r\n            component: DemoButtonLoadingComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoButtonDisabledComponent,\r\n        },\r\n        {\r\n            name: \"full\",\r\n            component: DemoButtonFullComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/button/demo/disabled.js

@@ -0,0 +1,23 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonDisabledComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonDisabledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center">
+            <ai-button disabled>disabled</ai-button>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonDisabledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center justify-center">
+            <ai-button disabled>disabled</ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=disabled.js.map

package/esm2022/lib/components/button/demo/disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAUrC,MAAM,OAAO,2BAA2B;uGAA3B,2BAA2B;2FAA3B,2BAA2B,wEAN1B;;;;KAIT,4DALS,QAAQ;;2FAOT,2BAA2B;kBARvC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../button\";\r\n\r\n@Component({\r\n    imports: [AiButton],\r\n    template: `\r\n        <div class=\"flex items-center justify-center\">\r\n            <ai-button disabled>disabled</ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonDisabledComponent {}\r\n"]}

package/esm2022/lib/components/button/demo/fill.js

@@ -0,0 +1,47 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonFillComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonFillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonFillComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4">
+            <h2 class="text-primary font-semibold text-base">default</h2>
+            <div class="flex items-center gap-x-2">
+                <ai-button fill="default" variant="primary">primary</ai-button>
+                <ai-button fill="default" variant="accent">accent</ai-button>
+                <ai-button fill="default" variant="destructive">destructive</ai-button>
+            </div>
+
+            <h2 class="text-primary font-semibold text-base">line</h2>
+            <div class="flex items-center gap-x-2">
+                <ai-button fill="line" variant="primary">primary</ai-button>
+                <ai-button fill="line" variant="accent">accent</ai-button>
+                <ai-button fill="line" variant="destructive">destructive</ai-button>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonFillComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex flex-col gap-y-4">
+            <h2 class="text-primary font-semibold text-base">default</h2>
+            <div class="flex items-center gap-x-2">
+                <ai-button fill="default" variant="primary">primary</ai-button>
+                <ai-button fill="default" variant="accent">accent</ai-button>
+                <ai-button fill="default" variant="destructive">destructive</ai-button>
+            </div>
+
+            <h2 class="text-primary font-semibold text-base">line</h2>
+            <div class="flex items-center gap-x-2">
+                <ai-button fill="line" variant="primary">primary</ai-button>
+                <ai-button fill="line" variant="accent">accent</ai-button>
+                <ai-button fill="line" variant="destructive">destructive</ai-button>
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=fill.js.map

package/esm2022/lib/components/button/demo/fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/fill.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAsBrC,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,wEAlBtB;;;;;;;;;;;;;;;;KAgBT,4DAjBS,QAAQ;;2FAmBT,uBAAuB;kBApBnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;;;;;;;;;;;;KAgBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../button\";\r\n\r\n@Component({\r\n    imports: [AiButton],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <h2 class=\"text-primary font-semibold text-base\">default</h2>\r\n            <div class=\"flex items-center gap-x-2\">\r\n                <ai-button fill=\"default\" variant=\"primary\">primary</ai-button>\r\n                <ai-button fill=\"default\" variant=\"accent\">accent</ai-button>\r\n                <ai-button fill=\"default\" variant=\"destructive\">destructive</ai-button>\r\n            </div>\r\n\r\n            <h2 class=\"text-primary font-semibold text-base\">line</h2>\r\n            <div class=\"flex items-center gap-x-2\">\r\n                <ai-button fill=\"line\" variant=\"primary\">primary</ai-button>\r\n                <ai-button fill=\"line\" variant=\"accent\">accent</ai-button>\r\n                <ai-button fill=\"line\" variant=\"destructive\">destructive</ai-button>\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonFillComponent {}\r\n"]}

package/esm2022/lib/components/button/demo/full.js

@@ -0,0 +1,23 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonFullComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonFullComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonFullComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center max-w-sm w-full">
+            <ai-button full>Full</ai-button>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonFullComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center justify-center max-w-sm w-full">
+            <ai-button full>Full</ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=full.js.map

package/esm2022/lib/components/button/demo/full.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/full.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAUrC,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,wEANtB;;;;KAIT,4DALS,QAAQ;;2FAOT,uBAAuB;kBARnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../button\";\r\n\r\n@Component({\r\n    imports: [AiButton],\r\n    template: `\r\n        <div class=\"flex items-center justify-center max-w-sm w-full\">\r\n            <ai-button full>Full</ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonFullComponent {}\r\n"]}

package/esm2022/lib/components/button/demo/icon.js

@@ -0,0 +1,23 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonIconComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonIconComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center">
+            <ai-button icon="heart">icon</ai-button>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center justify-center">
+            <ai-button icon="heart">icon</ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=icon.js.map

package/esm2022/lib/components/button/demo/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAUrC,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,wEANtB;;;;KAIT,4DALS,QAAQ;;2FAOT,uBAAuB;kBARnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiButton } from \"../button\";\r\n\r\n@Component({\r\n    imports: [AiButton],\r\n    template: `\r\n        <div class=\"flex items-center justify-center\">\r\n            <ai-button icon=\"heart\">icon</ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonIconComponent {}\r\n"]}