@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/form-field/input/demo/disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAUnC,MAAM,OAAO,0BAA0B;IACnC,MAAM,GAAG,MAAM,CAAmB,EAAE,IAAI,EAAE,EAAE,EAAE,kDAAC,CAAC;IAEhD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;QAC9B,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;uGALM,0BAA0B;2FAA1B,0BAA0B,wEANzB;;;;KAIT,4DALS,OAAO,0XAAE,SAAS;;2FAOnB,0BAA0B;kBARtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC7B,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { disabled, form, FormField } from \"@angular/forms/signals\";\r\nimport { AiInput } from \"../input\";\r\n\r\n@Component({\r\n    imports: [AiInput, FormField],\r\n    template: `\r\n        <div class=\"max-w-sm w-full\">\r\n            <ai-input class=\"w-full\" label=\"Name\" [formField]=\"form.name\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputDisabledComponent {\r\n    schema = signal<{ name: string }>({ name: \"\" });\r\n\r\n    form = form(this.schema, schema => {\r\n        disabled(schema.name);\r\n    });\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/icon.js

@@ -0,0 +1,29 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField } from "@angular/forms/signals";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+export class DemoInputIconComponent {
+    schema = signal({ name: "" }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema);
+    onIcon() {
+        console.log("emoji-sticker");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputIconComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Ícone" [formField]="form.name" icon="emoji-sticker" (changeIcon)="onIcon()" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField],
+                    template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Ícone" [formField]="form.name" icon="emoji-sticker" (changeIcon)="onIcon()" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=icon.js.map

package/esm2022/lib/components/form-field/input/demo/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAUnC,MAAM,OAAO,sBAAsB;IAC/B,MAAM,GAAG,MAAM,CAAmB,EAAE,IAAI,EAAE,EAAE,EAAE,kDAAC,CAAC;IAEhD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM;QACF,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC;uGAPQ,sBAAsB;2FAAtB,sBAAsB,wEANrB;;;;KAIT,4DALS,OAAO,0XAAE,SAAS;;2FAOnB,sBAAsB;kBARlC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC7B,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField } from \"@angular/forms/signals\";\r\nimport { AiInput } from \"../input\";\r\n\r\n@Component({\r\n    imports: [AiInput, FormField],\r\n    template: `\r\n        <div class=\"max-w-sm w-full\">\r\n            <ai-input class=\"w-full\" label=\"Ícone\" [formField]=\"form.name\" icon=\"emoji-sticker\" (changeIcon)=\"onIcon()\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputIconComponent {\r\n    schema = signal<{ name: string }>({ name: \"\" });\r\n\r\n    form = form(this.schema);\r\n\r\n    onIcon() {\r\n        console.log(\"emoji-sticker\");\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/input.js

@@ -0,0 +1,47 @@
+import { DemoInputDefaultComponent } from "./default";
+import { DemoInputDisabledComponent } from "./disabled";
+import { DemoInputIconComponent } from "./icon";
+import { DemoInputMaskComponent } from "./mask";
+import { DemoInputNormalizeComponent } from "./normalize";
+import { DemoInputPasswordComponent } from "./password";
+import { DemoInputValidationComponent } from "./validation";
+import { DemoInputVariantComponent } from "./variant";
+export const INPUT = {
+    componentName: "input",
+    componentType: "input",
+    examples: [
+        {
+            name: "default",
+            component: DemoInputDefaultComponent,
+        },
+        {
+            name: "variant",
+            component: DemoInputVariantComponent,
+        },
+        {
+            name: "validation",
+            component: DemoInputValidationComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoInputDisabledComponent,
+        },
+        {
+            name: "password",
+            component: DemoInputPasswordComponent,
+        },
+        {
+            name: "mask",
+            component: DemoInputMaskComponent,
+        },
+        {
+            name: "normalize",
+            component: DemoInputNormalizeComponent,
+        },
+        {
+            name: "icon",
+            component: DemoInputIconComponent,
+        },
+    ],
+};
+//# sourceMappingURL=input.js.map

package/esm2022/lib/components/form-field/input/demo/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AACtD,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,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAC5D,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,SAAS;YACf,SAAS,EAAE,yBAAyB;SACvC;QACD;YACI,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,4BAA4B;SAC1C;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,0BAA0B;SACxC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,sBAAsB;SACpC;QACD;YACI,IAAI,EAAE,WAAW;YACjB,SAAS,EAAE,2BAA2B;SACzC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,sBAAsB;SACpC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoInputDefaultComponent } from \"./default\";\r\nimport { DemoInputDisabledComponent } from \"./disabled\";\r\nimport { DemoInputIconComponent } from \"./icon\";\r\nimport { DemoInputMaskComponent } from \"./mask\";\r\nimport { DemoInputNormalizeComponent } from \"./normalize\";\r\nimport { DemoInputPasswordComponent } from \"./password\";\r\nimport { DemoInputValidationComponent } from \"./validation\";\r\nimport { DemoInputVariantComponent } from \"./variant\";\r\n\r\nexport const INPUT = {\r\n    componentName: \"input\",\r\n    componentType: \"input\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoInputDefaultComponent,\r\n        },\r\n        {\r\n            name: \"variant\",\r\n            component: DemoInputVariantComponent,\r\n        },\r\n        {\r\n            name: \"validation\",\r\n            component: DemoInputValidationComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoInputDisabledComponent,\r\n        },\r\n        {\r\n            name: \"password\",\r\n            component: DemoInputPasswordComponent,\r\n        },\r\n        {\r\n            name: \"mask\",\r\n            component: DemoInputMaskComponent,\r\n        },\r\n        {\r\n            name: \"normalize\",\r\n            component: DemoInputNormalizeComponent,\r\n        },\r\n        {\r\n            name: \"icon\",\r\n            component: DemoInputIconComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/form-field/input/demo/mask.js

@@ -0,0 +1,48 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField } from "@angular/forms/signals";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+export class DemoInputMaskComponent {
+    schema = signal({
+        currency: 35245,
+        cpfCnpj: "04634886529",
+        phone: "77988546525",
+        custom: "01012024",
+    }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema);
+    currencyMaskConfig = {
+        isCurrency: true,
+        decimal: ",",
+        prefix: "R$ ",
+        thousands: ".",
+        align: "left",
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputMaskComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="max-w-sm w-full">
+            <div class="grid grid-cols-2 gap-y-4 gap-x-2">
+                <ai-input class="w-full" label="Currency" [formField]="form.currency" [maskConfig]="currencyMaskConfig" />
+                <ai-input class="w-full" label="CpfCnpj" [formField]="form.cpfCnpj" mask="000.000.000-00||00.000.000/0000-00" />
+                <ai-input class="w-full" label="Phone" [formField]="form.phone" mask="(00) 00000-0000" />
+                <ai-input class="w-full" label="Custom" [formField]="form.custom" mask="0000/0000" />
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputMaskComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField],
+                    template: `
+        <div class="max-w-sm w-full">
+            <div class="grid grid-cols-2 gap-y-4 gap-x-2">
+                <ai-input class="w-full" label="Currency" [formField]="form.currency" [maskConfig]="currencyMaskConfig" />
+                <ai-input class="w-full" label="CpfCnpj" [formField]="form.cpfCnpj" mask="000.000.000-00||00.000.000/0000-00" />
+                <ai-input class="w-full" label="Phone" [formField]="form.phone" mask="(00) 00000-0000" />
+                <ai-input class="w-full" label="Custom" [formField]="form.custom" mask="0000/0000" />
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=mask.js.map

package/esm2022/lib/components/form-field/input/demo/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/mask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAgBnC,MAAM,OAAO,sBAAsB;IAC/B,MAAM,GAAG,MAAM,CAAuE;QAClF,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,UAAU;KACrB,kDAAC,CAAC;IAEH,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEzB,kBAAkB,GAAiB;QAC/B,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,GAAG;QACd,KAAK,EAAE,MAAM;KAChB,CAAC;uGAhBO,sBAAsB;2FAAtB,sBAAsB,wEAXrB;;;;;;;;;KAST,4DAVS,OAAO,0XAAE,SAAS;;2FAYnB,sBAAsB;kBAblC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC7B,QAAQ,EAAE;;;;;;;;;KAST;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField } from \"@angular/forms/signals\";\r\nimport { AiInput } from \"../input\";\r\nimport { AiMaskConfig } from \"../interfaces\";\r\n\r\n@Component({\r\n    imports: [AiInput, FormField],\r\n    template: `\r\n        <div class=\"max-w-sm w-full\">\r\n            <div class=\"grid grid-cols-2 gap-y-4 gap-x-2\">\r\n                <ai-input class=\"w-full\" label=\"Currency\" [formField]=\"form.currency\" [maskConfig]=\"currencyMaskConfig\" />\r\n                <ai-input class=\"w-full\" label=\"CpfCnpj\" [formField]=\"form.cpfCnpj\" mask=\"000.000.000-00||00.000.000/0000-00\" />\r\n                <ai-input class=\"w-full\" label=\"Phone\" [formField]=\"form.phone\" mask=\"(00) 00000-0000\" />\r\n                <ai-input class=\"w-full\" label=\"Custom\" [formField]=\"form.custom\" mask=\"0000/0000\" />\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputMaskComponent {\r\n    schema = signal<{ currency: number; cpfCnpj: string; phone: string; custom: string }>({\r\n        currency: 35245,\r\n        cpfCnpj: \"04634886529\",\r\n        phone: \"77988546525\",\r\n        custom: \"01012024\",\r\n    });\r\n\r\n    form = form(this.schema);\r\n\r\n    currencyMaskConfig: AiMaskConfig = {\r\n        isCurrency: true,\r\n        decimal: \",\",\r\n        prefix: \"R$ \",\r\n        thousands: \".\",\r\n        align: \"left\",\r\n    };\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/normalize.js

@@ -0,0 +1,69 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField } from "@angular/forms/signals";
+import { AiPrint } from "../../../../core";
+import { AiButton } from "../../../button";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+function makeSchema() {
+    return {
+        alfa: "",
+        alfanum: "",
+        numeric: null,
+        hyphen: "",
+    };
+}
+export class DemoInputNormalizeComponent {
+    schema = signal(makeSchema(), ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema);
+    onReset() {
+        this.schema.set(makeSchema());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputNormalizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputNormalizeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="max-w-sm w-full flex flex-col gap-y-4">
+            <div class="grid grid-cols-2 gap-y-4 gap-x-2">
+                <ai-input class="w-full" label="Alfa" [formField]="form.alfa" [normalize]="'alfa'" />
+                <ai-input class="w-full" label="Alfanum" [formField]="form.alfanum" [normalize]="'alfanum'" />
+                <ai-input class="w-full" label="Numeric" type="number" [formField]="form.numeric" [normalize]="'numeric'" />
+                <ai-input class="w-full" label="Hyphen" [formField]="form.hyphen" [normalize]="'alfanum'" [normalizeConfig]="{ hyphen: true }" />
+            </div>
+            <ai-button variant="primary" fill="line" size="sm" (click)="onReset()">Resetar</ai-button>
+
+            <ai-print class="w-full" [obj]="schema()" />
+
+            <div class="text-sm space-y-1">
+                <p><b>alfa:</b> permite somente letras</p>
+                <p><b>alfanum:</b> permite letras e números</p>
+                <p><b>numeric:</b> permite somente números</p>
+                <p><b>hyphen:</b> permite letras, números e hífen</p>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AiPrint, selector: "ai-print", inputs: ["obj"] }, { 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: DemoInputNormalizeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField, AiPrint, AiButton],
+                    template: `
+        <div class="max-w-sm w-full flex flex-col gap-y-4">
+            <div class="grid grid-cols-2 gap-y-4 gap-x-2">
+                <ai-input class="w-full" label="Alfa" [formField]="form.alfa" [normalize]="'alfa'" />
+                <ai-input class="w-full" label="Alfanum" [formField]="form.alfanum" [normalize]="'alfanum'" />
+                <ai-input class="w-full" label="Numeric" type="number" [formField]="form.numeric" [normalize]="'numeric'" />
+                <ai-input class="w-full" label="Hyphen" [formField]="form.hyphen" [normalize]="'alfanum'" [normalizeConfig]="{ hyphen: true }" />
+            </div>
+            <ai-button variant="primary" fill="line" size="sm" (click)="onReset()">Resetar</ai-button>
+
+            <ai-print class="w-full" [obj]="schema()" />
+
+            <div class="text-sm space-y-1">
+                <p><b>alfa:</b> permite somente letras</p>
+                <p><b>alfanum:</b> permite letras e números</p>
+                <p><b>numeric:</b> permite somente números</p>
+                <p><b>hyphen:</b> permite letras, números e hífen</p>
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=normalize.js.map

package/esm2022/lib/components/form-field/input/demo/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AASnC,SAAS,UAAU;IACf,OAAO;QACH,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,EAAE;KACb,CAAC;AACN,CAAC;AAyBD,MAAM,OAAO,2BAA2B;IACpC,MAAM,GAAG,MAAM,CAAS,UAAU,EAAE,kDAAC,CAAC;IAEtC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEzB,OAAO;QACH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;IAClC,CAAC;uGAPQ,2BAA2B;2FAA3B,2BAA2B,wEArB1B;;;;;;;;;;;;;;;;;;;KAmBT,4DApBS,OAAO,0XAAE,SAAS,+EAAE,OAAO,sEAAE,QAAQ;;2FAsBtC,2BAA2B;kBAvBvC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;oBAChD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;KAmBT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField } from \"@angular/forms/signals\";\r\n\r\nimport { AiPrint } from \"../../../../core\";\r\nimport { AiButton } from \"../../../button\";\r\nimport { AiInput } from \"../input\";\r\n\r\ninterface Schema {\r\n    alfa: string;\r\n    alfanum: string;\r\n    numeric: number | null;\r\n    hyphen: string;\r\n}\r\n\r\nfunction makeSchema(): Schema {\r\n    return {\r\n        alfa: \"\",\r\n        alfanum: \"\",\r\n        numeric: null,\r\n        hyphen: \"\",\r\n    };\r\n}\r\n\r\n@Component({\r\n    imports: [AiInput, FormField, AiPrint, AiButton],\r\n    template: `\r\n        <div class=\"max-w-sm w-full flex flex-col gap-y-4\">\r\n            <div class=\"grid grid-cols-2 gap-y-4 gap-x-2\">\r\n                <ai-input class=\"w-full\" label=\"Alfa\" [formField]=\"form.alfa\" [normalize]=\"'alfa'\" />\r\n                <ai-input class=\"w-full\" label=\"Alfanum\" [formField]=\"form.alfanum\" [normalize]=\"'alfanum'\" />\r\n                <ai-input class=\"w-full\" label=\"Numeric\" type=\"number\" [formField]=\"form.numeric\" [normalize]=\"'numeric'\" />\r\n                <ai-input class=\"w-full\" label=\"Hyphen\" [formField]=\"form.hyphen\" [normalize]=\"'alfanum'\" [normalizeConfig]=\"{ hyphen: true }\" />\r\n            </div>\r\n            <ai-button variant=\"primary\" fill=\"line\" size=\"sm\" (click)=\"onReset()\">Resetar</ai-button>\r\n\r\n            <ai-print class=\"w-full\" [obj]=\"schema()\" />\r\n\r\n            <div class=\"text-sm space-y-1\">\r\n                <p><b>alfa:</b> permite somente letras</p>\r\n                <p><b>alfanum:</b> permite letras e números</p>\r\n                <p><b>numeric:</b> permite somente números</p>\r\n                <p><b>hyphen:</b> permite letras, números e hífen</p>\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputNormalizeComponent {\r\n    schema = signal<Schema>(makeSchema());\r\n\r\n    form = form(this.schema);\r\n\r\n    onReset() {\r\n        this.schema.set(makeSchema());\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/password.js

@@ -0,0 +1,29 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField, minLength, required } from "@angular/forms/signals";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+export class DemoInputPasswordComponent {
+    schema = signal({ password: "" }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema, schema => {
+        required(schema.password, { message: "A senha é um campo obrigatória." });
+        minLength(schema.password, 6, { message: "A senha deve ter no mínimo 6 caracteres." });
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputPasswordComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Senha" type="password" [formField]="form.password" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputPasswordComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField],
+                    template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Senha" type="password" [formField]="form.password" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=password.js.map

package/esm2022/lib/components/form-field/input/demo/password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/password.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAUnC,MAAM,OAAO,0BAA0B;IACnC,MAAM,GAAG,MAAM,CAAuB,EAAE,QAAQ,EAAE,EAAE,EAAE,kDAAC,CAAC;IAExD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;QAC9B,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,iCAAiC,EAAE,CAAC,CAAC;QAC1E,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,0CAA0C,EAAE,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;uGANM,0BAA0B;2FAA1B,0BAA0B,wEANzB;;;;KAIT,4DALS,OAAO,0XAAE,SAAS;;2FAOnB,0BAA0B;kBARtC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC7B,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField, minLength, required } from \"@angular/forms/signals\";\r\n\r\nimport { AiInput } from \"../input\";\r\n\r\n@Component({\r\n    imports: [AiInput, FormField],\r\n    template: `\r\n        <div class=\"max-w-sm w-full\">\r\n            <ai-input class=\"w-full\" label=\"Senha\" type=\"password\" [formField]=\"form.password\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputPasswordComponent {\r\n    schema = signal<{ password: string }>({ password: \"\" });\r\n\r\n    form = form(this.schema, schema => {\r\n        required(schema.password, { message: \"A senha é um campo obrigatória.\" });\r\n        minLength(schema.password, 6, { message: \"A senha deve ter no mínimo 6 caracteres.\" });\r\n    });\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/validation.js

@@ -0,0 +1,113 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField, minLength, required, submit, validate } from "@angular/forms/signals";
+import { AiButton } from "../../../button";
+import { AiInput } from "../input";
+import { applyPasswordStrength } from "../interfaces";
+import * as i0 from "@angular/core";
+function makeSchema() {
+    return {
+        name: "",
+        email: "",
+        pattern: "",
+        password: "",
+        confirmPassword: "",
+        sg: "",
+    };
+}
+export class DemoInputValidationComponent {
+    schema = signal(makeSchema(), ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    schemaForm = form(this.schema, schema => {
+        minLength(schema.sg, 2, { message: "SG deve ter exatamente 2 caracteres." });
+        required(schema.name, { message: "Nome é um campo obrigatório." });
+        required(schema.password, { message: "A senha é um campo obrigatório." });
+        minLength(schema.password, 8, { message: "A senha deve ter no mínimo 8 caracteres." });
+        applyPasswordStrength(schema.password, 8);
+        required(schema.confirmPassword, { message: "Por favor, confirme sua senha" });
+        validate(schema.confirmPassword, ({ value, valueOf }) => {
+            const confirmPassword = value();
+            const password = valueOf(schema.password);
+            if (confirmPassword !== password) {
+                return {
+                    kind: "passwordMismatch",
+                    message: "As senhas não coincidem",
+                };
+            }
+            return null;
+        });
+    });
+    async onConfirm() {
+        await submit(this.schemaForm, async () => {
+            console.log("válido ✓", this.schema());
+            return [];
+        });
+        if (this.schemaForm().invalid) {
+            console.log("inválido ✗", this.schemaForm().invalid);
+        }
+    }
+    reset() {
+        this.schema.set(makeSchema());
+        this.schemaForm().reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputValidationComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-6 max-w-lg">
+            <ai-input label="Name" [formField]="schemaForm.name" class="w-full" />
+            <ai-input label="E-mail" type="email" [formField]="schemaForm.email" class="w-full" />
+            <ai-input label="SG" [minlength]="2" [maxlength]="2" [formField]="schemaForm.sg" class="w-full" />
+
+            <div class="grid grid-cols-2 gap-2">
+                <ai-input label="Senha" [formField]="schemaForm.password" type="password" [strength]="true" class="w-full" />
+                <ai-input label="Confirme a Senha" [formField]="schemaForm.confirmPassword" type="password" class="w-full" />
+            </div>
+
+            <div class="flex gap-2">
+                <ai-button size="sm" variant="primary" type="button" (click)="onConfirm()">Validar</ai-button>
+                <ai-button size="sm" fill="line" variant="destructive" type="button" (click)="reset()">Resetar</ai-button>
+            </div>
+
+            <div class="text-sm space-y-1">
+                <p>
+                    <strong>Status:</strong>
+                    @let invalid = schemaForm().invalid || false;
+                    <span [class]="!invalid ? 'text-success' : 'text-destructive'">
+                        {{ !invalid ? " válido ✓" : " inválido ✗" }}
+                    </span>
+                </p>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { 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: DemoInputValidationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField, AiButton],
+                    template: `
+        <div class="flex flex-col gap-y-6 max-w-lg">
+            <ai-input label="Name" [formField]="schemaForm.name" class="w-full" />
+            <ai-input label="E-mail" type="email" [formField]="schemaForm.email" class="w-full" />
+            <ai-input label="SG" [minlength]="2" [maxlength]="2" [formField]="schemaForm.sg" class="w-full" />
+
+            <div class="grid grid-cols-2 gap-2">
+                <ai-input label="Senha" [formField]="schemaForm.password" type="password" [strength]="true" class="w-full" />
+                <ai-input label="Confirme a Senha" [formField]="schemaForm.confirmPassword" type="password" class="w-full" />
+            </div>
+
+            <div class="flex gap-2">
+                <ai-button size="sm" variant="primary" type="button" (click)="onConfirm()">Validar</ai-button>
+                <ai-button size="sm" fill="line" variant="destructive" type="button" (click)="reset()">Resetar</ai-button>
+            </div>
+
+            <div class="text-sm space-y-1">
+                <p>
+                    <strong>Status:</strong>
+                    @let invalid = schemaForm().invalid || false;
+                    <span [class]="!invalid ? 'text-success' : 'text-destructive'">
+                        {{ !invalid ? " válido ✓" : " inválido ✗" }}
+                    </span>
+                </p>
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=validation.js.map

package/esm2022/lib/components/form-field/input/demo/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/validation.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField, minLength, required, submit, validate } from \"@angular/forms/signals\";\r\n\r\nimport { AiButton } from \"../../../button\";\r\nimport { AiInput } from \"../input\";\r\nimport { applyPasswordStrength } from \"../interfaces\";\r\n\r\ninterface Schema {\r\n    name: string;\r\n    email: string;\r\n    pattern: string;\r\n    password: string;\r\n    confirmPassword: string;\r\n    sg: string;\r\n}\r\n\r\nfunction makeSchema(): Schema {\r\n    return {\r\n        name: \"\",\r\n        email: \"\",\r\n        pattern: \"\",\r\n        password: \"\",\r\n        confirmPassword: \"\",\r\n        sg: \"\",\r\n    };\r\n}\r\n\r\n@Component({\r\n    imports: [AiInput, FormField, AiButton],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-6 max-w-lg\">\r\n            <ai-input label=\"Name\" [formField]=\"schemaForm.name\" class=\"w-full\" />\r\n            <ai-input label=\"E-mail\" type=\"email\" [formField]=\"schemaForm.email\" class=\"w-full\" />\r\n            <ai-input label=\"SG\" [minlength]=\"2\" [maxlength]=\"2\" [formField]=\"schemaForm.sg\" class=\"w-full\" />\r\n\r\n            <div class=\"grid grid-cols-2 gap-2\">\r\n                <ai-input label=\"Senha\" [formField]=\"schemaForm.password\" type=\"password\" [strength]=\"true\" class=\"w-full\" />\r\n                <ai-input label=\"Confirme a Senha\" [formField]=\"schemaForm.confirmPassword\" type=\"password\" class=\"w-full\" />\r\n            </div>\r\n\r\n            <div class=\"flex gap-2\">\r\n                <ai-button size=\"sm\" variant=\"primary\" type=\"button\" (click)=\"onConfirm()\">Validar</ai-button>\r\n                <ai-button size=\"sm\" fill=\"line\" variant=\"destructive\" type=\"button\" (click)=\"reset()\">Resetar</ai-button>\r\n            </div>\r\n\r\n            <div class=\"text-sm space-y-1\">\r\n                <p>\r\n                    <strong>Status:</strong>\r\n                    @let invalid = schemaForm().invalid || false;\r\n                    <span [class]=\"!invalid ? 'text-success' : 'text-destructive'\">\r\n                        {{ !invalid ? \" válido ✓\" : \" inválido ✗\" }}\r\n                    </span>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputValidationComponent {\r\n    schema = signal<Schema>(makeSchema());\r\n\r\n    schemaForm = form(this.schema, schema => {\r\n        minLength(schema.sg, 2, { message: \"SG deve ter exatamente 2 caracteres.\" });\r\n        required(schema.name, { message: \"Nome é um campo obrigatório.\" });\r\n        required(schema.password, { message: \"A senha é um campo obrigatório.\" });\r\n        minLength(schema.password, 8, { message: \"A senha deve ter no mínimo 8 caracteres.\" });\r\n        applyPasswordStrength(schema.password, 8);\r\n        required(schema.confirmPassword, { message: \"Por favor, confirme sua senha\" });\r\n        validate(schema.confirmPassword, ({ value, valueOf }) => {\r\n            const confirmPassword = value();\r\n            const password = valueOf(schema.password);\r\n            if (confirmPassword !== password) {\r\n                return {\r\n                    kind: \"passwordMismatch\",\r\n                    message: \"As senhas não coincidem\",\r\n                };\r\n            }\r\n            return null;\r\n        });\r\n    });\r\n\r\n    async onConfirm() {\r\n        await submit(this.schemaForm, async () => {\r\n            console.log(\"válido ✓\", this.schema());\r\n            return [];\r\n        });\r\n\r\n        if (this.schemaForm().invalid) {\r\n            console.log(\"inválido ✗\", this.schemaForm().invalid);\r\n        }\r\n    }\r\n\r\n    reset() {\r\n        this.schema.set(makeSchema());\r\n        this.schemaForm().reset();\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/variant.js

@@ -0,0 +1,34 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField } from "@angular/forms/signals";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+export class DemoInputVariantComponent {
+    schema = signal({
+        standard: "",
+        outlined: "",
+        filled: "",
+    }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputVariantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputVariantComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-6 max-w-sm w-full">
+            <ai-input variant="standard" label="Standard" [formField]="form.standard" />
+            <ai-input variant="outlined" label="Outlined" [formField]="form.outlined" />
+            <ai-input variant="filled" label="Filled" placeholder="Filled input" [formField]="form.filled" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputVariantComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField],
+                    template: `
+        <div class="flex flex-col gap-y-6 max-w-sm w-full">
+            <ai-input variant="standard" label="Standard" [formField]="form.standard" />
+            <ai-input variant="outlined" label="Outlined" [formField]="form.outlined" />
+            <ai-input variant="filled" label="Filled" placeholder="Filled input" [formField]="form.filled" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=variant.js.map

package/esm2022/lib/components/form-field/input/demo/variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAYnC,MAAM,OAAO,yBAAyB;IAClC,MAAM,GAAG,MAAM,CAAyD;QACpE,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;KACb,kDAAC,CAAC;IAEH,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;uGAPhB,yBAAyB;2FAAzB,yBAAyB,wEARxB;;;;;;KAMT,4DAPS,OAAO,0XAAE,SAAS;;2FASnB,yBAAyB;kBAVrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC7B,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField } from \"@angular/forms/signals\";\r\nimport { AiInput } from \"../input\";\r\n\r\n@Component({\r\n    imports: [AiInput, FormField],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-6 max-w-sm w-full\">\r\n            <ai-input variant=\"standard\" label=\"Standard\" [formField]=\"form.standard\" />\r\n            <ai-input variant=\"outlined\" label=\"Outlined\" [formField]=\"form.outlined\" />\r\n            <ai-input variant=\"filled\" label=\"Filled\" placeholder=\"Filled input\" [formField]=\"form.filled\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputVariantComponent {\r\n    schema = signal<{ standard: string; outlined: string; filled: string }>({\r\n        standard: \"\",\r\n        outlined: \"\",\r\n        filled: \"\",\r\n    });\r\n\r\n    form = form(this.schema);\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/index.js

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

package/esm2022/lib/components/form-field/input/index.js.map

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