@tailng-ui/primitives 0.1.0

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAI7F,qBAkBa,2BAA2B,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,8BAA8B,CAAC,CAAC,CAAC;IAChG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA2D;IACjF,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,4BAA4B,CAAU;IAGpE,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IAuC1C,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,WAAW,IAAI,MAAM,GAAG,IAAI;IAI5B,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAI3C,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAInD,YAAY,IAAI,IAAI;IAUpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;IAsBpE,QAAQ,CAAC,IAAI,SAAS,CAAC,EAAE;CAK1B;AAED,qBAUa,0BAA0B,CAAC,CAAC,GAAG,OAAO;IAEjD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,2BAA2B,CAAU;CACpE"}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.js

@@ -0,0 +1,138 @@
+import { __decorate } from "tslib";
+// libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.ts
+import { DestroyRef, Directive, HostBinding, HostListener, effect, inject, untracked, } from '@angular/core';
+import { createTngIdFactory } from '@tailng-ui/cdk';
+import { TNG_LISTBOX_FORCE_TYPEAHEAD, TNG_LISTBOX_FORCE_MULTIPLE, TNG_LISTBOX_PRESERVE_VALUE_ON_UNREGISTER, TngListboxDirective, TngOptionDirective, } from '@tailng-ui/primitives';
+import { TNG_MULTI_AUTOCOMPLETE } from './tng-multi-autocomplete.tokens';
+import { TNG_MULTI_AUTOCOMPLETE_LISTBOX } from './tng-multi-autocomplete.listbox.tokens';
+const createListboxId = createTngIdFactory('tng-multi-autocomplete-listbox');
+let TngMultiAutocompleteListbox = class TngMultiAutocompleteListbox {
+    multi = inject(TNG_MULTI_AUTOCOMPLETE);
+    destroyRef = inject(DestroyRef);
+    listbox = inject((TngListboxDirective), { self: true });
+    dataSlot = 'multi-autocomplete-listbox';
+    id = createListboxId();
+    constructor() {
+        this.multi.setListboxId(this.id);
+        this.multi.setListboxApi(this);
+        // External multi.value -> listbox.value (keeps selection UI in sync)
+        effect(() => {
+            const v = this.multi.value(); // readonly T[]
+            const current = untracked(() => this.listbox.value()); // ListboxValue<T>
+            const currentArr = Array.isArray(current)
+                ? current
+                : current === null
+                    ? []
+                    : [current];
+            // compare by order + Object.is (good enough for now)
+            if (currentArr.length === v.length &&
+                v.every((val, i) => Object.is(val, currentArr[i]))) {
+                return;
+            }
+            this.listbox.value.set([...v]);
+            // External controlled value changes while closed should reset filtering state.
+            if (!this.multi.open()) {
+                this.multi.query.set('');
+                this.multi.queryChange.emit('');
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            this.multi.setListboxId(null);
+            this.multi.setListboxApi(null);
+        });
+    }
+    getHostId() {
+        return this.id ?? null;
+    }
+    getActiveId() {
+        return this.listbox.getActiveId();
+    }
+    ensureActive(pref) {
+        this.listbox.ensureActive(pref);
+    }
+    handleKey(key, shiftKey) {
+        return this.listbox.handleKeyFromCombobox(key, shiftKey);
+    }
+    commitActive() {
+        const value = this.listbox.getActiveValue();
+        if (value === undefined)
+            return;
+        this.multi.toggle(value);
+        this.listbox.setActiveId(null);
+        this.multi.query.set('');
+        this.multi.queryChange.emit('');
+    }
+    onListboxValueChange(value) {
+        if (this.multi.disabled())
+            return;
+        const arr = value === null ? [] : Array.isArray(value) ? value : [value];
+        // Option unregister/re-register during filtering can cause listbox to emit a fresh
+        // array instance even when the logical selection did not change. Treat that as a
+        // no-op so typing does not clear the controlled query.
+        const current = this.multi.value();
+        if (current.length === arr.length &&
+            arr.every((val, i) => Object.is(val, current[i]))) {
+            return;
+        }
+        this.multi.value.set([...arr]);
+        this.listbox.setActiveId(null);
+        this.multi.query.set('');
+        this.multi.queryChange.emit('');
+    }
+    getValue() {
+        const v = this.listbox.value();
+        if (v === null)
+            return [];
+        return Array.isArray(v) ? v : [v];
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiAutocompleteListbox.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.id')
+], TngMultiAutocompleteListbox.prototype, "id", void 0);
+__decorate([
+    HostListener('valueChange', ['$event'])
+], TngMultiAutocompleteListbox.prototype, "onListboxValueChange", null);
+TngMultiAutocompleteListbox = __decorate([
+    Directive({
+        selector: '[tngMultiAutocompleteListbox]',
+        standalone: true,
+        providers: [
+            { provide: TNG_MULTI_AUTOCOMPLETE_LISTBOX, useExisting: TngMultiAutocompleteListbox },
+            // Multi-autocomplete typing happens in the input. Listbox must NOT typeahead.
+            { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false },
+            { provide: TNG_LISTBOX_FORCE_MULTIPLE, useValue: true },
+            { provide: TNG_LISTBOX_PRESERVE_VALUE_ON_UNREGISTER, useValue: true },
+        ],
+        hostDirectives: [
+            {
+                directive: TngListboxDirective,
+                inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],
+                outputs: ['valueChange'],
+            },
+        ],
+    })
+], TngMultiAutocompleteListbox);
+export { TngMultiAutocompleteListbox };
+let TngMultiAutocompleteOption = class TngMultiAutocompleteOption {
+    dataSlot = 'multi-autocomplete-option';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiAutocompleteOption.prototype, "dataSlot", void 0);
+TngMultiAutocompleteOption = __decorate([
+    Directive({
+        selector: '[tngMultiAutocompleteOption]',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngOptionDirective,
+                inputs: ['tngValue', 'disabled'],
+            },
+        ],
+    })
+], TngMultiAutocompleteOption);
+export { TngMultiAutocompleteOption };
+//# sourceMappingURL=tng-multi-autocomplete.listbox.js.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.ts"],"names":[],"mappings":"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","sourcesContent":["// libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.ts\nimport {\n  DestroyRef,\n  Directive,\n  HostBinding,\n  HostListener,\n  effect,\n  inject,\n  untracked,\n} from '@angular/core';\n\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport {\n  TNG_LISTBOX_FORCE_TYPEAHEAD,\n  TNG_LISTBOX_FORCE_MULTIPLE,\n  TNG_LISTBOX_PRESERVE_VALUE_ON_UNREGISTER,\n  TngListboxDirective,\n  TngOptionDirective,\n} from '@tailng-ui/primitives';\n\nimport { TNG_MULTI_AUTOCOMPLETE } from './tng-multi-autocomplete.tokens';\nimport type { TngMultiAutocomplete } from './tng-multi-autocomplete';\nimport { TNG_MULTI_AUTOCOMPLETE_LISTBOX } from './tng-multi-autocomplete.listbox.tokens';\nimport type { TngMultiAutocompleteListboxApi } from './tng-multi-autocomplete.listbox.types';\n\nconst createListboxId = createTngIdFactory('tng-multi-autocomplete-listbox');\n\n@Directive({\n  selector: '[tngMultiAutocompleteListbox]',\n  standalone: true,\n  providers: [\n    { provide: TNG_MULTI_AUTOCOMPLETE_LISTBOX, useExisting: TngMultiAutocompleteListbox },\n    // Multi-autocomplete typing happens in the input. Listbox must NOT typeahead.\n    { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false },\n    { provide: TNG_LISTBOX_FORCE_MULTIPLE, useValue: true },\n    { provide: TNG_LISTBOX_PRESERVE_VALUE_ON_UNREGISTER, useValue: true },\n  ],\n  hostDirectives: [\n    {\n      directive: TngListboxDirective,\n      inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],\n      outputs: ['valueChange'],\n    },\n  ],\n})\nexport class TngMultiAutocompleteListbox<T = unknown> implements TngMultiAutocompleteListboxApi<T> {\n  private readonly multi = inject<TngMultiAutocomplete<T>>(TNG_MULTI_AUTOCOMPLETE);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly listbox = inject(TngListboxDirective<T>, { self: true });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'multi-autocomplete-listbox' as const;\n\n  @HostBinding('attr.id')\n  protected readonly id = createListboxId();\n\n  constructor() {\n    this.multi.setListboxId(this.id);\n    this.multi.setListboxApi(this);\n\n    // External multi.value -> listbox.value (keeps selection UI in sync)\n    effect(() => {\n      const v = this.multi.value(); // readonly T[]\n      const current = untracked(() => this.listbox.value()); // ListboxValue<T>\n      const currentArr = Array.isArray(current)\n        ? (current as readonly T[])\n        : current === null\n          ? ([] as readonly T[])\n          : ([current as T] as const);\n\n      // compare by order + Object.is (good enough for now)\n      if (\n        currentArr.length === v.length &&\n        v.every((val, i) => Object.is(val, currentArr[i]))\n      ) {\n        return;\n      }\n\n      this.listbox.value.set([...v] as readonly T[]);\n\n      // External controlled value changes while closed should reset filtering state.\n      if (!this.multi.open()) {\n        this.multi.query.set('');\n        this.multi.queryChange.emit('');\n      }\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.multi.setListboxId(null);\n      this.multi.setListboxApi(null);\n    });\n  }\n\n  getHostId(): string | null {\n    return this.id ?? null;\n  }\n\n  getActiveId(): string | null {\n    return this.listbox.getActiveId();\n  }\n\n  ensureActive(pref?: 'first' | 'last'): void {\n    this.listbox.ensureActive(pref);\n  }\n\n  handleKey(key: string, shiftKey?: boolean): boolean {\n    return this.listbox.handleKeyFromCombobox(key, shiftKey);\n  }\n\n  commitActive(): void {\n    const value = this.listbox.getActiveValue();\n    if (value === undefined) return;\n    this.multi.toggle(value as T);\n    this.listbox.setActiveId(null);\n    this.multi.query.set('');\n    this.multi.queryChange.emit('');\n  }\n\n  @HostListener('valueChange', ['$event'])\n  protected onListboxValueChange(value: T | readonly T[] | null): void {\n    if (this.multi.disabled()) return;\n\n    const arr = value === null ? [] : Array.isArray(value) ? value : [value];\n\n    // Option unregister/re-register during filtering can cause listbox to emit a fresh\n    // array instance even when the logical selection did not change. Treat that as a\n    // no-op so typing does not clear the controlled query.\n    const current = this.multi.value();\n    if (\n      current.length === arr.length &&\n      arr.every((val, i) => Object.is(val, current[i]))\n    ) {\n      return;\n    }\n\n    this.multi.value.set([...arr] as readonly T[]);\n    this.listbox.setActiveId(null);\n    this.multi.query.set('');\n    this.multi.queryChange.emit('');\n  }\n\n  getValue?(): readonly T[] {\n    const v = this.listbox.value();\n    if (v === null) return [];\n    return Array.isArray(v) ? (v as readonly T[]) : ([v as T] as const);\n  }\n}\n\n@Directive({\n  selector: '[tngMultiAutocompleteOption]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngOptionDirective,\n      inputs: ['tngValue', 'disabled'],\n    },\n  ],\n})\nexport class TngMultiAutocompleteOption<T = unknown> {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'multi-autocomplete-option' as const;\n}\n"]}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { TngMultiAutocompleteListboxApi } from './tng-multi-autocomplete.listbox.types';
+export declare const TNG_MULTI_AUTOCOMPLETE_LISTBOX: InjectionToken<TngMultiAutocompleteListboxApi<unknown>>;
+//# sourceMappingURL=tng-multi-autocomplete.listbox.tokens.d.ts.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.listbox.tokens.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAE7F,eAAO,MAAM,8BAA8B,yDAC2C,CAAC"}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const TNG_MULTI_AUTOCOMPLETE_LISTBOX = new InjectionToken('TNG_MULTI_AUTOCOMPLETE_LISTBOX');
+//# sourceMappingURL=tng-multi-autocomplete.listbox.tokens.js.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.listbox.tokens.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,8BAA8B,GACzC,IAAI,cAAc,CAAiC,gCAAgC,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngMultiAutocompleteListboxApi } from './tng-multi-autocomplete.listbox.types';\n\nexport const TNG_MULTI_AUTOCOMPLETE_LISTBOX =\n  new InjectionToken<TngMultiAutocompleteListboxApi>('TNG_MULTI_AUTOCOMPLETE_LISTBOX');"]}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.d.ts

@@ -0,0 +1,18 @@
+export interface TngMultiAutocompleteListboxApi<T = unknown> {
+    /** Host element id of the listbox (for aria-controls when content id not used). */
+    getHostId(): string | null;
+    /** Reactive (preferred) */
+    activeId?: () => string | null;
+    /** Ensure an option is active; pref on open. */
+    ensureActive(pref?: 'first' | 'last'): void;
+    /** Handle arrow keys, Home, End, etc. Returns true if listbox handled it. */
+    handleKey(key: string, shiftKey?: boolean): boolean;
+    /**
+     * Commit/toggle the active option.
+     * Multi-autocomplete semantics: toggle selection, keep overlay open.
+     */
+    commitActive(): void;
+    /** (Optional) expose selected values later if needed */
+    getValue?(): readonly T[];
+}
+//# sourceMappingURL=tng-multi-autocomplete.listbox.types.d.ts.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.listbox.types.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B,CAAC,CAAC,GAAG,OAAO;IACzD,mFAAmF;IACnF,SAAS,IAAI,MAAM,GAAG,IAAI,CAAC;IAE3B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAE/B,gDAAgD;IAChD,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C,6EAA6E;IAC7E,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEpD;;;OAGG;IACH,YAAY,IAAI,IAAI,CAAC;IAErB,wDAAwD;IACxD,QAAQ,CAAC,IAAI,SAAS,CAAC,EAAE,CAAC;CAC3B"}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.js

@@ -0,0 +1,2 @@
+// libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.ts
+//# sourceMappingURL=tng-multi-autocomplete.listbox.types.js.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.listbox.types.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.ts"],"names":[],"mappings":"AAAA,oGAAoG","sourcesContent":["// libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.ts\n\nexport interface TngMultiAutocompleteListboxApi<T = unknown> {\n  /** Host element id of the listbox (for aria-controls when content id not used). */\n  getHostId(): string | null;\n\n  /** Reactive (preferred) */\n  activeId?: () => string | null;\n\n  /** Ensure an option is active; pref on open. */\n  ensureActive(pref?: 'first' | 'last'): void;\n\n  /** Handle arrow keys, Home, End, etc. Returns true if listbox handled it. */\n  handleKey(key: string, shiftKey?: boolean): boolean;\n\n  /**\n   * Commit/toggle the active option.\n   * Multi-autocomplete semantics: toggle selection, keep overlay open.\n   */\n  commitActive(): void;\n\n  /** (Optional) expose selected values later if needed */\n  getValue?(): readonly T[];\n}"]}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.d.ts

@@ -0,0 +1,4 @@
+export declare class TngMultiAutocompleteOverlay {
+    protected readonly dataSlot: "multi-autocomplete-overlay";
+}
+//# sourceMappingURL=tng-multi-autocomplete.overlay.d.ts.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.ts"],"names":[],"mappings":"AAEA,qBAKa,2BAA2B;IAEtC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,4BAA4B,CAAU;CACrE"}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding } from '@angular/core';
+let TngMultiAutocompleteOverlay = class TngMultiAutocompleteOverlay {
+    dataSlot = 'multi-autocomplete-overlay';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiAutocompleteOverlay.prototype, "dataSlot", void 0);
+TngMultiAutocompleteOverlay = __decorate([
+    Directive({
+        selector: '[tngMultiAutocompleteOverlay]',
+        exportAs: 'tngMultiAutocompleteOverlay',
+        standalone: true,
+    })
+], TngMultiAutocompleteOverlay);
+export { TngMultiAutocompleteOverlay };
+//# sourceMappingURL=tng-multi-autocomplete.overlay.js.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.overlay.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAOhD,IAAM,2BAA2B,GAAjC,MAAM,2BAA2B;IAEnB,QAAQ,GAAG,4BAAqC,CAAC;CACrE,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;6DACsC;AAFzD,2BAA2B;IALvC,SAAS,CAAC;QACT,QAAQ,EAAE,+BAA+B;QACzC,QAAQ,EAAE,6BAA6B;QACvC,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,2BAA2B,CAGvC","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngMultiAutocompleteOverlay]',\n  exportAs: 'tngMultiAutocompleteOverlay',\n  standalone: true,\n})\nexport class TngMultiAutocompleteOverlay {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'multi-autocomplete-overlay' as const;\n}"]}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { TngMultiAutocomplete } from './tng-multi-autocomplete';
+export declare const TNG_MULTI_AUTOCOMPLETE: InjectionToken<TngMultiAutocomplete<unknown>>;
+//# sourceMappingURL=tng-multi-autocomplete.tokens.d.ts.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,eAAO,MAAM,sBAAsB,+CAC0C,CAAC"}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const TNG_MULTI_AUTOCOMPLETE = new InjectionToken('TNG_MULTI_AUTOCOMPLETE');
+//# sourceMappingURL=tng-multi-autocomplete.tokens.js.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.tokens.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,sBAAsB,GACjC,IAAI,cAAc,CAAgC,wBAAwB,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngMultiAutocomplete } from './tng-multi-autocomplete';\n\nexport const TNG_MULTI_AUTOCOMPLETE =\n  new InjectionToken<TngMultiAutocomplete<unknown>>('TNG_MULTI_AUTOCOMPLETE');"]}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.d.ts

@@ -0,0 +1,21 @@
+export declare class TngMultiAutocompleteTrigger {
+    private readonly multi;
+    private readonly el;
+    private readonly injectedListbox;
+    private get listbox();
+    private composing;
+    private lastEmittedQuery;
+    protected readonly dataSlot: "multi-autocomplete-trigger";
+    protected readonly role: "combobox";
+    protected readonly haspopup: "listbox";
+    protected get ariaExpanded(): 'true' | 'false';
+    protected get ariaDisabled(): 'true' | null;
+    protected get ariaControls(): string | null;
+    protected get ariaActiveDescendant(): string | null;
+    protected onFocus(): void;
+    protected onInput(event: Event): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onCompositionStart(): void;
+    protected onCompositionEnd(): void;
+}
+//# sourceMappingURL=tng-multi-autocomplete.trigger.d.ts.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.trigger.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.ts"],"names":[],"mappings":"AAeA,qBAKa,2BAA2B;IACtC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAwD;IAC9E,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAwC;IAE3D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAG3B;IAEL,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,4BAA4B,CAAU;IAGpE,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAU;IAG9C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,SAAS,CAAU;IAGjD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,OAAO,CAE7C;IAGD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,IAAI,CAE1C;IAGD,SAAS,KAAK,YAAY,IAAI,MAAM,GAAG,IAAI,CAG1C;IAGD,SAAS,KAAK,oBAAoB,IAAI,MAAM,GAAG,IAAI,CAGlD;IAGD,SAAS,CAAC,OAAO,IAAI,IAAI;IAiBzB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAiBrC,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA6I/C,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAKpC,SAAS,CAAC,gBAAgB,IAAI,IAAI;CAenC"}

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.js

@@ -0,0 +1,241 @@
+import { __decorate } from "tslib";
+import { Directive, ElementRef, HostBinding, HostListener, inject, } from '@angular/core';
+import { TNG_MULTI_AUTOCOMPLETE } from './tng-multi-autocomplete.tokens';
+import { TNG_MULTI_AUTOCOMPLETE_LISTBOX } from './tng-multi-autocomplete.listbox.tokens';
+const NAV_KEYS = new Set(['ArrowDown', 'ArrowUp']);
+let TngMultiAutocompleteTrigger = class TngMultiAutocompleteTrigger {
+    multi = inject(TNG_MULTI_AUTOCOMPLETE);
+    el = inject((ElementRef));
+    injectedListbox = inject(TNG_MULTI_AUTOCOMPLETE_LISTBOX, {
+        optional: true,
+    });
+    get listbox() {
+        return this.multi.getListboxApi() ?? this.injectedListbox ?? null;
+    }
+    composing = false;
+    lastEmittedQuery = null;
+    dataSlot = 'multi-autocomplete-trigger';
+    role = 'combobox';
+    haspopup = 'listbox';
+    get ariaExpanded() {
+        return this.multi.open() ? 'true' : 'false';
+    }
+    get ariaDisabled() {
+        return this.multi.disabled() ? 'true' : null;
+    }
+    get ariaControls() {
+        if (!this.multi.open())
+            return null;
+        return this.multi.getContentId() ?? this.multi.getListboxId();
+    }
+    get ariaActiveDescendant() {
+        if (!this.multi.open())
+            return null;
+        return this.listbox?.activeId?.() ?? this.multi.getActiveDescendantId();
+    }
+    onFocus() {
+        if (this.multi.disabled())
+            return;
+        if (!this.multi.open()) {
+            this.multi.openSelect();
+            const q = this.el.nativeElement.value ?? '';
+            this.multi.query.set(q);
+            this.lastEmittedQuery = q;
+            this.multi.queryChange.emit(q);
+            this.listbox?.ensureActive('first');
+        }
+    }
+    onInput(event) {
+        if (this.multi.disabled())
+            return;
+        const value = event.target?.value ?? '';
+        this.multi.query.set(value);
+        // Policy A: do not emit during IME composition
+        if (this.composing)
+            return;
+        // Avoid double-emit (e.g., compositionend followed by input)
+        if (this.lastEmittedQuery === value)
+            return;
+        this.lastEmittedQuery = value;
+        this.multi.queryChange.emit(value);
+    }
+    onKeydown(event) {
+        if (this.multi.disabled())
+            return;
+        // Escape closes overlay (no selection changes)
+        if (event.key === 'Escape') {
+            if (this.multi.open()) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.multi.close();
+            }
+            return;
+        }
+        // Backspace removes last chip when input is empty
+        if (event.key === 'Backspace') {
+            const inputValue = this.el.nativeElement.value ?? '';
+            if (inputValue.length > 0)
+                return;
+            const selected = this.multi.value();
+            if (selected.length === 0)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            this.multi.removeLast();
+            return;
+        }
+        // Enter commits active option (toggle) and stays open
+        if (event.key === 'Enter') {
+            if (!this.multi.open())
+                return;
+            if (!this.listbox)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            this.listbox.commitActive();
+            return;
+        }
+        // ArrowLeft on input at caret-start → focus last chip (chips UX loop)
+        if (event.key === 'ArrowLeft') {
+            const input = this.el.nativeElement;
+            const start = input.selectionStart ?? 0;
+            const end = input.selectionEnd ?? 0;
+            // Only when caret is at the beginning and there's no selection range.
+            if (start === 0 && end === 0) {
+                const chips = Array.from(this.multi.hostElement.querySelectorAll('[data-slot="multi-autocomplete-chip"]'));
+                const lastChip = chips[chips.length - 1] ?? null;
+                if (lastChip) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    lastChip.focus();
+                }
+            }
+            return;
+        }
+        // Home / End
+        // Home
+        if (event.key === 'Home') {
+            const input = this.el.nativeElement;
+            const start = input.selectionStart ?? 0;
+            const end = input.selectionEnd ?? 0;
+            // Chip UX has priority over listbox navigation
+            if (start === 0 && end === 0) {
+                const chips = Array.from(this.multi.hostElement.querySelectorAll('[data-slot="multi-autocomplete-chip"]'));
+                const firstChip = chips[0] ?? null;
+                if (firstChip) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    firstChip.focus();
+                    return;
+                }
+            }
+            // Otherwise delegate to listbox when open
+            if (this.multi.open()) {
+                const handled = this.listbox?.handleKey(event.key, event.shiftKey);
+                if (handled) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+            }
+            return;
+        }
+        // End
+        if (event.key === 'End') {
+            // When open → delegate to listbox
+            if (this.multi.open()) {
+                const handled = this.listbox?.handleKey(event.key, event.shiftKey);
+                if (handled) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+                return;
+            }
+            // When closed → let browser move caret
+            return;
+        }
+        // Navigation keys
+        if (NAV_KEYS.has(event.key)) {
+            if (!this.multi.open()) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.multi.openSelect();
+                if (event.key === 'ArrowUp' || event.key === 'End') {
+                    this.listbox?.ensureActive('last');
+                }
+                else {
+                    this.listbox?.ensureActive('first');
+                }
+                return;
+            }
+            if (this.listbox) {
+                const handled = this.listbox.handleKey(event.key, event.shiftKey);
+                if (handled) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+            }
+            return;
+        }
+        // printable keys are NOT prevented (input stays editable)
+    }
+    onCompositionStart() {
+        this.composing = true;
+    }
+    onCompositionEnd() {
+        this.composing = false;
+        if (this.multi.disabled())
+            return;
+        // Policy A: emit once with the final committed value
+        const q = this.el.nativeElement.value ?? '';
+        this.multi.query.set(q);
+        if (this.lastEmittedQuery !== q) {
+            this.lastEmittedQuery = q;
+            this.multi.queryChange.emit(q);
+        }
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngMultiAutocompleteTrigger.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.role')
+], TngMultiAutocompleteTrigger.prototype, "role", void 0);
+__decorate([
+    HostBinding('attr.aria-haspopup')
+], TngMultiAutocompleteTrigger.prototype, "haspopup", void 0);
+__decorate([
+    HostBinding('attr.aria-expanded')
+], TngMultiAutocompleteTrigger.prototype, "ariaExpanded", null);
+__decorate([
+    HostBinding('attr.aria-disabled')
+], TngMultiAutocompleteTrigger.prototype, "ariaDisabled", null);
+__decorate([
+    HostBinding('attr.aria-controls')
+], TngMultiAutocompleteTrigger.prototype, "ariaControls", null);
+__decorate([
+    HostBinding('attr.aria-activedescendant')
+], TngMultiAutocompleteTrigger.prototype, "ariaActiveDescendant", null);
+__decorate([
+    HostListener('focus')
+], TngMultiAutocompleteTrigger.prototype, "onFocus", null);
+__decorate([
+    HostListener('input', ['$event'])
+], TngMultiAutocompleteTrigger.prototype, "onInput", null);
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngMultiAutocompleteTrigger.prototype, "onKeydown", null);
+__decorate([
+    HostListener('compositionstart')
+], TngMultiAutocompleteTrigger.prototype, "onCompositionStart", null);
+__decorate([
+    HostListener('compositionend')
+], TngMultiAutocompleteTrigger.prototype, "onCompositionEnd", null);
+TngMultiAutocompleteTrigger = __decorate([
+    Directive({
+        selector: '[tngMultiAutocompleteTrigger]',
+        exportAs: 'tngMultiAutocompleteTrigger',
+        standalone: true,
+    })
+], TngMultiAutocompleteTrigger);
+export { TngMultiAutocompleteTrigger };
+//# sourceMappingURL=tng-multi-autocomplete.trigger.js.map

package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.trigger.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  inject,\n} from '@angular/core';\n\nimport type { TngMultiAutocomplete } from './tng-multi-autocomplete';\nimport { TNG_MULTI_AUTOCOMPLETE } from './tng-multi-autocomplete.tokens';\nimport { TNG_MULTI_AUTOCOMPLETE_LISTBOX } from './tng-multi-autocomplete.listbox.tokens';\nimport type { TngMultiAutocompleteListboxApi } from './tng-multi-autocomplete.listbox.types';\n\nconst NAV_KEYS = new Set(['ArrowDown', 'ArrowUp'] as const);\n\n@Directive({\n  selector: '[tngMultiAutocompleteTrigger]',\n  exportAs: 'tngMultiAutocompleteTrigger',\n  standalone: true,\n})\nexport class TngMultiAutocompleteTrigger {\n  private readonly multi = inject<TngMultiAutocomplete>(TNG_MULTI_AUTOCOMPLETE);\n  private readonly el = inject(ElementRef<HTMLInputElement>);\n\n  private readonly injectedListbox =\n    inject<TngMultiAutocompleteListboxApi>(TNG_MULTI_AUTOCOMPLETE_LISTBOX, {\n      optional: true,\n    });\n\n  private get listbox(): TngMultiAutocompleteListboxApi | null {\n    return this.multi.getListboxApi() ?? this.injectedListbox ?? null;\n  }\n\n  private composing = false;\n  private lastEmittedQuery: string | null = null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'multi-autocomplete-trigger' as const;\n\n  @HostBinding('attr.role')\n  protected readonly role = 'combobox' as const;\n\n  @HostBinding('attr.aria-haspopup')\n  protected readonly haspopup = 'listbox' as const;\n\n  @HostBinding('attr.aria-expanded')\n  protected get ariaExpanded(): 'true' | 'false' {\n    return this.multi.open() ? 'true' : 'false';\n  }\n\n  @HostBinding('attr.aria-disabled')\n  protected get ariaDisabled(): 'true' | null {\n    return this.multi.disabled() ? 'true' : null;\n  }\n\n  @HostBinding('attr.aria-controls')\n  protected get ariaControls(): string | null {\n    if (!this.multi.open()) return null;\n    return this.multi.getContentId() ?? this.multi.getListboxId();\n  }\n\n  @HostBinding('attr.aria-activedescendant')\n  protected get ariaActiveDescendant(): string | null {\n    if (!this.multi.open()) return null;\n    return this.listbox?.activeId?.() ?? this.multi.getActiveDescendantId();\n  }\n\n  @HostListener('focus')\n  protected onFocus(): void {\n    if (this.multi.disabled()) return;\n\n    if (!this.multi.open()) {\n      this.multi.openSelect();\n\n      const q = this.el.nativeElement.value ?? '';\n      this.multi.query.set(q);\n\n      this.lastEmittedQuery = q;\n      this.multi.queryChange.emit(q);\n\n      this.listbox?.ensureActive('first');\n    }\n  }\n\n  @HostListener('input', ['$event'])\n  protected onInput(event: Event): void {\n    if (this.multi.disabled()) return;\n\n    const value = (event.target as HTMLInputElement | null)?.value ?? '';\n    this.multi.query.set(value);\n\n    // Policy A: do not emit during IME composition\n    if (this.composing) return;\n\n    // Avoid double-emit (e.g., compositionend followed by input)\n    if (this.lastEmittedQuery === value) return;\n\n    this.lastEmittedQuery = value;\n    this.multi.queryChange.emit(value);\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.multi.disabled()) return;\n\n    // Escape closes overlay (no selection changes)\n    if (event.key === 'Escape') {\n      if (this.multi.open()) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.multi.close();\n      }\n      return;\n    }\n\n    // Backspace removes last chip when input is empty\n    if (event.key === 'Backspace') {\n      const inputValue = this.el.nativeElement.value ?? '';\n      if (inputValue.length > 0) return;\n\n      const selected = this.multi.value();\n      if (selected.length === 0) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n      this.multi.removeLast();\n      return;\n    }\n\n    // Enter commits active option (toggle) and stays open\n    if (event.key === 'Enter') {\n      if (!this.multi.open()) return;\n      if (!this.listbox) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n      this.listbox.commitActive();\n      return;\n    }\n\n    // ArrowLeft on input at caret-start → focus last chip (chips UX loop)\n    if (event.key === 'ArrowLeft') {\n      const input = this.el.nativeElement;\n\n      const start = input.selectionStart ?? 0;\n      const end = input.selectionEnd ?? 0;\n\n      // Only when caret is at the beginning and there's no selection range.\n      if (start === 0 && end === 0) {\n        const chips = Array.from(\n          this.multi.hostElement.querySelectorAll('[data-slot=\"multi-autocomplete-chip\"]'),\n        ) as HTMLElement[];\n\n        const lastChip = chips[chips.length - 1] ?? null;\n        if (lastChip) {\n          event.preventDefault();\n          event.stopPropagation();\n          lastChip.focus();\n        }\n      }\n\n      return;\n    }\n\n    // Home / End\n    // Home\n    if (event.key === 'Home') {\n      const input = this.el.nativeElement;\n      const start = input.selectionStart ?? 0;\n      const end = input.selectionEnd ?? 0;\n\n      // Chip UX has priority over listbox navigation\n      if (start === 0 && end === 0) {\n        const chips = Array.from(\n          this.multi.hostElement.querySelectorAll('[data-slot=\"multi-autocomplete-chip\"]'),\n        ) as HTMLElement[];\n\n        const firstChip = chips[0] ?? null;\n        if (firstChip) {\n          event.preventDefault();\n          event.stopPropagation();\n          firstChip.focus();\n          return;\n        }\n      }\n\n      // Otherwise delegate to listbox when open\n      if (this.multi.open()) {\n        const handled = this.listbox?.handleKey(event.key, event.shiftKey);\n        if (handled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n\n      return;\n    }\n\n    // End\n    if (event.key === 'End') {\n      // When open → delegate to listbox\n      if (this.multi.open()) {\n        const handled = this.listbox?.handleKey(event.key, event.shiftKey);\n        if (handled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        return;\n      }\n\n      // When closed → let browser move caret\n      return;\n    }\n    \n    // Navigation keys\n    if (NAV_KEYS.has(event.key as any)) {\n      if (!this.multi.open()) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.multi.openSelect();\n        if (event.key === 'ArrowUp' || event.key === 'End') {\n          this.listbox?.ensureActive('last');\n        } else {\n          this.listbox?.ensureActive('first');\n        }\n        return;\n      }\n\n      if (this.listbox) {\n        const handled = this.listbox.handleKey(event.key, event.shiftKey);\n        if (handled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n      return;\n    }\n\n    // printable keys are NOT prevented (input stays editable)\n  }\n\n  @HostListener('compositionstart')\n  protected onCompositionStart(): void {\n    this.composing = true;\n  }\n\n  @HostListener('compositionend')\n  protected onCompositionEnd(): void {\n    this.composing = false;\n\n    if (this.multi.disabled()) return;\n\n    // Policy A: emit once with the final committed value\n    const q = this.el.nativeElement.value ?? '';\n    this.multi.query.set(q);\n\n    if (this.lastEmittedQuery !== q) {\n      this.lastEmittedQuery = q;\n      this.multi.queryChange.emit(q);\n    }\n  }\n\n}\n"]}

package/src/lib/form/multi-select/index.d.ts

@@ -0,0 +1,7 @@
+export { TngMultiSelect } from './tng-multi-select';
+export { TNG_MULTI_SELECT } from './tng-multi-select.tokens';
+export { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent } from './tng-multi-select.parts';
+export { TngSelectOverlay } from './tng-multi-select.overlay';
+export { TngMultiSelectListbox, TngMultiSelectOption } from './tng-multi-select.listbox';
+export type { TngMultiSelectListboxApi } from './tng-multi-select.listbox.types';
+//# sourceMappingURL=index.d.ts.map

package/src/lib/form/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACzF,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC"}

package/src/lib/form/multi-select/index.js

@@ -0,0 +1,6 @@
+export { TngMultiSelect } from './tng-multi-select';
+export { TNG_MULTI_SELECT } from './tng-multi-select.tokens';
+export { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent } from './tng-multi-select.parts';
+export { TngSelectOverlay } from './tng-multi-select.overlay';
+export { TngMultiSelectListbox, TngMultiSelectOption } from './tng-multi-select.listbox';
+//# sourceMappingURL=index.js.map

package/src/lib/form/multi-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { TngMultiSelect } from './tng-multi-select';\nexport { TNG_MULTI_SELECT } from './tng-multi-select.tokens';\nexport { TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent } from './tng-multi-select.parts';\nexport { TngSelectOverlay } from './tng-multi-select.overlay';\nexport { TngMultiSelectListbox, TngMultiSelectOption } from './tng-multi-select.listbox';\nexport type { TngMultiSelectListboxApi } from './tng-multi-select.listbox.types';\n"]}