@aiandralves/ai-ui 1.0.0

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

@@ -0,0 +1,117 @@
+import { cva } from "class-variance-authority";
+export const badgeVariants = cva("inline-flex items-center gap-2 text-xs py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "",
+            primary: "",
+            accent: "",
+            outline: "",
+            destructive: "",
+            info: "",
+            success: "",
+            warning: "",
+        },
+        fill: {
+            default: "",
+            line: "",
+        },
+        shape: {
+            default: "rounded-sm px-2",
+            circle: "rounded-full px-2.5",
+        },
+        disabled: {
+            true: "bg-[#dfdee2] dark:bg-[#2f2b2d] text-[#949498] dark:text-[#767073] pointer-events-none",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        shape: "default",
+        fill: "default",
+    },
+    compoundVariants: [
+        {
+            variant: "default",
+            fill: "default",
+            disabled: false,
+            class: "border border-border bg-primary/10 text-primary",
+        },
+        {
+            variant: "primary",
+            fill: "default",
+            disabled: false,
+            class: "bg-primary text-primary-foreground hover:bg-primary/80",
+        },
+        {
+            variant: "primary",
+            fill: "line",
+            disabled: false,
+            class: "bg-primary/10 text-primary hover:bg-primary/15",
+        },
+        {
+            variant: "accent",
+            fill: "default",
+            disabled: false,
+            class: "bg-accent text-accent-foreground hover:bg-accent/80",
+        },
+        {
+            variant: "accent",
+            fill: "line",
+            disabled: false,
+            class: "bg-accent/15 text-accent hover:bg-accent/20 font-semibold",
+        },
+        {
+            variant: "destructive",
+            fill: "default",
+            disabled: false,
+            class: "bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        },
+        {
+            variant: "destructive",
+            fill: "line",
+            disabled: false,
+            class: "bg-destructive/15 text-destructive hover:bg-destructive/20 font-semibold",
+        },
+        {
+            variant: "info",
+            fill: "default",
+            disabled: false,
+            class: "bg-info text-info-foreground hover:bg-info/80",
+        },
+        {
+            variant: "info",
+            fill: "line",
+            disabled: false,
+            class: "bg-info/15 text-info hover:bg-info/20 font-semibold",
+        },
+        {
+            variant: "success",
+            fill: "default",
+            disabled: false,
+            class: "bg-success text-success-foreground hover:bg-success/80",
+        },
+        {
+            variant: "success",
+            fill: "line",
+            disabled: false,
+            class: "bg-success/15 text-success hover:bg-success/20 font-semibold",
+        },
+        {
+            variant: "warning",
+            fill: "default",
+            disabled: false,
+            class: "bg-warning text-warning-foreground hover:bg-warning/80",
+        },
+        {
+            variant: "warning",
+            fill: "line",
+            disabled: false,
+            class: "bg-warning/15 text-warning hover:bg-warning/20 font-semibold",
+        },
+        {
+            variant: "outline",
+            disabled: false,
+            class: "text-primary border border-primary",
+        },
+    ],
+});
+//# sourceMappingURL=badge.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/badge/badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC5B,mJAAmJ,EACnJ;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;SACd;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;SACX;QACD,KAAK,EAAE;YACH,OAAO,EAAE,iBAAiB;YAC1B,MAAM,EAAE,qBAAqB;SAChC;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,uFAAuF;SAChG;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAClB;IACD,gBAAgB,EAAE;QACd;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,iDAAiD;SAC3D;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,wDAAwD;SAClE;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gDAAgD;SAC1D;QACD;YACI,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,qDAAqD;SAC/D;QACD;YACI,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,2DAA2D;SACrE;QACD;YACI,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,oEAAoE;SAC9E;QACD;YACI,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,0EAA0E;SACpF;QACD;YACI,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,+CAA+C;SACzD;QACD;YACI,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,qDAAqD;SAC/D;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,wDAAwD;SAClE;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,8DAA8D;SACxE;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,wDAAwD;SAClE;QACD;YACI,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,8DAA8D;SACxE;QACD;YACI,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,oCAAoC;SAC9C;KACJ;CACJ,CACJ,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const badgeVariants = cva(\r\n    \"inline-flex items-center gap-2 text-xs py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n    {\r\n        variants: {\r\n            variant: {\r\n                default: \"\",\r\n                primary: \"\",\r\n                accent: \"\",\r\n                outline: \"\",\r\n                destructive: \"\",\r\n                info: \"\",\r\n                success: \"\",\r\n                warning: \"\",\r\n            },\r\n            fill: {\r\n                default: \"\",\r\n                line: \"\",\r\n            },\r\n            shape: {\r\n                default: \"rounded-sm px-2\",\r\n                circle: \"rounded-full px-2.5\",\r\n            },\r\n            disabled: {\r\n                true: \"bg-[#dfdee2] dark:bg-[#2f2b2d] text-[#949498] dark:text-[#767073] pointer-events-none\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            variant: \"primary\",\r\n            shape: \"default\",\r\n            fill: \"default\",\r\n        },\r\n        compoundVariants: [\r\n            {\r\n                variant: \"default\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"border border-border bg-primary/10 text-primary\",\r\n            },\r\n            {\r\n                variant: \"primary\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-primary text-primary-foreground hover:bg-primary/80\",\r\n            },\r\n            {\r\n                variant: \"primary\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-primary/10 text-primary hover:bg-primary/15\",\r\n            },\r\n            {\r\n                variant: \"accent\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-accent text-accent-foreground hover:bg-accent/80\",\r\n            },\r\n            {\r\n                variant: \"accent\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-accent/15 text-accent hover:bg-accent/20 font-semibold\",\r\n            },\r\n            {\r\n                variant: \"destructive\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-destructive text-destructive-foreground hover:bg-destructive/80\",\r\n            },\r\n            {\r\n                variant: \"destructive\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-destructive/15 text-destructive hover:bg-destructive/20 font-semibold\",\r\n            },\r\n            {\r\n                variant: \"info\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-info text-info-foreground hover:bg-info/80\",\r\n            },\r\n            {\r\n                variant: \"info\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-info/15 text-info hover:bg-info/20 font-semibold\",\r\n            },\r\n            {\r\n                variant: \"success\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-success text-success-foreground hover:bg-success/80\",\r\n            },\r\n            {\r\n                variant: \"success\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-success/15 text-success hover:bg-success/20 font-semibold\",\r\n            },\r\n            {\r\n                variant: \"warning\",\r\n                fill: \"default\",\r\n                disabled: false,\r\n                class: \"bg-warning text-warning-foreground hover:bg-warning/80\",\r\n            },\r\n            {\r\n                variant: \"warning\",\r\n                fill: \"line\",\r\n                disabled: false,\r\n                class: \"bg-warning/15 text-warning hover:bg-warning/20 font-semibold\",\r\n            },\r\n            {\r\n                variant: \"outline\",\r\n                disabled: false,\r\n                class: \"text-primary border border-primary\",\r\n            },\r\n        ],\r\n    },\r\n);\r\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\r\n"]}

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

@@ -0,0 +1,37 @@
+import { DemoBadgeCloseComponent } from "./close";
+import { DemoBadgeDisabledComponent } from "./disabled";
+import { DemoBadgeFillComponent } from "./fill";
+import { DemoBadgeIconComponent } from "./icon";
+import { DemoBadgeShapeComponent } from "./shape";
+import { DemoBadgeVariantComponent } from "./variant";
+export const BADGE = {
+    componentName: "badge",
+    componentType: "badge",
+    examples: [
+        {
+            name: "variant",
+            component: DemoBadgeVariantComponent,
+        },
+        {
+            name: "fill",
+            component: DemoBadgeFillComponent,
+        },
+        {
+            name: "shape",
+            component: DemoBadgeShapeComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoBadgeDisabledComponent,
+        },
+        {
+            name: "icon",
+            component: DemoBadgeIconComponent,
+        },
+        {
+            name: "close",
+            component: DemoBadgeCloseComponent,
+        },
+    ],
+};
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAClD,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,MAAM;YACZ,SAAS,EAAE,sBAAsB;SACpC;QACD;YACI,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,uBAAuB;SACrC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,sBAAsB;SACpC;QACD;YACI,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,uBAAuB;SACrC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoBadgeCloseComponent } from \"./close\";\r\nimport { DemoBadgeDisabledComponent } from \"./disabled\";\r\nimport { DemoBadgeFillComponent } from \"./fill\";\r\nimport { DemoBadgeIconComponent } from \"./icon\";\r\nimport { DemoBadgeShapeComponent } from \"./shape\";\r\nimport { DemoBadgeVariantComponent } from \"./variant\";\r\n\r\nexport const BADGE = {\r\n    componentName: \"badge\",\r\n    componentType: \"badge\",\r\n    examples: [\r\n        {\r\n            name: \"variant\",\r\n            component: DemoBadgeVariantComponent,\r\n        },\r\n        {\r\n            name: \"fill\",\r\n            component: DemoBadgeFillComponent,\r\n        },\r\n        {\r\n            name: \"shape\",\r\n            component: DemoBadgeShapeComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoBadgeDisabledComponent,\r\n        },\r\n        {\r\n            name: \"icon\",\r\n            component: DemoBadgeIconComponent,\r\n        },\r\n        {\r\n            name: \"close\",\r\n            component: DemoBadgeCloseComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/badge/demo/close.js

@@ -0,0 +1,28 @@
+import { Component } from "@angular/core";
+import { FormControl, ReactiveFormsModule } from "@angular/forms";
+import { AiBadge } from "../badge";
+import * as i0 from "@angular/core";
+export class DemoBadgeCloseComponent {
+    control = new FormControl("", { nonNullable: true });
+    onClose() {
+        this.control.reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBadgeCloseComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center">
+            <ai-badge variant="default" close (closed)="onClose()">It must be of the default type</ai-badge>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiBadge, selector: "ai-badge", inputs: ["variant", "shape", "fill", "icon", "disabled", "close", "class"], outputs: ["closed"], exportAs: ["aiBadge"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeCloseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBadge, ReactiveFormsModule],
+                    template: `
+        <div class="flex items-center justify-center">
+            <ai-badge variant="default" close (closed)="onClose()">It must be of the default type</ai-badge>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=close.js.map

package/esm2022/lib/components/badge/demo/close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAUnC,MAAM,OAAO,uBAAuB;IAChC,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7D,OAAO;QACH,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;uGALQ,uBAAuB;2FAAvB,uBAAuB,wEANtB;;;;KAIT,4DALS,OAAO,4KAAE,mBAAmB;;2FAO7B,uBAAuB;kBARnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC;oBACvC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { FormControl, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { AiBadge } from \"../badge\";\r\n\r\n@Component({\r\n    imports: [AiBadge, ReactiveFormsModule],\r\n    template: `\r\n        <div class=\"flex items-center justify-center\">\r\n            <ai-badge variant=\"default\" close (closed)=\"onClose()\">It must be of the default type</ai-badge>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoBadgeCloseComponent {\r\n    control = new FormControl<string>(\"\", { nonNullable: true });\r\n\r\n    onClose() {\r\n        this.control.reset();\r\n    }\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAUnC,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,wEANzB;;;;KAIT,4DALS,OAAO;;2FAOR,0BAA0B;kBARtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBadge } from \"../badge\";\r\n\r\n@Component({\r\n    imports: [AiBadge],\r\n    template: `\r\n        <div class=\"flex items-center justify-center\">\r\n            <ai-badge disabled>disabled</ai-badge>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoBadgeDisabledComponent {}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/fill.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AA4BnC,MAAM,OAAO,sBAAsB;uGAAtB,sBAAsB;2FAAtB,sBAAsB,wEAxBrB;;;;;;;;;;;;;;;;;;;;;;KAsBT,4DAvBS,OAAO;;2FAyBR,sBAAsB;kBA1BlC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;KAsBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBadge } from \"../badge\";\r\n\r\n@Component({\r\n    imports: [AiBadge],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <h2 class=\"text-primary font-semibold text-base\">default</h2>\r\n            <div class=\"flex items-center flex-wrap gap-2\">\r\n                <ai-badge fill=\"default\" variant=\"primary\">primary</ai-badge>\r\n                <ai-badge fill=\"default\" variant=\"accent\">accent</ai-badge>\r\n                <ai-badge fill=\"default\" variant=\"destructive\">destructive</ai-badge>\r\n                <ai-badge fill=\"default\" variant=\"info\">info</ai-badge>\r\n                <ai-badge fill=\"default\" variant=\"success\">success</ai-badge>\r\n                <ai-badge fill=\"default\" variant=\"warning\">warning</ai-badge>\r\n            </div>\r\n\r\n            <h2 class=\"text-primary font-semibold text-base\">line</h2>\r\n            <div class=\"flex items-center flex-wrap gap-2\">\r\n                <ai-badge fill=\"line\" variant=\"primary\">primary</ai-badge>\r\n                <ai-badge fill=\"line\" variant=\"accent\">accent</ai-badge>\r\n                <ai-badge fill=\"line\" variant=\"destructive\">destructive</ai-badge>\r\n                <ai-badge fill=\"line\" variant=\"info\">info</ai-badge>\r\n                <ai-badge fill=\"line\" variant=\"success\">success</ai-badge>\r\n                <ai-badge fill=\"line\" variant=\"warning\">warning</ai-badge>\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoBadgeFillComponent {}\r\n"]}

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

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiBadge } from "../badge";
+import * as i0 from "@angular/core";
+export class DemoBadgeIconComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBadgeIconComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center gap-x-4">
+            <ai-badge variant="primary" icon="stack">icon</ai-badge>
+            <ai-badge shape="default" variant="default" icon="timer">59:59</ai-badge>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiBadge, selector: "ai-badge", inputs: ["variant", "shape", "fill", "icon", "disabled", "close", "class"], outputs: ["closed"], exportAs: ["aiBadge"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBadge],
+                    template: `
+        <div class="flex items-center justify-center gap-x-4">
+            <ai-badge variant="primary" icon="stack">icon</ai-badge>
+            <ai-badge shape="default" variant="default" icon="timer">59:59</ai-badge>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAWnC,MAAM,OAAO,sBAAsB;uGAAtB,sBAAsB;2FAAtB,sBAAsB,wEAPrB;;;;;KAKT,4DANS,OAAO;;2FAQR,sBAAsB;kBATlC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBadge } from \"../badge\";\r\n\r\n@Component({\r\n    imports: [AiBadge],\r\n    template: `\r\n        <div class=\"flex items-center justify-center gap-x-4\">\r\n            <ai-badge variant=\"primary\" icon=\"stack\">icon</ai-badge>\r\n            <ai-badge shape=\"default\" variant=\"default\" icon=\"timer\">59:59</ai-badge>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoBadgeIconComponent {}\r\n"]}

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

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiBadge } from "../badge";
+import * as i0 from "@angular/core";
+export class DemoBadgeShapeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeShapeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBadgeShapeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center gap-4">
+            <ai-badge shape="default">default</ai-badge>
+            <ai-badge shape="circle">circle</ai-badge>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiBadge, selector: "ai-badge", inputs: ["variant", "shape", "fill", "icon", "disabled", "close", "class"], outputs: ["closed"], exportAs: ["aiBadge"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeShapeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBadge],
+                    template: `
+        <div class="flex items-center justify-center gap-4">
+            <ai-badge shape="default">default</ai-badge>
+            <ai-badge shape="circle">circle</ai-badge>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=shape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/shape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAWnC,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,wEAPtB;;;;;KAKT,4DANS,OAAO;;2FAQR,uBAAuB;kBATnC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBadge } from \"../badge\";\r\n\r\n@Component({\r\n    imports: [AiBadge],\r\n    template: `\r\n        <div class=\"flex items-center justify-center gap-4\">\r\n            <ai-badge shape=\"default\">default</ai-badge>\r\n            <ai-badge shape=\"circle\">circle</ai-badge>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoBadgeShapeComponent {}\r\n"]}

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

@@ -0,0 +1,37 @@
+import { Component } from "@angular/core";
+import { AiBadge } from "../badge";
+import * as i0 from "@angular/core";
+export class DemoBadgeVariantComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeVariantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBadgeVariantComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center gap-2 flex-wrap">
+            <ai-badge variant="default">default</ai-badge>
+            <ai-badge variant="primary">primary</ai-badge>
+            <ai-badge variant="accent">accent</ai-badge>
+            <ai-badge variant="outline">outline</ai-badge>
+            <ai-badge variant="destructive">destructive</ai-badge>
+            <ai-badge variant="info">info</ai-badge>
+            <ai-badge variant="success">success</ai-badge>
+            <ai-badge variant="warning">warning</ai-badge>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiBadge, selector: "ai-badge", inputs: ["variant", "shape", "fill", "icon", "disabled", "close", "class"], outputs: ["closed"], exportAs: ["aiBadge"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBadgeVariantComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBadge],
+                    template: `
+        <div class="flex items-center gap-2 flex-wrap">
+            <ai-badge variant="default">default</ai-badge>
+            <ai-badge variant="primary">primary</ai-badge>
+            <ai-badge variant="accent">accent</ai-badge>
+            <ai-badge variant="outline">outline</ai-badge>
+            <ai-badge variant="destructive">destructive</ai-badge>
+            <ai-badge variant="info">info</ai-badge>
+            <ai-badge variant="success">success</ai-badge>
+            <ai-badge variant="warning">warning</ai-badge>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=variant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variant.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/badge/demo/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAiBnC,MAAM,OAAO,yBAAyB;uGAAzB,yBAAyB;2FAAzB,yBAAyB,wEAbxB;;;;;;;;;;;KAWT,4DAZS,OAAO;;2FAcR,yBAAyB;kBAfrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;;;;;;KAWT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBadge } from \"../badge\";\r\n\r\n@Component({\r\n    imports: [AiBadge],\r\n    template: `\r\n        <div class=\"flex items-center gap-2 flex-wrap\">\r\n            <ai-badge variant=\"default\">default</ai-badge>\r\n            <ai-badge variant=\"primary\">primary</ai-badge>\r\n            <ai-badge variant=\"accent\">accent</ai-badge>\r\n            <ai-badge variant=\"outline\">outline</ai-badge>\r\n            <ai-badge variant=\"destructive\">destructive</ai-badge>\r\n            <ai-badge variant=\"info\">info</ai-badge>\r\n            <ai-badge variant=\"success\">success</ai-badge>\r\n            <ai-badge variant=\"warning\">warning</ai-badge>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoBadgeVariantComponent {}\r\n"]}

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

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

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

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

package/esm2022/lib/components/breadcrumb/breadcrumb-content.js

@@ -0,0 +1,30 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { breadcrumbVariants } from "./breadcrumb.variants";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbContent {
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(breadcrumbVariants({ size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiBreadcrumbContent, isStandalone: true, selector: "ai-breadcrumb-content", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiBreadcrumbContent"], ngImport: i0, template: `
+        <nav aria-label="breadcrumb" [class]="classes()">
+            <ng-content />
+        </nav>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-breadcrumb-content",
+                    exportAs: "aiBreadcrumbContent",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <nav aria-label="breadcrumb" [class]="classes()">
+            <ng-content />
+        </nav>
+    `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-content.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-content.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb-content.ts"],"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,kBAAkB,EAAsB,MAAM,uBAAuB,CAAC;;AAa/E,MAAM,OAAO,mBAAmB;IACnB,IAAI,GAAG,KAAK,CAA6B,SAAS,gDAAC,CAAC;IACpD,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAJjG,mBAAmB;2FAAnB,mBAAmB,6WANlB;;;;KAIT;;2FAEQ,mBAAmB;kBAX/B,SAAS;mBAAC;oBACP,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,qBAAqB;oBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"class-variance-authority/types\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { breadcrumbVariants, BreadcrumbVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb-content\",\r\n    exportAs: \"aiBreadcrumbContent\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <nav aria-label=\"breadcrumb\" [class]=\"classes()\">\r\n            <ng-content />\r\n        </nav>\r\n    `,\r\n})\r\nexport class AiBreadcrumbContent {\r\n    readonly size = input<BreadcrumbVariants[\"size\"]>(\"default\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(breadcrumbVariants({ size: this.size() }), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-item.js

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { breadcrumbItemVariants } from "./breadcrumb.variants";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbItem {
+    variant = input("default", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    shape = input("default", ...(ngDevMode ? [{ debugName: "shape" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(breadcrumbItemVariants({ variant: this.variant(), shape: this.shape() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiBreadcrumbItem, isStandalone: true, selector: "ai-breadcrumb-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiBreadcrumbItem"], ngImport: i0, template: `
+        <li [class]="classes()">
+            <ng-content />
+        </li>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-breadcrumb-item",
+                    exportAs: "aiBreadcrumbItem",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <li [class]="classes()">
+            <ng-content />
+        </li>
+    `,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-item.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb-item.ts"],"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,sBAAsB,EAA0B,MAAM,uBAAuB,CAAC;;AAavF,MAAM,OAAO,gBAAgB;IAChB,OAAO,GAAG,KAAK,CAAoC,SAAS,mDAAC,CAAC;IAC9D,KAAK,GAAG,KAAK,CAAkC,SAAS,iDAAC,CAAC;IAC1D,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGALhI,gBAAgB;2FAAhB,gBAAgB,weANf;;;;KAIT;;2FAEQ,gBAAgB;kBAX5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"class-variance-authority/types\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { breadcrumbItemVariants, BreadcrumbItemVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb-item\",\r\n    exportAs: \"aiBreadcrumbItem\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <li [class]=\"classes()\">\r\n            <ng-content />\r\n        </li>\r\n    `,\r\n})\r\nexport class AiBreadcrumbItem {\r\n    readonly variant = input<BreadcrumbItemVariants[\"variant\"]>(\"default\");\r\n    readonly shape = input<BreadcrumbItemVariants[\"shape\"]>(\"default\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(breadcrumbItemVariants({ variant: this.variant(), shape: this.shape() }), this.class()));\r\n}\r\n"]}

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

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { RouterLink } from "@angular/router";
+import { mergeClasses } from "../../core";
+import { breadcrumbLinkVariants } from "./breadcrumb.variants";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbLink {
+    link = input("/", ...(ngDevMode ? [{ debugName: "link" }] : []));
+    variant = input("default", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(breadcrumbLinkVariants({ variant: this.variant() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiBreadcrumbLink, isStandalone: true, selector: "ai-breadcrumb-link", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiBreadcrumbLink"], ngImport: i0, template: `
+        <a [routerLink]="link()" [class]="classes()">
+            <ng-content />
+        </a>
+    `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbLink, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-breadcrumb-link",
+                    exportAs: "aiBreadcrumbLink",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [RouterLink],
+                    template: `
+        <a [routerLink]="link()" [class]="classes()">
+            <ng-content />
+        </a>
+    `,
+                }]
+        }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-link.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAA0B,MAAM,uBAAuB,CAAC;;AAcvF,MAAM,OAAO,gBAAgB;IAChB,IAAI,GAAG,KAAK,CAAS,GAAG,gDAAC,CAAC;IAC1B,OAAO,GAAG,KAAK,CAAoC,SAAS,mDAAC,CAAC;IAC9D,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAL3G,gBAAgB;2FAAhB,gBAAgB,qeANf;;;;KAIT,4DALS,UAAU;;2FAOX,gBAAgB;kBAZ5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { RouterLink } from \"@angular/router\";\r\nimport { ClassValue } from \"class-variance-authority/types\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { breadcrumbLinkVariants, BreadcrumbLinkVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb-link\",\r\n    exportAs: \"aiBreadcrumbLink\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    imports: [RouterLink],\r\n    template: `\r\n        <a [routerLink]=\"link()\" [class]=\"classes()\">\r\n            <ng-content />\r\n        </a>\r\n    `,\r\n})\r\nexport class AiBreadcrumbLink {\r\n    readonly link = input<string>(\"/\");\r\n    readonly variant = input<BreadcrumbLinkVariants[\"variant\"]>(\"default\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(breadcrumbLinkVariants({ variant: this.variant() }), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-list.js

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { breadcrumbListVariants } from "./breadcrumb.variants";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbList {
+    align = input("start", ...(ngDevMode ? [{ debugName: "align" }] : []));
+    wrap = input("wrap", ...(ngDevMode ? [{ debugName: "wrap" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(breadcrumbListVariants({ align: this.align(), wrap: this.wrap() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiBreadcrumbList, isStandalone: true, selector: "ai-breadcrumb-list", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiBreadcrumbList"], ngImport: i0, template: `
+        <ol [class]="classes()">
+            <ng-content />
+        </ol>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-breadcrumb-list",
+                    exportAs: "aiBreadcrumbList",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <ol [class]="classes()">
+            <ng-content />
+        </ol>
+    `,
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-list.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-list.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb-list.ts"],"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,sBAAsB,EAA0B,MAAM,uBAAuB,CAAC;;AAavF,MAAM,OAAO,gBAAgB;IAChB,KAAK,GAAG,KAAK,CAAkC,OAAO,iDAAC,CAAC;IACxD,IAAI,GAAG,KAAK,CAAiC,MAAM,gDAAC,CAAC;IAErD,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAN1H,gBAAgB;2FAAhB,gBAAgB,+dANf;;;;KAIT;;2FAEQ,gBAAgB;kBAX5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"class-variance-authority/types\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { breadcrumbListVariants, BreadcrumbListVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb-list\",\r\n    exportAs: \"aiBreadcrumbList\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <ol [class]=\"classes()\">\r\n            <ng-content />\r\n        </ol>\r\n    `,\r\n})\r\nexport class AiBreadcrumbList {\r\n    readonly align = input<BreadcrumbListVariants[\"align\"]>(\"start\");\r\n    readonly wrap = input<BreadcrumbListVariants[\"wrap\"]>(\"wrap\");\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(breadcrumbListVariants({ align: this.align(), wrap: this.wrap() }), this.class()));\r\n}\r\n"]}