@egose/shadcn-theme-ng-tw 0.0.27 → 0.1.0

package/autocomplete/fesm2022/autocomplete.mjs

@@ -0,0 +1,409 @@
+import * as i0 from '@angular/core';
+import { Directive, input, booleanAttribute, ChangeDetectionStrategy, Component, inject, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/autocomplete';
+import { BrnAutocomplete, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteClear, BrnAutocompleteInput, BrnAutocompleteAnchor, BrnAutocompleteItem, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus } from '@spartan-ng/brain/autocomplete';
+import * as i2 from '@spartan-ng/brain/popover';
+import { provideBrnPopoverConfig, provideBrnPopoverDefaultOptions, BrnPopover, BrnPopoverContent } from '@spartan-ng/brain/popover';
+import { classes } from '@egose/shadcn-theme-ng-tw/utils';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideX, lucideSearch, lucideCheck } from '@ng-icons/lucide';
+import * as i2$1 from '@egose/shadcn-theme-ng-tw/input-group';
+import { HlmInputGroup, HlmInputGroupImports } from '@egose/shadcn-theme-ng-tw/input-group';
+
+class HlmAutocomplete {
+    constructor() {
+        classes(() => 'tw:block');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocomplete, isStandalone: true, selector: "[hlmAutocomplete],hlm-autocomplete", host: { attributes: { "data-slot": "autocomplete" } }, providers: [
+            provideBrnPopoverConfig({
+                align: 'start',
+                sideOffset: 6,
+            }),
+            provideBrnPopoverDefaultOptions({ role: null }),
+        ], hostDirectives: [{ directive: i1.BrnAutocomplete, inputs: ["autoHighlight", "autoHighlight", "disabled", "disabled", "value", "value", "search", "search", "itemToString", "itemToString", "isItemEqualToValue", "isItemEqualToValue"], outputs: ["valueChange", "valueChange", "searchChange", "searchChange"] }, { directive: i2.BrnPopover, inputs: ["align", "align", "closeOnOutsidePointerEvents", "closeOnOutsidePointerEvents", "sideOffset", "sideOffset", "state", "state", "offsetX", "offsetX"], outputs: ["stateChanged", "stateChanged", "closed", "closed"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocomplete, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocomplete],hlm-autocomplete',
+                    providers: [
+                        provideBrnPopoverConfig({
+                            align: 'start',
+                            sideOffset: 6,
+                        }),
+                        provideBrnPopoverDefaultOptions({ role: null }),
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: BrnAutocomplete,
+                            inputs: ['autoHighlight', 'disabled', 'value', 'search', 'itemToString', 'isItemEqualToValue'],
+                            outputs: ['valueChange', 'searchChange'],
+                        },
+                        {
+                            directive: BrnPopover,
+                            inputs: ['align', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+                            outputs: ['stateChanged', 'closed'],
+                        },
+                    ],
+                    host: { 'data-slot': 'autocomplete' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteContent {
+    constructor() {
+        classes(() => 'tw:bg-popover tw:text-popover-foreground tw:data-open:animate-in tw:data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 tw:data-closed:zoom-out-95 tw:data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 tw:ring-foreground/10 tw:max-h-72 tw:min-w-36 tw:overflow-hidden tw:rounded-md tw:shadow-md tw:ring-1 tw:duration-100 tw:group/autocomplete-content tw:flex tw:w-(--brn-autocomplete-width) tw:flex-col tw:p-0');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteContent, isStandalone: true, selector: "[hlmAutocompleteContent],hlm-autocomplete-content", hostDirectives: [{ directive: i1.BrnAutocompleteContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteContent],hlm-autocomplete-content',
+                    hostDirectives: [BrnAutocompleteContent],
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteEmpty {
+    constructor() {
+        classes(() => 'tw:text-muted-foreground tw:hidden tw:w-full tw:items-center tw:justify-center tw:gap-2 tw:py-2 tw:text-center tw:text-sm tw:group-data-empty/autocomplete-content:flex');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteEmpty, isStandalone: true, selector: "[hlmAutocompleteEmpty],hlm-autocomplete-empty", host: { attributes: { "data-slot": "autocomplete-empty" } }, hostDirectives: [{ directive: i1.BrnAutocompleteEmpty }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteEmpty, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteEmpty],hlm-autocomplete-empty',
+                    hostDirectives: [BrnAutocompleteEmpty],
+                    host: { 'data-slot': 'autocomplete-empty' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteGroup {
+    constructor() {
+        classes(() => 'tw:data-hidden:hidden');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteGroup, isStandalone: true, selector: "[hlmAutocompleteGroup]", host: { attributes: { "data-slot": "autocomplete-group" } }, hostDirectives: [{ directive: i1.BrnAutocompleteGroup }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteGroup]',
+                    hostDirectives: [BrnAutocompleteGroup],
+                    host: { 'data-slot': 'autocomplete-group' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteInput {
+    static _id = 0;
+    inputId = input(`hlm-autocomplete-input-${HlmAutocompleteInput._id++}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    showSearch = input(true, { ...(ngDevMode ? { debugName: "showSearch" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showClear = input(false, { ...(ngDevMode ? { debugName: "showClear" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Forces the invalid state visually, regardless of form control state. */
+    forceInvalid = input(false, { ...(ngDevMode ? { debugName: "forceInvalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    ariaInvalidOverride = input(undefined, { ...(ngDevMode ? { debugName: "ariaInvalidOverride" } : /* istanbul ignore next */ {}), transform: (v) => (v === '' || v === undefined ? undefined : booleanAttribute(v)),
+        alias: 'aria-invalid' });
+    constructor() {
+        classes(() => 'tw:w-auto');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmAutocompleteInput, isStandalone: true, selector: "hlm-autocomplete-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, forceInvalid: { classPropertyName: "forceInvalid", publicName: "forceInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalidOverride: { classPropertyName: "ariaInvalidOverride", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideSearch, lucideX })], hostDirectives: [{ directive: i1.BrnAutocompleteAnchor }, { directive: i2$1.HlmInputGroup }], ngImport: i0, template: `
+    <input
+      brnAutocompleteInput
+      #autocompleteInput="brnAutocompleteInput"
+      hlmInputGroupInput
+      [id]="inputId()"
+      [placeholder]="placeholder()"
+      [aria-invalid]="ariaInvalidOverride()"
+      [forceInvalid]="forceInvalid()"
+    />
+
+    @if (showSearch()) {
+      <hlm-input-group-addon>
+        <ng-icon name="lucideSearch" [class.opacity-50]="autocompleteInput.disabled()" />
+      </hlm-input-group-addon>
+    }
+
+    @if (showClear()) {
+      <hlm-input-group-addon align="inline-end">
+        <button
+          *brnAutocompleteClear
+          hlmInputGroupButton
+          data-slot="autocomplete-clear"
+          [disabled]="autocompleteInput.disabled()"
+          size="icon-xs"
+          variant="ghost"
+        >
+          <ng-icon name="lucideX" />
+        </button>
+      </hlm-input-group-addon>
+    }
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.HlmInputGroupAddon, selector: "[hlmInputGroupAddon],hlm-input-group-addon", inputs: ["align"] }, { kind: "directive", type: i2$1.HlmInputGroupButton, selector: "button[hlmInputGroupButton]", inputs: ["size", "type"] }, { kind: "directive", type: i2$1.HlmInputGroupInput, selector: "input[hlmInputGroupInput]" }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: BrnAutocompleteClear, selector: "[brnAutocompleteClear]" }, { kind: "directive", type: BrnAutocompleteInput, selector: "input[brnAutocompleteInput]", inputs: ["id", "aria-invalid", "forceInvalid"], exportAs: ["brnAutocompleteInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-autocomplete-input',
+                    imports: [HlmInputGroupImports, NgIcon, BrnAutocompleteClear, BrnAutocompleteInput],
+                    providers: [provideIcons({ lucideSearch, lucideX })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [BrnAutocompleteAnchor, HlmInputGroup],
+                    template: `
+    <input
+      brnAutocompleteInput
+      #autocompleteInput="brnAutocompleteInput"
+      hlmInputGroupInput
+      [id]="inputId()"
+      [placeholder]="placeholder()"
+      [aria-invalid]="ariaInvalidOverride()"
+      [forceInvalid]="forceInvalid()"
+    />
+
+    @if (showSearch()) {
+      <hlm-input-group-addon>
+        <ng-icon name="lucideSearch" [class.opacity-50]="autocompleteInput.disabled()" />
+      </hlm-input-group-addon>
+    }
+
+    @if (showClear()) {
+      <hlm-input-group-addon align="inline-end">
+        <button
+          *brnAutocompleteClear
+          hlmInputGroupButton
+          data-slot="autocomplete-clear"
+          [disabled]="autocompleteInput.disabled()"
+          size="icon-xs"
+          variant="ghost"
+        >
+          <ng-icon name="lucideX" />
+        </button>
+      </hlm-input-group-addon>
+    }
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], forceInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceInvalid", required: false }] }], ariaInvalidOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }] } });
+
+class HlmAutocompleteItem {
+    _brnAutocompleteItem = inject(BrnAutocompleteItem);
+    _active = this._brnAutocompleteItem.active;
+    constructor() {
+        classes(() => 'tw:data-highlighted:bg-accent tw:data-highlighted:text-accent-foreground tw:not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground tw:gap-2 tw:rounded-sm tw:py-1.5 tw:ps-2 tw:pe-8 tw:text-sm tw:relative tw:flex tw:w-full tw:cursor-default tw:items-center tw:outline-hidden tw:select-none tw:data-disabled:pointer-events-none tw:data-disabled:opacity-50 tw:data-hidden:hidden tw:[&_ng-icon]:pointer-events-none tw:[&_ng-icon]:shrink-0');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmAutocompleteItem, isStandalone: true, selector: "hlm-autocomplete-item", host: { attributes: { "data-slot": "autocomplete-item" } }, providers: [provideIcons({ lucideCheck })], hostDirectives: [{ directive: i1.BrnAutocompleteItem, inputs: ["id", "id", "disabled", "disabled", "value", "value"] }], ngImport: i0, template: `
+    <ng-content />
+    @if (_active()) {
+      <ng-icon
+        name="lucideCheck"
+        class="tw:absolute tw:end-2 tw:flex tw:items-center tw:justify-center tw:text-[length:--spacing(4)]"
+        aria-hidden="true"
+      />
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-autocomplete-item',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideCheck })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnAutocompleteItem, inputs: ['id', 'disabled', 'value'] }],
+                    host: { 'data-slot': 'autocomplete-item' },
+                    template: `
+    <ng-content />
+    @if (_active()) {
+      <ng-icon
+        name="lucideCheck"
+        class="tw:absolute tw:end-2 tw:flex tw:items-center tw:justify-center tw:text-[length:--spacing(4)]"
+        aria-hidden="true"
+      />
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteLabel {
+    constructor() {
+        classes(() => 'tw:text-muted-foreground tw:px-2 tw:py-1.5 tw:text-xs');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteLabel, isStandalone: true, selector: "[hlmAutocompleteLabel]", host: { attributes: { "data-slot": "autocomplete-label" } }, hostDirectives: [{ directive: i1.BrnAutocompleteLabel, inputs: ["id", "id"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteLabel]',
+                    hostDirectives: [{ directive: BrnAutocompleteLabel, inputs: ['id'] }],
+                    host: { 'data-slot': 'autocomplete-label' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteList {
+    constructor() {
+        classes(() => 'no-scrollbar tw:max-h-[calc(--spacing(72)---spacing(9))] tw:scroll-py-1 tw:p-1 tw:data-empty:p-0 tw:overflow-y-auto tw:overscroll-contain');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteList, isStandalone: true, selector: "[hlmAutocompleteList]", host: { attributes: { "data-slot": "autocomplete-list" } }, hostDirectives: [{ directive: i1.BrnAutocompleteList, inputs: ["id", "id"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteList]',
+                    hostDirectives: [{ directive: BrnAutocompleteList, inputs: ['id'] }],
+                    host: { 'data-slot': 'autocomplete-list' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompletePortal {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompletePortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompletePortal, isStandalone: true, selector: "[hlmAutocompletePortal]", hostDirectives: [{ directive: i2.BrnPopoverContent, inputs: ["context", "context", "class", "class"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompletePortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompletePortal]',
+                    hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
+                }]
+        }] });
+
+class HlmAutocompleteSearch {
+    constructor() {
+        classes(() => 'tw:block');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteSearch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteSearch, isStandalone: true, selector: "[hlmAutocompleteSearch],hlm-autocomplete-search", host: { attributes: { "data-slot": "autocomplete" } }, providers: [
+            provideBrnPopoverConfig({
+                align: 'start',
+                sideOffset: 6,
+            }),
+            provideBrnPopoverDefaultOptions({ role: null }),
+        ], hostDirectives: [{ directive: i1.BrnAutocompleteSearch, inputs: ["autoHighlight", "autoHighlight", "disabled", "disabled", "value", "value", "search", "search", "itemToString", "itemToString"], outputs: ["valueChange", "valueChange", "searchChange", "searchChange"] }, { directive: i2.BrnPopover, inputs: ["align", "align", "closeOnOutsidePointerEvents", "closeOnOutsidePointerEvents", "sideOffset", "sideOffset", "state", "state", "offsetX", "offsetX"], outputs: ["stateChanged", "stateChanged", "closed", "closed"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteSearch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteSearch],hlm-autocomplete-search',
+                    providers: [
+                        provideBrnPopoverConfig({
+                            align: 'start',
+                            sideOffset: 6,
+                        }),
+                        provideBrnPopoverDefaultOptions({ role: null }),
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: BrnAutocompleteSearch,
+                            inputs: ['autoHighlight', 'disabled', 'value', 'search', 'itemToString'],
+                            outputs: ['valueChange', 'searchChange'],
+                        },
+                        {
+                            directive: BrnPopover,
+                            inputs: ['align', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+                            outputs: ['stateChanged', 'closed'],
+                        },
+                    ],
+                    host: { 'data-slot': 'autocomplete' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteSeparator {
+    constructor() {
+        classes(() => 'tw:bg-border tw:-mx-1 tw:my-1 tw:h-px');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteSeparator, isStandalone: true, selector: "[hlmAutocompleteSeparator]", host: { attributes: { "data-slot": "autocomplete-separator" } }, hostDirectives: [{ directive: i1.BrnAutocompleteSeparator, inputs: ["orientation", "orientation"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteSeparator]',
+                    hostDirectives: [{ directive: BrnAutocompleteSeparator, inputs: ['orientation'] }],
+                    host: { 'data-slot': 'autocomplete-separator' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteStatus {
+    constructor() {
+        classes(() => 'tw:text-muted-foreground tw:gap-2 tw:px-3 tw:py-2 tw:text-sm tw:flex tw:w-full tw:items-center tw:justify-center tw:text-center');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAutocompleteStatus, isStandalone: true, selector: "[hlmAutocompleteStatus],hlm-autocomplete-status", host: { attributes: { "data-slot": "autocomplete-status" } }, hostDirectives: [{ directive: i1.BrnAutocompleteStatus }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteStatus, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAutocompleteStatus],hlm-autocomplete-status',
+                    hostDirectives: [BrnAutocompleteStatus],
+                    host: { 'data-slot': 'autocomplete-status' },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of autocomplete
+ */
+const HlmAutocompleteImports = [
+    HlmAutocomplete,
+    HlmAutocompleteContent,
+    HlmAutocompleteEmpty,
+    HlmAutocompleteGroup,
+    HlmAutocompleteInput,
+    HlmAutocompleteItem,
+    HlmAutocompleteLabel,
+    HlmAutocompleteList,
+    HlmAutocompletePortal,
+    HlmAutocompleteSearch,
+    HlmAutocompleteSeparator,
+    HlmAutocompleteStatus,
+];
+class HlmAutocompleteModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteModule, imports: [HlmAutocomplete,
+            HlmAutocompleteContent,
+            HlmAutocompleteEmpty,
+            HlmAutocompleteGroup,
+            HlmAutocompleteInput,
+            HlmAutocompleteItem,
+            HlmAutocompleteLabel,
+            HlmAutocompleteList,
+            HlmAutocompletePortal,
+            HlmAutocompleteSearch,
+            HlmAutocompleteSeparator,
+            HlmAutocompleteStatus], exports: [HlmAutocomplete,
+            HlmAutocompleteContent,
+            HlmAutocompleteEmpty,
+            HlmAutocompleteGroup,
+            HlmAutocompleteInput,
+            HlmAutocompleteItem,
+            HlmAutocompleteLabel,
+            HlmAutocompleteList,
+            HlmAutocompletePortal,
+            HlmAutocompleteSearch,
+            HlmAutocompleteSeparator,
+            HlmAutocompleteStatus] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteModule, imports: [HlmAutocompleteInput,
+            HlmAutocompleteItem] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmAutocompleteImports],
+                    exports: [...HlmAutocompleteImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmAutocomplete, HlmAutocompleteContent, HlmAutocompleteEmpty, HlmAutocompleteGroup, HlmAutocompleteImports, HlmAutocompleteInput, HlmAutocompleteItem, HlmAutocompleteLabel, HlmAutocompleteList, HlmAutocompleteModule, HlmAutocompletePortal, HlmAutocompleteSearch, HlmAutocompleteSeparator, HlmAutocompleteStatus };
+

package/autocomplete/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "autocomplete",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0 || ^22.0.0",
+    "@angular/core": "^20.3.0 || ^22.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/autocomplete.mjs",
+  "typings": "types/autocomplete.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/autocomplete.d.ts",
+      "default": "./fesm2022/autocomplete.mjs"
+    }
+  },
+  "type": "module"
+}

package/autocomplete/types/autocomplete.d.ts

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/autocomplete';
+import * as i2 from '@spartan-ng/brain/popover';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i2$1 from '@egose/shadcn-theme-ng-tw/input-group';
+
+declare class HlmAutocomplete {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocomplete, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocomplete, "[hlmAutocomplete],hlm-autocomplete", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocomplete; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; "isItemEqualToValue": "isItemEqualToValue"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmAutocompleteContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteContent, "[hlmAutocompleteContent],hlm-autocomplete-content", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteContent; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteEmpty {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteEmpty, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteEmpty, "[hlmAutocompleteEmpty],hlm-autocomplete-empty", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteEmpty; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteGroup, "[hlmAutocompleteGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteInput {
+    private static _id;
+    readonly inputId: i0.InputSignal<string>;
+    readonly placeholder: i0.InputSignal<string>;
+    readonly showSearch: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly showClear: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Forces the invalid state visually, regardless of form control state. */
+    readonly forceInvalid: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    readonly ariaInvalidOverride: i0.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteInput, "hlm-autocomplete-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteAnchor; inputs: {}; outputs: {}; }, { directive: typeof i2$1.HlmInputGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteItem {
+    private readonly _brnAutocompleteItem;
+    protected readonly _active: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteItem, "hlm-autocomplete-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteItem; inputs: { "id": "id"; "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteLabel, "[hlmAutocompleteLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteLabel; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteList {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteList, "[hlmAutocompleteList]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteList; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompletePortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompletePortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompletePortal, "[hlmAutocompletePortal]", never, {}, {}, never, never, true, [{ directive: typeof i2.BrnPopoverContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteSearch {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSearch, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSearch, "[hlmAutocompleteSearch],hlm-autocomplete-search", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSearch; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmAutocompleteSeparator {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSeparator, "[hlmAutocompleteSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSeparator; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteStatus {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteStatus, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteStatus, "[hlmAutocompleteStatus],hlm-autocomplete-status", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteStatus; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmAutocompleteImports: readonly [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus];
+declare class HlmAutocompleteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAutocompleteModule, never, [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus], [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmAutocompleteModule>;
+}
+
+export { HlmAutocomplete, HlmAutocompleteContent, HlmAutocompleteEmpty, HlmAutocompleteGroup, HlmAutocompleteImports, HlmAutocompleteInput, HlmAutocompleteItem, HlmAutocompleteLabel, HlmAutocompleteList, HlmAutocompleteModule, HlmAutocompletePortal, HlmAutocompleteSearch, HlmAutocompleteSeparator, HlmAutocompleteStatus };

package/avatar/README.md

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