@aiandralves/ai-ui 1.0.0

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

@@ -0,0 +1,23 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonLoadingComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonLoadingComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center">
+            <ai-button loading>loading</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: DemoButtonLoadingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center justify-center">
+            <ai-button loading>loading</ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/loading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAUrC,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,wEANzB;;;;KAIT,4DALS,QAAQ;;2FAOT,0BAA0B;kBARtC,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 loading>loading</ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonLoadingComponent {}\r\n"]}

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

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonShapeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonShapeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonShapeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center gap-x-2">
+            <ai-button size="default">default</ai-button>
+            <ai-button shape="circle">circle</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: DemoButtonShapeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center justify-center gap-x-2">
+            <ai-button size="default">default</ai-button>
+            <ai-button shape="circle">circle</ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=shape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/shape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAWrC,MAAM,OAAO,wBAAwB;uGAAxB,wBAAwB;2FAAxB,wBAAwB,wEAPvB;;;;;KAKT,4DANS,QAAQ;;2FAQT,wBAAwB;kBATpC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;KAKT;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 gap-x-2\">\r\n            <ai-button size=\"default\">default</ai-button>\r\n            <ai-button shape=\"circle\">circle</ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonShapeComponent {}\r\n"]}

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

@@ -0,0 +1,29 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonSizeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonSizeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center gap-x-2">
+            <ai-button size="lg">large</ai-button>
+            <ai-button size="default">default</ai-button>
+            <ai-button size="sm">small</ai-button>
+            <ai-button size="xs" icon="heart" />
+        </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: DemoButtonSizeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center justify-center gap-x-2">
+            <ai-button size="lg">large</ai-button>
+            <ai-button size="default">default</ai-button>
+            <ai-button size="sm">small</ai-button>
+            <ai-button size="xs" icon="heart" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=size.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAarC,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,wEATtB;;;;;;;KAOT,4DARS,QAAQ;;2FAUT,uBAAuB;kBAXnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;;;KAOT;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 gap-x-2\">\r\n            <ai-button size=\"lg\">large</ai-button>\r\n            <ai-button size=\"default\">default</ai-button>\r\n            <ai-button size=\"sm\">small</ai-button>\r\n            <ai-button size=\"xs\" icon=\"heart\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonSizeComponent {}\r\n"]}

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

@@ -0,0 +1,35 @@
+import { Component } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class DemoButtonVariantComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonVariantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonVariantComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center gap-x-2">
+            <ai-button variant="primary">primary</ai-button>
+            <ai-button variant="accent">accent</ai-button>
+            <ai-button variant="ghost">ghost</ai-button>
+            <ai-button variant="link">link</ai-button>
+            <ai-button variant="outline">outline</ai-button>
+            <ai-button variant="destructive">destructive</ai-button>
+            <ai-button variant="default">default</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: DemoButtonVariantComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButton],
+                    template: `
+        <div class="flex items-center gap-x-2">
+            <ai-button variant="primary">primary</ai-button>
+            <ai-button variant="accent">accent</ai-button>
+            <ai-button variant="ghost">ghost</ai-button>
+            <ai-button variant="link">link</ai-button>
+            <ai-button variant="outline">outline</ai-button>
+            <ai-button variant="destructive">destructive</ai-button>
+            <ai-button variant="default">default</ai-button>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=variant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variant.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button/demo/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAgBrC,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,wEAZzB;;;;;;;;;;KAUT,4DAXS,QAAQ;;2FAaT,0BAA0B;kBAdtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,QAAQ,EAAE;;;;;;;;;;KAUT;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 gap-x-2\">\r\n            <ai-button variant=\"primary\">primary</ai-button>\r\n            <ai-button variant=\"accent\">accent</ai-button>\r\n            <ai-button variant=\"ghost\">ghost</ai-button>\r\n            <ai-button variant=\"link\">link</ai-button>\r\n            <ai-button variant=\"outline\">outline</ai-button>\r\n            <ai-button variant=\"destructive\">destructive</ai-button>\r\n            <ai-button variant=\"default\">default</ai-button>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonVariantComponent {}\r\n"]}

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

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

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

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

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

@@ -0,0 +1,102 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, output, signal, ViewEncapsulation } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { mergeClasses } from "../../core";
+import { AiIcon } from "../icon";
+import { buttonToggleItemVariants, buttonToggleVariants } from "./button-toggle.variants";
+import * as i0 from "@angular/core";
+export class AiButtonToggle {
+    variant = input("outline", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    mode = input("multiple", ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
+    defaultValue = input("", ...(ngDevMode ? [{ debugName: "defaultValue" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    changeValue = output();
+    _value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _change = () => void 0;
+    _touched = () => void 0;
+    classes = computed(() => mergeClasses(buttonToggleVariants({ variant: this.variant(), size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    current = computed(() => {
+        const value = this._value();
+        const input = this.value();
+        const defaultValue = this.defaultValue();
+        if (value !== undefined)
+            return value;
+        if (input)
+            return input;
+        if (defaultValue)
+            return defaultValue;
+        return this.mode() === "single" ? "" : [];
+    }, ...(ngDevMode ? [{ debugName: "current" }] : []));
+    getItemClasses(i, total) {
+        const classes = buttonToggleItemVariants({ variant: this.variant(), size: this.size() });
+        const position = [];
+        if (i === 0)
+            position.push("first:rounded-l-md");
+        if (i === total - 1)
+            position.push("last:rounded-r-md");
+        if (this.variant() === "outline") {
+            if (i === 0)
+                position.push("border-l");
+            else
+                position.push("border-l-0");
+        }
+        position.push("focus:z-10", "focus-visible:z-10");
+        return mergeClasses(classes, ...position);
+    }
+    isItemPressed(item) {
+        const current = this.current();
+        if (this.mode() === "single")
+            return current === item;
+        return Array.isArray(current) && current.includes(item);
+    }
+    writeValue(val) {
+        if (!val)
+            return;
+        this._value.set(val);
+    }
+    registerOnChange(fn) {
+        this._change = fn;
+    }
+    registerOnTouched(fn) {
+        this._touched = fn;
+    }
+    onToggleChange(item) {
+        if (this.disabled() || item.disabled)
+            return;
+        const current = this.current();
+        let newValue;
+        if (this.mode() === "single") {
+            newValue = current === item.value ? "" : item.value;
+        }
+        else {
+            const list = Array.isArray(current) ? current : [];
+            newValue = list.includes(item.value) ? list.filter(v => v !== item.value) : [...list, item.value];
+        }
+        this._value.set(newValue);
+        this.changeValue.emit(newValue);
+        this._change(newValue);
+        this._touched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiButtonToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiButtonToggle, isStandalone: true, selector: "ai-button-toggle", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeValue: "changeValue" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AiButtonToggle),
+                multi: true,
+            },
+        ], exportAs: ["aiButtonToggle"], ngImport: i0, template: "<div [class]=\"classes()\" role=\"group\" [attr.data-orientation]=\"'horizontal'\">\r\n    @for (item of items(); track item.value; let i = $index) {\r\n        <button type=\"button\"\r\n            [attr.aria-pressed]=\"isItemPressed(item.value)\"\r\n            [attr.data-state]=\"isItemPressed(item.value) ? 'on' : 'off'\"\r\n            [class]=\"getItemClasses(i, items().length)\"\r\n            [disabled]=\"disabled() || item.disabled\"\r\n            (click)=\"onToggleChange(item)\">\r\n            @if (item.icon) {\r\n                <ai-icon [icon]=\"item.icon\" class=\"w-5 h-5 shrink-0\" />\r\n            }\r\n            @if (item.label) {\r\n                <span>{{ item.label }}</span>\r\n            } @else if (!item.icon) {\r\n                <span>{{ item.value }}</span>\r\n            }\r\n        </button>\r\n    }\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: AiButtonToggle, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-button-toggle", exportAs: "aiButtonToggle", providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AiButtonToggle),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AiIcon], template: "<div [class]=\"classes()\" role=\"group\" [attr.data-orientation]=\"'horizontal'\">\r\n    @for (item of items(); track item.value; let i = $index) {\r\n        <button type=\"button\"\r\n            [attr.aria-pressed]=\"isItemPressed(item.value)\"\r\n            [attr.data-state]=\"isItemPressed(item.value) ? 'on' : 'off'\"\r\n            [class]=\"getItemClasses(i, items().length)\"\r\n            [disabled]=\"disabled() || item.disabled\"\r\n            (click)=\"onToggleChange(item)\">\r\n            @if (item.icon) {\r\n                <ai-icon [icon]=\"item.icon\" class=\"w-5 h-5 shrink-0\" />\r\n            }\r\n            @if (item.label) {\r\n                <span>{{ item.label }}</span>\r\n            } @else if (!item.icon) {\r\n                <span>{{ item.value }}</span>\r\n            }\r\n        </button>\r\n    }\r\n</div>" }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], changeValue: [{ type: i0.Output, args: ["changeValue"] }] } });
+//# sourceMappingURL=button-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-toggle.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/button-toggle/button-toggle.ts","../../../../../../../libs/ai-ui/src/lib/components/button-toggle/button-toggle.html"],"names":[],"mappings":"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","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { BooleanInput } from \"@angular/cdk/coercion\";\r\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, output, signal, ViewEncapsulation } from \"@angular/core\";\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\r\n\r\nimport { ChangeFn, mergeClasses, TouchFn } from \"../../core\";\r\nimport { AiIcon } from \"../icon\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { buttonToggleItemVariants, ButtonToggleVariants, buttonToggleVariants } from \"./button-toggle.variants\";\r\n\r\nexport interface AiButtonToggleItem {\r\n    value: string;\r\n    label?: string;\r\n    icon?: AiIconType;\r\n    disabled?: boolean;\r\n}\r\n\r\n@Component({\r\n    selector: \"ai-button-toggle\",\r\n    exportAs: \"aiButtonToggle\",\r\n    templateUrl: \"./button-toggle.html\",\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => AiButtonToggle),\r\n            multi: true,\r\n        },\r\n    ],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    imports: [AiIcon],\r\n})\r\nexport class AiButtonToggle<T = unknown> implements ControlValueAccessor {\r\n    variant = input<ButtonToggleVariants[\"variant\"]>(\"outline\");\r\n    size = input<ButtonToggleVariants[\"size\"]>(\"default\");\r\n    mode = input<\"single\" | \"multiple\">(\"multiple\");\r\n\r\n    class = input<ClassValue>(\"\");\r\n\r\n    value = input<string | string[]>(\"\");\r\n    defaultValue = input<string | string[]>(\"\");\r\n    disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\r\n    items = input<AiButtonToggleItem[]>([]);\r\n\r\n    changeValue = output<string | string[]>();\r\n\r\n    _value = signal<string | string[] | undefined>(undefined);\r\n\r\n    protected _change: ChangeFn<T> = () => void 0;\r\n    protected _touched: TouchFn = () => void 0;\r\n\r\n    protected classes = computed(() => mergeClasses(buttonToggleVariants({ variant: this.variant(), size: this.size() }), this.class()));\r\n\r\n    protected current = computed(() => {\r\n        const value = this._value();\r\n        const input = this.value();\r\n        const defaultValue = this.defaultValue();\r\n\r\n        if (value !== undefined) return value;\r\n        if (input) return input;\r\n        if (defaultValue) return defaultValue;\r\n\r\n        return this.mode() === \"single\" ? \"\" : [];\r\n    });\r\n\r\n    protected getItemClasses(i: number, total: number) {\r\n        const classes = buttonToggleItemVariants({ variant: this.variant(), size: this.size() });\r\n\r\n        const position = [];\r\n\r\n        if (i === 0) position.push(\"first:rounded-l-md\");\r\n        if (i === total - 1) position.push(\"last:rounded-r-md\");\r\n\r\n        if (this.variant() === \"outline\") {\r\n            if (i === 0) position.push(\"border-l\");\r\n            else position.push(\"border-l-0\");\r\n        }\r\n\r\n        position.push(\"focus:z-10\", \"focus-visible:z-10\");\r\n        return mergeClasses(classes, ...position);\r\n    }\r\n\r\n    protected isItemPressed(item: string): boolean {\r\n        const current = this.current();\r\n\r\n        if (this.mode() === \"single\") return current === item;\r\n        return Array.isArray(current) && (current as string[]).includes(item);\r\n    }\r\n\r\n    writeValue(val: string | string[]): void {\r\n        if (!val) return;\r\n        this._value.set(val);\r\n    }\r\n\r\n    registerOnChange(fn: ChangeFn<T>): void {\r\n        this._change = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: TouchFn): void {\r\n        this._touched = fn;\r\n    }\r\n\r\n    onToggleChange(item: AiButtonToggleItem) {\r\n        if (this.disabled() || item.disabled) return;\r\n\r\n        const current = this.current();\r\n        let newValue: string | string[];\r\n\r\n        if (this.mode() === \"single\") {\r\n            newValue = current === item.value ? \"\" : item.value;\r\n        } else {\r\n            const list = Array.isArray(current) ? current : [];\r\n            newValue = list.includes(item.value) ? list.filter(v => v !== item.value) : [...list, item.value];\r\n        }\r\n\r\n        this._value.set(newValue);\r\n        this.changeValue.emit(newValue);\r\n        this._change(newValue as unknown as T);\r\n        this._touched();\r\n    }\r\n}\r\n","<div [class]=\"classes()\" role=\"group\" [attr.data-orientation]=\"'horizontal'\">\r\n    @for (item of items(); track item.value; let i = $index) {\r\n        <button type=\"button\"\r\n            [attr.aria-pressed]=\"isItemPressed(item.value)\"\r\n            [attr.data-state]=\"isItemPressed(item.value) ? 'on' : 'off'\"\r\n            [class]=\"getItemClasses(i, items().length)\"\r\n            [disabled]=\"disabled() || item.disabled\"\r\n            (click)=\"onToggleChange(item)\">\r\n            @if (item.icon) {\r\n                <ai-icon [icon]=\"item.icon\" class=\"w-5 h-5 shrink-0\" />\r\n            }\r\n            @if (item.label) {\r\n                <span>{{ item.label }}</span>\r\n            } @else if (!item.icon) {\r\n                <span>{{ item.value }}</span>\r\n            }\r\n        </button>\r\n    }\r\n</div>"]}

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

@@ -0,0 +1,36 @@
+import { cva } from "class-variance-authority";
+export const buttonToggleVariants = cva("flex w-fit items-center rounded-md", {
+    variants: {
+        variant: {
+            primary: "",
+            outline: "shadow",
+        },
+        size: {
+            sm: "",
+            default: "",
+            lg: "",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "default",
+    },
+});
+export const buttonToggleItemVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-none gap-2 text-sm font-text font-mediu text-muted-foreground ring-offset-background transition-colors hover:bg-primary/8 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary/8 data-[state=on]:text-primary", {
+    variants: {
+        variant: {
+            primary: "bg-transparent",
+            outline: "border border-input bg-transparent hover:bg-primary/10 hover:text-primary",
+        },
+        size: {
+            sm: "h-8 px-2.5 text-xs",
+            default: "h-9 px-3 text-sm",
+            lg: "h-10 px-4 text-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "default",
+    },
+});
+//# sourceMappingURL=button-toggle.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-toggle.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/button-toggle/button-toggle.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC,oCAAoC,EAAE;IAC1E,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,QAAQ;SACpB;QACD,IAAI,EAAE;YACF,EAAE,EAAE,EAAE;YACN,OAAO,EAAE,EAAE;YACX,EAAE,EAAE,EAAE;SACT;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAClB;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CACvC,+ZAA+Z,EAC/Z;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,gBAAgB;YACzB,OAAO,EAAE,2EAA2E;SACvF;QACD,IAAI,EAAE;YACF,EAAE,EAAE,oBAAoB;YACxB,OAAO,EAAE,kBAAkB;YAC3B,EAAE,EAAE,mBAAmB;SAC1B;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAClB;CACJ,CACJ,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const buttonToggleVariants = cva(\"flex w-fit items-center rounded-md\", {\r\n    variants: {\r\n        variant: {\r\n            primary: \"\",\r\n            outline: \"shadow\",\r\n        },\r\n        size: {\r\n            sm: \"\",\r\n            default: \"\",\r\n            lg: \"\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        variant: \"primary\",\r\n        size: \"default\",\r\n    },\r\n});\r\n\r\nexport const buttonToggleItemVariants = cva(\r\n    \"inline-flex items-center justify-center whitespace-nowrap rounded-none gap-2 text-sm font-text font-mediu text-muted-foreground ring-offset-background transition-colors hover:bg-primary/8 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary/8 data-[state=on]:text-primary\",\r\n    {\r\n        variants: {\r\n            variant: {\r\n                primary: \"bg-transparent\",\r\n                outline: \"border border-input bg-transparent hover:bg-primary/10 hover:text-primary\",\r\n            },\r\n            size: {\r\n                sm: \"h-8 px-2.5 text-xs\",\r\n                default: \"h-9 px-3 text-sm\",\r\n                lg: \"h-10 px-4 text-sm\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            variant: \"primary\",\r\n            size: \"default\",\r\n        },\r\n    },\r\n);\r\n\r\nexport type ButtonToggleVariants = VariantProps<typeof buttonToggleVariants>;\r\nexport type ButtonToggleItemVariants = VariantProps<typeof buttonToggleItemVariants>;\r\n"]}

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

@@ -0,0 +1,22 @@
+import { DemoButtonToggleDefaultComponent } from "./default";
+import { DemoButtonToggleDisabledComponent } from "./disabled";
+import { DemoButtonToggleSizeComponent } from "./size";
+export const BUTTON_TOGGLE = {
+    componentName: "button-toggle",
+    componentType: "button-toggle",
+    examples: [
+        {
+            name: "default",
+            component: DemoButtonToggleDefaultComponent,
+        },
+        {
+            name: "size",
+            component: DemoButtonToggleSizeComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoButtonToggleDisabledComponent,
+        },
+    ],
+};
+//# sourceMappingURL=button-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-toggle.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button-toggle/demo/button-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,iCAAiC,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,6BAA6B,EAAE,MAAM,QAAQ,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,gCAAgC;SAC9C;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,6BAA6B;SAC3C;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,iCAAiC;SAC/C;KACJ;CACJ,CAAC","sourcesContent":["import { DemoButtonToggleDefaultComponent } from \"./default\";\r\nimport { DemoButtonToggleDisabledComponent } from \"./disabled\";\r\nimport { DemoButtonToggleSizeComponent } from \"./size\";\r\n\r\nexport const BUTTON_TOGGLE = {\r\n    componentName: \"button-toggle\",\r\n    componentType: \"button-toggle\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoButtonToggleDefaultComponent,\r\n        },\r\n        {\r\n            name: \"size\",\r\n            component: DemoButtonToggleSizeComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoButtonToggleDisabledComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/button-toggle/demo/default.js

@@ -0,0 +1,36 @@
+import { Component } from "@angular/core";
+import { AiButtonToggle } from "../button-toggle";
+import * as i0 from "@angular/core";
+export class DemoButtonToggleDefaultComponent {
+    items = [
+        { value: "bold", icon: "bold", label: "Negrito" },
+        { value: "italic", icon: "italic", label: "Itálico" },
+        { value: "underline", icon: "underline", label: "Sublinhado" },
+    ];
+    onToggleChange(value) {
+        console.log("Button Toggle Value:", value);
+    }
+    onToggleOutlineChange(value) {
+        console.log("Button Toggle Value:", value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonToggleDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonToggleDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-sm">
+            <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="primary" [items]="items" (changeValue)="onToggleChange($event)" />
+            <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" (changeValue)="onToggleOutlineChange($event)" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButtonToggle, selector: "ai-button-toggle", inputs: ["variant", "size", "mode", "class", "value", "defaultValue", "disabled", "items"], outputs: ["changeValue"], exportAs: ["aiButtonToggle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonToggleDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButtonToggle],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-sm">
+            <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="primary" [items]="items" (changeValue)="onToggleChange($event)" />
+            <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" (changeValue)="onToggleOutlineChange($event)" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

package/esm2022/lib/components/button-toggle/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button-toggle/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAsB,MAAM,kBAAkB,CAAC;;AAWtE,MAAM,OAAO,gCAAgC;IACzC,KAAK,GAAyB;QAC1B,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAoB,EAAE,KAAK,EAAE,SAAS,EAAE;QAC/D,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAsB,EAAE,KAAK,EAAE,SAAS,EAAE;QACnE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAyB,EAAE,KAAK,EAAE,YAAY,EAAE;KAC/E,CAAC;IAEF,cAAc,CAAC,KAAwB;QACnC,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,qBAAqB,CAAC,KAAwB;QAC1C,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;uGAbQ,gCAAgC;2FAAhC,gCAAgC,wEAP/B;;;;;KAKT,4DANS,cAAc;;2FAQf,gCAAgC;kBAT5C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiIconType } from \"../../icon/icons\";\r\nimport { AiButtonToggle, AiButtonToggleItem } from \"../button-toggle\";\r\n\r\n@Component({\r\n    imports: [AiButtonToggle],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full max-w-sm\">\r\n            <ai-button-toggle mode=\"multiple\" [defaultValue]=\"['italic']\" variant=\"primary\" [items]=\"items\" (changeValue)=\"onToggleChange($event)\" />\r\n            <ai-button-toggle mode=\"multiple\" [defaultValue]=\"['italic']\" variant=\"outline\" [items]=\"items\" (changeValue)=\"onToggleOutlineChange($event)\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonToggleDefaultComponent {\r\n    items: AiButtonToggleItem[] = [\r\n        { value: \"bold\", icon: \"bold\" as AiIconType, label: \"Negrito\" },\r\n        { value: \"italic\", icon: \"italic\" as AiIconType, label: \"Itálico\" },\r\n        { value: \"underline\", icon: \"underline\" as AiIconType, label: \"Sublinhado\" },\r\n    ];\r\n\r\n    onToggleChange(value: string | string[]): void {\r\n        console.log(\"Button Toggle Value:\", value);\r\n    }\r\n\r\n    onToggleOutlineChange(value: string | string[]): void {\r\n        console.log(\"Button Toggle Value:\", value);\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,28 @@
+import { Component } from "@angular/core";
+import { AiButtonToggle } from "../button-toggle";
+import * as i0 from "@angular/core";
+export class DemoButtonToggleDisabledComponent {
+    items = [
+        { value: "bold", icon: "bold", label: "Negrito" },
+        { value: "italic", icon: "italic", label: "Itálico" },
+        { value: "underline", icon: "underline", label: "Sublinhado" },
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonToggleDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonToggleDisabledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-sm">
+            <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="primary" [items]="items" disabled />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButtonToggle, selector: "ai-button-toggle", inputs: ["variant", "size", "mode", "class", "value", "defaultValue", "disabled", "items"], outputs: ["changeValue"], exportAs: ["aiButtonToggle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonToggleDisabledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButtonToggle],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-sm">
+            <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="primary" [items]="items" disabled />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=disabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button-toggle/demo/disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAsB,MAAM,kBAAkB,CAAC;;AAUtE,MAAM,OAAO,iCAAiC;IAC1C,KAAK,GAAyB;QAC1B,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAoB,EAAE,KAAK,EAAE,SAAS,EAAE;QAC/D,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAsB,EAAE,KAAK,EAAE,SAAS,EAAE;QACnE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAyB,EAAE,KAAK,EAAE,YAAY,EAAE;KAC/E,CAAC;uGALO,iCAAiC;2FAAjC,iCAAiC,wEANhC;;;;KAIT,4DALS,cAAc;;2FAOf,iCAAiC;kBAR7C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiIconType } from \"../../icon/icons\";\r\nimport { AiButtonToggle, AiButtonToggleItem } from \"../button-toggle\";\r\n\r\n@Component({\r\n    imports: [AiButtonToggle],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full max-w-sm\">\r\n            <ai-button-toggle mode=\"multiple\" [defaultValue]=\"['italic']\" variant=\"primary\" [items]=\"items\" disabled />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonToggleDisabledComponent {\r\n    items: AiButtonToggleItem[] = [\r\n        { value: \"bold\", icon: \"bold\" as AiIconType, label: \"Negrito\" },\r\n        { value: \"italic\", icon: \"italic\" as AiIconType, label: \"Itálico\" },\r\n        { value: \"underline\", icon: \"underline\" as AiIconType, label: \"Sublinhado\" },\r\n    ];\r\n}\r\n"]}

package/esm2022/lib/components/button-toggle/demo/size.js

@@ -0,0 +1,50 @@
+import { Component } from "@angular/core";
+import { AiButtonToggle } from "../button-toggle";
+import * as i0 from "@angular/core";
+export class DemoButtonToggleSizeComponent {
+    items = [
+        { value: "bold", icon: "bold" },
+        { value: "italic", icon: "italic" },
+        { value: "underline", icon: "underline" },
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonToggleSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoButtonToggleSizeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full">
+            <div class="grid grid-cols-2 gap-4">
+                <span class="font-semibold text-sm">Small</span>
+                <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" size="sm" />
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+                <span class="font-semibold text-sm">Default</span>
+                <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" size="default" />
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+                <span class="font-semibold text-sm">Large</span>
+                <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" size="lg" />
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButtonToggle, selector: "ai-button-toggle", inputs: ["variant", "size", "mode", "class", "value", "defaultValue", "disabled", "items"], outputs: ["changeValue"], exportAs: ["aiButtonToggle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoButtonToggleSizeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiButtonToggle],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full">
+            <div class="grid grid-cols-2 gap-4">
+                <span class="font-semibold text-sm">Small</span>
+                <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" size="sm" />
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+                <span class="font-semibold text-sm">Default</span>
+                <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" size="default" />
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+                <span class="font-semibold text-sm">Large</span>
+                <ai-button-toggle mode="multiple" [defaultValue]="['italic']" variant="outline" [items]="items" size="lg" />
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=size.js.map

package/esm2022/lib/components/button-toggle/demo/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/button-toggle/demo/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAsB,MAAM,kBAAkB,CAAC;;AAqBtE,MAAM,OAAO,6BAA6B;IACtC,KAAK,GAAyB;QAC1B,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAoB,EAAE;QAC7C,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAsB,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAyB,EAAE;KAC1D,CAAC;uGALO,6BAA6B;2FAA7B,6BAA6B,wEAjB5B;;;;;;;;;;;;;;;KAeT,4DAhBS,cAAc;;2FAkBf,6BAA6B;kBAnBzC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,QAAQ,EAAE;;;;;;;;;;;;;;;KAeT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiIconType } from \"../../icon/icons\";\r\nimport { AiButtonToggle, AiButtonToggleItem } from \"../button-toggle\";\r\n\r\n@Component({\r\n    imports: [AiButtonToggle],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full\">\r\n            <div class=\"grid grid-cols-2 gap-4\">\r\n                <span class=\"font-semibold text-sm\">Small</span>\r\n                <ai-button-toggle mode=\"multiple\" [defaultValue]=\"['italic']\" variant=\"outline\" [items]=\"items\" size=\"sm\" />\r\n            </div>\r\n            <div class=\"grid grid-cols-2 gap-4\">\r\n                <span class=\"font-semibold text-sm\">Default</span>\r\n                <ai-button-toggle mode=\"multiple\" [defaultValue]=\"['italic']\" variant=\"outline\" [items]=\"items\" size=\"default\" />\r\n            </div>\r\n            <div class=\"grid grid-cols-2 gap-4\">\r\n                <span class=\"font-semibold text-sm\">Large</span>\r\n                <ai-button-toggle mode=\"multiple\" [defaultValue]=\"['italic']\" variant=\"outline\" [items]=\"items\" size=\"lg\" />\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoButtonToggleSizeComponent {\r\n    items: AiButtonToggleItem[] = [\r\n        { value: \"bold\", icon: \"bold\" as AiIconType },\r\n        { value: \"italic\", icon: \"italic\" as AiIconType },\r\n        { value: \"underline\", icon: \"underline\" as AiIconType },\r\n    ];\r\n}\r\n"]}

package/esm2022/lib/components/button-toggle/index.js

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

package/esm2022/lib/components/button-toggle/index.js.map

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

package/esm2022/lib/components/card/card.js

@@ -0,0 +1,26 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses, StringTemplateRefDirective } from "../../core";
+import { AiIcon } from "../icon/icon.component";
+import { cardBodyVariants, cardHeaderVariants, cardVariants } from "./card.variants";
+import * as i0 from "@angular/core";
+export class AiCard {
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    routerLink = input("", ...(ngDevMode ? [{ debugName: "routerLink" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(cardVariants({ disabled: this.disabled() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    headerClasses = computed(() => mergeClasses(cardHeaderVariants()), ...(ngDevMode ? [{ debugName: "headerClasses" }] : []));
+    bodyClasses = computed(() => mergeClasses(cardBodyVariants()), ...(ngDevMode ? [{ debugName: "bodyClasses" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiCard, isStandalone: true, selector: "ai-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card" }, properties: { "class": "classes()" } }, exportAs: ["aiCard"], ngImport: i0, template: "@if (title()) {\n    <div [class]=\"headerClasses()\">\n        <div class=\"flex items-center space-x-2 mb-4\">\n            @let nameIcon = icon();\n            @if (nameIcon) {\n                <ai-icon [icon]=\"nameIcon\" size=\"default\" />\n            }\n            <div class=\"font-bold text-base font-title\">\n                <ng-container *stringTemplateRef=\"title()\">{{ title() }}</ng-container>\n            </div>\n        </div>\n\n        @if (description()) {\n            <div class=\"text-sm font-semibold text-justify text-muted-foreground font-text\">\n                <ng-container *stringTemplateRef=\"description()\">{{ description() }}</ng-container>\n            </div>\n        }\n    </div>\n}\n\n<div [class]=\"bodyClasses()\">\n    <ng-content />\n</div>", dependencies: [{ kind: "directive", type: StringTemplateRefDirective, selector: "[stringTemplateRef]", inputs: ["stringTemplateRefContext", "stringTemplateRef"], exportAs: ["stringTemplateRef"] }, { 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: AiCard, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-card", exportAs: "aiCard", imports: [StringTemplateRefDirective, AiIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        "data-slot": "card",
+                        "[class]": "classes()",
+                    }, template: "@if (title()) {\n    <div [class]=\"headerClasses()\">\n        <div class=\"flex items-center space-x-2 mb-4\">\n            @let nameIcon = icon();\n            @if (nameIcon) {\n                <ai-icon [icon]=\"nameIcon\" size=\"default\" />\n            }\n            <div class=\"font-bold text-base font-title\">\n                <ng-container *stringTemplateRef=\"title()\">{{ title() }}</ng-container>\n            </div>\n        </div>\n\n        @if (description()) {\n            <div class=\"text-sm font-semibold text-justify text-muted-foreground font-text\">\n                <ng-container *stringTemplateRef=\"description()\">{{ description() }}</ng-container>\n            </div>\n        }\n    </div>\n}\n\n<div [class]=\"bodyClasses()\">\n    <ng-content />\n</div>" }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/card/card.ts","../../../../../../../libs/ai-ui/src/lib/components/card/card.html"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAe,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtI,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAcrF,MAAM,OAAO,MAAM;IACN,KAAK,GAAG,KAAK,2DAA8B,CAAC;IAC5C,WAAW,GAAG,KAAK,iEAA8B,CAAC;IAClD,IAAI,GAAG,KAAK,0DAAc,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAgB,EAAE,sDAAC,CAAC;IAEtC,QAAQ,GAAG,KAAK,CAAwB,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IAEhF,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;IAClG,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC,yDAAC,CAAC;IACnE,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC,uDAAC,CAAC;uGAZzE,MAAM;2FAAN,MAAM,i7BCtBnB,sxBAsBM,4CDTQ,0BAA0B,4JAAE,MAAM;;2FASnC,MAAM;kBAZlB,SAAS;+BACI,SAAS,YACT,QAAQ,WACT,CAAC,0BAA0B,EAAE,MAAM,CAAC,mBAC5B,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,QAE/B;wBACF,WAAW,EAAE,MAAM;wBACnB,SAAS,EAAE,WAAW;qBACzB","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { BooleanInput } from \"@angular/cdk/coercion\";\r\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, TemplateRef, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses, StringTemplateRefDirective } from \"../../core\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { cardBodyVariants, cardHeaderVariants, cardVariants } from \"./card.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-card\",\r\n    exportAs: \"aiCard\",\r\n    imports: [StringTemplateRefDirective, AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    templateUrl: \"./card.html\",\r\n    host: {\r\n        \"data-slot\": \"card\",\r\n        \"[class]\": \"classes()\",\r\n    },\r\n})\r\nexport class AiCard {\r\n    readonly title = input<string | TemplateRef<void>>();\r\n    readonly description = input<string | TemplateRef<void>>();\r\n    readonly icon = input<AiIconType>();\r\n    readonly routerLink = input<string | null>(\"\");\r\n\r\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(cardVariants({ disabled: this.disabled() }), this.class()));\r\n    protected readonly headerClasses = computed(() => mergeClasses(cardHeaderVariants()));\r\n    protected readonly bodyClasses = computed(() => mergeClasses(cardBodyVariants()));\r\n}\r\n","@if (title()) {\n    <div [class]=\"headerClasses()\">\n        <div class=\"flex items-center space-x-2 mb-4\">\n            @let nameIcon = icon();\n            @if (nameIcon) {\n                <ai-icon [icon]=\"nameIcon\" size=\"default\" />\n            }\n            <div class=\"font-bold text-base font-title\">\n                <ng-container *stringTemplateRef=\"title()\">{{ title() }}</ng-container>\n            </div>\n        </div>\n\n        @if (description()) {\n            <div class=\"text-sm font-semibold text-justify text-muted-foreground font-text\">\n                <ng-container *stringTemplateRef=\"description()\">{{ description() }}</ng-container>\n            </div>\n        }\n    </div>\n}\n\n<div [class]=\"bodyClasses()\">\n    <ng-content />\n</div>"]}

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

@@ -0,0 +1,15 @@
+import { cva } from "class-variance-authority";
+export const cardVariants = cva("block cursor-default border border-border rounded-lg w-full max-w-sm transition-colors duration-500", {
+    variants: {
+        disabled: {
+            true: "cursor-not-allowed pointer-events-none opacity-50",
+        },
+    },
+});
+export const cardHeaderVariants = cva("w-full flex flex-col text-left pt-6 px-6", {
+    variants: {},
+});
+export const cardBodyVariants = cva("px-6", {
+    variants: {},
+});
+//# sourceMappingURL=card.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/card/card.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,qGAAqG,EAAE;IACnI,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,mDAAmD;SAC5D;KACJ;CACJ,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC,0CAA0C,EAAE;IAC9E,QAAQ,EAAE,EAAE;CACf,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE;IACxC,QAAQ,EAAE,EAAE;CACf,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const cardVariants = cva(\"block cursor-default border border-border rounded-lg w-full max-w-sm transition-colors duration-500\", {\r\n    variants: {\r\n        disabled: {\r\n            true: \"cursor-not-allowed pointer-events-none opacity-50\",\r\n        },\r\n    },\r\n});\r\nexport type CardVariants = VariantProps<typeof cardVariants>;\r\n\r\nexport const cardHeaderVariants = cva(\"w-full flex flex-col text-left pt-6 px-6\", {\r\n    variants: {},\r\n});\r\nexport type CardHeaderVariants = VariantProps<typeof cardHeaderVariants>;\r\n\r\nexport const cardBodyVariants = cva(\"px-6\", {\r\n    variants: {},\r\n});\r\nexport type CardBodyVariants = VariantProps<typeof cardBodyVariants>;\r\n"]}

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

@@ -0,0 +1,17 @@
+import { DemoCardDefaultComponent } from "./default";
+import { DemoCardDisabledComponent } from "./disabled";
+export const CARD = {
+    componentName: "card",
+    componentType: "card",
+    examples: [
+        {
+            name: "default",
+            component: DemoCardDefaultComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoCardDisabledComponent,
+        },
+    ],
+};
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/card/demo/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,aAAa,EAAE,MAAM;IACrB,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,wBAAwB;SACtC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,yBAAyB;SACvC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoCardDefaultComponent } from \"./default\";\r\nimport { DemoCardDisabledComponent } from \"./disabled\";\r\n\r\nexport const CARD = {\r\n    componentName: \"card\",\r\n    componentType: \"card\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoCardDefaultComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoCardDisabledComponent,\r\n        },\r\n    ],\r\n};\r\n"]}