@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/alert-dialog/types/alert-dialog.d.ts

@@ -0,0 +1,90 @@
+import * as i1$2 from '@spartan-ng/brain/alert-dialog';
+import { BrnAlertDialog } from '@spartan-ng/brain/alert-dialog';
+import * as i0 from '@angular/core';
+import * as i1 from '@egose/shadcn-theme-ng/button';
+import * as i1$1 from '@spartan-ng/brain/dialog';
+import { ClassValue } from 'clsx';
+
+declare class HlmAlertDialog extends BrnAlertDialog {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAlertDialog, "hlm-alert-dialog", ["hlmAlertDialog"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class HlmAlertDialogAction {
+    readonly type: i0.InputSignal<"button" | "submit" | "reset">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogAction, "button[hlmAlertDialogAction]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogCancel {
+    readonly type: i0.InputSignal<"button" | "submit" | "reset">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogCancel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogCancel, "button[hlmAlertDialogCancel]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.BrnDialogClose; inputs: {}; outputs: {}; }, { directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogContent {
+    private readonly _stateProvider;
+    readonly state: i0.Signal<"open" | "closed">;
+    readonly size: i0.InputSignal<"default" | "sm">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogContent, "[hlmAlertDialogContent],hlm-alert-dialog-content", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogDescription {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogDescription, "[hlmAlertDialogDescription]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogDescription; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogFooter {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogFooter, "[hlmAlertDialogFooter],hlm-alert-dialog-footer", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogHeader {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogHeader, "[hlmAlertDialogHeader],hlm-alert-dialog-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogMedia {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogMedia, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogMedia, "[hlmAlertDialogMedia],hlm-alert-dialog-media", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogOverlay {
+    private readonly _classSettable;
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogOverlay, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogOverlay, "[hlmAlertDialogOverlay],hlm-alert-dialog-overlay", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogOverlay; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogPortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogPortal, "[hlmAlertDialogPortal]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogTitle, "[hlmAlertDialogTitle]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogTitle; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogTrigger {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogTrigger, "button[hlmAlertDialogTrigger],button[hlmAlertDialogTriggerFor]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogTrigger; inputs: { "id": "id"; "brnAlertDialogTriggerFor": "hlmAlertDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+}
+
+declare const HlmAlertDialogImports: readonly [typeof HlmAlertDialog, typeof HlmAlertDialogAction, typeof HlmAlertDialogCancel, typeof HlmAlertDialogContent, typeof HlmAlertDialogDescription, typeof HlmAlertDialogFooter, typeof HlmAlertDialogHeader, typeof HlmAlertDialogMedia, typeof HlmAlertDialogOverlay, typeof HlmAlertDialogPortal, typeof HlmAlertDialogTitle, typeof HlmAlertDialogTrigger];
+declare class HlmAlertDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAlertDialogModule, never, [typeof HlmAlertDialog, typeof HlmAlertDialogAction, typeof HlmAlertDialogCancel, typeof HlmAlertDialogContent, typeof HlmAlertDialogDescription, typeof HlmAlertDialogFooter, typeof HlmAlertDialogHeader, typeof HlmAlertDialogMedia, typeof HlmAlertDialogOverlay, typeof HlmAlertDialogPortal, typeof HlmAlertDialogTitle, typeof HlmAlertDialogTrigger], [typeof HlmAlertDialog, typeof HlmAlertDialogAction, typeof HlmAlertDialogCancel, typeof HlmAlertDialogContent, typeof HlmAlertDialogDescription, typeof HlmAlertDialogFooter, typeof HlmAlertDialogHeader, typeof HlmAlertDialogMedia, typeof HlmAlertDialogOverlay, typeof HlmAlertDialogPortal, typeof HlmAlertDialogTitle, typeof HlmAlertDialogTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmAlertDialogModule>;
+}
+
+export { HlmAlertDialog, HlmAlertDialogAction, HlmAlertDialogCancel, HlmAlertDialogContent, HlmAlertDialogDescription, HlmAlertDialogFooter, HlmAlertDialogHeader, HlmAlertDialogImports, HlmAlertDialogMedia, HlmAlertDialogModule, HlmAlertDialogOverlay, HlmAlertDialogPortal, HlmAlertDialogTitle, HlmAlertDialogTrigger };

package/aspect-ratio/README.md

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

package/aspect-ratio/fesm2022/aspect-ratio.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { input, Directive, NgModule } from '@angular/core';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+const parseDividedString = (value) => {
+    if (typeof value !== 'string' || !value.includes('/'))
+        return value;
+    return value
+        .split('/')
+        .map((v) => Number.parseInt(v, 10))
+        .reduce((a, b) => a / b);
+};
+class HlmAspectRatio {
+    /**
+     * Aspect ratio of the element, defined as width / height.
+     */
+    ratio = input(1, { ...(ngDevMode ? { debugName: "ratio" } : /* istanbul ignore next */ {}), alias: 'hlmAspectRatio',
+        transform: (value) => {
+            const coerced = coerceNumberProperty(parseDividedString(value));
+            return coerced <= 0 ? 1 : coerced;
+        } });
+    constructor() {
+        classes(() => "relative aspect-(--ratio)");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAspectRatio, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAspectRatio, isStandalone: true, selector: "[hlmAspectRatio]", inputs: { ratio: { classPropertyName: "ratio", publicName: "hlmAspectRatio", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "aspect-ratio" }, properties: { "style.--ratio": "ratio()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAspectRatio, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAspectRatio]',
+                    host: {
+                        'data-slot': 'aspect-ratio',
+                        '[style.--ratio]': 'ratio()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "hlmAspectRatio", required: false }] }] } });
+
+/*
+ * Public API Surface of aspect-ratio
+ */
+const HlmAspectRatioImports = [HlmAspectRatio];
+class HlmAspectRatioModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAspectRatioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAspectRatioModule, imports: [HlmAspectRatio], exports: [HlmAspectRatio] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAspectRatioModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAspectRatioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmAspectRatioImports],
+                    exports: [...HlmAspectRatioImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmAspectRatio, HlmAspectRatioImports, HlmAspectRatioModule };
+

package/aspect-ratio/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "aspect-ratio",
+  "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/aspect-ratio.mjs",
+  "typings": "types/aspect-ratio.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/aspect-ratio.d.ts",
+      "default": "./fesm2022/aspect-ratio.mjs"
+    }
+  },
+  "type": "module"
+}

package/aspect-ratio/types/aspect-ratio.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { NumberInput } from '@angular/cdk/coercion';
+
+declare class HlmAspectRatio {
+    /**
+     * Aspect ratio of the element, defined as width / height.
+     */
+    readonly ratio: i0.InputSignalWithTransform<number, NumberInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAspectRatio, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAspectRatio, "[hlmAspectRatio]", never, { "ratio": { "alias": "hlmAspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HlmAspectRatioImports: readonly [typeof HlmAspectRatio];
+declare class HlmAspectRatioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAspectRatioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAspectRatioModule, never, [typeof HlmAspectRatio], [typeof HlmAspectRatio]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmAspectRatioModule>;
+}
+
+export { HlmAspectRatio, HlmAspectRatioImports, HlmAspectRatioModule };

package/autocomplete/README.md

@@ -0,0 +1,3 @@
+# Autocomplete Subpath
+
+This project ships only as `@egose/shadcn-theme-ng/autocomplete` or `@egose/shadcn-theme-ng-tw/autocomplete`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/autocomplete/fesm2022/autocomplete.mjs

@@ -0,0 +1,391 @@
+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/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/input-group';
+import { HlmInputGroup, HlmInputGroupImports } from '@egose/shadcn-theme-ng/input-group';
+
+class HlmAutocomplete {
+    constructor() {
+        classes(() => "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(() => "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 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 ring-foreground/10 max-h-72 min-w-36 overflow-hidden rounded-md shadow-md ring-1 duration-100 group/autocomplete-content flex w-(--brn-autocomplete-width) flex-col 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(() => "text-muted-foreground hidden w-full items-center justify-center gap-2 py-2 text-center text-sm 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(() => "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(() => "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(() => "data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-sm py-1.5 ps-2 pe-8 text-sm relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-hidden:hidden [&_ng-icon]:pointer-events-none [&_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: "\n    <ng-content />\n    @if (_active()) {\n      <ng-icon\n        name=\"lucideCheck\"\n        class=\"absolute end-2 flex items-center justify-center text-[length:--spacing(4)]\"\n        aria-hidden=\"true\"\n      />\n    }\n  ", 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: "\n    <ng-content />\n    @if (_active()) {\n      <ng-icon\n        name=\"lucideCheck\"\n        class=\"absolute end-2 flex items-center justify-center text-[length:--spacing(4)]\"\n        aria-hidden=\"true\"\n      />\n    }\n  ",
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAutocompleteLabel {
+    constructor() {
+        classes(() => "text-muted-foreground px-2 py-1.5 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 max-h-[calc(--spacing(72)---spacing(9))] scroll-py-1 p-1 data-empty:p-0 overflow-y-auto 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(() => "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(() => "bg-border -mx-1 my-1 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(() => "text-muted-foreground gap-2 px-3 py-2 text-sm flex w-full items-center justify-center 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"
+}