@tedi-design-system/angular 6.3.0-rc.3 → 6.3.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "6.3.0-rc.3",
+  "version": "6.3.0-rc.5",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",

package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts

@@ -37,7 +37,7 @@ export declare class AccordionItemComponent implements OnInit {
     /**
      * Position of the expand action relative to the header content.
      */
-    expandActionPosition: import("@angular/core").InputSignal<"end" | "start">;
+    expandActionPosition: import("@angular/core").InputSignal<"start" | "end">;
     /**
      * Whether the accordion item is expanded initially.
      * Does not control the expanded state after initialization.
@@ -48,7 +48,7 @@ export declare class AccordionItemComponent implements OnInit {
     /**
      * Position of the description relative to the title.
      */
-    descriptionPosition: import("@angular/core").InputSignal<"end" | "start" | "both">;
+    descriptionPosition: import("@angular/core").InputSignal<"start" | "end" | "both">;
     /**
      * Enables the icon-card layout variant.
      */

package/tedi/components/form/form-field/form-field-control.d.ts

@@ -12,11 +12,10 @@ export interface FormFieldControl<T = unknown> {
      * Whether the control is disabled.
      */
     disabled: Signal<boolean>;
-    /**
-     * Whether the control is currently in an invalid state.
-     * Usually derived from Angular form validation state.
-     */
+    /** Reactive invalid state (driven by FormField) */
     invalid: Signal<boolean>;
+    /** Called by FormField to update invalid state */
+    setInvalidState(isInvalid: boolean): void;
     /**
      * Optional method used by the form field clear button.
      * If implemented, the form field can trigger clearing the value.

package/tedi/components/form/form-field/form-field-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-control.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/form-field/form-field-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,2CAEnC,CAAC"}
+{"version":3,"file":"form-field-control.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/form-field/form-field-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAEzB,kDAAkD;IAClD,eAAe,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,2CAEnC,CAAC"}

package/tedi/components/form/form-field/form-field.component.d.ts

@@ -1,6 +1,8 @@
+import { AfterContentInit } from "@angular/core";
 import { FormFieldControl } from "./form-field-control";
 import { IconColor, IconSize, IconType, IconVariant } from "../../../components/base/icon/icon.component";
 import { FeedbackTextComponent } from "../feedback-text/feedback-text.component";
+import { NgControl } from "@angular/forms";
 import * as i0 from "@angular/core";
 export type InputSize = "small" | "large" | "default";
 export type InputState = "valid" | "error" | "default";
@@ -12,7 +14,7 @@ export interface FormFieldIcon {
     type?: IconType;
     variant?: IconVariant;
 }
-export declare class FormFieldComponent {
+export declare class FormFieldComponent implements AfterContentInit {
     /**
      * The size of the form field.
      * @default "default"
@@ -32,7 +34,11 @@ export declare class FormFieldComponent {
      */
     inputClass: import("@angular/core").InputSignal<string | null>;
     control?: FormFieldControl;
+    ngControl?: NgControl;
     feedback?: FeedbackTextComponent;
+    private readonly destroyRef;
+    ngAfterContentInit(): void;
+    private updateValidationState;
     readonly resolvedIcon: import("@angular/core").Signal<FormFieldIcon | undefined>;
     readonly validationState: import("@angular/core").Signal<ValidationState>;
     showClearButton: import("@angular/core").Signal<boolean>;
@@ -51,7 +57,7 @@ export declare class FormFieldComponent {
     }>;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, ["control", "feedback"], ["label[tedi-label]", "input[tedi-text-field]", "tedi-feedback-text"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, ["control", "ngControl", "feedback"], ["label[tedi-label]", "input[tedi-text-field]", "tedi-feedback-text"], true, never>;
 }
 export {};
 //# sourceMappingURL=form-field.component.d.ts.map

package/tedi/components/form/form-field/form-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/form-field/form-field.component.ts"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EAET,QAAQ,EACR,QAAQ,EACR,WAAW,EACZ,MAAM,8CAA8C,CAAC;AAItD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;;AAEjF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACvD,KAAK,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,qBAkBa,kBAAkB;IAC7B;;;OAGG;IACH,IAAI,iDAA+B;IACnC;;OAEG;IACH,IAAI,0EAA+C;IACnD;;;OAGG;IACH,SAAS,+CAAyB;IAClC;;OAEG;IACH,UAAU,qDAA8B;IAGxC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAG3B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAEjC,QAAQ,CAAC,YAAY,4DAKlB;IAEH,QAAQ,CAAC,eAAe,kDAQrB;IAEH,eAAe,0CAGZ;IAEH,QAAQ,CAAC,UAAU,0CAAqD;IAExE,QAAQ,CAAC,WAAW;;;;;;;;OAUjB;IAEH,QAAQ,CAAC,YAAY;;OAOlB;IAEH,KAAK;yCAvEM,kBAAkB;2CAAlB,kBAAkB;CA0E9B"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/form-field/form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,gBAAgB,EAGjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,gBAAgB,EAEjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EAET,QAAQ,EACR,QAAQ,EACR,WAAW,EACZ,MAAM,8CAA8C,CAAC;AAItD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;AAG3C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACvD,KAAK,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,qBAkBa,kBAAmB,YAAW,gBAAgB;IACzD;;;OAGG;IACH,IAAI,iDAA+B;IACnC;;OAEG;IACH,IAAI,0EAA+C;IACnD;;;OAGG;IACH,SAAS,+CAAyB;IAClC;;OAEG;IACH,UAAU,qDAA8B;IAGxC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAG3B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAEjC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,kBAAkB;IAQlB,OAAO,CAAC,qBAAqB;IAS7B,QAAQ,CAAC,YAAY,4DAKlB;IAEH,QAAQ,CAAC,eAAe,kDAQrB;IAEH,eAAe,0CAGZ;IAEH,QAAQ,CAAC,UAAU,0CAAqD;IAExE,QAAQ,CAAC,WAAW;;;;;;;;OAUjB;IAEH,QAAQ,CAAC,YAAY;;OAOlB;IAEH,KAAK;yCA7FM,kBAAkB;2CAAlB,kBAAkB;CAgG9B"}

package/tedi/components/form/index.d.ts

@@ -1,9 +1,10 @@
 export * from "./checkbox/checkbox.component";
-export * from "./date-picker/date-picker.component";
 export * from "./feedback-text/feedback-text.component";
 export * from "./label/label.component";
 export * from "./number-field/number-field.component";
+export * from "./select";
 export * from "./toggle/toggle.component";
+export * from "./date-picker/date-picker.component";
 export * from "./form-field/form-field.component";
 export * from "./text-field/text-field.component";
 //# sourceMappingURL=index.d.ts.map

package/tedi/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC"}

package/tedi/components/form/select/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./select.component";
+export * from "./select-templates.directive";
+//# sourceMappingURL=index.d.ts.map

package/tedi/components/form/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC"}

package/tedi/components/form/select/select-templates.directive.d.ts

@@ -0,0 +1,69 @@
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Context provided to custom option templates.
+ */
+export interface SelectOptionContext<T = unknown> {
+    /** The option item data */
+    $implicit: T;
+    /** The option item data (explicit reference) */
+    item: T;
+    /** Index of the option in the list */
+    index: number;
+    /** Whether this option is currently selected */
+    selected: boolean;
+    /** Whether this option is disabled */
+    disabled: boolean;
+}
+/**
+ * Context provided to custom value templates (for displaying selected value in trigger).
+ */
+export interface SelectValueContext<T = unknown> {
+    /** The selected item data */
+    $implicit: T;
+    /** The selected item data (explicit reference) */
+    item: T;
+    /** The label string for the selected item */
+    label: string;
+}
+/**
+ * Directive for custom option template rendering in the dropdown.
+ *
+ * @example
+ * ```html
+ * <tedi-select [options]="options">
+ *   <ng-template tediSelectOption let-item>
+ *     <div class="custom-option">
+ *       <strong>{{ item.title }}</strong>
+ *       <span>{{ item.description }}</span>
+ *     </div>
+ *   </ng-template>
+ * </tedi-select>
+ * ```
+ */
+export declare class SelectOptionTemplateDirective<T = unknown> {
+    template: TemplateRef<SelectOptionContext<T>>;
+    static ngTemplateContextGuard<T>(_dir: SelectOptionTemplateDirective<T>, ctx: unknown): ctx is SelectOptionContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionTemplateDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionTemplateDirective<any>, "[tediSelectOption]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive for custom value template rendering (selected value display in trigger).
+ * Used for single-select to display custom content like colors, icons, etc.
+ *
+ * @example
+ * ```html
+ * <tedi-select [options]="colors" bindLabel="name" bindValue="id">
+ *   <ng-template tediSelectValue let-item>
+ *     <div class="color-swatch" [style.background]="item.color"></div>
+ *   </ng-template>
+ * </tedi-select>
+ * ```
+ */
+export declare class SelectValueTemplateDirective<T = unknown> {
+    template: TemplateRef<SelectValueContext<T>>;
+    static ngTemplateContextGuard<T>(_dir: SelectValueTemplateDirective<T>, ctx: unknown): ctx is SelectValueContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueTemplateDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueTemplateDirective<any>, "[tediSelectValue]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=select-templates.directive.d.ts.map

package/tedi/components/form/select/select-templates.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-templates.directive.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/select/select-templates.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAU,MAAM,eAAe,CAAC;;AAE/D;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO;IAC9C,2BAA2B;IAC3B,SAAS,EAAE,CAAC,CAAC;IACb,gDAAgD;IAChD,IAAI,EAAE,CAAC,CAAC;IACR,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,6BAA6B;IAC7B,SAAS,EAAE,CAAC,CAAC;IACb,kDAAkD;IAClD,IAAI,EAAE,CAAC,CAAC;IACR,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAIa,6BAA6B,CAAC,CAAC,GAAG,OAAO;IACpD,QAAQ,sCAA4D;IAEpE,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAC7B,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC,EACtC,GAAG,EAAE,OAAO,GACX,GAAG,IAAI,mBAAmB,CAAC,CAAC,CAAC;yCANrB,6BAA6B;2CAA7B,6BAA6B;CASzC;AAED;;;;;;;;;;;;GAYG;AACH,qBAIa,4BAA4B,CAAC,CAAC,GAAG,OAAO;IACnD,QAAQ,qCAA2D;IAEnE,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAC7B,IAAI,EAAE,4BAA4B,CAAC,CAAC,CAAC,EACrC,GAAG,EAAE,OAAO,GACX,GAAG,IAAI,kBAAkB,CAAC,CAAC,CAAC;yCANpB,4BAA4B;2CAA5B,4BAA4B;CASxC"}

package/tedi/components/form/select/select.component.d.ts

@@ -0,0 +1,238 @@
+import { ConnectedPosition } from "@angular/cdk/overlay";
+import { CdkListbox } from "@angular/cdk/listbox";
+import { AfterContentChecked, AfterViewChecked, ElementRef } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { ComponentInputs } from "../../../types";
+import { FeedbackTextComponent } from "../feedback-text/feedback-text.component";
+import { SelectOptionTemplateDirective, SelectValueTemplateDirective, SelectOptionContext, SelectValueContext } from "./select-templates.directive";
+import { InputSize, InputState } from "../form-field/form-field.component";
+import * as i0 from "@angular/core";
+export type SelectInputSize = Exclude<InputSize, "large">;
+export interface SelectOption<T = unknown> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+    [key: string]: unknown;
+}
+export interface SelectOptionGroup<T = unknown> {
+    label: string;
+    options: SelectOption<T>[];
+}
+export type GroupByFn<T = unknown> = (item: T) => string | undefined;
+export type CompareWithFn<T = unknown> = (a: T, b: T) => boolean;
+export declare enum SpecialOptionControls {
+    SELECT_ALL = "\0SELECT_ALL",
+    SELECT_GROUP = "\0SELECT_GROUP_"
+}
+export declare class SelectComponent<T = unknown> implements AfterContentChecked, AfterViewChecked, ControlValueAccessor {
+    /**
+     * Unique identifier for the select input element.
+     * Used for label association and accessibility.
+     */
+    inputId: import("@angular/core").InputSignal<string>;
+    /**
+     * Label text displayed above the select.
+     */
+    label: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Whether the field is required.
+     * @default false
+     */
+    required: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Placeholder text shown when no value is selected.
+     * @default ""
+     */
+    placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Visual state of the input.
+     * @default "default"
+     */
+    state: import("@angular/core").InputSignal<InputState>;
+    /**
+     * Size variant of the select.
+     * @default "default"
+     */
+    size: import("@angular/core").InputSignal<SelectInputSize>;
+    /**
+     * Whether to show a clear button when a value is selected.
+     * @default false
+     */
+    clearable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Element reference used to determine dropdown width.
+     * When null, dropdown width matches the host element.
+     */
+    dropdownWidthRef: import("@angular/core").InputSignal<ElementRef<any> | null | undefined>;
+    /**
+     * Configuration for the feedback text displayed below the select.
+     */
+    feedbackText: import("@angular/core").InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    /**
+     * Array of options to display in the dropdown.
+     * Can be an array of objects or primitive values.
+     * @default []
+     */
+    options: import("@angular/core").InputSignal<T[]>;
+    /**
+     * Property name to use as the display label for object items.
+     * @default "label"
+     */
+    bindLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Property name to use as the value for object items.
+     * When undefined, the entire object is used as the value.
+     */
+    bindValue: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Whether multiple items can be selected.
+     * @default false
+     */
+    allowMultiple: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Property name or function used to group options.
+     * When a string, uses that property from the item.
+     * When a function, calls it with each item to determine the group.
+     */
+    groupBy: import("@angular/core").InputSignal<string | GroupByFn<T> | undefined>;
+    /**
+     * Whether to show a "Select All" option in multiselect mode.
+     * @default false
+     */
+    showSelectAll: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether group headers are selectable in multiselect mode.
+     * Clicking a group header selects/deselects all options in that group.
+     * @default false
+     */
+    selectableGroups: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether selected tags are individually removable in multiselect mode.
+     * @default false
+     */
+    isTagRemovable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether selected tags wrap to multiple rows in multiselect mode.
+     * When false, overflow tags are hidden and a counter is shown.
+     * @default false
+     */
+    multiRow: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Function used to compare option values for equality.
+     * Used to determine which options are selected.
+     * @default (a, b) => a === b
+     */
+    compareWith: import("@angular/core").InputSignal<CompareWithFn<unknown>>;
+    /**
+     * Property name to check for disabled state on items.
+     * @default "disabled"
+     */
+    disabledKey: import("@angular/core").InputSignal<string>;
+    /**
+     * Text displayed when no options match the search term.
+     */
+    noOptionsMessage: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Maximum height of the dropdown menu in pixels.
+     * When not set, the dropdown height is calculated based on available viewport space.
+     */
+    maxDropdownHeight: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Layout type for the dropdown options.
+     * - `"menu"` (default): vertical list of options.
+     * - `"grid"`: swatch grid layout for use with custom option templates
+     *   (e.g. color or icon pickers). Customizable via `--tedi-swatch-size`,
+     *   `--tedi-swatch-gap`, and `--tedi-swatch-columns` CSS properties.
+     * @default "menu"
+     */
+    dropdownType: import("@angular/core").InputSignal<"menu" | "grid">;
+    /**
+     * Whether the select has a search input for filtering options.
+     * @default false
+     */
+    searchable: import("@angular/core").InputSignal<boolean>;
+    readonly SpecialOptionControls: typeof SpecialOptionControls;
+    readonly dropdownPositions: ConnectedPosition[];
+    listboxId: import("@angular/core").Signal<string>;
+    labelId: import("@angular/core").Signal<string>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    selectedValues: import("@angular/core").WritableSignal<unknown[]>;
+    disabled: import("@angular/core").WritableSignal<boolean>;
+    dropdownWidth: import("@angular/core").WritableSignal<number | null>;
+    dropdownMaxHeight: import("@angular/core").WritableSignal<number | null>;
+    visibleTagsCount: import("@angular/core").WritableSignal<number | null>;
+    searchTerm: import("@angular/core").WritableSignal<string>;
+    searchFocused: import("@angular/core").WritableSignal<boolean>;
+    hiddenTagsCount: import("@angular/core").Signal<number>;
+    listboxRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    cdkListboxRef: import("@angular/core").Signal<CdkListbox<any> | undefined>;
+    triggerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    searchInputRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    multiselectContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    tagRefs: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    hostRef: ElementRef<any>;
+    private ngZone;
+    optionTemplate: import("@angular/core").Signal<SelectOptionTemplateDirective<any> | undefined>;
+    valueTemplate: import("@angular/core").Signal<SelectValueTemplateDirective<any> | undefined>;
+    normalizedOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    filteredOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    optionGroups: import("@angular/core").Signal<SelectOptionGroup<T>[]>;
+    selectedOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    visibleSelectedValues: import("@angular/core").Signal<unknown[]>;
+    selectedLabels: import("@angular/core").Signal<string[]>;
+    showSingleSelectedValue: import("@angular/core").Signal<boolean>;
+    allOptionsSelected: import("@angular/core").Signal<boolean>;
+    ngAfterContentChecked(): void;
+    ngAfterViewChecked(): void;
+    onWindowResize(): void;
+    onDocumentClick(event: MouseEvent): void;
+    focusListboxWhenVisible: import("@angular/core").EffectRef;
+    constructor();
+    resetVisibleTagsOnSelectionChange: import("@angular/core").EffectRef;
+    toggleIsOpen(close?: boolean): void;
+    onSearchInput(event: Event): void;
+    onSearchFocus(): void;
+    onSearchBlur(): void;
+    onTriggerClick(): void;
+    onTriggerEnter(): void;
+    onSearchKeydown(event: KeyboardEvent): void;
+    private static readonly KEY_CODES;
+    private forwardToCdkListbox;
+    private openDropdown;
+    private calculateDropdownMaxHeight;
+    private closeDropdown;
+    handleValueChange(event: {
+        value: readonly unknown[];
+    }): void;
+    clear(event: Event): void;
+    deselect(event: Event, value: unknown): void;
+    isOptionSelected(optionValue: unknown): boolean;
+    getLabel(value: unknown): string;
+    /**
+     * Get the original item from the items array for a given option.
+     * Used for custom templates that need access to the full item data.
+     */
+    getOriginalItem(option: SelectOption<T>): T;
+    /** Create context object for custom option templates. */
+    getOptionContext(option: SelectOption<T>, index: number): SelectOptionContext<T>;
+    /** Create context object for custom value templates. */
+    getValueContext(option: SelectOption<T>): SelectValueContext<T>;
+    isGroupSelected(groupLabel: string): boolean;
+    isGroupIndeterminate(groupLabel: string): boolean;
+    private focusTrigger;
+    private getAvailableTagWidth;
+    private calculateVisibleTags;
+    private setDropdownWidth;
+    private toggleSelectAll;
+    private toggleGroupSelection;
+    onChange: (value: unknown) => void;
+    onTouched: () => void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; }, {}, ["optionTemplate", "valueTemplate"], never, true, never>;
+}
+//# sourceMappingURL=select.component.d.ts.map

package/tedi/components/form/select/select.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/select/select.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,iBAAiB,EAAiB,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAoB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAKhB,UAAU,EAWX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AAKzE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAKjF,OAAO,EACL,6BAA6B,EAC7B,4BAA4B,EAC5B,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;;AAC3E,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE1D,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;AAEjE,oBAAY,qBAAqB;IAC/B,UAAU,iBAAiB;IAC3B,YAAY,oBAAoB;CACjC;AAED,qBAiCa,eAAe,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,mBAAmB,EAAE,gBAAgB,EAAE,oBAAoB;IAC9G;;;OAGG;IACH,OAAO,8CAA4B;IAEnC;;OAEG;IACH,KAAK,0DAAmB;IAExB;;;OAGG;IACH,QAAQ,+CAAyB;IAEjC;;;OAGG;IACH,WAAW,8CAAqB;IAEhC;;;OAGG;IACH,KAAK,kDAAgC;IAErC;;;OAGG;IACH,IAAI,uDAAqC;IAEzC;;;OAGG;IACH,SAAS,+CAAyB;IAElC;;;OAGG;IACH,gBAAgB,0EAA8B;IAE9C;;OAEG;IACH,YAAY,0FAAmD;IAE/D;;;;OAIG;IACH,OAAO,2CAAkB;IAEzB;;;OAGG;IACH,SAAS,8CAA0B;IAEnC;;;OAGG;IACH,SAAS,0DAAwC;IAEjD;;;OAGG;IACH,aAAa,+CAAyB;IAEtC;;;;OAIG;IACH,OAAO,yEAAuD;IAE9D;;;OAGG;IACH,aAAa,+CAAyB;IAEtC;;;;OAIG;IACH,gBAAgB,+CAAyB;IAEzC;;;OAGG;IACH,cAAc,+CAAyB;IAEvC;;;;OAIG;IACH,QAAQ,+CAAyB;IAEjC;;;;OAIG;IACH,WAAW,8DAA2C;IAEtD;;;OAGG;IACH,WAAW,8CAA6B;IAExC;;OAEG;IACH,gBAAgB,0DAAmB;IAEnC;;;OAGG;IACH,iBAAiB,0DAA+B;IAEhD;;;;;;;OAOG;IACH,YAAY,uDAAkC;IAE9C;;;OAGG;IACH,UAAU,+CAAyB;IAEnC,QAAQ,CAAC,qBAAqB,+BAAyB;IAEvD,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAe7C;IAEF,SAAS,yCAA+C;IACxD,OAAO,yCAA6C;IAEpD,MAAM,kDAAiB;IACvB,cAAc,oDAAyB;IACvC,QAAQ,kDAAiB;IACzB,aAAa,wDAA+B;IAC5C,iBAAiB,wDAA+B;IAChD,gBAAgB,wDAA+B;IAC/C,UAAU,iDAAsB;IAChC,aAAa,kDAA0B;IAEvC,eAAe,yCAKZ;IAEH,UAAU,8DAA+C;IACzD,aAAa,8DAAyB;IACtC,UAAU,8DAAqD;IAC/D,cAAc,8DAAwC;IACtD,uBAAuB,8DAAiD;IACxE,OAAO,6DAAoD;IAC3D,OAAO,kBAAsB;IAC7B,OAAO,CAAC,MAAM,CAAkB;IAGhC,cAAc,iFAA+C;IAC7D,aAAa,gFAA8C;IAE3D,iBAAiB,oDAiCd;IAEH,eAAe,oDAWZ;IAEH,YAAY,yDAgBT;IAEH,eAAe,oDAQZ;IAEH,qBAAqB,4CAQlB;IAEH,cAAc,2CAEX;IAEH,uBAAuB,0CAEpB;IAEH,kBAAkB,0CAWf;IAEH,qBAAqB,IAAI,IAAI;IAI7B,kBAAkB,IAAI,IAAI;IAO1B,cAAc,IAAI,IAAI;IAQtB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAexC,uBAAuB,oCAMpB;;IAoBH,iCAAiC,oCAG9B;IAEH,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAiBnC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IASjC,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;IAKpB,cAAc,IAAI,IAAI;IAatB,cAAc,IAAI,IAAI;IAMtB,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsC3C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAO/B;IAEF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,0BAA0B;IA4BlC,OAAO,CAAC,aAAa;IAMrB,iBAAiB,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,OAAO,EAAE,CAAA;KAAE,GAAG,IAAI;IAwD7D,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAezB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAgB5C,gBAAgB,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO;IAK/C,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;IAQhC;;;OAGG;IACH,eAAe,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC;IAkB3C,yDAAyD;IACzD,gBAAgB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC,CAAC,CAAC;IAWhF,wDAAwD;IACxD,eAAe,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC;IAK/D,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAe5C,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAiBjD,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,oBAAoB;IAmC5B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,oBAAoB;IA4B5B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAa;IAC/C,SAAS,EAAE,MAAM,IAAI,CAAa;IAElC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAQhC,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAIpD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;yCAr0BhC,eAAe;2CAAf,eAAe;CA20B3B"}

package/tedi/components/form/text-field/text-field.component.d.ts

@@ -1,10 +1,9 @@
 import { ElementRef } from "@angular/core";
-import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { ControlValueAccessor } from "@angular/forms";
 import { FormFieldControl } from "../form-field/form-field-control";
 import * as i0 from "@angular/core";
 export declare class TextFieldComponent implements ControlValueAccessor, FormFieldControl {
     private el;
-    private ngControl;
     /**
      * Value of the input field. Supports two-way binding, use with form controls.
      */
@@ -18,9 +17,10 @@ export declare class TextFieldComponent implements ControlValueAccessor, FormFie
      * Callback triggered when the clear button is clicked.
      */
     readonly clear: import("@angular/core").OutputEmitterRef<void>;
-    constructor(el: ElementRef<HTMLInputElement>, ngControl: NgControl | null);
+    constructor(el: ElementRef<HTMLInputElement>);
     readonly disabled: import("@angular/core").Signal<boolean>;
-    readonly invalid: import("@angular/core").Signal<boolean>;
+    readonly invalid: import("@angular/core").WritableSignal<boolean>;
+    setInvalidState(isInvalid: boolean): void;
     private formDisabled;
     private onChange;
     private onTouched;
@@ -32,7 +32,7 @@ export declare class TextFieldComponent implements ControlValueAccessor, FormFie
     handleInputChange(event: Event): void;
     handleBlur(): void;
     clearField(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldComponent, [null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "input[tedi-text-field]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "arrowsHidden": { "alias": "arrowsHidden"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "clear": "clear"; }, never, never, true, never>;
 }
 //# sourceMappingURL=text-field.component.d.ts.map

package/tedi/components/form/text-field/text-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/text-field/text-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,UAAU,EAGX,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EAEpB,SAAS,EACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAEjB,MAAM,kCAAkC,CAAC;;AAE1C,qBA0Ba,kBACX,YAAW,oBAAoB,EAAE,gBAAgB;IAiB/C,OAAO,CAAC,EAAE;IACU,OAAO,CAAC,SAAS;IAhBvC;;OAEG;IACH,KAAK,8CAAqB;IAC1B;;;OAGG;IACH,YAAY,+CAAwB;IACpC;;OAEG;IACH,QAAQ,CAAC,KAAK,iDAAkB;gBAGtB,EAAE,EAAE,UAAU,CAAC,gBAAgB,CAAC,EACZ,SAAS,EAAE,SAAS,GAAG,IAAI;IAOzD,QAAQ,CAAC,QAAQ,0CAEf;IACF,QAAQ,CAAC,OAAO,0CAGb;IAEH,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,QAAQ;IAKhB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAItC,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAInD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAQ9B,UAAU;IAIV,UAAU;yCAxEC,kBAAkB;2CAAlB,kBAAkB;CAgF9B"}
+{"version":3,"file":"text-field.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/text-field/text-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EACL,gBAAgB,EAEjB,MAAM,kCAAkC,CAAC;;AAE1C,qBA0Ba,kBACX,YAAW,oBAAoB,EAAE,gBAAgB;IAgBrC,OAAO,CAAC,EAAE;IAdtB;;OAEG;IACH,KAAK,8CAAqB;IAC1B;;;OAGG;IACH,YAAY,+CAAwB;IACpC;;OAEG;IACH,QAAQ,CAAC,KAAK,iDAAkB;gBAEZ,EAAE,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAEpD,QAAQ,CAAC,QAAQ,0CAEf;IAEF,QAAQ,CAAC,OAAO,kDAAiB;IAEjC,eAAe,CAAC,SAAS,EAAE,OAAO;IAIlC,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,QAAQ;IAKhB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAItC,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAInD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAQ9B,UAAU;IAIV,UAAU;yCAnEC,kBAAkB;2CAAlB,kBAAkB;CA2E9B"}

package/tedi/components/overlay/dropdown/dropdown-content/dropdown-content.component.d.ts

@@ -1,5 +1,4 @@
 import { DropdownItemComponent } from "../dropdown-item/dropdown-item.component";
-import { DropdownComponent } from "../dropdown.component";
 import * as i0 from "@angular/core";
 export type DropdownRole = "menu" | "listbox";
 export declare class DropdownContentComponent {
@@ -8,7 +7,8 @@ export declare class DropdownContentComponent {
      * @default menu
      */
     readonly dropdownRole: import("@angular/core").InputSignal<DropdownRole>;
-    readonly dropdown: DropdownComponent;
+    private readonly dropdownApi;
+    readonly containerId: import("@angular/core").Signal<string>;
     readonly items: import("@angular/core").Signal<readonly DropdownItemComponent[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownContentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownContentComponent, "tedi-dropdown-content", never, { "dropdownRole": { "alias": "dropdownRole"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*", "li[tedi-dropdown-item]"], true, never>;

package/tedi/components/overlay/dropdown/dropdown-content/dropdown-content.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-content.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-content/dropdown-content.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAE1D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAE9C,qBAYa,wBAAwB;IACnC;;;OAGG;IACH,QAAQ,CAAC,YAAY,oDAA+B;IAEpD,QAAQ,CAAC,QAAQ,oBAA6B;IAC9C,QAAQ,CAAC,KAAK,mEAA0C;yCAR7C,wBAAwB;2CAAxB,wBAAwB;CASpC"}
+{"version":3,"file":"dropdown-content.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-content/dropdown-content.component.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;;AAGjF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAE9C,qBAkBa,wBAAwB;IACnC;;;OAGG;IACH,QAAQ,CAAC,YAAY,oDAA+B;IAEpD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAwB;IACpD,QAAQ,CAAC,WAAW,yCAAkD;IACtE,QAAQ,CAAC,KAAK,mEAA0C;yCAT7C,wBAAwB;2CAAxB,wBAAwB;CAUpC"}

package/tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from "@angular/core";
-import { DropdownComponent } from "../dropdown.component";
-import { DropdownContentComponent } from "../dropdown-content/dropdown-content.component";
+import { DropdownApi, DropdownContentApi } from "../dropdown.tokens";
+import { DropdownItemValueComponent } from "../dropdown-item-value/dropdown-item-value.component";
 import * as i0 from "@angular/core";
 export declare class DropdownItemComponent {
     /** Item value */
@@ -8,14 +8,16 @@ export declare class DropdownItemComponent {
     /** Is item disabled? */
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly host: ElementRef<HTMLLIElement>;
-    readonly dropdown: DropdownComponent;
-    readonly dropdownContent: DropdownContentComponent;
+    readonly dropdown: DropdownApi;
+    readonly dropdownContent: DropdownContentApi;
+    /** Check if custom dropdown-item-value is provided */
+    readonly customItemValue: import("@angular/core").Signal<DropdownItemValueComponent | undefined>;
     isSelected(): boolean;
     focus(): void;
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
     private onItemSelect;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "li[tedi-dropdown-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "li[tedi-dropdown-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["customItemValue"], ["tedi-dropdown-item-value", "*"], true, never>;
 }
 //# sourceMappingURL=dropdown-item.component.d.ts.map

package/tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAKX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;;AAE1F,qBAiBa,qBAAqB;IAChC,iBAAiB;IACjB,QAAQ,CAAC,KAAK,0DAAmB;IAEjC,wBAAwB;IACxB,QAAQ,CAAC,QAAQ,+CAAgB;IAEjC,QAAQ,CAAC,IAAI,4BAAiD;IAC9D,QAAQ,CAAC,QAAQ,oBAA6B;IAC9C,QAAQ,CAAC,eAAe,2BAAoC;IAE5D,UAAU;IAIV,KAAK;IAKL,OAAO;IAOP,SAAS,CAAC,KAAK,EAAE,aAAa;IA2C9B,OAAO,CAAC,YAAY;yCAtET,qBAAqB;2CAArB,qBAAqB;CA8EjC"}
+{"version":3,"file":"dropdown-item.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAKX,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,WAAW,EACX,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;;AAGlG,qBAkBa,qBAAqB;IAChC,iBAAiB;IACjB,QAAQ,CAAC,KAAK,0DAAmB;IAEjC,wBAAwB;IACxB,QAAQ,CAAC,QAAQ,+CAAgB;IAEjC,QAAQ,CAAC,IAAI,4BAAiD;IAC9D,QAAQ,CAAC,QAAQ,cAAqC;IACtD,QAAQ,CAAC,eAAe,qBAAoD;IAE5E,sDAAsD;IACtD,QAAQ,CAAC,eAAe,yEAA4C;IAEpE,UAAU;IAIV,KAAK;IAKL,OAAO;IAOP,SAAS,CAAC,KAAK,EAAE,aAAa;IA2C9B,OAAO,CAAC,YAAY;yCAzET,qBAAqB;2CAArB,qBAAqB;CAiFjC"}

package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-label.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DropdownItemValueLabelComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemValueLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemValueLabelComponent, "tedi-dropdown-item-value-label", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=dropdown-item-value-label.component.d.ts.map

package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-label.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item-value-label.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-label.component.ts"],"names":[],"mappings":";AAMA,qBAUa,+BAA+B;yCAA/B,+BAA+B;2CAA/B,+BAA+B;CAAG"}

package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-meta.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DropdownItemValueMetaComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemValueMetaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemValueMetaComponent, "tedi-dropdown-item-value-meta", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=dropdown-item-value-meta.component.d.ts.map

package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-meta.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item-value-meta.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-meta.component.ts"],"names":[],"mappings":";AAMA,qBAUa,8BAA8B;yCAA9B,8BAA8B;2CAA9B,8BAA8B;CAAG"}

package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value.component.d.ts

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+export type DropdownItemValueType = "default" | "checkbox" | "radio";
+export type DropdownItemValueLayout = "horizontal" | "vertical";
+export declare class DropdownItemValueComponent {
+    /**
+     * Type of item value - controls selection indicator
+     * - 'default': No selection indicator
+     * - 'checkbox': Shows checkbox (for multiselect)
+     * - 'radio': Shows radio button (for single select listbox)
+     * @default 'default'
+     */
+    readonly type: import("@angular/core").InputSignal<DropdownItemValueType>;
+    /**
+     * Layout: 'horizontal' (side-by-side) or 'vertical' (stacked)
+     * @default 'horizontal'
+     */
+    readonly layout: import("@angular/core").InputSignal<DropdownItemValueLayout>;
+    /**
+     * Whether the item is selected (controls checkbox/radio state)
+     * @default false
+     */
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the checkbox is in indeterminate state
+     * @default false
+     */
+    readonly indeterminate: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemValueComponent, "tedi-dropdown-item-value", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["tedi-icon, [tediIcon]", "tedi-dropdown-item-value-label", "tedi-dropdown-item-value-meta", "*"], true, never>;
+}
+//# sourceMappingURL=dropdown-item-value.component.d.ts.map

package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item-value.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value.component.ts"],"names":[],"mappings":";AAQA,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AACrE,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE,qBAgBa,0BAA0B;IACrC;;;;;;OAMG;IACH,QAAQ,CAAC,IAAI,6DAA2C;IAExD;;;OAGG;IACH,QAAQ,CAAC,MAAM,+DAAgD;IAE/D;;;OAGG;IACH,QAAQ,CAAC,QAAQ,+CAAyB;IAE1C;;;OAGG;IACH,QAAQ,CAAC,aAAa,+CAAyB;IAE/C;;;OAGG;IACH,QAAQ,CAAC,QAAQ,+CAAyB;yCAhC/B,0BAA0B;2CAA1B,0BAA0B;CAiCtC"}