@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/icon/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "icon",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.2.0 || ^22.0.0",
+    "@angular/core": "^20.2.0 || ^22.0.0",
+    "@spartan-ng/brain": "^0.0.1-alpha.512"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/icon.mjs",
+  "typings": "types/icon.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/icon.d.ts",
+      "default": "./fesm2022/icon.mjs"
+    }
+  },
+  "type": "module"
+}

package/input/README.md

@@ -1,64 +1,3 @@
-# Input
+# Input Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build input
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-
-   ```bash
-   cd dist/input
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+This project ships only as `@egose/shadcn-theme-ng/input` or `@egose/shadcn-theme-ng-tw/input`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/input/fesm2022/input.mjs

@@ -1,91 +1,46 @@
 import * as i0 from '@angular/core';
-import { input, linkedSignal, computed, inject, Injector, effect, untracked, forwardRef, Directive, NgModule } from '@angular/core';
-import { NgControl, NgForm, FormGroupDirective } from '@angular/forms';
-import { BrnFormFieldControl } from '@spartan-ng/brain/form-field';
-import { ErrorStateMatcher, ErrorStateTracker } from '@spartan-ng/brain/forms';
-import { hlm } from '@egose/shadcn-theme-ng/utils';
-import { cva } from 'class-variance-authority';
+import { input, Directive, NgModule } from '@angular/core';
+import * as i2 from '@spartan-ng/brain/field';
+import { BrnFieldControlDescribedBy } from '@spartan-ng/brain/field';
+import * as i1 from '@spartan-ng/brain/input';
+import { BrnInput } from '@spartan-ng/brain/input';
+import { classes } from '@egose/shadcn-theme-ng/utils';
 
-const inputVariants = cva('file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/10 border-input shadow-xs focus-visible:border-ring focus-visible:ring-ring/50 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', {
-    variants: {
-        error: {
-            auto: '[&.ng-invalid.ng-touched]:text-destructive/20 dark:[&.ng-invalid.ng-touched]:text-destructive/40 [&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:focus-visible:ring-destructive',
-            true: 'text-destructive/90 dark:text-destructive/60 border-destructive focus-visible:ring-destructive',
-        },
-    },
-    defaultVariants: {
-        error: 'auto',
-    },
-});
 class HlmInput {
-    error = input('auto', ...(ngDevMode ? [{ debugName: "error" }] : []));
-    _state = linkedSignal(() => ({ error: this.error() }), ...(ngDevMode ? [{ debugName: "_state" }] : []));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm(inputVariants({ error: this._state().error }), this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    _injector = inject(Injector);
-    ngControl = this._injector.get(NgControl, null);
-    _errorStateTracker;
-    _defaultErrorStateMatcher = inject(ErrorStateMatcher);
-    _parentForm = inject(NgForm, { optional: true });
-    _parentFormGroup = inject(FormGroupDirective, { optional: true });
-    errorState = computed(() => this._errorStateTracker.errorState(), ...(ngDevMode ? [{ debugName: "errorState" }] : []));
+    ariaDescribedby = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDescribedby" }] : /* istanbul ignore next */ []));
     constructor() {
-        this._errorStateTracker = new ErrorStateTracker(this._defaultErrorStateMatcher, this.ngControl, this._parentFormGroup, this._parentForm);
-        effect(() => {
-            const error = this._errorStateTracker.errorState();
-            untracked(() => {
-                if (this.ngControl) {
-                    const shouldShowError = error && this.ngControl.invalid && (this.ngControl.touched || this.ngControl.dirty);
-                    this._errorStateTracker.errorState.set(shouldShowError ? true : false);
-                    this.setError(shouldShowError ? true : 'auto');
-                }
-            });
-        });
+        classes(() => "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50");
     }
-    ngDoCheck() {
-        this._errorStateTracker.updateErrorState();
-    }
-    setError(error) {
-        this._state.set({ error });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmInput, isStandalone: true, selector: "[hlmInput]", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [
-            {
-                provide: BrnFormFieldControl,
-                useExisting: forwardRef(() => HlmInput),
-            },
-        ], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmInput, isStandalone: true, selector: "[hlmInput]", inputs: { ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input" }, properties: { "attr.aria-describedby": "ariaDescribedby()" } }, hostDirectives: [{ directive: i1.BrnInput, inputs: ["id", "id", "forceInvalid", "forceInvalid"] }, { directive: i2.BrnFieldControlDescribedBy }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInput, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmInput]',
+                    hostDirectives: [{ directive: BrnInput, inputs: ['id', 'forceInvalid'] }, BrnFieldControlDescribedBy],
                     host: {
-                        '[class]': '_computedClass()',
+                        'data-slot': 'input',
+                        '[attr.aria-describedby]': 'ariaDescribedby()',
                     },
-                    providers: [
-                        {
-                            provide: BrnFormFieldControl,
-                            useExisting: forwardRef(() => HlmInput),
-                        },
-                    ],
                 }]
-        }], ctorParameters: () => [], propDecorators: { error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedby", required: false }] }] } });
 
 /*
  * Public API Surface of input
  */
-const HlmInputImpots = [HlmInput];
+const HlmInputImports = [HlmInput];
 class HlmInputModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: HlmInputModule, imports: [HlmInput], exports: [HlmInput] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmInputModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmInputModule, imports: [HlmInput], exports: [HlmInput] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...HlmInputImpots],
-                    exports: [...HlmInputImpots],
+                    imports: [...HlmInputImports],
+                    exports: [...HlmInputImports],
                 }]
         }] });
 
@@ -93,5 +48,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { HlmInput, HlmInputImpots, HlmInputModule, inputVariants };
-//# sourceMappingURL=input.mjs.map
+export { HlmInput, HlmInputImports, HlmInputModule };
+

package/input/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "input",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.2.0 || ^22.0.0",
+    "@angular/core": "^20.2.0 || ^22.0.0",
+    "@spartan-ng/brain": "^0.0.1-alpha.512"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/input.mjs",
+  "typings": "types/input.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/input.d.ts",
+      "default": "./fesm2022/input.mjs"
+    }
+  },
+  "type": "module"
+}

package/input/types/input.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/input';
+import * as i2 from '@spartan-ng/brain/field';
+
+declare class HlmInput {
+    readonly ariaDescribedby: i0.InputSignal<string | null>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInput, "[hlmInput]", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnInput; inputs: { "id": "id"; "forceInvalid": "forceInvalid"; }; outputs: {}; }, { directive: typeof i2.BrnFieldControlDescribedBy; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmInputImports: readonly [typeof HlmInput];
+declare class HlmInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmInputModule, never, [typeof HlmInput], [typeof HlmInput]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmInputModule>;
+}
+
+export { HlmInput, HlmInputImports, HlmInputModule };

package/input-group/README.md

@@ -0,0 +1,11 @@
+# InputGroup
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build input-group
+```

package/input-group/fesm2022/input-group.mjs

@@ -0,0 +1,199 @@
+import * as i0 from '@angular/core';
+import { Directive, input, NgModule } from '@angular/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { cva } from 'class-variance-authority';
+import * as i1 from '@egose/shadcn-theme-ng/button';
+import { provideBrnButtonConfig, HlmBtn } from '@egose/shadcn-theme-ng/button';
+import * as i1$1 from '@egose/shadcn-theme-ng/input';
+import { HlmInput } from '@egose/shadcn-theme-ng/input';
+import * as i1$2 from '@egose/shadcn-theme-ng/textarea';
+import { HlmTextarea } from '@egose/shadcn-theme-ng/textarea';
+
+class HlmInputGroup {
+    constructor() {
+        classes(() => "border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/20 has-[[data-slot][data-matches-spartan-invalid=true]]:border-destructive dark:has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/40 h-9 rounded-md border shadow-xs transition-[color,box-shadow] in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmInputGroup, isStandalone: true, selector: "[hlmInputGroup],hlm-input-group", host: { attributes: { "data-slot": "input-group", "role": "group" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmInputGroup],hlm-input-group',
+                    host: {
+                        'data-slot': 'input-group',
+                        role: 'group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const inputGroupAddonVariants$1 = cva("text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex cursor-text items-center justify-center select-none", {
+    variants: {
+        align: {
+            'inline-start': "ps-2 has-[>button]:-ms-1 has-[>kbd]:ms-[-0.15rem] order-first",
+            'inline-end': "pe-2 has-[>button]:-me-1 has-[>kbd]:me-[-0.15rem] order-last",
+            'block-start': "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+            'block-end': "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
+        },
+    },
+    defaultVariants: {
+        align: 'inline-start',
+    },
+});
+class HlmInputGroupAddon {
+    align = input('inline-start', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => inputGroupAddonVariants$1({ align: this.align() }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupAddon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmInputGroupAddon, isStandalone: true, selector: "[hlmInputGroupAddon],hlm-input-group-addon", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group", "data-slot": "input-group-addon" }, properties: { "attr.data-align": "align()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupAddon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmInputGroupAddon],hlm-input-group-addon',
+                    host: {
+                        role: 'group',
+                        'data-slot': 'input-group-addon',
+                        '[attr.data-align]': 'align()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+
+const inputGroupAddonVariants = cva("gap-2 text-sm flex items-center shadow-none", {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)]",
+            sm: '',
+            'icon-xs': "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>ng-icon]:p-0",
+            'icon-sm': "size-8 p-0 has-[>ng-icon]:p-0",
+        },
+    },
+    defaultVariants: {
+        size: 'xs',
+    },
+});
+class HlmInputGroupButton {
+    size = input('xs', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => inputGroupAddonVariants({ size: this.size() }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmInputGroupButton, isStandalone: true, selector: "button[hlmInputGroupButton]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "type": "type()" } }, providers: [
+            provideBrnButtonConfig({
+                variant: 'ghost',
+            }),
+        ], hostDirectives: [{ directive: i1.HlmBtn, inputs: ["variant", "variant"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupButton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmInputGroupButton]',
+                    providers: [
+                        provideBrnButtonConfig({
+                            variant: 'ghost',
+                        }),
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: HlmBtn,
+                            inputs: ['variant'],
+                        },
+                    ],
+                    host: {
+                        '[attr.data-size]': 'size()',
+                        '[type]': 'type()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+class HlmInputGroupInput {
+    constructor() {
+        classes(() => "rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent flex-1");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmInputGroupInput, isStandalone: true, selector: "input[hlmInputGroupInput]", host: { attributes: { "data-slot": "input-group-control" } }, hostDirectives: [{ directive: i1$1.HlmInput }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[hlmInputGroupInput]',
+                    hostDirectives: [HlmInput],
+                    host: { 'data-slot': 'input-group-control' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmInputGroupText {
+    constructor() {
+        classes(() => "text-muted-foreground gap-2 text-sm [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center [&_ng-icon]:pointer-events-none");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmInputGroupText, isStandalone: true, selector: "[hlmInputGroupText],hlm-input-group-text", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmInputGroupText],hlm-input-group-text',
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmInputGroupTextarea {
+    constructor() {
+        classes(() => "rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent flex-1 resize-none");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupTextarea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmInputGroupTextarea, isStandalone: true, selector: "textarea[hlmInputGroupTextarea]", host: { attributes: { "data-slot": "input-group-control" } }, hostDirectives: [{ directive: i1$2.HlmTextarea }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupTextarea, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[hlmInputGroupTextarea]',
+                    hostDirectives: [HlmTextarea],
+                    host: { 'data-slot': 'input-group-control' },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of input-group
+ */
+const HlmInputGroupImports = [
+    HlmInputGroup,
+    HlmInputGroupAddon,
+    HlmInputGroupButton,
+    HlmInputGroupInput,
+    HlmInputGroupText,
+    HlmInputGroupTextarea,
+];
+class HlmInputGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupModule, imports: [HlmInputGroup,
+            HlmInputGroupAddon,
+            HlmInputGroupButton,
+            HlmInputGroupInput,
+            HlmInputGroupText,
+            HlmInputGroupTextarea], exports: [HlmInputGroup,
+            HlmInputGroupAddon,
+            HlmInputGroupButton,
+            HlmInputGroupInput,
+            HlmInputGroupText,
+            HlmInputGroupTextarea] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmInputGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmInputGroupImports],
+                    exports: [...HlmInputGroupImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmInputGroup, HlmInputGroupAddon, HlmInputGroupButton, HlmInputGroupImports, HlmInputGroupInput, HlmInputGroupModule, HlmInputGroupText, HlmInputGroupTextarea };
+

package/input-group/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "input-group",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/input-group.mjs",
+  "typings": "types/input-group.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/input-group.d.ts",
+      "default": "./fesm2022/input-group.mjs"
+    }
+  },
+  "type": "module"
+}

package/input-group/types/input-group.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@egose/shadcn-theme-ng/button';
+import * as i1$1 from '@egose/shadcn-theme-ng/input';
+import * as i1$2 from '@egose/shadcn-theme-ng/textarea';
+
+declare class HlmInputGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInputGroup, "[hlmInputGroup],hlm-input-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmInputGroupAddon {
+    readonly align: i0.InputSignal<"inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroupAddon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInputGroupAddon, "[hlmInputGroupAddon],hlm-input-group-addon", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmInputGroupButton {
+    readonly size: i0.InputSignal<"xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined>;
+    readonly type: i0.InputSignal<"button" | "submit" | "reset">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroupButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInputGroupButton, "button[hlmInputGroupButton]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+}
+
+declare class HlmInputGroupInput {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroupInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInputGroupInput, "input[hlmInputGroupInput]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.HlmInput; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmInputGroupText {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroupText, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInputGroupText, "[hlmInputGroupText],hlm-input-group-text", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmInputGroupTextarea {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroupTextarea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmInputGroupTextarea, "textarea[hlmInputGroupTextarea]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmTextarea; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmInputGroupImports: readonly [typeof HlmInputGroup, typeof HlmInputGroupAddon, typeof HlmInputGroupButton, typeof HlmInputGroupInput, typeof HlmInputGroupText, typeof HlmInputGroupTextarea];
+declare class HlmInputGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmInputGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmInputGroupModule, never, [typeof HlmInputGroup, typeof HlmInputGroupAddon, typeof HlmInputGroupButton, typeof HlmInputGroupInput, typeof HlmInputGroupText, typeof HlmInputGroupTextarea], [typeof HlmInputGroup, typeof HlmInputGroupAddon, typeof HlmInputGroupButton, typeof HlmInputGroupInput, typeof HlmInputGroupText, typeof HlmInputGroupTextarea]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmInputGroupModule>;
+}
+
+export { HlmInputGroup, HlmInputGroupAddon, HlmInputGroupButton, HlmInputGroupImports, HlmInputGroupInput, HlmInputGroupModule, HlmInputGroupText, HlmInputGroupTextarea };

package/input-otp/README.md

@@ -0,0 +1,11 @@
+# InputOtp
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build input-otp
+```