@tailng-ui/components 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multi-autocomplete.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/multi-autocomplete/tng-multi-autocomplete.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,uBAAuB,CAAC;AAwDxB,IAAM,6BAA6B,GAAnC,MAAM,6BAA6B;IACrB,SAAS,GAAG,MAAM,CAA0B,oBAAoB,CAAC,CAAC;IAE5E,OAAO,GAAG,KAAK,CAAe,EAAE,CAAC,CAAC;IAClC,WAAW,GAAG,KAAK,CAAS,iBAAiB,CAAC,CAAC;IAC/C,SAAS,GAAG,KAAK,CAAS,YAAY,CAAC,CAAC;IACxC,SAAS,GAAG,KAAK,CAAS,oBAAoB,CAAC,CAAC;IAEhD,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAY,EAAE,EAAE,CAAE,GAAqB,EAAE,KAAK,CAAuC,CACxF,CAAC;IACO,cAAc,GAAG,KAAK,CAC7B,CAAC,CAAC,GAAY,EAAE,EAAE,CAChB,MAAM,CACH,GAA2C,EAAE,KAAK;QAChD,GAA2B,EAAE,KAAK;QACnC,GAAG,CACN,CAAoC,CACxC,CAAC;IACO,gBAAgB,GAAG,KAAK,CAC/B,CAAC,CAAC,GAAY,EAAE,EAAE,CAChB,CAAC,CAAE,GAA8B,EAAE,QAAQ,CAAsC,CACpF,CAAC;IACO,OAAO,GAAG,KAAK,CAAiC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QAClE,MAAM,CAAC,GAAG,GAAiD,CAAC;QAC5D,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;IAC1C,CAAC,CAAC,CAAC;IAGH,OAAO,CAAsD;IAG7D,SAAS,CAAwD;IAE9C,aAAa,GAAG,QAAQ,CAAgC,GAAG,EAAE;QAC9E,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAEvC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO;gBACL,MAAM;gBACN,KAAK;gBACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAChD,OAAO,EAAE,KAAgB;aAC1B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEgB,eAAe,GAAG,QAAQ,CAAe,GAAG,EAAE;QAC/D,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;QACtD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QAExC,MAAM,OAAO,GAAG,CAAC;YACf,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/D,CAAC,CAAC,IAAI,CAAC;QAET,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAC5C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAC/C,CAAC;QACF,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAC9B,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CACzD,CAAC;QAEF,OAAO,CAAC,GAAG,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEO,WAAW,CAAC,IAAwB;QAC5C,OAAO;YACL,SAAS,EAAE;gBACT,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,UAAU,EAAE,CAAC,KAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;aACzD;SACF,CAAC;IACJ,CAAC;IAES,aAAa,CAAC,GAAM;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;QAEzC,OAAO;YACL,SAAS,EAAE;gBACT,MAAM,EAAE,GAAG;gBACX,KAAK;gBACL,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC;gBACjC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC;gBACtC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;gBACtC,MAAM,EAAE,KAAK;aACd;SACF,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,IAAO;QACrB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,kBAAkB,CAAC,IAAO;QACxB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,kBAAkB,CAAC,IAAO;QACxB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAEO,UAAU,CAAC,KAAQ;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAEvC,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;gBAAE,OAAO,GAAG,CAAC;QAClD,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB,CACtB,KAAQ,EACR,WAAyB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;QAE/C,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AAnGC;IADC,YAAY,CAAC,6BAA6B,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;8DACN;AAG7D;IADC,YAAY,CAAC,+BAA+B,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;gEACJ;AAhCtD,6BAA6B;IAtBzC,SAAS,CAAC;QACT,QAAQ,EAAE,wBAAwB;QAClC,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACP,gBAAgB;YAChB,wBAAwB;YACxB,2BAA2B;YAC3B,2BAA2B;YAC3B,2BAA2B;YAC3B,2BAA2B;YAC3B,0BAA0B;SAC3B;QACD,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,oBAAoB;gBAC/B,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC;gBAC3D,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;aACvC;SACF;QACD,WAAW,EAAE,yCAAyC;QACtD,QAAQ,EAAE,wCAAwC;KACnD,CAAC;GACW,6BAA6B,CAgIzC","sourcesContent":["import {\n  Component,\n  ContentChild,\n  TemplateRef,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n  TngMultiAutocomplete,\n  TngMultiAutocompleteChip,\n  TngMultiAutocompleteContent,\n  TngMultiAutocompleteListbox,\n  TngMultiAutocompleteOption,\n  TngMultiAutocompleteOverlay,\n  TngMultiAutocompleteTrigger,\n} from '@tailng-ui/primitives';\n\nexport type TngMultiAutocompleteGetValue<O, V> = (opt: O) => V;\nexport type TngMultiAutocompleteGetLabel<O> = (opt: O) => string;\nexport type TngMultiAutocompleteIsDisabled<O> = (opt: O) => boolean;\nexport type TngMultiAutocompleteTrackBy<O> = (index: number, opt: O) => unknown;\n\nexport type TngMultiAutocompleteChipContext<O, V> = {\n  $implicit: {\n    option: O | null;\n    value: V;\n    label: string;\n    removeItem: (item: V) => void;\n  };\n};\n\nexport type TngMultiAutocompleteOptionContext<O, V> = {\n  $implicit: {\n    option: O;\n    value: V;\n    label: string;\n    disabled: boolean;\n    selected: boolean;\n    active: boolean;\n  };\n};\n\ntype SelectedItem<O, V> = {\n  option: O | null;\n  value: V;\n  label: string;\n  trackId: unknown;\n};\n\n@Component({\n  selector: 'tng-multi-autocomplete',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    TngMultiAutocompleteChip,\n    TngMultiAutocompleteTrigger,\n    TngMultiAutocompleteContent,\n    TngMultiAutocompleteOverlay,\n    TngMultiAutocompleteListbox,\n    TngMultiAutocompleteOption,\n  ],\n  hostDirectives: [\n    {\n      directive: TngMultiAutocomplete,\n      inputs: ['open', 'value', 'disabled', 'loading', 'invalid'],\n      outputs: ['openChange', 'valueChange'],\n    },\n  ],\n  templateUrl: './tng-multi-autocomplete.component.html',\n  styleUrl: './tng-multi-autocomplete.component.css',\n})\nexport class TngMultiAutocompleteComponent<O = unknown, V = unknown> {\n  protected readonly primitive = inject<TngMultiAutocomplete<V>>(TngMultiAutocomplete);\n\n  readonly options = input<readonly O[]>([]);\n  readonly placeholder = input<string>('Type to search…');\n  readonly emptyText = input<string>('No matches');\n  readonly ariaLabel = input<string>('Multi autocomplete');\n\n  readonly getOptionValue = input<TngMultiAutocompleteGetValue<O, V>>(\n    ((opt: unknown) => (opt as { value?: V })?.value) as TngMultiAutocompleteGetValue<O, V>,\n  );\n  readonly getOptionLabel = input<TngMultiAutocompleteGetLabel<O>>(\n    ((opt: unknown) =>\n      String(\n        (opt as { label?: string; value?: unknown })?.label ??\n          (opt as { value?: unknown })?.value ??\n          opt,\n      )) as TngMultiAutocompleteGetLabel<O>,\n  );\n  readonly isOptionDisabled = input<TngMultiAutocompleteIsDisabled<O>>(\n    ((opt: unknown) =>\n      !!(opt as { disabled?: boolean })?.disabled) as TngMultiAutocompleteIsDisabled<O>,\n  );\n  readonly trackBy = input<TngMultiAutocompleteTrackBy<O>>((_, opt) => {\n    const o = opt as Record<string, unknown> | null | undefined;\n    return o?.['value'] ?? o?.['id'] ?? opt;\n  });\n\n  @ContentChild('tngMultiAutocompleteChipTpl', { read: TemplateRef })\n  chipTpl?: TemplateRef<TngMultiAutocompleteChipContext<O, V>>;\n\n  @ContentChild('tngMultiAutocompleteOptionTpl', { read: TemplateRef })\n  optionTpl?: TemplateRef<TngMultiAutocompleteOptionContext<O, V>>;\n\n  protected readonly selectedItems = computed<readonly SelectedItem<O, V>[]>(() => {\n    const values = this.primitive.value();\n    const getLabel = this.getOptionLabel();\n\n    return values.map((value) => {\n      const option = this.findOption(value);\n      return {\n        option,\n        value,\n        label: option ? getLabel(option) : String(value),\n        trackId: value as unknown,\n      };\n    });\n  });\n\n  protected readonly filteredOptions = computed<readonly O[]>(() => {\n    const q = this.primitive.query().toLowerCase().trim();\n    const list = this.options();\n    const getLabel = this.getOptionLabel();\n    const getValue = this.getOptionValue();\n    const selected = this.primitive.value();\n\n    const matches = q\n      ? list.filter((opt) => getLabel(opt).toLowerCase().includes(q))\n      : list;\n\n    const pinnedSelected = matches.filter((opt) =>\n      this.hasSelectedValue(getValue(opt), selected),\n    );\n    const remaining = matches.filter(\n      (opt) => !this.hasSelectedValue(getValue(opt), selected),\n    );\n\n    return [...pinnedSelected, ...remaining];\n  });\n\n  protected chipContext(item: SelectedItem<O, V>): TngMultiAutocompleteChipContext<O, V> {\n    return {\n      $implicit: {\n        option: item.option,\n        value: item.value,\n        label: item.label,\n        removeItem: (value: V) => this.removeSelectedItem(value),\n      },\n    };\n  }\n\n  protected optionContext(opt: O): TngMultiAutocompleteOptionContext<O, V> {\n    const value = this.getOptionValue()(opt);\n\n    return {\n      $implicit: {\n        option: opt,\n        value,\n        label: this.getOptionLabel()(opt),\n        disabled: this.isOptionDisabled()(opt),\n        selected: this.hasSelectedValue(value),\n        active: false,\n      },\n    };\n  }\n\n  addSelectedItem(item: V): void {\n    this.primitive.add(item);\n  }\n\n  removeSelectedItem(item: V): void {\n    this.primitive.remove(item);\n  }\n\n  toggleSelectedItem(item: V): void {\n    this.primitive.toggle(item);\n  }\n\n  clear(): void {\n    this.primitive.clear();\n  }\n\n  private findOption(value: V): O | null {\n    const getValue = this.getOptionValue();\n\n    for (const opt of this.options()) {\n      if (Object.is(getValue(opt), value)) return opt;\n    }\n\n    return null;\n  }\n\n  private hasSelectedValue(\n    value: V,\n    selected: readonly V[] = this.primitive.value(),\n  ): boolean {\n    return selected.some((entry) => Object.is(entry, value));\n  }\n}\n"]}

package/src/lib/form/multiselect/tng-multiselect.component.d.ts

@@ -0,0 +1,49 @@
+import { TemplateRef } from '@angular/core';
+import { TngMultiSelect } from '@tailng-ui/primitives';
+export type TngMultiSelectGetValue<O, V> = (opt: O) => V;
+export type TngMultiSelectGetLabel<O> = (opt: O) => string;
+export type TngMultiSelectIsDisabled<O> = (opt: O) => boolean;
+export type TngMultiSelectTrackBy<O> = (index: number, opt: O) => unknown;
+export type TngMultiSelectValueContext<O, V> = {
+    $implicit: {
+        value: readonly V[];
+        options: readonly O[];
+        label: string;
+        removeItem: (item: V) => void;
+    };
+};
+export type TngMultiSelectOptionContext<O, V> = {
+    $implicit: {
+        option: O;
+        value: V;
+        label: string;
+        disabled: boolean;
+        selected: boolean;
+        active: boolean;
+    };
+};
+export declare class TngMultiSelectComponent<O = unknown, V = unknown> {
+    protected readonly primitive: TngMultiSelect<V>;
+    readonly options: import("@angular/core").InputSignal<readonly O[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly getOptionValue: import("@angular/core").InputSignal<TngMultiSelectGetValue<O, V>>;
+    readonly getOptionLabel: import("@angular/core").InputSignal<TngMultiSelectGetLabel<O>>;
+    readonly isOptionDisabled: import("@angular/core").InputSignal<TngMultiSelectIsDisabled<O>>;
+    readonly trackBy: import("@angular/core").InputSignal<TngMultiSelectTrackBy<O>>;
+    readonly iconText: import("@angular/core").InputSignal<string>;
+    valueTpl?: TemplateRef<TngMultiSelectValueContext<O, V>>;
+    optionTpl?: TemplateRef<TngMultiSelectOptionContext<O, V>>;
+    protected readonly selectedOptions: import("@angular/core").Signal<readonly O[]>;
+    protected readonly selectedLabel: import("@angular/core").Signal<string>;
+    protected valueContext(): TngMultiSelectValueContext<O, V>;
+    protected optionContext(opt: O): TngMultiSelectOptionContext<O, V>;
+    /** Adds an item to the selection. Delegates to primitive. */
+    addSelectedItem(item: V): void;
+    /** Removes an item from the selection. Delegates to primitive. */
+    removeSelectedItem(item: V): void;
+    /** Toggles an item in the selection. Delegates to primitive. */
+    toggleSelectedItem(item: V): void;
+    /** Clears the selection. Delegates to primitive. */
+    clear(): void;
+}
+//# sourceMappingURL=tng-multiselect.component.d.ts.map

package/src/lib/form/multiselect/tng-multiselect.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multiselect.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/multiselect/tng-multiselect.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,cAAc,EAQf,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AACzD,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;AAC3D,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAC9D,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAE1E,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI;IAC7C,SAAS,EAAE;QACT,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;QACpB,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;KAC/B,CAAC;CACH,CAAC;AACF,MAAM,MAAM,2BAA2B,CAAC,CAAC,EAAE,CAAC,IAAI;IAC9C,SAAS,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1G,CAAC;AAEF,qBAgCa,uBAAuB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IAC3D,SAAS,CAAC,QAAQ,CAAC,SAAS,oBAA6C;IAEzE,QAAQ,CAAC,OAAO,oDAA2B;IAC3C,QAAQ,CAAC,WAAW,8CAA4B;IAEhD,QAAQ,CAAC,cAAc,oEAErB;IACF,QAAQ,CAAC,cAAc,iEAErB;IACF,QAAQ,CAAC,gBAAgB,mEAEvB;IACF,QAAQ,CAAC,OAAO,gEAA+D;IAE/E,QAAQ,CAAC,QAAQ,8CAAsB;IAEwB,QAAQ,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE3H,SAAS,CAAC,QAAQ,CAAC,eAAe,+CAS/B;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,yCAI7B;IAEH,SAAS,CAAC,YAAY,IAAI,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC;IAc1D,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,GAAG,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC;IAUlE,6DAA6D;IAC7D,eAAe,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAI9B,kEAAkE;IAClE,kBAAkB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAIjC,gEAAgE;IAChE,kBAAkB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAIjC,oDAAoD;IACpD,KAAK,IAAI,IAAI;CAGd"}

package/src/lib/form/multiselect/tng-multiselect.component.js

@@ -0,0 +1,112 @@
+import { __decorate } from "tslib";
+import { Component, ContentChild, TemplateRef, computed, inject, input, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { TngMultiSelect, TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, TngSelectOverlay, TngMultiSelectListbox, TngMultiSelectOption, } from '@tailng-ui/primitives';
+let TngMultiSelectComponent = class TngMultiSelectComponent {
+    primitive = inject(TngMultiSelect);
+    options = input([]);
+    placeholder = input('Select…');
+    getOptionValue = input(((opt) => opt?.value));
+    getOptionLabel = input(((opt) => String(opt?.label ?? opt?.value ?? opt)));
+    isOptionDisabled = input(((opt) => !!opt?.disabled));
+    trackBy = input((_, opt) => opt);
+    iconText = input('▾');
+    valueTpl;
+    optionTpl;
+    selectedOptions = computed(() => {
+        const v = this.primitive.value() ?? [];
+        const getV = this.getOptionValue();
+        const result = [];
+        for (const opt of this.options()) {
+            const optVal = getV(opt);
+            if (v.some((x) => Object.is(x, optVal)))
+                result.push(opt);
+        }
+        return result;
+    });
+    selectedLabel = computed(() => {
+        const opts = this.selectedOptions();
+        if (opts.length === 0)
+            return this.placeholder();
+        return opts.map((o) => this.getOptionLabel()(o)).join(', ');
+    });
+    valueContext() {
+        const opts = this.selectedOptions();
+        const v = this.primitive.value() ?? [];
+        const label = opts.length > 0 ? opts.map((o) => this.getOptionLabel()(o)).join(', ') : this.placeholder();
+        return {
+            $implicit: {
+                value: v,
+                options: opts,
+                label,
+                removeItem: (item) => this.removeSelectedItem(item),
+            },
+        };
+    }
+    optionContext(opt) {
+        const optVal = this.getOptionValue()(opt);
+        const label = this.getOptionLabel()(opt);
+        const disabled = this.isOptionDisabled()(opt);
+        const v = this.primitive.value() ?? [];
+        const selected = v.some((x) => Object.is(x, optVal));
+        return { $implicit: { option: opt, value: optVal, label, disabled, selected, active: false } };
+    }
+    /** Adds an item to the selection. Delegates to primitive. */
+    addSelectedItem(item) {
+        this.primitive.addSelectedItem(item);
+    }
+    /** Removes an item from the selection. Delegates to primitive. */
+    removeSelectedItem(item) {
+        this.primitive.removeSelectedItem(item);
+    }
+    /** Toggles an item in the selection. Delegates to primitive. */
+    toggleSelectedItem(item) {
+        this.primitive.toggleSelectedItem(item);
+    }
+    /** Clears the selection. Delegates to primitive. */
+    clear() {
+        this.primitive.clear();
+    }
+};
+__decorate([
+    ContentChild('tngMultiSelectValueTpl', { read: TemplateRef })
+], TngMultiSelectComponent.prototype, "valueTpl", void 0);
+__decorate([
+    ContentChild('tngMultiSelectOptionTpl', { read: TemplateRef })
+], TngMultiSelectComponent.prototype, "optionTpl", void 0);
+TngMultiSelectComponent = __decorate([
+    Component({
+        selector: 'tng-multiselect',
+        standalone: true,
+        imports: [
+            NgTemplateOutlet,
+            TngSelectTrigger,
+            TngSelectValue,
+            TngSelectIcon,
+            TngSelectContent,
+            TngSelectOverlay,
+            TngMultiSelectListbox,
+            TngMultiSelectOption,
+        ],
+        hostDirectives: [
+            {
+                directive: TngMultiSelect,
+                inputs: [
+                    'open',
+                    'value',
+                    'disabled',
+                    'loading',
+                    'invalid',
+                    'labelId',
+                    'descriptionId',
+                    'errorId',
+                ],
+                outputs: ['openChange', 'valueChange'],
+            },
+        ],
+        templateUrl: './tng-multiselect.component.html',
+        styleUrl: './tng-multiselect.component.css',
+    })
+], TngMultiSelectComponent);
+export { TngMultiSelectComponent };
+//# sourceMappingURL=tng-multiselect.component.js.map

package/src/lib/form/multiselect/tng-multiselect.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-multiselect.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/multiselect/tng-multiselect.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ContentChild,\n  TemplateRef,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n  TngMultiSelect,\n  TngSelectTrigger,\n  TngSelectValue,\n  TngSelectIcon,\n  TngSelectContent,\n  TngSelectOverlay,\n  TngMultiSelectListbox,\n  TngMultiSelectOption,\n} from '@tailng-ui/primitives';\n\nexport type TngMultiSelectGetValue<O, V> = (opt: O) => V;\nexport type TngMultiSelectGetLabel<O> = (opt: O) => string;\nexport type TngMultiSelectIsDisabled<O> = (opt: O) => boolean;\nexport type TngMultiSelectTrackBy<O> = (index: number, opt: O) => unknown;\n\nexport type TngMultiSelectValueContext<O, V> = {\n  $implicit: {\n    value: readonly V[];\n    options: readonly O[];\n    label: string;\n    removeItem: (item: V) => void;\n  };\n};\nexport type TngMultiSelectOptionContext<O, V> = {\n  $implicit: { option: O; value: V; label: string; disabled: boolean; selected: boolean; active: boolean };\n};\n\n@Component({\n  selector: 'tng-multiselect',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    TngSelectTrigger,\n    TngSelectValue,\n    TngSelectIcon,\n    TngSelectContent,\n    TngSelectOverlay,\n    TngMultiSelectListbox,\n    TngMultiSelectOption,\n  ],\n  hostDirectives: [\n    {\n      directive: TngMultiSelect,\n      inputs: [\n        'open',\n        'value',\n        'disabled',\n        'loading',\n        'invalid',\n        'labelId',\n        'descriptionId',\n        'errorId',\n      ],\n      outputs: ['openChange', 'valueChange'],\n    },\n  ],\n  templateUrl: './tng-multiselect.component.html',\n  styleUrl: './tng-multiselect.component.css',\n})\nexport class TngMultiSelectComponent<O = unknown, V = unknown> {\n  protected readonly primitive = inject<TngMultiSelect<V>>(TngMultiSelect);\n\n  readonly options = input<readonly O[]>([]);\n  readonly placeholder = input<string>('Select…');\n\n  readonly getOptionValue = input<TngMultiSelectGetValue<O, V>>(\n    ((opt: unknown) => (opt as { value?: V })?.value) as TngMultiSelectGetValue<O, V>,\n  );\n  readonly getOptionLabel = input<TngMultiSelectGetLabel<O>>(\n    ((opt: unknown) => String((opt as { label?: string; value?: unknown })?.label ?? (opt as { value?: unknown })?.value ?? opt)) as TngMultiSelectGetLabel<O>,\n  );\n  readonly isOptionDisabled = input<TngMultiSelectIsDisabled<O>>(\n    ((opt: unknown) => !!(opt as { disabled?: boolean })?.disabled) as TngMultiSelectIsDisabled<O>,\n  );\n  readonly trackBy = input<TngMultiSelectTrackBy<O>>((_, opt) => opt as unknown);\n\n  readonly iconText = input<string>('▾');\n\n  @ContentChild('tngMultiSelectValueTpl', { read: TemplateRef }) valueTpl?: TemplateRef<TngMultiSelectValueContext<O, V>>;\n  @ContentChild('tngMultiSelectOptionTpl', { read: TemplateRef }) optionTpl?: TemplateRef<TngMultiSelectOptionContext<O, V>>;\n\n  protected readonly selectedOptions = computed<readonly O[]>(() => {\n    const v = this.primitive.value() ?? [];\n    const getV = this.getOptionValue();\n    const result: O[] = [];\n    for (const opt of this.options()) {\n      const optVal = getV(opt);\n      if (v.some((x) => Object.is(x, optVal))) result.push(opt);\n    }\n    return result;\n  });\n\n  protected readonly selectedLabel = computed<string>(() => {\n    const opts = this.selectedOptions();\n    if (opts.length === 0) return this.placeholder();\n    return opts.map((o) => this.getOptionLabel()(o)).join(', ');\n  });\n\n  protected valueContext(): TngMultiSelectValueContext<O, V> {\n    const opts = this.selectedOptions();\n    const v = this.primitive.value() ?? [];\n    const label = opts.length > 0 ? opts.map((o) => this.getOptionLabel()(o)).join(', ') : this.placeholder();\n    return {\n      $implicit: {\n        value: v,\n        options: opts,\n        label,\n        removeItem: (item: V) => this.removeSelectedItem(item),\n      },\n    };\n  }\n\n  protected optionContext(opt: O): TngMultiSelectOptionContext<O, V> {\n    const optVal = this.getOptionValue()(opt);\n    const label = this.getOptionLabel()(opt);\n    const disabled = this.isOptionDisabled()(opt);\n    const v = this.primitive.value() ?? [];\n    const selected = v.some((x) => Object.is(x, optVal));\n\n    return { $implicit: { option: opt, value: optVal, label, disabled, selected, active: false } };\n  }\n\n  /** Adds an item to the selection. Delegates to primitive. */\n  addSelectedItem(item: V): void {\n    this.primitive.addSelectedItem(item);\n  }\n\n  /** Removes an item from the selection. Delegates to primitive. */\n  removeSelectedItem(item: V): void {\n    this.primitive.removeSelectedItem(item);\n  }\n\n  /** Toggles an item in the selection. Delegates to primitive. */\n  toggleSelectedItem(item: V): void {\n    this.primitive.toggleSelectedItem(item);\n  }\n\n  /** Clears the selection. Delegates to primitive. */\n  clear(): void {\n    this.primitive.clear();\n  }\n}\n"]}

package/src/lib/form/radio/tng-radio.component.d.ts

@@ -0,0 +1,12 @@
+export declare function readTngRadioChecked(event: unknown): boolean | null;
+export declare class TngRadioComponent {
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly name: import("@angular/core").InputSignal<string | null>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    onChange(event: unknown): void;
+}
+//# sourceMappingURL=tng-radio.component.d.ts.map

package/src/lib/form/radio/tng-radio.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-radio.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAWlE;AAED,qBAMa,iBAAiB;IAC5B,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAE3C,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAQtC"}

package/src/lib/form/radio/tng-radio.component.js

@@ -0,0 +1,45 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { TngRadio as TngRadioPrimitive } from '@tailng-ui/primitives';
+export function readTngRadioChecked(event) {
+    if (!(event instanceof Event)) {
+        return null;
+    }
+    const target = event.target;
+    if (!(target instanceof HTMLInputElement)) {
+        return null;
+    }
+    return target.checked;
+}
+let TngRadioComponent = class TngRadioComponent {
+    ariaDescribedBy = input(null);
+    checked = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    name = input(null);
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    value = input('on');
+    checkedChange = output();
+    onChange(event) {
+        const checked = readTngRadioChecked(event);
+        if (checked === null) {
+            return;
+        }
+        this.checkedChange.emit(checked);
+    }
+};
+TngRadioComponent = __decorate([
+    Component({
+        selector: 'tng-radio',
+        imports: [TngRadioPrimitive],
+        templateUrl: './tng-radio.component.html',
+        styleUrl: './tng-radio.component.css',
+    })
+], TngRadioComponent);
+export { TngRadioComponent };
+//# sourceMappingURL=tng-radio.component.js.map

package/src/lib/form/radio/tng-radio.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-radio.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/radio/tng-radio.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAChD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,CAAC;AAQM,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IACZ,eAAe,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC7C,OAAO,GAAG,KAAK,CAA4B,KAAK,EAAE;QAChE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAClC,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,IAAI,CAAC,CAAC;IAE5B,aAAa,GAAG,MAAM,EAAW,CAAC;IAE3C,QAAQ,CAAC,KAAc;QAC5B,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;CACF,CAAA;AAxBY,iBAAiB;IAN7B,SAAS,CAAC;QACT,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,WAAW,EAAE,4BAA4B;QACzC,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,iBAAiB,CAwB7B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport { TngRadio as TngRadioPrimitive } from '@tailng-ui/primitives';\n\nexport function readTngRadioChecked(event: unknown): boolean | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLInputElement)) {\n    return null;\n  }\n\n  return target.checked;\n}\n\n@Component({\n  selector: 'tng-radio',\n  imports: [TngRadioPrimitive],\n  templateUrl: './tng-radio.component.html',\n  styleUrl: './tng-radio.component.css',\n})\nexport class TngRadioComponent {\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly checked = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = input<string | null>(null);\n  public readonly required = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly value = input<string>('on');\n\n  public readonly checkedChange = output<boolean>();\n\n  public onChange(event: unknown): void {\n    const checked = readTngRadioChecked(event);\n    if (checked === null) {\n      return;\n    }\n\n    this.checkedChange.emit(checked);\n  }\n}\n"]}

package/src/lib/form/select/tng-select.component.d.ts

@@ -0,0 +1,40 @@
+import { TemplateRef } from '@angular/core';
+import { TngSelect } from '@tailng-ui/primitives';
+export type TngSelectGetValue<O, V> = (opt: O) => V;
+export type TngSelectGetLabel<O> = (opt: O) => string;
+export type TngSelectIsDisabled<O> = (opt: O) => boolean;
+export type TngSelectTrackBy<O> = (index: number, opt: O) => unknown;
+export type TngSelectValueContext<O, V> = {
+    $implicit: {
+        value: V | readonly V[] | null;
+        option: O | null;
+        label: string;
+    };
+};
+export type TngSelectOptionContext<O, V> = {
+    $implicit: {
+        option: O;
+        value: V;
+        label: string;
+        disabled: boolean;
+        selected: boolean;
+        active: boolean;
+    };
+};
+export declare class TngSelectComponent<O = unknown, V = unknown> {
+    protected readonly primitive: TngSelect<V>;
+    readonly options: import("@angular/core").InputSignal<readonly O[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly getOptionValue: import("@angular/core").InputSignal<TngSelectGetValue<O, V>>;
+    readonly getOptionLabel: import("@angular/core").InputSignal<TngSelectGetLabel<O>>;
+    readonly isOptionDisabled: import("@angular/core").InputSignal<TngSelectIsDisabled<O>>;
+    readonly trackBy: import("@angular/core").InputSignal<TngSelectTrackBy<O>>;
+    readonly iconText: import("@angular/core").InputSignal<string>;
+    valueTpl?: TemplateRef<TngSelectValueContext<O, V>>;
+    optionTpl?: TemplateRef<TngSelectOptionContext<O, V>>;
+    protected readonly selectedOption: import("@angular/core").Signal<O | null>;
+    protected readonly selectedLabel: import("@angular/core").Signal<string>;
+    protected valueContext(): TngSelectValueContext<O, V>;
+    protected optionContext(opt: O): TngSelectOptionContext<O, V>;
+}
+//# sourceMappingURL=tng-select.component.d.ts.map

package/src/lib/form/select/tng-select.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,SAAS,EAQV,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AACpD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;AACtD,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AACzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAGrE,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI;IACxC,SAAS,EAAE;QAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChF,CAAC;AACF,MAAM,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC,IAAI;IACzC,SAAS,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1G,CAAC;AAEF,qBAiCa,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IAGtD,SAAS,CAAC,QAAQ,CAAC,SAAS,eAAmC;IAG/D,QAAQ,CAAC,OAAO,oDAA2B;IAC3C,QAAQ,CAAC,WAAW,8CAA4B;IAEhD,QAAQ,CAAC,cAAc,+DAErB;IACF,QAAQ,CAAC,cAAc,4DAErB;IACF,QAAQ,CAAC,gBAAgB,8DAEvB;IACF,QAAQ,CAAC,OAAO,2DAA0D;IAG1E,QAAQ,CAAC,QAAQ,8CAAsB;IAGmB,QAAQ,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAGjH,SAAS,CAAC,QAAQ,CAAC,cAAc,2CAS9B;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,yCAG7B;IAGH,SAAS,CAAC,YAAY,IAAI,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;IAOrD,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC;CAa9D"}

package/src/lib/form/select/tng-select.component.js

@@ -0,0 +1,98 @@
+import { __decorate } from "tslib";
+import { Component, ContentChild, TemplateRef, computed, inject, input, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { TngSelect, TngSelectTrigger, TngSelectValue, TngSelectIcon, TngSelectContent, TngSelectOverlay, TngSelectListbox, TngSelectOption, } from '@tailng-ui/primitives';
+let TngSelectComponent = class TngSelectComponent {
+    // Access primitive instance for reading value/open state inside template.
+    // (This works because the primitive is attached via hostDirectives.)
+    primitive = inject(TngSelect);
+    // ----- data / accessors (recommended API) -----
+    options = input([]);
+    placeholder = input('Select…');
+    getOptionValue = input(((opt) => opt?.value));
+    getOptionLabel = input(((opt) => String(opt?.label ?? opt?.value ?? opt)));
+    isOptionDisabled = input(((opt) => !!opt?.disabled));
+    trackBy = input((_, opt) => opt);
+    // ----- optional: icon text/slot (still headless) -----
+    iconText = input('▾');
+    // ----- slots (optional) -----
+    valueTpl;
+    optionTpl;
+    // ----- derived state for default rendering -----
+    selectedOption = computed(() => {
+        const v = this.primitive.value();
+        if (v === null)
+            return null;
+        const getV = this.getOptionValue();
+        for (const opt of this.options()) {
+            if (Object.is(getV(opt), v))
+                return opt;
+        }
+        return null;
+    });
+    selectedLabel = computed(() => {
+        const opt = this.selectedOption();
+        return opt ? this.getOptionLabel()(opt) : this.placeholder();
+    });
+    // Context helpers for templates
+    valueContext() {
+        const v = this.primitive.value();
+        const opt = this.selectedOption();
+        const label = opt ? this.getOptionLabel()(opt) : this.placeholder();
+        return { $implicit: { value: v, option: opt, label } };
+    }
+    optionContext(opt) {
+        const v = this.getOptionValue()(opt);
+        const label = this.getOptionLabel()(opt);
+        const disabled = this.isOptionDisabled()(opt);
+        const selected = Object.is(this.primitive.value(), v);
+        // “active” styling is handled by listbox primitive via data-active on the element,
+        // but we include it in case the consumer’s template wants it.
+        // (We can’t reliably compute active here without reading listbox controller state.)
+        const active = false;
+        return { $implicit: { option: opt, value: v, label, disabled, selected, active } };
+    }
+};
+__decorate([
+    ContentChild('tngSelectValueTpl', { read: TemplateRef })
+], TngSelectComponent.prototype, "valueTpl", void 0);
+__decorate([
+    ContentChild('tngSelectOptionTpl', { read: TemplateRef })
+], TngSelectComponent.prototype, "optionTpl", void 0);
+TngSelectComponent = __decorate([
+    Component({
+        selector: 'tng-select',
+        standalone: true,
+        imports: [
+            NgTemplateOutlet,
+            // primitives used in template
+            TngSelectTrigger,
+            TngSelectValue,
+            TngSelectIcon,
+            TngSelectContent,
+            TngSelectOverlay,
+            TngSelectListbox,
+            TngSelectOption,
+        ],
+        // Attach primitive directive to host + re-expose its controlled API.
+        hostDirectives: [
+            {
+                directive: TngSelect,
+                inputs: [
+                    'open',
+                    'value',
+                    'disabled',
+                    'loading',
+                    'invalid',
+                    'labelId',
+                    'descriptionId',
+                    'errorId',
+                ],
+                outputs: ['openChange', 'valueChange'],
+            },
+        ],
+        templateUrl: './tng-select.component.html',
+    })
+], TngSelectComponent);
+export { TngSelectComponent };
+//# sourceMappingURL=tng-select.component.js.map

package/src/lib/form/select/tng-select.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ContentChild,\n  TemplateRef,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n  TngSelect,\n  TngSelectTrigger,\n  TngSelectValue,\n  TngSelectIcon,\n  TngSelectContent,\n  TngSelectOverlay,\n  TngSelectListbox,\n  TngSelectOption,\n} from '@tailng-ui/primitives';\n\nexport type TngSelectGetValue<O, V> = (opt: O) => V;\nexport type TngSelectGetLabel<O> = (opt: O) => string;\nexport type TngSelectIsDisabled<O> = (opt: O) => boolean;\nexport type TngSelectTrackBy<O> = (index: number, opt: O) => unknown;\n\n// Slot templates (optional)\nexport type TngSelectValueContext<O, V> = {\n  $implicit: { value: V | readonly V[] | null; option: O | null; label: string };\n};\nexport type TngSelectOptionContext<O, V> = {\n  $implicit: { option: O; value: V; label: string; disabled: boolean; selected: boolean; active: boolean };\n};\n\n@Component({\n  selector: 'tng-select',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    // primitives used in template\n    TngSelectTrigger,\n    TngSelectValue,\n    TngSelectIcon,\n    TngSelectContent,\n    TngSelectOverlay,\n    TngSelectListbox,\n    TngSelectOption,\n  ],\n  // Attach primitive directive to host + re-expose its controlled API.\n  hostDirectives: [\n    {\n      directive: TngSelect,\n      inputs: [\n        'open',\n        'value',\n        'disabled',\n        'loading',\n        'invalid',\n        'labelId',\n        'descriptionId',\n        'errorId',\n      ],\n      outputs: ['openChange', 'valueChange'],\n    },\n  ],\n  templateUrl: './tng-select.component.html',\n})\nexport class TngSelectComponent<O = unknown, V = unknown> {\n  // Access primitive instance for reading value/open state inside template.\n  // (This works because the primitive is attached via hostDirectives.)\n  protected readonly primitive = inject<TngSelect<V>>(TngSelect);\n\n  // ----- data / accessors (recommended API) -----\n  readonly options = input<readonly O[]>([]);\n  readonly placeholder = input<string>('Select…');\n\n  readonly getOptionValue = input<TngSelectGetValue<O, V>>(\n    ((opt: any) => opt?.value) as TngSelectGetValue<O, V>,\n  );\n  readonly getOptionLabel = input<TngSelectGetLabel<O>>(\n    ((opt: any) => String(opt?.label ?? opt?.value ?? opt)) as TngSelectGetLabel<O>,\n  );\n  readonly isOptionDisabled = input<TngSelectIsDisabled<O>>(\n    ((opt: any) => !!opt?.disabled) as TngSelectIsDisabled<O>,\n  );\n  readonly trackBy = input<TngSelectTrackBy<O>>((_, opt) => opt as unknown);\n\n  // ----- optional: icon text/slot (still headless) -----\n  readonly iconText = input<string>('▾');\n\n  // ----- slots (optional) -----\n  @ContentChild('tngSelectValueTpl', { read: TemplateRef }) valueTpl?: TemplateRef<TngSelectValueContext<O, V>>;\n  @ContentChild('tngSelectOptionTpl', { read: TemplateRef }) optionTpl?: TemplateRef<TngSelectOptionContext<O, V>>;\n\n  // ----- derived state for default rendering -----\n  protected readonly selectedOption = computed<O | null>(() => {\n    const v = this.primitive.value();\n    if (v === null) return null;\n\n    const getV = this.getOptionValue();\n    for (const opt of this.options()) {\n      if (Object.is(getV(opt), v)) return opt;\n    }\n    return null;\n  });\n\n  protected readonly selectedLabel = computed<string>(() => {\n    const opt = this.selectedOption();\n    return opt ? this.getOptionLabel()(opt) : this.placeholder();\n  });\n\n  // Context helpers for templates\n  protected valueContext(): TngSelectValueContext<O, V> {\n    const v = this.primitive.value();\n    const opt = this.selectedOption();\n    const label = opt ? this.getOptionLabel()(opt) : this.placeholder();\n    return { $implicit: { value: v, option: opt, label } };\n  }\n\n  protected optionContext(opt: O): TngSelectOptionContext<O, V> {\n    const v = this.getOptionValue()(opt);\n    const label = this.getOptionLabel()(opt);\n    const disabled = this.isOptionDisabled()(opt);\n    const selected = Object.is(this.primitive.value(), v);\n\n    // “active” styling is handled by listbox primitive via data-active on the element,\n    // but we include it in case the consumer’s template wants it.\n    // (We can’t reliably compute active here without reading listbox controller state.)\n    const active = false;\n\n    return { $implicit: { option: opt, value: v, label, disabled, selected, active } };\n  }\n}"]}

package/src/lib/form/select/tng-select.slots.d.ts

@@ -0,0 +1,25 @@
+import { TemplateRef } from '@angular/core';
+export type TngSelectTriggerTplContext<O, V> = Readonly<{
+    value: V | null;
+    option: O | null;
+    label: string;
+    placeholder: string;
+    open: boolean;
+    disabled: boolean;
+}>;
+export declare class TngSelectTriggerTpl<O = unknown, V = unknown> {
+    readonly tpl: TemplateRef<any>;
+}
+export type TngSelectOptionTplContext<O, V> = Readonly<{
+    $implicit: O;
+    option: O;
+    value: V;
+    label: string;
+    selected: boolean;
+    active: boolean;
+    disabled: boolean;
+}>;
+export declare class TngSelectOptionTpl<O = unknown, V = unknown> {
+    readonly tpl: TemplateRef<any>;
+}
+//# sourceMappingURL=tng-select.slots.d.ts.map

package/src/lib/form/select/tng-select.slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.slots.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAU,MAAM,eAAe,CAAC;AAE/D,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC;IACtD,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,qBAIa,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IACvD,QAAQ,CAAC,GAAG,mBAAyD;CACtE;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC;IACrD,SAAS,EAAE,CAAC,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,qBAIa,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,GAAG,mBAAwD;CACrE"}

package/src/lib/form/select/tng-select.slots.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { Directive, TemplateRef, inject } from '@angular/core';
+let TngSelectTriggerTpl = class TngSelectTriggerTpl {
+    tpl = inject((TemplateRef));
+};
+TngSelectTriggerTpl = __decorate([
+    Directive({
+        selector: 'ng-template[tngSelectTriggerTpl]',
+        standalone: true,
+    })
+], TngSelectTriggerTpl);
+export { TngSelectTriggerTpl };
+let TngSelectOptionTpl = class TngSelectOptionTpl {
+    tpl = inject((TemplateRef));
+};
+TngSelectOptionTpl = __decorate([
+    Directive({
+        selector: 'ng-template[tngSelectOptionTpl]',
+        standalone: true,
+    })
+], TngSelectOptionTpl);
+export { TngSelectOptionTpl };
+//# sourceMappingURL=tng-select.slots.js.map

package/src/lib/form/select/tng-select.slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-select.slots.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/select/tng-select.slots.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAexD,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACrB,GAAG,GAAG,MAAM,CAAC,CAAA,WAA6C,CAAA,CAAC,CAAC;CACtE,CAAA;AAFY,mBAAmB;IAJ/B,SAAS,CAAC;QACT,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,mBAAmB,CAE/B;;AAgBM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACpB,GAAG,GAAG,MAAM,CAAC,CAAA,WAA4C,CAAA,CAAC,CAAC;CACrE,CAAA;AAFY,kBAAkB;IAJ9B,SAAS,CAAC;QACT,QAAQ,EAAE,iCAAiC;QAC3C,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,kBAAkB,CAE9B","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\nexport type TngSelectTriggerTplContext<O, V> = Readonly<{\n  value: V | null;\n  option: O | null;\n  label: string;\n  placeholder: string;\n  open: boolean;\n  disabled: boolean;\n}>;\n\n@Directive({\n  selector: 'ng-template[tngSelectTriggerTpl]',\n  standalone: true,\n})\nexport class TngSelectTriggerTpl<O = unknown, V = unknown> {\n  readonly tpl = inject(TemplateRef<TngSelectTriggerTplContext<O, V>>);\n}\n\nexport type TngSelectOptionTplContext<O, V> = Readonly<{\n  $implicit: O;\n  option: O;\n  value: V;\n  label: string;\n  selected: boolean;\n  active: boolean;\n  disabled: boolean;\n}>;\n\n@Directive({\n  selector: 'ng-template[tngSelectOptionTpl]',\n  standalone: true,\n})\nexport class TngSelectOptionTpl<O = unknown, V = unknown> {\n  readonly tpl = inject(TemplateRef<TngSelectOptionTplContext<O, V>>);\n}"]}

package/src/lib/form/slider/tng-slider.component.d.ts

@@ -0,0 +1,11 @@
+export declare function readTngSliderEventValue(event: unknown): number | null;
+export declare class TngSliderComponent {
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
+    onInput(event: unknown): void;
+}
+//# sourceMappingURL=tng-slider.component.d.ts.map

package/src/lib/form/slider/tng-slider.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-slider.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.ts"],"names":[],"mappings":"AAQA,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWrE;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAgB,WAAW,mDAAoB;IAExC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAQrC"}

package/src/lib/form/slider/tng-slider.component.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { normalizeTngSliderMax, normalizeTngSliderMin, normalizeTngSliderStep, TngSlider as TngSliderPrimitive, } from '@tailng-ui/primitives';
+export function readTngSliderEventValue(event) {
+    if (!(event instanceof Event)) {
+        return null;
+    }
+    const target = event.target;
+    if (!(target instanceof HTMLInputElement)) {
+        return null;
+    }
+    return Number(target.value);
+}
+let TngSliderComponent = class TngSliderComponent {
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    max = input(100, {
+        transform: (value) => normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),
+    });
+    min = input(0, {
+        transform: (value) => normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),
+    });
+    step = input(1, {
+        transform: (value) => normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),
+    });
+    value = input(0, {
+        transform: (value) => typeof value === 'number' ? value : Number(value),
+    });
+    valueChange = output();
+    onInput(event) {
+        const nextValue = readTngSliderEventValue(event);
+        if (nextValue === null) {
+            return;
+        }
+        this.valueChange.emit(nextValue);
+    }
+};
+TngSliderComponent = __decorate([
+    Component({
+        selector: 'tng-slider',
+        imports: [TngSliderPrimitive],
+        templateUrl: './tng-slider.component.html',
+        styleUrl: './tng-slider.component.css',
+    })
+], TngSliderComponent);
+export { TngSliderComponent };
+//# sourceMappingURL=tng-slider.component.js.map

package/src/lib/form/slider/tng-slider.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-slider.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/slider/tng-slider.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,SAAS,IAAI,kBAAkB,GAChC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,uBAAuB,CAAC,KAAc;IACpD,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAQM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACb,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,GAAG,EAAE;QACxD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,qBAAqB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC3E,CAAC,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,CAAC,EAAE;QACtD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,qBAAqB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC3E,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAA0B,CAAC,EAAE;QACvD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,sBAAsB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC5E,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAA0B,CAAC,EAAE;QACxD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;KACpD,CAAC,CAAC;IAEa,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC,OAAO,CAAC,KAAc;QAC3B,MAAM,SAAS,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;CACF,CAAA;AA/BY,kBAAkB;IAN9B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,CAAC,kBAAkB,CAAC;QAC7B,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,4BAA4B;KACvC,CAAC;GACW,kBAAkB,CA+B9B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  normalizeTngSliderMax,\n  normalizeTngSliderMin,\n  normalizeTngSliderStep,\n  TngSlider as TngSliderPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function readTngSliderEventValue(event: unknown): number | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLInputElement)) {\n    return null;\n  }\n\n  return Number(target.value);\n}\n\n@Component({\n  selector: 'tng-slider',\n  imports: [TngSliderPrimitive],\n  templateUrl: './tng-slider.component.html',\n  styleUrl: './tng-slider.component.css',\n})\nexport class TngSliderComponent {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly step = input<number, number | string>(1, {\n    transform: (value: number | string): number =>\n      normalizeTngSliderStep(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  public readonly valueChange = output<number>();\n\n  public onInput(event: unknown): void {\n    const nextValue = readTngSliderEventValue(event);\n    if (nextValue === null) {\n      return;\n    }\n\n    this.valueChange.emit(nextValue);\n  }\n}\n"]}

package/src/lib/form/switch/tng-switch.component.d.ts

@@ -0,0 +1,18 @@
+type TngSwitchKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> & Readonly<{
+    preventDefault: () => void;
+}>;
+export declare function toggleTngSwitchState(checked: boolean): boolean;
+export declare function resolveTngSwitchArrowKey(key: string): boolean | null;
+export declare class TngSwitchComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly name: import("@angular/core").InputSignal<string | null>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    onKeydown(event: TngSwitchKeyboardEvent): void;
+    onToggle(): void;
+}
+export {};
+//# sourceMappingURL=tng-switch.component.d.ts.map

package/src/lib/form/switch/tng-switch.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-switch.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.ts"],"names":[],"mappings":"AAGA,KAAK,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GAChE,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE9D;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAUpE;AAED,qBAMa,kBAAkB;IAC7B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAE3C,SAAS,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI;IAc9C,QAAQ,IAAI,IAAI;CAOxB"}