@aiandralves/ai-ui 1.0.0

package/aiandralves-ai-ui.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@aiandralves/ai-ui" />
+export * from './index';

package/aiandrameira-ai-ui.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@aiandrameira/ai-ui" />
+export * from './index';

package/esm2022/aiandralves-ai-ui.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=aiandralves-ai-ui.js.map

package/esm2022/aiandralves-ai-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiandralves-ai-ui.js","sourceRoot":"","sources":["../../../../libs/ai-ui/src/aiandralves-ai-ui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/aiandrameira-ai-ui.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=aiandrameira-ai-ui.js.map

package/esm2022/aiandrameira-ai-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiandrameira-ai-ui.js","sourceRoot":"","sources":["../../../../libs/ai-ui/src/aiandrameira-ai-ui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/index.js

@@ -0,0 +1,4 @@
+export * from "./lib/components";
+export * from "./lib/core";
+export * from "./lib/infra";
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/ai-ui/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC","sourcesContent":["export * from \"./lib/components\";\r\nexport * from \"./lib/core\";\r\nexport * from \"./lib/infra\";\r\n"]}

package/esm2022/lib/components/accordion/accordion.js

@@ -0,0 +1,83 @@
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, input, output, signal, ViewEncapsulation } from "@angular/core";
+import { mergeClasses, transform } from "../../core";
+import { AiIcon } from "../icon";
+import { AiAccordionService } from "./accordion.service";
+import { accordionContentVariants, accordionHeaderVariants, accordionToggleVariants, accordionVariants } from "./accordion.variants";
+import * as i0 from "@angular/core";
+export class AiAccordionItem {
+    #service = inject(AiAccordionService);
+    #destroyRef = inject(DestroyRef);
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    description = input("", ...(ngDevMode ? [{ debugName: "description" }] : []));
+    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    expanded = input(false, { ...(ngDevMode ? { debugName: "expanded" } : {}), transform });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform });
+    hideToggle = input(false, { ...(ngDevMode ? { debugName: "hideToggle" } : {}), transform });
+    opened = output();
+    closed = output();
+    #expanded = signal(false, ...(ngDevMode ? [{ debugName: "#expanded" }] : []));
+    isExpanded = this.#expanded.asReadonly();
+    constructor() {
+        effect(() => this.#expanded.set(this.expanded()), { allowSignalWrites: true });
+        this.#service.registerItem(this);
+        this.#destroyRef.onDestroy(() => this.#service.unregisterItem(this));
+    }
+    headerClasses = computed(() => mergeClasses(accordionHeaderVariants()), ...(ngDevMode ? [{ debugName: "headerClasses" }] : []));
+    contentClasses = computed(() => mergeClasses(accordionContentVariants({ expanded: this.isExpanded() })), ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
+    toggleClasses = computed(() => mergeClasses(accordionToggleVariants({ expanded: this.isExpanded() })), ...(ngDevMode ? [{ debugName: "toggleClasses" }] : []));
+    toggle() {
+        if (this.disabled())
+            return;
+        const willExpand = !this.#expanded();
+        if (willExpand) {
+            this.#service.closeOthers(this);
+        }
+        this.#expanded.set(willExpand);
+        if (willExpand) {
+            this.opened.emit();
+        }
+        else {
+            this.closed.emit();
+        }
+    }
+    close() {
+        if (this.#expanded()) {
+            this.#expanded.set(false);
+            this.closed.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiAccordionItem, isStandalone: true, selector: "ai-accordion-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideToggle: { classPropertyName: "hideToggle", publicName: "hideToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { classAttribute: "block" }, exportAs: ["aiAccordionItem"], ngImport: i0, template: "<button\r\n    type=\"button\"\r\n    [class]=\"headerClasses()\"\r\n    (click)=\"toggle()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-expanded]=\"isExpanded()\">\r\n    <div class=\"flex items-center gap-2 shrink-0\">\r\n        @let nameIcon = icon();\r\n        @if (nameIcon) {\r\n            <ai-icon [icon]=\"nameIcon\" size=\"sm\" class=\"shrink-0\" />\r\n        }\r\n        <span class=\"font-medium text-sm\">{{ title() }}</span>\r\n    </div>\r\n    @if (description(); as desc) {\r\n        <span class=\"flex-1 text-sm text-muted-foreground\">{{ desc }}</span>\r\n    } @else {\r\n        <span class=\"flex-1\"></span>\r\n    }\r\n    @if (!hideToggle()) {\r\n        <ai-icon icon=\"arrow-down-s\" size=\"sm\" [class]=\"toggleClasses()\" />\r\n    }\r\n</button>\r\n\r\n<div [class]=\"contentClasses()\">\r\n    <div class=\"overflow-hidden\">\r\n        <div class=\"pb-4 pt-1 px-4\">\r\n            <ng-content />\r\n        </div>\r\n    </div>\r\n</div>\r\n", 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: AiAccordionItem, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-accordion-item", exportAs: "aiAccordionItem", imports: [AiIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: "block",
+                    }, template: "<button\r\n    type=\"button\"\r\n    [class]=\"headerClasses()\"\r\n    (click)=\"toggle()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-expanded]=\"isExpanded()\">\r\n    <div class=\"flex items-center gap-2 shrink-0\">\r\n        @let nameIcon = icon();\r\n        @if (nameIcon) {\r\n            <ai-icon [icon]=\"nameIcon\" size=\"sm\" class=\"shrink-0\" />\r\n        }\r\n        <span class=\"font-medium text-sm\">{{ title() }}</span>\r\n    </div>\r\n    @if (description(); as desc) {\r\n        <span class=\"flex-1 text-sm text-muted-foreground\">{{ desc }}</span>\r\n    } @else {\r\n        <span class=\"flex-1\"></span>\r\n    }\r\n    @if (!hideToggle()) {\r\n        <ai-icon icon=\"arrow-down-s\" size=\"sm\" [class]=\"toggleClasses()\" />\r\n    }\r\n</button>\r\n\r\n<div [class]=\"contentClasses()\">\r\n    <div class=\"overflow-hidden\">\r\n        <div class=\"pb-4 pt-1 px-4\">\r\n            <ng-content />\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideToggle", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+export class AiAccordion {
+    #service = inject(AiAccordionService);
+    multi = input(false, { ...(ngDevMode ? { debugName: "multi" } : {}), transform });
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(accordionVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    constructor() {
+        effect(() => this.#service.configure({ multi: this.multi() }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiAccordion, isStandalone: true, selector: "ai-accordion", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, providers: [AiAccordionService], exportAs: ["aiAccordion"], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-accordion",
+                    exportAs: "aiAccordion",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [AiAccordionService],
+                    template: `<ng-content />`,
+                    host: {
+                        "[class]": "classes()",
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/accordion/accordion.ts","../../../../../../../libs/ai-ui/src/lib/components/accordion/accordion.html"],"names":[],"mappings":"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","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, input, output, signal, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses, transform } from \"../../core\";\r\nimport { AiIcon } from \"../icon\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { AiAccordionService } from \"./accordion.service\";\r\nimport { accordionContentVariants, accordionHeaderVariants, accordionToggleVariants, accordionVariants } from \"./accordion.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-accordion-item\",\r\n    exportAs: \"aiAccordionItem\",\r\n    imports: [AiIcon],\r\n    templateUrl: \"./accordion.html\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    host: {\r\n        class: \"block\",\r\n    },\r\n})\r\nexport class AiAccordionItem {\r\n    readonly #service = inject(AiAccordionService);\r\n    readonly #destroyRef = inject(DestroyRef);\r\n\r\n    readonly title = input.required<string>();\r\n    readonly description = input(\"\");\r\n    readonly icon = input<AiIconType | undefined>(undefined);\r\n    readonly expanded = input<boolean, string | boolean>(false, { transform });\r\n    readonly disabled = input<boolean, string | boolean>(false, { transform });\r\n    readonly hideToggle = input<boolean, string | boolean>(false, { transform });\r\n\r\n    readonly opened = output<void>();\r\n    readonly closed = output<void>();\r\n\r\n    readonly #expanded = signal(false);\r\n    readonly isExpanded = this.#expanded.asReadonly();\r\n\r\n    constructor() {\r\n        effect(() => this.#expanded.set(this.expanded()), { allowSignalWrites: true });\r\n\r\n        this.#service.registerItem(this);\r\n        this.#destroyRef.onDestroy(() => this.#service.unregisterItem(this));\r\n    }\r\n\r\n    protected readonly headerClasses = computed(() => mergeClasses(accordionHeaderVariants()));\r\n    protected readonly contentClasses = computed(() => mergeClasses(accordionContentVariants({ expanded: this.isExpanded() })));\r\n    protected readonly toggleClasses = computed(() => mergeClasses(accordionToggleVariants({ expanded: this.isExpanded() })));\r\n\r\n    toggle() {\r\n        if (this.disabled()) return;\r\n        const willExpand = !this.#expanded();\r\n        if (willExpand) {\r\n            this.#service.closeOthers(this);\r\n        }\r\n        this.#expanded.set(willExpand);\r\n        if (willExpand) {\r\n            this.opened.emit();\r\n        } else {\r\n            this.closed.emit();\r\n        }\r\n    }\r\n\r\n    close() {\r\n        if (this.#expanded()) {\r\n            this.#expanded.set(false);\r\n            this.closed.emit();\r\n        }\r\n    }\r\n}\r\n\r\n@Component({\r\n    selector: \"ai-accordion\",\r\n    exportAs: \"aiAccordion\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    providers: [AiAccordionService],\r\n    template: `<ng-content />`,\r\n    host: {\r\n        \"[class]\": \"classes()\",\r\n    },\r\n})\r\nexport class AiAccordion {\r\n    readonly #service = inject(AiAccordionService);\r\n\r\n    readonly multi = input<boolean, string | boolean>(false, { transform });\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(accordionVariants(), this.class()));\r\n\r\n    constructor() {\r\n        effect(() => this.#service.configure({ multi: this.multi() }));\r\n    }\r\n}\r\n","<button\r\n    type=\"button\"\r\n    [class]=\"headerClasses()\"\r\n    (click)=\"toggle()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-expanded]=\"isExpanded()\">\r\n    <div class=\"flex items-center gap-2 shrink-0\">\r\n        @let nameIcon = icon();\r\n        @if (nameIcon) {\r\n            <ai-icon [icon]=\"nameIcon\" size=\"sm\" class=\"shrink-0\" />\r\n        }\r\n        <span class=\"font-medium text-sm\">{{ title() }}</span>\r\n    </div>\r\n    @if (description(); as desc) {\r\n        <span class=\"flex-1 text-sm text-muted-foreground\">{{ desc }}</span>\r\n    } @else {\r\n        <span class=\"flex-1\"></span>\r\n    }\r\n    @if (!hideToggle()) {\r\n        <ai-icon icon=\"arrow-down-s\" size=\"sm\" [class]=\"toggleClasses()\" />\r\n    }\r\n</button>\r\n\r\n<div [class]=\"contentClasses()\">\r\n    <div class=\"overflow-hidden\">\r\n        <div class=\"pb-4 pt-1 px-4\">\r\n            <ng-content />\r\n        </div>\r\n    </div>\r\n</div>\r\n"]}

package/esm2022/lib/components/accordion/accordion.service.js

@@ -0,0 +1,29 @@
+import { Injectable, signal } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiAccordionService {
+    #multi = signal(false, ...(ngDevMode ? [{ debugName: "#multi" }] : []));
+    #items = [];
+    configure(options) {
+        this.#multi.set(options.multi);
+    }
+    registerItem(item) {
+        this.#items.push(item);
+    }
+    unregisterItem(item) {
+        this.#items = this.#items.filter(i => i !== item);
+    }
+    closeOthers(except) {
+        if (this.#multi())
+            return;
+        this.#items.forEach(item => {
+            if (item !== except)
+                item.close();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAccordionService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAccordionService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=accordion.service.js.map

package/esm2022/lib/components/accordion/accordion.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/accordion/accordion.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAOnD,MAAM,OAAO,kBAAkB;IAClB,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC,CAAC;IAChC,MAAM,GAAuB,EAAE,CAAC;IAEhC,SAAS,CAAC,OAA2B;QACjC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,YAAY,CAAC,IAAsB;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,cAAc,CAAC,IAAsB;QACjC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IACtD,CAAC;IAED,WAAW,CAAC,MAAwB;QAChC,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvB,IAAI,IAAI,KAAK,MAAM;gBAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC;uGArBQ,kBAAkB;2GAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAD9B,UAAU","sourcesContent":["import { Injectable, signal } from \"@angular/core\";\r\n\r\nexport interface AccordionItemRef {\r\n    close: () => void;\r\n}\r\n\r\n@Injectable()\r\nexport class AiAccordionService {\r\n    readonly #multi = signal(false);\r\n    #items: AccordionItemRef[] = [];\r\n\r\n    configure(options: { multi: boolean }) {\r\n        this.#multi.set(options.multi);\r\n    }\r\n\r\n    registerItem(item: AccordionItemRef) {\r\n        this.#items.push(item);\r\n    }\r\n\r\n    unregisterItem(item: AccordionItemRef) {\r\n        this.#items = this.#items.filter(i => i !== item);\r\n    }\r\n\r\n    closeOthers(except: AccordionItemRef) {\r\n        if (this.#multi()) return;\r\n        this.#items.forEach(item => {\r\n            if (item !== except) item.close();\r\n        });\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,32 @@
+import { cva } from "class-variance-authority";
+export const accordionVariants = cva("flex flex-col w-full divide-y divide-border border border-border rounded-lg overflow-hidden", {
+    variants: {},
+    defaultVariants: {},
+});
+export const accordionHeaderVariants = cva("flex w-full items-center gap-4 py-4 px-4 text-left cursor-pointer transition-colors hover:bg-muted/50 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {},
+    defaultVariants: {},
+});
+export const accordionContentVariants = cva("grid transition-[grid-template-rows] duration-200 ease-out", {
+    variants: {
+        expanded: {
+            true: "grid-rows-[1fr]",
+            false: "grid-rows-[0fr]",
+        },
+    },
+    defaultVariants: {
+        expanded: false,
+    },
+});
+export const accordionToggleVariants = cva("shrink-0 text-muted-foreground transition-transform duration-200", {
+    variants: {
+        expanded: {
+            true: "rotate-180",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        expanded: false,
+    },
+});
+//# sourceMappingURL=accordion.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/accordion/accordion.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC,6FAA6F,EAAE;IAChI,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,EAAE;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACtC,wJAAwJ,EACxJ;IACI,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,EAAE;CACtB,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,4DAA4D,EAAE;IACtG,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,iBAAiB;SAC3B;KACJ;IACD,eAAe,EAAE;QACb,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC,kEAAkE,EAAE;IAC3G,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,EAAE;SACZ;KACJ;IACD,eAAe,EAAE;QACb,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const accordionVariants = cva(\"flex flex-col w-full divide-y divide-border border border-border rounded-lg overflow-hidden\", {\r\n    variants: {},\r\n    defaultVariants: {},\r\n});\r\n\r\nexport const accordionHeaderVariants = cva(\r\n    \"flex w-full items-center gap-4 py-4 px-4 text-left cursor-pointer transition-colors hover:bg-muted/50 disabled:pointer-events-none disabled:opacity-50\",\r\n    {\r\n        variants: {},\r\n        defaultVariants: {},\r\n    },\r\n);\r\n\r\nexport const accordionContentVariants = cva(\"grid transition-[grid-template-rows] duration-200 ease-out\", {\r\n    variants: {\r\n        expanded: {\r\n            true: \"grid-rows-[1fr]\",\r\n            false: \"grid-rows-[0fr]\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        expanded: false,\r\n    },\r\n});\r\n\r\nexport const accordionToggleVariants = cva(\"shrink-0 text-muted-foreground transition-transform duration-200\", {\r\n    variants: {\r\n        expanded: {\r\n            true: \"rotate-180\",\r\n            false: \"\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        expanded: false,\r\n    },\r\n});\r\n\r\nexport type AccordionVariants = VariantProps<typeof accordionVariants>;\r\n"]}

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

@@ -0,0 +1,16 @@
+import { DemoAccordionDefaultComponent } from "./default";
+import { DemoAccordionSingleComponent } from "./single";
+export const ACCORDION = {
+    componentName: "accordion",
+    examples: [
+        {
+            name: "default",
+            component: DemoAccordionDefaultComponent,
+        },
+        {
+            name: "single",
+            component: DemoAccordionSingleComponent,
+        },
+    ],
+};
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/accordion/demo/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,aAAa,EAAE,WAAW;IAC1B,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,6BAA6B;SAC3C;QACD;YACI,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,4BAA4B;SAC1C;KACJ;CACJ,CAAC","sourcesContent":["import { DemoAccordionDefaultComponent } from \"./default\";\r\nimport { DemoAccordionSingleComponent } from \"./single\";\r\n\r\nexport const ACCORDION = {\r\n    componentName: \"accordion\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoAccordionDefaultComponent,\r\n        },\r\n        {\r\n            name: \"single\",\r\n            component: DemoAccordionSingleComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/accordion/demo/default.js

@@ -0,0 +1,63 @@
+import { Component } from "@angular/core";
+import { AiAccordion, AiAccordionItem } from "../accordion";
+import * as i0 from "@angular/core";
+export class DemoAccordionDefaultComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAccordionDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAccordionDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="w-full max-w-xl">
+            <ai-accordion multi>
+                <ai-accordion-item title="Primeiro" description="Descrição do painel primeiro" icon="exchange">
+                    <h2 class="font-semibold">Conteúdo do painel <b>One</b></h2>
+                    <p>Este é o conteúdo do primeiro painel do accordion.</p>
+                </ai-accordion-item>
+
+                <ai-accordion-item [expanded]="true" title="Segundo" description="Descrição do painel segundo" icon="file-text">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Two</b></h2>
+                    <p>Este é o conteúdo do segundo painel do accordion.</p>
+                    <ul class="list-disc pl-4 mt-2">
+                        <li>Item 1</li>
+                        <li>Item 2</li>
+                        <li>Item 3</li>
+                    </ul>
+                </ai-accordion-item>
+
+                <ai-accordion-item title="Terceiro" description="Descrição do painel terceiro" icon="attachment-2">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Three</b></h2>
+                    <p>Este é o conteúdo do terceiro painel do accordion.</p>
+                </ai-accordion-item>
+            </ai-accordion>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAccordion, selector: "ai-accordion", inputs: ["multi", "class"], exportAs: ["aiAccordion"] }, { kind: "component", type: AiAccordionItem, selector: "ai-accordion-item", inputs: ["title", "description", "icon", "expanded", "disabled", "hideToggle"], outputs: ["opened", "closed"], exportAs: ["aiAccordionItem"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAccordionDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAccordion, AiAccordionItem],
+                    template: `
+        <div class="w-full max-w-xl">
+            <ai-accordion multi>
+                <ai-accordion-item title="Primeiro" description="Descrição do painel primeiro" icon="exchange">
+                    <h2 class="font-semibold">Conteúdo do painel <b>One</b></h2>
+                    <p>Este é o conteúdo do primeiro painel do accordion.</p>
+                </ai-accordion-item>
+
+                <ai-accordion-item [expanded]="true" title="Segundo" description="Descrição do painel segundo" icon="file-text">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Two</b></h2>
+                    <p>Este é o conteúdo do segundo painel do accordion.</p>
+                    <ul class="list-disc pl-4 mt-2">
+                        <li>Item 1</li>
+                        <li>Item 2</li>
+                        <li>Item 3</li>
+                    </ul>
+                </ai-accordion-item>
+
+                <ai-accordion-item title="Terceiro" description="Descrição do painel terceiro" icon="attachment-2">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Three</b></h2>
+                    <p>Este é o conteúdo do terceiro painel do accordion.</p>
+                </ai-accordion-item>
+            </ai-accordion>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/accordion/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AA8B5D,MAAM,OAAO,6BAA6B;uGAA7B,6BAA6B;2FAA7B,6BAA6B,wEA1B5B;;;;;;;;;;;;;;;;;;;;;;;;KAwBT,4DAzBS,WAAW,gHAAE,eAAe;;2FA2B7B,6BAA6B;kBA5BzC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;oBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;KAwBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiAccordion, AiAccordionItem } from \"../accordion\";\r\n\r\n@Component({\r\n    imports: [AiAccordion, AiAccordionItem],\r\n    template: `\r\n        <div class=\"w-full max-w-xl\">\r\n            <ai-accordion multi>\r\n                <ai-accordion-item title=\"Primeiro\" description=\"Descrição do painel primeiro\" icon=\"exchange\">\r\n                    <h2 class=\"font-semibold\">Conteúdo do painel <b>One</b></h2>\r\n                    <p>Este é o conteúdo do primeiro painel do accordion.</p>\r\n                </ai-accordion-item>\r\n\r\n                <ai-accordion-item [expanded]=\"true\" title=\"Segundo\" description=\"Descrição do painel segundo\" icon=\"file-text\">\r\n                    <h2 class=\"font-semibold\">Conteúdo do painel <b>Two</b></h2>\r\n                    <p>Este é o conteúdo do segundo painel do accordion.</p>\r\n                    <ul class=\"list-disc pl-4 mt-2\">\r\n                        <li>Item 1</li>\r\n                        <li>Item 2</li>\r\n                        <li>Item 3</li>\r\n                    </ul>\r\n                </ai-accordion-item>\r\n\r\n                <ai-accordion-item title=\"Terceiro\" description=\"Descrição do painel terceiro\" icon=\"attachment-2\">\r\n                    <h2 class=\"font-semibold\">Conteúdo do painel <b>Three</b></h2>\r\n                    <p>Este é o conteúdo do terceiro painel do accordion.</p>\r\n                </ai-accordion-item>\r\n            </ai-accordion>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAccordionDefaultComponent {}\r\n"]}

package/esm2022/lib/components/accordion/demo/single.js

@@ -0,0 +1,63 @@
+import { Component } from "@angular/core";
+import { AiAccordion, AiAccordionItem } from "../accordion";
+import * as i0 from "@angular/core";
+export class DemoAccordionSingleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAccordionSingleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAccordionSingleComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="w-full max-w-xl">
+            <ai-accordion>
+                <ai-accordion-item title="Primeiro" description="Descrição do painel primeiro" icon="exchange">
+                    <h2 class="font-semibold">Conteúdo do painel <b>One</b></h2>
+                    <p>Este é o conteúdo do primeiro painel do accordion.</p>
+                </ai-accordion-item>
+
+                <ai-accordion-item title="Segundo" description="Descrição do painel segundo" icon="file-text">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Two</b></h2>
+                    <p>Este é o conteúdo do segundo painel do accordion.</p>
+                    <ul class="list-disc pl-4 mt-2">
+                        <li>Item 1</li>
+                        <li>Item 2</li>
+                        <li>Item 3</li>
+                    </ul>
+                </ai-accordion-item>
+
+                <ai-accordion-item title="Terceiro" description="Descrição do painel terceiro" icon="attachment-2">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Three</b></h2>
+                    <p>Este é o conteúdo do terceiro painel do accordion.</p>
+                </ai-accordion-item>
+            </ai-accordion>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAccordion, selector: "ai-accordion", inputs: ["multi", "class"], exportAs: ["aiAccordion"] }, { kind: "component", type: AiAccordionItem, selector: "ai-accordion-item", inputs: ["title", "description", "icon", "expanded", "disabled", "hideToggle"], outputs: ["opened", "closed"], exportAs: ["aiAccordionItem"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAccordionSingleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAccordion, AiAccordionItem],
+                    template: `
+        <div class="w-full max-w-xl">
+            <ai-accordion>
+                <ai-accordion-item title="Primeiro" description="Descrição do painel primeiro" icon="exchange">
+                    <h2 class="font-semibold">Conteúdo do painel <b>One</b></h2>
+                    <p>Este é o conteúdo do primeiro painel do accordion.</p>
+                </ai-accordion-item>
+
+                <ai-accordion-item title="Segundo" description="Descrição do painel segundo" icon="file-text">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Two</b></h2>
+                    <p>Este é o conteúdo do segundo painel do accordion.</p>
+                    <ul class="list-disc pl-4 mt-2">
+                        <li>Item 1</li>
+                        <li>Item 2</li>
+                        <li>Item 3</li>
+                    </ul>
+                </ai-accordion-item>
+
+                <ai-accordion-item title="Terceiro" description="Descrição do painel terceiro" icon="attachment-2">
+                    <h2 class="font-semibold">Conteúdo do painel <b>Three</b></h2>
+                    <p>Este é o conteúdo do terceiro painel do accordion.</p>
+                </ai-accordion-item>
+            </ai-accordion>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=single.js.map

package/esm2022/lib/components/accordion/demo/single.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/accordion/demo/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AA8B5D,MAAM,OAAO,4BAA4B;uGAA5B,4BAA4B;2FAA5B,4BAA4B,wEA1B3B;;;;;;;;;;;;;;;;;;;;;;;;KAwBT,4DAzBS,WAAW,gHAAE,eAAe;;2FA2B7B,4BAA4B;kBA5BxC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;oBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;KAwBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiAccordion, AiAccordionItem } from \"../accordion\";\r\n\r\n@Component({\r\n    imports: [AiAccordion, AiAccordionItem],\r\n    template: `\r\n        <div class=\"w-full max-w-xl\">\r\n            <ai-accordion>\r\n                <ai-accordion-item title=\"Primeiro\" description=\"Descrição do painel primeiro\" icon=\"exchange\">\r\n                    <h2 class=\"font-semibold\">Conteúdo do painel <b>One</b></h2>\r\n                    <p>Este é o conteúdo do primeiro painel do accordion.</p>\r\n                </ai-accordion-item>\r\n\r\n                <ai-accordion-item title=\"Segundo\" description=\"Descrição do painel segundo\" icon=\"file-text\">\r\n                    <h2 class=\"font-semibold\">Conteúdo do painel <b>Two</b></h2>\r\n                    <p>Este é o conteúdo do segundo painel do accordion.</p>\r\n                    <ul class=\"list-disc pl-4 mt-2\">\r\n                        <li>Item 1</li>\r\n                        <li>Item 2</li>\r\n                        <li>Item 3</li>\r\n                    </ul>\r\n                </ai-accordion-item>\r\n\r\n                <ai-accordion-item title=\"Terceiro\" description=\"Descrição do painel terceiro\" icon=\"attachment-2\">\r\n                    <h2 class=\"font-semibold\">Conteúdo do painel <b>Three</b></h2>\r\n                    <p>Este é o conteúdo do terceiro painel do accordion.</p>\r\n                </ai-accordion-item>\r\n            </ai-accordion>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAccordionSingleComponent {}\r\n"]}

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

@@ -0,0 +1,3 @@
+export * from "./accordion";
+export * from "./demo/accordion";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from \"./accordion\";\r\nexport * from \"./demo/accordion\";\r\n"]}

package/esm2022/lib/components/alert/alert.js

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiIcon } from "../icon/icon.component";
+import { alertVariants } from "./alert.variants";
+import * as i0 from "@angular/core";
+export class AiAlert {
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    description = input("", ...(ngDevMode ? [{ debugName: "description" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    variant = input("primary", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    appearance = input("outline", ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(alertVariants({ variant: this.variant(), appearance: this.appearance() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiAlert, isStandalone: true, selector: "ai-alert", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-type": "variant()", "attr.data-appearance": "appearance()" } }, exportAs: ["aiAlert"], ngImport: i0, template: "<div class=\"flex flex-col items-start w-full\">\r\n    <div class=\"flex flex-col gap-1 w-full\">\r\n        <div class=\"flex items-center gap-x-2 h-5 relative\">\r\n            @let nameIcon = icon();\r\n            @if (nameIcon) {\r\n                <ai-icon [icon]=\"nameIcon\" size=\"sm\" />\r\n            }\r\n            <h5 class=\"font-semibold leading-6 h-6 font-title text-sm tracking-tight\">{{ title() }}</h5>\r\n        </div>\r\n        @if (description()) {\r\n            <span class=\"text-xs font-text font-medium\">{{ description() }}</span>\r\n        }\r\n    </div>\r\n    <div class=\"w-full\">\r\n        <ng-content />\r\n    </div>\r\n</div>", 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: AiAlert, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-alert", exportAs: "aiAlert", imports: [AiIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "[class]": "classes()",
+                        "[attr.data-type]": "variant()",
+                        "[attr.data-appearance]": "appearance()",
+                    }, template: "<div class=\"flex flex-col items-start w-full\">\r\n    <div class=\"flex flex-col gap-1 w-full\">\r\n        <div class=\"flex items-center gap-x-2 h-5 relative\">\r\n            @let nameIcon = icon();\r\n            @if (nameIcon) {\r\n                <ai-icon [icon]=\"nameIcon\" size=\"sm\" />\r\n            }\r\n            <h5 class=\"font-semibold leading-6 h-6 font-title text-sm tracking-tight\">{{ title() }}</h5>\r\n        </div>\r\n        @if (description()) {\r\n            <span class=\"text-xs font-text font-medium\">{{ description() }}</span>\r\n        }\r\n    </div>\r\n    <div class=\"w-full\">\r\n        <ng-content />\r\n    </div>\r\n</div>" }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert/alert.ts","../../../../../../../libs/ai-ui/src/lib/components/alert/alert.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAiB,MAAM,kBAAkB,CAAC;;AAehE,MAAM,OAAO,OAAO;IACP,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAC;IACjC,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC,CAAC;IAChC,IAAI,GAAG,KAAK,0DAAc,CAAC;IAC3B,OAAO,GAAG,KAAK,CAA2B,SAAS,mDAAC,CAAC;IACrD,UAAU,GAAG,KAAK,CAA8B,SAAS,sDAAC,CAAC;IAC3D,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGARjI,OAAO;2FAAP,OAAO,i9BCpBpB,iqBAgBM,4CDNQ,MAAM;;2FAUP,OAAO;kBAbnB,SAAS;+BACI,UAAU,YACV,SAAS,WACV,CAAC,MAAM,CAAC,mBAEA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,QAC/B;wBACF,SAAS,EAAE,WAAW;wBACtB,kBAAkB,EAAE,WAAW;wBAC/B,wBAAwB,EAAE,cAAc;qBAC3C","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"clsx\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { alertVariants, AlertVariants } from \"./alert.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-alert\",\r\n    exportAs: \"aiAlert\",\r\n    imports: [AiIcon],\r\n    templateUrl: \"./alert.html\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    host: {\r\n        \"[class]\": \"classes()\",\r\n        \"[attr.data-type]\": \"variant()\",\r\n        \"[attr.data-appearance]\": \"appearance()\",\r\n    },\r\n})\r\nexport class AiAlert {\r\n    readonly title = input.required<string>();\r\n    readonly description = input<string>(\"\");\r\n    readonly icon = input<AiIconType>();\r\n    readonly variant = input<AlertVariants[\"variant\"]>(\"primary\");\r\n    readonly appearance = input<AlertVariants[\"appearance\"]>(\"outline\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(alertVariants({ variant: this.variant(), appearance: this.appearance() }), this.class()));\r\n}\r\n","<div class=\"flex flex-col items-start w-full\">\r\n    <div class=\"flex flex-col gap-1 w-full\">\r\n        <div class=\"flex items-center gap-x-2 h-5 relative\">\r\n            @let nameIcon = icon();\r\n            @if (nameIcon) {\r\n                <ai-icon [icon]=\"nameIcon\" size=\"sm\" />\r\n            }\r\n            <h5 class=\"font-semibold leading-6 h-6 font-title text-sm tracking-tight\">{{ title() }}</h5>\r\n        </div>\r\n        @if (description()) {\r\n            <span class=\"text-xs font-text font-medium\">{{ description() }}</span>\r\n        }\r\n    </div>\r\n    <div class=\"w-full\">\r\n        <ng-content />\r\n    </div>\r\n</div>"]}

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

@@ -0,0 +1,23 @@
+import { cva } from "class-variance-authority";
+export const alertVariants = cva("relative flex gap-2 w-full rounded-lg py-3 px-4", {
+    variants: {
+        variant: {
+            primary: "text-primary data-[appearance='fill']:text-primary-foreground",
+            accent: "text-accent data-[appearance='fill']:text-accent-foreground",
+            info: "text-info data-[appearance='fill']:text-info-foreground",
+            success: "text-success data-[appearance='fill']:text-success-foreground",
+            warning: "text-warning data-[appearance='fill']:text-warning-foreground",
+            destructive: "text-destructive data-[appearance='fill']:text-destructive-foreground",
+        },
+        appearance: {
+            outline: "border data-[type='accent']:border-accent data-[type='primary']:border-primary data-[type='info']:border-info data-[type='success']:border-success data-[type='warning']:border-warning data-[type='destructive']:border-destructive",
+            soft: "border-l-4 data-[type='accent']:bg-accent/8 data-[type='primary']:bg-primary/8 data-[type='info']:bg-info/8 data-[type='success']:bg-success/8 data-[type='warning']:bg-warning/8 data-[type='destructive']:bg-destructive/8",
+            fill: "data-[type='accent']:bg-accent data-[type='primary']:bg-primary data-[type='info']:bg-info data-[type='success']:bg-success data-[type='warning']:bg-warning data-[type='destructive']:bg-destructive",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        appearance: "outline",
+    },
+});
+//# sourceMappingURL=alert.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/alert/alert.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,iDAAiD,EAAE;IAChF,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,+DAA+D;YACxE,MAAM,EAAE,6DAA6D;YACrE,IAAI,EAAE,yDAAyD;YAC/D,OAAO,EAAE,+DAA+D;YACxE,OAAO,EAAE,+DAA+D;YACxE,WAAW,EAAE,uEAAuE;SACvF;QACD,UAAU,EAAE;YACR,OAAO,EACH,sOAAsO;YAC1O,IAAI,EAAE,8NAA8N;YACpO,IAAI,EAAE,uMAAuM;SAChN;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;KACxB;CACJ,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const alertVariants = cva(\"relative flex gap-2 w-full rounded-lg py-3 px-4\", {\r\n    variants: {\r\n        variant: {\r\n            primary: \"text-primary data-[appearance='fill']:text-primary-foreground\",\r\n            accent: \"text-accent data-[appearance='fill']:text-accent-foreground\",\r\n            info: \"text-info data-[appearance='fill']:text-info-foreground\",\r\n            success: \"text-success data-[appearance='fill']:text-success-foreground\",\r\n            warning: \"text-warning data-[appearance='fill']:text-warning-foreground\",\r\n            destructive: \"text-destructive data-[appearance='fill']:text-destructive-foreground\",\r\n        },\r\n        appearance: {\r\n            outline:\r\n                \"border data-[type='accent']:border-accent data-[type='primary']:border-primary data-[type='info']:border-info data-[type='success']:border-success data-[type='warning']:border-warning data-[type='destructive']:border-destructive\",\r\n            soft: \"border-l-4 data-[type='accent']:bg-accent/8 data-[type='primary']:bg-primary/8 data-[type='info']:bg-info/8 data-[type='success']:bg-success/8 data-[type='warning']:bg-warning/8 data-[type='destructive']:bg-destructive/8\",\r\n            fill: \"data-[type='accent']:bg-accent data-[type='primary']:bg-primary data-[type='info']:bg-info data-[type='success']:bg-success data-[type='warning']:bg-warning data-[type='destructive']:bg-destructive\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        variant: \"primary\",\r\n        appearance: \"outline\",\r\n    },\r\n});\r\nexport type AlertVariants = VariantProps<typeof alertVariants>;\r\n"]}

package/esm2022/lib/components/alert/demo/accent.js

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiAlert } from "../alert";
+import * as i0 from "@angular/core";
+export class DemoAlertAccentComponent {
+    title = "Accent alert!";
+    description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertAccentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoAlertAccentComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="accent" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="accent" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="accent" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiAlert, selector: "ai-alert", inputs: ["title", "description", "icon", "variant", "appearance", "class"], exportAs: ["aiAlert"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoAlertAccentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiAlert],
+                    template: `
+        <div class="flex flex-col w-150 items-center gap-4">
+            <ai-alert variant="accent" appearance="fill" [title]="title" [description]="description" />
+            <ai-alert variant="accent" appearance="soft" [title]="title" [description]="description" />
+            <ai-alert variant="accent" appearance="outline" [title]="title" [description]="description" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=accent.js.map

package/esm2022/lib/components/alert/demo/accent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/accent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,wBAAwB;IACjC,KAAK,GAAG,eAAe,CAAC;IACxB,WAAW,GAAG,4EAA4E,CAAC;uGAFlF,wBAAwB;2FAAxB,wBAAwB,wEARvB;;;;;;KAMT,4DAPS,OAAO;;2FASR,wBAAwB;kBAVpC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiAlert } from \"../alert\";\r\n\r\n@Component({\r\n    imports: [AiAlert],\r\n    template: `\r\n        <div class=\"flex flex-col w-150 items-center gap-4\">\r\n            <ai-alert variant=\"accent\" appearance=\"fill\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"accent\" appearance=\"soft\" [title]=\"title\" [description]=\"description\" />\r\n            <ai-alert variant=\"accent\" appearance=\"outline\" [title]=\"title\" [description]=\"description\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoAlertAccentComponent {\r\n    title = \"Accent alert!\";\r\n    description = \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda, sint.\";\r\n}\r\n"]}

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

@@ -0,0 +1,42 @@
+import { DemoAlertAccentComponent } from "./accent";
+import { DemoAlertDestructiveComponent } from "./destructive";
+import { DemoAlertIconComponent } from "./icon";
+import { DemoAlertInfoComponent } from "./info";
+import { DemoAlertPrimaryComponent } from "./primary";
+import { DemoAlertSuccessComponent } from "./success";
+import { DemoAlertWarningComponent } from "./warning";
+export const ALERT = {
+    componentName: "alert",
+    componentType: "alert",
+    examples: [
+        {
+            name: "primary",
+            component: DemoAlertPrimaryComponent,
+        },
+        {
+            name: "accent",
+            component: DemoAlertAccentComponent,
+        },
+        {
+            name: "destructive",
+            component: DemoAlertDestructiveComponent,
+        },
+        {
+            name: "info",
+            component: DemoAlertInfoComponent,
+        },
+        {
+            name: "success",
+            component: DemoAlertSuccessComponent,
+        },
+        {
+            name: "warning",
+            component: DemoAlertWarningComponent,
+        },
+        {
+            name: "icon",
+            component: DemoAlertIconComponent,
+        },
+    ],
+};
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/alert/demo/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,wBAAwB;SACtC;QACD;YACI,IAAI,EAAE,aAAa;YACnB,SAAS,EAAE,6BAA6B;SAC3C;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,sBAAsB;SACpC;QACD;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,sBAAsB;SACpC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoAlertAccentComponent } from \"./accent\";\r\nimport { DemoAlertDestructiveComponent } from \"./destructive\";\r\nimport { DemoAlertIconComponent } from \"./icon\";\r\nimport { DemoAlertInfoComponent } from \"./info\";\r\nimport { DemoAlertPrimaryComponent } from \"./primary\";\r\nimport { DemoAlertSuccessComponent } from \"./success\";\r\nimport { DemoAlertWarningComponent } from \"./warning\";\r\n\r\nexport const ALERT = {\r\n    componentName: \"alert\",\r\n    componentType: \"alert\",\r\n    examples: [\r\n        {\r\n            name: \"primary\",\r\n            component: DemoAlertPrimaryComponent,\r\n        },\r\n        {\r\n            name: \"accent\",\r\n            component: DemoAlertAccentComponent,\r\n        },\r\n        {\r\n            name: \"destructive\",\r\n            component: DemoAlertDestructiveComponent,\r\n        },\r\n        {\r\n            name: \"info\",\r\n            component: DemoAlertInfoComponent,\r\n        },\r\n        {\r\n            name: \"success\",\r\n            component: DemoAlertSuccessComponent,\r\n        },\r\n        {\r\n            name: \"warning\",\r\n            component: DemoAlertWarningComponent,\r\n        },\r\n        {\r\n            name: \"icon\",\r\n            component: DemoAlertIconComponent,\r\n        },\r\n    ],\r\n};\r\n"]}