@tailng-ui/components 0.1.0

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

@@ -0,0 +1,104 @@
+import { __decorate } from "tslib";
+import { Component, computed, effect, inject, input, signal, } from '@angular/core';
+import { TngAutocomplete, TngAutocompleteTrigger, TngAutocompleteTriggerContainer, TngAutocompleteIcon, TngAutocompleteContent, TngAutocompleteOverlay, TngAutocompleteListbox, TngAutocompleteOption, } from '@tailng-ui/primitives';
+let TngAutocompleteComponent = class TngAutocompleteComponent {
+    primitive = inject(TngAutocomplete);
+    options = input([]);
+    placeholder = input('Type to search…');
+    getOptionValue = input(((opt) => opt?.value));
+    getOptionLabel = input(((opt) => String(opt?.label ??
+        opt?.value ??
+        opt)));
+    isOptionDisabled = input(((opt) => !!opt?.disabled));
+    /** Default: track by value, id, or option (stable identity for async/replaced options). */
+    trackBy = input((_, opt) => {
+        const o = opt;
+        return o?.['value'] ?? o?.['id'] ?? opt;
+    });
+    iconText = input('▾');
+    ariaLabel = input('Autocomplete');
+    query = signal('');
+    constructor() {
+        effect(() => {
+            const v = this.primitive.value();
+            const open = this.primitive.open();
+            if (!open) {
+                const opt = this.findOption(v);
+                this.query.set(opt ? this.getOptionLabel()(opt) : '');
+            }
+        });
+    }
+    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();
+    });
+    filteredOptions = computed(() => {
+        const q = this.query().toLowerCase().trim();
+        const list = this.options();
+        if (!q)
+            return list;
+        const getLabel = this.getOptionLabel();
+        return list.filter((opt) => getLabel(opt).toLowerCase().includes(q));
+    });
+    displayText = computed(() => this.primitive.open() ? this.query() : this.selectedLabel());
+    onInput(ev) {
+        const val = ev.target.value;
+        this.query.set(val);
+    }
+    findOption(value) {
+        if (value === null)
+            return null;
+        const getV = this.getOptionValue();
+        for (const opt of this.options()) {
+            if (Object.is(getV(opt), value))
+                return opt;
+        }
+        return null;
+    }
+};
+TngAutocompleteComponent = __decorate([
+    Component({
+        selector: 'tng-autocomplete',
+        standalone: true,
+        imports: [
+            TngAutocompleteTrigger,
+            TngAutocompleteTriggerContainer,
+            TngAutocompleteIcon,
+            TngAutocompleteContent,
+            TngAutocompleteOverlay,
+            TngAutocompleteListbox,
+            TngAutocompleteOption,
+        ],
+        hostDirectives: [
+            {
+                directive: TngAutocomplete,
+                inputs: [
+                    'open',
+                    'value',
+                    'disabled',
+                    'loading',
+                    'invalid',
+                    'labelId',
+                    'descriptionId',
+                    'errorId',
+                ],
+                outputs: ['openChange', 'valueChange'],
+            },
+        ],
+        templateUrl: './tng-autocomplete.component.html',
+        styleUrl: './tng-autocomplete.component.css',
+    })
+], TngAutocompleteComponent);
+export { TngAutocompleteComponent };
+//# sourceMappingURL=tng-autocomplete.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-autocomplete.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/autocomplete/tng-autocomplete.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport {\n  TngAutocomplete,\n  TngAutocompleteTrigger,\n  TngAutocompleteTriggerContainer,\n  TngAutocompleteIcon,\n  TngAutocompleteContent,\n  TngAutocompleteOverlay,\n  TngAutocompleteListbox,\n  TngAutocompleteOption,\n} from '@tailng-ui/primitives';\n\nexport type TngAutocompleteGetValue<O, V> = (opt: O) => V;\nexport type TngAutocompleteGetLabel<O> = (opt: O) => string;\nexport type TngAutocompleteIsDisabled<O> = (opt: O) => boolean;\nexport type TngAutocompleteTrackBy<O> = (index: number, opt: O) => unknown;\n\n@Component({\n  selector: 'tng-autocomplete',\n  standalone: true,\n  imports: [\n    TngAutocompleteTrigger,\n    TngAutocompleteTriggerContainer,\n    TngAutocompleteIcon,\n    TngAutocompleteContent,\n    TngAutocompleteOverlay,\n    TngAutocompleteListbox,\n    TngAutocompleteOption,\n  ],\n  hostDirectives: [\n    {\n      directive: TngAutocomplete,\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-autocomplete.component.html',\n  styleUrl: './tng-autocomplete.component.css',\n})\nexport class TngAutocompleteComponent<O = unknown, V = unknown> {\n  protected readonly primitive = inject<TngAutocomplete<V>>(TngAutocomplete);\n\n  readonly options = input<readonly O[]>([]);\n  readonly placeholder = input<string>('Type to search…');\n\n  readonly getOptionValue = input<TngAutocompleteGetValue<O, V>>(\n    ((opt: unknown) => (opt as { value?: V })?.value) as TngAutocompleteGetValue<O, V>,\n  );\n  readonly getOptionLabel = input<TngAutocompleteGetLabel<O>>(\n    ((opt: unknown) =>\n      String(\n        (opt as { label?: string; value?: unknown })?.label ??\n          (opt as { value?: unknown })?.value ??\n          opt,\n      )) as TngAutocompleteGetLabel<O>,\n  );\n  readonly isOptionDisabled = input<TngAutocompleteIsDisabled<O>>(\n    ((opt: unknown) => !!(opt as { disabled?: boolean })?.disabled) as TngAutocompleteIsDisabled<O>,\n  );\n  /** Default: track by value, id, or option (stable identity for async/replaced options). */\n  readonly trackBy = input<TngAutocompleteTrackBy<O>>((_, opt) => {\n    const o = opt as Record<string, unknown> | null | undefined;\n    return o?.['value'] ?? o?.['id'] ?? opt;\n  });\n\n  readonly iconText = input<string>('▾');\n\n  readonly ariaLabel = input<string>('Autocomplete');\n\n  protected readonly query = signal('');\n\n  constructor() {\n    effect(() => {\n      const v = this.primitive.value();\n      const open = this.primitive.open();\n      if (!open) {\n        const opt = this.findOption(v);\n        this.query.set(opt ? this.getOptionLabel()(opt) : '');\n      }\n    });\n  }\n\n  protected readonly selectedOption = computed<O | null>(() => {\n    const v = this.primitive.value();\n    if (v === null) return null;\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  protected readonly filteredOptions = computed<readonly O[]>(() => {\n    const q = this.query().toLowerCase().trim();\n    const list = this.options();\n    if (!q) return list;\n    const getLabel = this.getOptionLabel();\n    return list.filter((opt) =>\n      getLabel(opt).toLowerCase().includes(q),\n    );\n  });\n\n  protected readonly displayText = computed<string>(() =>\n    this.primitive.open() ? this.query() : this.selectedLabel(),\n  );\n\n  protected onInput(ev: Event): void {\n    const val = (ev.target as HTMLInputElement).value;\n    this.query.set(val);\n  }\n\n  private findOption(value: V | null): O | null {\n    if (value === null) return null;\n    const getV = this.getOptionValue();\n    for (const opt of this.options()) {\n      if (Object.is(getV(opt), value)) return opt;\n    }\n    return null;\n  }\n}\n"]}

package/src/lib/form/button-toggle/tng-button-toggle-group.component.d.ts

@@ -0,0 +1,44 @@
+import { type TngButtonToggleValue } from '@tailng-ui/primitives';
+type TngButtonToggleDirection = 'auto' | 'ltr' | 'rtl';
+type TngButtonToggleOrientation = 'horizontal' | 'vertical';
+type TngButtonToggleType = 'multiple' | 'single';
+type TngButtonToggleActivationMode = 'auto' | 'manual';
+export declare class TngButtonToggleGroupComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<TngButtonToggleType>;
+    readonly activation: import("@angular/core").InputSignal<TngButtonToggleActivationMode>;
+    readonly orientation: import("@angular/core").InputSignal<TngButtonToggleOrientation>;
+    readonly dir: import("@angular/core").InputSignal<TngButtonToggleDirection>;
+    readonly allowEmpty: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly loop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly valueInput: import("@angular/core").InputSignalWithTransform<TngButtonToggleValue | null | undefined, unknown>;
+    readonly valuesInput: import("@angular/core").InputSignalWithTransform<readonly TngButtonToggleValue[] | undefined, unknown>;
+    readonly defaultValueInput: import("@angular/core").InputSignalWithTransform<TngButtonToggleValue | null | undefined, unknown>;
+    readonly defaultValuesInput: import("@angular/core").InputSignalWithTransform<readonly TngButtonToggleValue[] | undefined, unknown>;
+    readonly valueFallbackInput: import("@angular/core").InputSignalWithTransform<TngButtonToggleValue | null | undefined, unknown>;
+    readonly valuesFallbackInput: import("@angular/core").InputSignalWithTransform<readonly TngButtonToggleValue[] | undefined, unknown>;
+    readonly defaultValueFallbackInput: import("@angular/core").InputSignalWithTransform<TngButtonToggleValue | null | undefined, unknown>;
+    readonly defaultValuesFallbackInput: import("@angular/core").InputSignalWithTransform<readonly TngButtonToggleValue[] | undefined, unknown>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<TngButtonToggleValue | null>;
+    readonly valuesChange: import("@angular/core").OutputEmitterRef<readonly TngButtonToggleValue[]>;
+    readonly toggleChange: import("@angular/core").OutputEmitterRef<Readonly<{
+        value: TngButtonToggleValue;
+        selected: boolean;
+        previousValue: TngButtonToggleValue | null;
+        previousValues: readonly TngButtonToggleValue[];
+        values: readonly TngButtonToggleValue[];
+        trigger: "programmatic" | "pointer" | "keyboard";
+    }>>;
+    readonly focusChange: import("@angular/core").OutputEmitterRef<Readonly<{
+        value: TngButtonToggleValue;
+        previousValue: TngButtonToggleValue | null;
+        trigger: "programmatic" | "pointer" | "keyboard";
+    }>>;
+    protected resolvedValue(): TngButtonToggleValue | null | undefined;
+    protected resolvedValues(): readonly TngButtonToggleValue[] | undefined;
+    protected resolvedDefaultValue(): TngButtonToggleValue | null | undefined;
+    protected resolvedDefaultValues(): readonly TngButtonToggleValue[] | undefined;
+}
+export {};
+//# sourceMappingURL=tng-button-toggle-group.component.d.ts.map

package/src/lib/form/button-toggle/tng-button-toggle-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-button-toggle-group.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/button-toggle/tng-button-toggle-group.component.ts"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,KAAK,wBAAwB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AACvD,KAAK,0BAA0B,GAAG,YAAY,GAAG,UAAU,CAAC;AAC5D,KAAK,mBAAmB,GAAG,UAAU,GAAG,QAAQ,CAAC;AACjD,KAAK,6BAA6B,GAAG,MAAM,GAAG,QAAQ,CAAC;AA6CvD,qBAMa,6BAA6B;IACxC,SAAgB,SAAS,8CAAwC;IAEjE,SAAgB,IAAI,2DAAwC;IAC5D,SAAgB,UAAU,qEAAgD;IAC1E,SAAgB,WAAW,kEAAmD;IAC9E,SAAgB,GAAG,gEAA2C;IAC9D,SAAgB,UAAU,qEAEvB;IACH,SAAgB,QAAQ,qEAErB;IACH,SAAgB,IAAI,qEAEjB;IAEH,SAAgB,UAAU,qGAGvB;IACH,SAAgB,WAAW,yGAMzB;IACF,SAAgB,iBAAiB,qGAM/B;IACF,SAAgB,kBAAkB,yGAMhC;IAEF,SAAgB,kBAAkB,qGAMhC;IACF,SAAgB,mBAAmB,yGAMjC;IACF,SAAgB,yBAAyB,qGAMvC;IACF,SAAgB,0BAA0B,yGAMvC;IAEH,SAAgB,WAAW,wEAAyC;IACpE,SAAgB,YAAY,4EAA6C;IACzE,SAAgB,YAAY;;;;;;;QAAwC;IACpE,SAAgB,WAAW;;;;QAA6C;IAExE,SAAS,CAAC,aAAa,IAAI,oBAAoB,GAAG,IAAI,GAAG,SAAS;IASlE,SAAS,CAAC,cAAc,IAAI,SAAS,oBAAoB,EAAE,GAAG,SAAS;IASvE,SAAS,CAAC,oBAAoB,IAAI,oBAAoB,GAAG,IAAI,GAAG,SAAS;IASzE,SAAS,CAAC,qBAAqB,IAAI,SAAS,oBAAoB,EAAE,GAAG,SAAS;CAQ/E"}

package/src/lib/form/button-toggle/tng-button-toggle-group.component.js

@@ -0,0 +1,123 @@
+import { __decorate } from "tslib";
+import { Component, booleanAttribute, input, output, } from '@angular/core';
+import { TngButtonToggleGroup as TngButtonToggleGroupPrimitive, } from '@tailng-ui/primitives';
+function normalizeOptionalButtonToggleValue(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (value === null) {
+        return null;
+    }
+    if (typeof value === 'number' || typeof value === 'string') {
+        return value;
+    }
+    return String(value);
+}
+function normalizeOptionalButtonToggleValues(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (value === null) {
+        return [];
+    }
+    if (Array.isArray(value)) {
+        return value
+            .map((item) => normalizeOptionalButtonToggleValue(item))
+            .filter((item) => item !== null && item !== undefined);
+    }
+    const normalized = normalizeOptionalButtonToggleValue(value);
+    if (normalized === null || normalized === undefined) {
+        return [];
+    }
+    return [normalized];
+}
+let TngButtonToggleGroupComponent = class TngButtonToggleGroupComponent {
+    ariaLabel = input('Button Toggle Group');
+    type = input('single');
+    activation = input('auto');
+    orientation = input('horizontal');
+    dir = input('auto');
+    allowEmpty = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    loop = input(true, {
+        transform: booleanAttribute,
+    });
+    valueInput = input(undefined, {
+        alias: 'tngButtonToggleValue',
+        transform: normalizeOptionalButtonToggleValue,
+    });
+    valuesInput = input(undefined, {
+        alias: 'tngButtonToggleValues',
+        transform: normalizeOptionalButtonToggleValues,
+    });
+    defaultValueInput = input(undefined, {
+        alias: 'tngButtonToggleDefaultValue',
+        transform: normalizeOptionalButtonToggleValue,
+    });
+    defaultValuesInput = input(undefined, {
+        alias: 'tngButtonToggleDefaultValues',
+        transform: normalizeOptionalButtonToggleValues,
+    });
+    valueFallbackInput = input(undefined, {
+        alias: 'value',
+        transform: normalizeOptionalButtonToggleValue,
+    });
+    valuesFallbackInput = input(undefined, {
+        alias: 'values',
+        transform: normalizeOptionalButtonToggleValues,
+    });
+    defaultValueFallbackInput = input(undefined, {
+        alias: 'defaultValue',
+        transform: normalizeOptionalButtonToggleValue,
+    });
+    defaultValuesFallbackInput = input(undefined, {
+        alias: 'defaultValues',
+        transform: normalizeOptionalButtonToggleValues,
+    });
+    valueChange = output();
+    valuesChange = output();
+    toggleChange = output();
+    focusChange = output();
+    resolvedValue() {
+        const explicit = this.valueInput();
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.valueFallbackInput();
+    }
+    resolvedValues() {
+        const explicit = this.valuesInput();
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.valuesFallbackInput();
+    }
+    resolvedDefaultValue() {
+        const explicit = this.defaultValueInput();
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.defaultValueFallbackInput();
+    }
+    resolvedDefaultValues() {
+        const explicit = this.defaultValuesInput();
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.defaultValuesFallbackInput();
+    }
+};
+TngButtonToggleGroupComponent = __decorate([
+    Component({
+        selector: 'tng-button-toggle-group',
+        imports: [TngButtonToggleGroupPrimitive],
+        templateUrl: './tng-button-toggle-group.component.html',
+        styleUrl: './tng-button-toggle-group.component.css',
+    })
+], TngButtonToggleGroupComponent);
+export { TngButtonToggleGroupComponent };
+//# sourceMappingURL=tng-button-toggle-group.component.js.map

package/src/lib/form/button-toggle/tng-button-toggle-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-button-toggle-group.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/button-toggle/tng-button-toggle-group.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  booleanAttribute,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  TngButtonToggleChangeEvent,\n  TngButtonToggleFocusChangeEvent,\n  TngButtonToggleGroup as TngButtonToggleGroupPrimitive,\n  type TngButtonToggleValue,\n} from '@tailng-ui/primitives';\n\ntype TngButtonToggleDirection = 'auto' | 'ltr' | 'rtl';\ntype TngButtonToggleOrientation = 'horizontal' | 'vertical';\ntype TngButtonToggleType = 'multiple' | 'single';\ntype TngButtonToggleActivationMode = 'auto' | 'manual';\n\nfunction normalizeOptionalButtonToggleValue(\n  value: unknown,\n): TngButtonToggleValue | null | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (value === null) {\n    return null;\n  }\n\n  if (typeof value === 'number' || typeof value === 'string') {\n    return value;\n  }\n\n  return String(value);\n}\n\nfunction normalizeOptionalButtonToggleValues(\n  value: unknown,\n): readonly TngButtonToggleValue[] | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (value === null) {\n    return [];\n  }\n\n  if (Array.isArray(value)) {\n    return value\n      .map((item) => normalizeOptionalButtonToggleValue(item))\n      .filter((item): item is TngButtonToggleValue => item !== null && item !== undefined);\n  }\n\n  const normalized = normalizeOptionalButtonToggleValue(value);\n  if (normalized === null || normalized === undefined) {\n    return [];\n  }\n\n  return [normalized];\n}\n\n@Component({\n  selector: 'tng-button-toggle-group',\n  imports: [TngButtonToggleGroupPrimitive],\n  templateUrl: './tng-button-toggle-group.component.html',\n  styleUrl: './tng-button-toggle-group.component.css',\n})\nexport class TngButtonToggleGroupComponent {\n  public readonly ariaLabel = input<string>('Button Toggle Group');\n\n  public readonly type = input<TngButtonToggleType>('single');\n  public readonly activation = input<TngButtonToggleActivationMode>('auto');\n  public readonly orientation = input<TngButtonToggleOrientation>('horizontal');\n  public readonly dir = input<TngButtonToggleDirection>('auto');\n  public readonly allowEmpty = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly loop = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n\n  public readonly valueInput = input<TngButtonToggleValue | null | undefined, unknown>(undefined, {\n    alias: 'tngButtonToggleValue',\n    transform: normalizeOptionalButtonToggleValue,\n  });\n  public readonly valuesInput = input<readonly TngButtonToggleValue[] | undefined, unknown>(\n    undefined,\n    {\n      alias: 'tngButtonToggleValues',\n      transform: normalizeOptionalButtonToggleValues,\n    },\n  );\n  public readonly defaultValueInput = input<TngButtonToggleValue | null | undefined, unknown>(\n    undefined,\n    {\n      alias: 'tngButtonToggleDefaultValue',\n      transform: normalizeOptionalButtonToggleValue,\n    },\n  );\n  public readonly defaultValuesInput = input<readonly TngButtonToggleValue[] | undefined, unknown>(\n    undefined,\n    {\n      alias: 'tngButtonToggleDefaultValues',\n      transform: normalizeOptionalButtonToggleValues,\n    },\n  );\n\n  public readonly valueFallbackInput = input<TngButtonToggleValue | null | undefined, unknown>(\n    undefined,\n    {\n      alias: 'value',\n      transform: normalizeOptionalButtonToggleValue,\n    },\n  );\n  public readonly valuesFallbackInput = input<readonly TngButtonToggleValue[] | undefined, unknown>(\n    undefined,\n    {\n      alias: 'values',\n      transform: normalizeOptionalButtonToggleValues,\n    },\n  );\n  public readonly defaultValueFallbackInput = input<TngButtonToggleValue | null | undefined, unknown>(\n    undefined,\n    {\n      alias: 'defaultValue',\n      transform: normalizeOptionalButtonToggleValue,\n    },\n  );\n  public readonly defaultValuesFallbackInput = input<\n    readonly TngButtonToggleValue[] | undefined,\n    unknown\n  >(undefined, {\n    alias: 'defaultValues',\n    transform: normalizeOptionalButtonToggleValues,\n  });\n\n  public readonly valueChange = output<TngButtonToggleValue | null>();\n  public readonly valuesChange = output<readonly TngButtonToggleValue[]>();\n  public readonly toggleChange = output<TngButtonToggleChangeEvent>();\n  public readonly focusChange = output<TngButtonToggleFocusChangeEvent>();\n\n  protected resolvedValue(): TngButtonToggleValue | null | undefined {\n    const explicit = this.valueInput();\n    if (explicit !== undefined) {\n      return explicit;\n    }\n\n    return this.valueFallbackInput();\n  }\n\n  protected resolvedValues(): readonly TngButtonToggleValue[] | undefined {\n    const explicit = this.valuesInput();\n    if (explicit !== undefined) {\n      return explicit;\n    }\n\n    return this.valuesFallbackInput();\n  }\n\n  protected resolvedDefaultValue(): TngButtonToggleValue | null | undefined {\n    const explicit = this.defaultValueInput();\n    if (explicit !== undefined) {\n      return explicit;\n    }\n\n    return this.defaultValueFallbackInput();\n  }\n\n  protected resolvedDefaultValues(): readonly TngButtonToggleValue[] | undefined {\n    const explicit = this.defaultValuesInput();\n    if (explicit !== undefined) {\n      return explicit;\n    }\n\n    return this.defaultValuesFallbackInput();\n  }\n}\n"]}

package/src/lib/form/button-toggle/tng-button-toggle.component.d.ts

@@ -0,0 +1,14 @@
+import { type TngButtonToggleValue } from '@tailng-ui/primitives';
+export declare function toggleTngButtonToggleState(pressed: boolean): boolean;
+export declare class TngButtonToggleComponent {
+    private readonly hostRef;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly pressed: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly toggleValueInput: import("@angular/core").InputSignalWithTransform<TngButtonToggleValue | null | undefined, unknown>;
+    readonly valueInput: import("@angular/core").InputSignalWithTransform<TngButtonToggleValue | null | undefined, unknown>;
+    readonly pressedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    onToggle(): void;
+    protected resolvedValue(): TngButtonToggleValue | null | undefined;
+    private isInsideToggleGroup;
+}
+//# sourceMappingURL=tng-button-toggle.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-button-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/button-toggle/tng-button-toggle.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAEpE;AAoBD,qBAMa,wBAAwB;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IAEvE,SAAgB,QAAQ,8EAErB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,gBAAgB,qGAM9B;IACF,SAAgB,UAAU,qGAGvB;IAEH,SAAgB,aAAa,oDAAqB;IAE3C,QAAQ,IAAI,IAAI;IAYvB,SAAS,CAAC,aAAa,IAAI,oBAAoB,GAAG,IAAI,GAAG,SAAS;IASlE,OAAO,CAAC,mBAAmB;CAG5B"}

package/src/lib/form/button-toggle/tng-button-toggle.component.js

@@ -0,0 +1,65 @@
+import { __decorate } from "tslib";
+import { ElementRef, booleanAttribute, Component, inject, input, output, } from '@angular/core';
+import { TngButtonToggle as TngButtonTogglePrimitive, } from '@tailng-ui/primitives';
+export function toggleTngButtonToggleState(pressed) {
+    return !pressed;
+}
+function normalizeOptionalButtonToggleValue(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (value === null) {
+        return null;
+    }
+    if (typeof value === 'number' || typeof value === 'string') {
+        return value;
+    }
+    return String(value);
+}
+let TngButtonToggleComponent = class TngButtonToggleComponent {
+    hostRef = inject(ElementRef);
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    pressed = input(false, {
+        transform: booleanAttribute,
+    });
+    toggleValueInput = input(undefined, {
+        alias: 'tngButtonToggleValue',
+        transform: normalizeOptionalButtonToggleValue,
+    });
+    valueInput = input(undefined, {
+        alias: 'value',
+        transform: normalizeOptionalButtonToggleValue,
+    });
+    pressedChange = output();
+    onToggle() {
+        if (this.disabled()) {
+            return;
+        }
+        if (this.isInsideToggleGroup()) {
+            return;
+        }
+        this.pressedChange.emit(toggleTngButtonToggleState(this.pressed()));
+    }
+    resolvedValue() {
+        const explicit = this.toggleValueInput();
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.valueInput();
+    }
+    isInsideToggleGroup() {
+        return this.hostRef.nativeElement.closest('[data-slot="button-toggle-group"]') !== null;
+    }
+};
+TngButtonToggleComponent = __decorate([
+    Component({
+        selector: 'tng-button-toggle',
+        imports: [TngButtonTogglePrimitive],
+        templateUrl: './tng-button-toggle.component.html',
+        styleUrl: './tng-button-toggle.component.css',
+    })
+], TngButtonToggleComponent);
+export { TngButtonToggleComponent };
+//# sourceMappingURL=tng-button-toggle.component.js.map

package/src/lib/form/button-toggle/tng-button-toggle.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-button-toggle.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/button-toggle/tng-button-toggle.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,IAAI,wBAAwB,GAE5C,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,0BAA0B,CAAC,OAAgB;IACzD,OAAO,CAAC,OAAO,CAAC;AAClB,CAAC;AAED,SAAS,kCAAkC,CACzC,KAAc;IAEd,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAQM,IAAM,wBAAwB,GAA9B,MAAM,wBAAwB;IAClB,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAEvD,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,OAAO,GAAG,KAAK,CAA4B,KAAK,EAAE;QAChE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,gBAAgB,GAAG,KAAK,CACtC,SAAS,EACT;QACE,KAAK,EAAE,sBAAsB;QAC7B,SAAS,EAAE,kCAAkC;KAC9C,CACF,CAAC;IACc,UAAU,GAAG,KAAK,CAAmD,SAAS,EAAE;QAC9F,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,kCAAkC;KAC9C,CAAC,CAAC;IAEa,aAAa,GAAG,MAAM,EAAW,CAAC;IAE3C,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC;IAES,aAAa;QACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACzC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC;IAEO,mBAAmB;QACzB,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,mCAAmC,CAAC,KAAK,IAAI,CAAC;IAC1F,CAAC;CACF,CAAA;AA/CY,wBAAwB;IANpC,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,OAAO,EAAE,CAAC,wBAAwB,CAAC;QACnC,WAAW,EAAE,oCAAoC;QACjD,QAAQ,EAAE,mCAAmC;KAC9C,CAAC;GACW,wBAAwB,CA+CpC","sourcesContent":["import {\n  ElementRef,\n  booleanAttribute,\n  Component,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  TngButtonToggle as TngButtonTogglePrimitive,\n  type TngButtonToggleValue,\n} from '@tailng-ui/primitives';\n\nexport function toggleTngButtonToggleState(pressed: boolean): boolean {\n  return !pressed;\n}\n\nfunction normalizeOptionalButtonToggleValue(\n  value: unknown,\n): TngButtonToggleValue | null | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (value === null) {\n    return null;\n  }\n\n  if (typeof value === 'number' || typeof value === 'string') {\n    return value;\n  }\n\n  return String(value);\n}\n\n@Component({\n  selector: 'tng-button-toggle',\n  imports: [TngButtonTogglePrimitive],\n  templateUrl: './tng-button-toggle.component.html',\n  styleUrl: './tng-button-toggle.component.css',\n})\nexport class TngButtonToggleComponent {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly pressed = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly toggleValueInput = input<TngButtonToggleValue | null | undefined, unknown>(\n    undefined,\n    {\n      alias: 'tngButtonToggleValue',\n      transform: normalizeOptionalButtonToggleValue,\n    },\n  );\n  public readonly valueInput = input<TngButtonToggleValue | null | undefined, unknown>(undefined, {\n    alias: 'value',\n    transform: normalizeOptionalButtonToggleValue,\n  });\n\n  public readonly pressedChange = output<boolean>();\n\n  public onToggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    if (this.isInsideToggleGroup()) {\n      return;\n    }\n\n    this.pressedChange.emit(toggleTngButtonToggleState(this.pressed()));\n  }\n\n  protected resolvedValue(): TngButtonToggleValue | null | undefined {\n    const explicit = this.toggleValueInput();\n    if (explicit !== undefined) {\n      return explicit;\n    }\n\n    return this.valueInput();\n  }\n\n  private isInsideToggleGroup(): boolean {\n    return this.hostRef.nativeElement.closest('[data-slot=\"button-toggle-group\"]') !== null;\n  }\n}\n"]}

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

@@ -0,0 +1,38 @@
+import { type ControlValueAccessor } from '@angular/forms';
+export type TngCheckboxChange = Readonly<{
+    checked: boolean;
+    indeterminate: boolean;
+}>;
+export type TngCheckboxModelValue = 'mixed' | boolean;
+export declare function coerceTngCheckboxModelValue(value: unknown): TngCheckboxChange;
+export declare function readTngCheckboxChange(event: unknown): TngCheckboxChange | null;
+export declare class TngCheckboxComponent implements ControlValueAccessor {
+    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 invalid: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly name: import("@angular/core").InputSignal<string | null>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly indeterminateChange: import("@angular/core").OutputEmitterRef<boolean>;
+    private readonly internalChecked;
+    private readonly internalIndeterminate;
+    private readonly cvaModeEnabled;
+    private readonly cvaDisabled;
+    private onControlChange;
+    private onControlTouched;
+    protected readonly resolvedChecked: import("@angular/core").Signal<boolean>;
+    protected readonly resolvedDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly resolvedIndeterminate: import("@angular/core").Signal<boolean>;
+    constructor();
+    onBlur(): void;
+    onChange(event: unknown): void;
+    registerOnChange(fn: (value: TngCheckboxModelValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: unknown): void;
+}
+//# sourceMappingURL=tng-checkbox.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/checkbox/tng-checkbox.component.ts"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG9E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,CAU7E;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,GAAG,IAAI,CAc9E;AAKD,qBAaa,oBAAqB,YAAW,oBAAoB;IAC/D,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,OAAO,8EAEpB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,OAAO,8EAEpB;IACH,SAAgB,aAAa,8EAE1B;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAAuB;IAE5C,SAAgB,aAAa,oDAAqB;IAClD,SAAgB,mBAAmB,oDAAqB;IAExD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IACvD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAChD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAE7C,OAAO,CAAC,eAAe,CAA2D;IAClF,OAAO,CAAC,gBAAgB,CAA8B;IAEtD,SAAS,CAAC,QAAQ,CAAC,eAAe,0CAM/B;IAEH,SAAS,CAAC,QAAQ,CAAC,gBAAgB,0CAMhC;IAEH,SAAS,CAAC,QAAQ,CAAC,qBAAqB,0CAMrC;;IAgBI,MAAM,IAAI,IAAI;IAId,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAkB9B,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,GAAG,IAAI;IAKlE,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAKvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAMxC"}

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

@@ -0,0 +1,138 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, computed, effect, forwardRef, input, output, signal, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TngCheckbox as TngCheckboxPrimitive } from '@tailng-ui/primitives';
+export function coerceTngCheckboxModelValue(value) {
+    if (value === 'mixed') {
+        return { checked: false, indeterminate: true };
+    }
+    if (value === true) {
+        return { checked: true, indeterminate: false };
+    }
+    return { checked: false, indeterminate: false };
+}
+export function readTngCheckboxChange(event) {
+    if (!(event instanceof Event)) {
+        return null;
+    }
+    const target = event.target;
+    if (!(target instanceof HTMLInputElement)) {
+        return null;
+    }
+    return {
+        checked: target.checked,
+        indeterminate: target.indeterminate,
+    };
+}
+const noControlChange = (_value) => undefined;
+const noControlTouch = () => undefined;
+let TngCheckboxComponent = class TngCheckboxComponent {
+    ariaDescribedBy = input(null);
+    checked = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    invalid = input(false, {
+        transform: booleanAttribute,
+    });
+    indeterminate = input(false, {
+        transform: booleanAttribute,
+    });
+    name = input(null);
+    readonly = input(false, {
+        transform: booleanAttribute,
+    });
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    value = input('on');
+    checkedChange = output();
+    indeterminateChange = output();
+    internalChecked = signal(false);
+    internalIndeterminate = signal(false);
+    cvaModeEnabled = signal(false);
+    cvaDisabled = signal(false);
+    onControlChange = noControlChange;
+    onControlTouched = noControlTouch;
+    resolvedChecked = computed(() => {
+        if (this.cvaModeEnabled()) {
+            return this.internalChecked();
+        }
+        return this.checked();
+    });
+    resolvedDisabled = computed(() => {
+        if (this.cvaModeEnabled()) {
+            return this.cvaDisabled();
+        }
+        return this.disabled();
+    });
+    resolvedIndeterminate = computed(() => {
+        if (this.cvaModeEnabled()) {
+            return this.internalIndeterminate();
+        }
+        return this.indeterminate();
+    });
+    constructor() {
+        effect(() => {
+            if (this.cvaModeEnabled()) {
+                return;
+            }
+            this.internalChecked.set(this.checked());
+            this.internalIndeterminate.set(this.indeterminate());
+        }, { allowSignalWrites: true });
+    }
+    onBlur() {
+        this.onControlTouched();
+    }
+    onChange(event) {
+        const change = readTngCheckboxChange(event);
+        if (change === null) {
+            return;
+        }
+        if (this.readonly() || this.resolvedDisabled()) {
+            return;
+        }
+        this.internalChecked.set(change.checked);
+        this.internalIndeterminate.set(change.indeterminate);
+        this.checkedChange.emit(change.checked);
+        this.indeterminateChange.emit(change.indeterminate);
+        this.onControlChange(change.indeterminate ? 'mixed' : change.checked);
+    }
+    registerOnChange(fn) {
+        this.cvaModeEnabled.set(true);
+        this.onControlChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.cvaModeEnabled.set(true);
+        this.onControlTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaModeEnabled.set(true);
+        this.cvaDisabled.set(isDisabled);
+    }
+    writeValue(value) {
+        this.cvaModeEnabled.set(true);
+        const normalized = coerceTngCheckboxModelValue(value);
+        this.internalChecked.set(normalized.checked);
+        this.internalIndeterminate.set(normalized.indeterminate);
+    }
+};
+TngCheckboxComponent = __decorate([
+    Component({
+        selector: 'tng-checkbox',
+        imports: [TngCheckboxPrimitive],
+        templateUrl: './tng-checkbox.component.html',
+        styleUrl: './tng-checkbox.component.css',
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TngCheckboxComponent),
+                multi: true,
+            },
+        ],
+    })
+], TngCheckboxComponent);
+export { TngCheckboxComponent };
+//# sourceMappingURL=tng-checkbox.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-checkbox.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/checkbox/tng-checkbox.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\nimport { TngCheckbox as TngCheckboxPrimitive } from '@tailng-ui/primitives';\n\nexport type TngCheckboxChange = Readonly<{\n  checked: boolean;\n  indeterminate: boolean;\n}>;\n\nexport type TngCheckboxModelValue = 'mixed' | boolean;\n\nexport function coerceTngCheckboxModelValue(value: unknown): TngCheckboxChange {\n  if (value === 'mixed') {\n    return { checked: false, indeterminate: true };\n  }\n\n  if (value === true) {\n    return { checked: true, indeterminate: false };\n  }\n\n  return { checked: false, indeterminate: false };\n}\n\nexport function readTngCheckboxChange(event: unknown): TngCheckboxChange | 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 {\n    checked: target.checked,\n    indeterminate: target.indeterminate,\n  };\n}\n\nconst noControlChange = (_value: TngCheckboxModelValue): void => undefined;\nconst noControlTouch = (): void => undefined;\n\n@Component({\n  selector: 'tng-checkbox',\n  imports: [TngCheckboxPrimitive],\n  templateUrl: './tng-checkbox.component.html',\n  styleUrl: './tng-checkbox.component.css',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TngCheckboxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class TngCheckboxComponent implements ControlValueAccessor {\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 invalid = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly name = input<string | null>(null);\n  public readonly readonly = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\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  public readonly indeterminateChange = output<boolean>();\n\n  private readonly internalChecked = signal(false);\n  private readonly internalIndeterminate = signal(false);\n  private readonly cvaModeEnabled = signal(false);\n  private readonly cvaDisabled = signal(false);\n\n  private onControlChange: (value: TngCheckboxModelValue) => void = noControlChange;\n  private onControlTouched: () => void = noControlTouch;\n\n  protected readonly resolvedChecked = computed<boolean>(() => {\n    if (this.cvaModeEnabled()) {\n      return this.internalChecked();\n    }\n\n    return this.checked();\n  });\n\n  protected readonly resolvedDisabled = computed<boolean>(() => {\n    if (this.cvaModeEnabled()) {\n      return this.cvaDisabled();\n    }\n\n    return this.disabled();\n  });\n\n  protected readonly resolvedIndeterminate = computed<boolean>(() => {\n    if (this.cvaModeEnabled()) {\n      return this.internalIndeterminate();\n    }\n\n    return this.indeterminate();\n  });\n\n  public constructor() {\n    effect(\n      () => {\n        if (this.cvaModeEnabled()) {\n          return;\n        }\n\n        this.internalChecked.set(this.checked());\n        this.internalIndeterminate.set(this.indeterminate());\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  public onBlur(): void {\n    this.onControlTouched();\n  }\n\n  public onChange(event: unknown): void {\n    const change = readTngCheckboxChange(event);\n    if (change === null) {\n      return;\n    }\n\n    if (this.readonly() || this.resolvedDisabled()) {\n      return;\n    }\n\n    this.internalChecked.set(change.checked);\n    this.internalIndeterminate.set(change.indeterminate);\n\n    this.checkedChange.emit(change.checked);\n    this.indeterminateChange.emit(change.indeterminate);\n    this.onControlChange(change.indeterminate ? 'mixed' : change.checked);\n  }\n\n  public registerOnChange(fn: (value: TngCheckboxModelValue) => void): void {\n    this.cvaModeEnabled.set(true);\n    this.onControlChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this.cvaModeEnabled.set(true);\n    this.onControlTouched = fn;\n  }\n\n  public setDisabledState(isDisabled: boolean): void {\n    this.cvaModeEnabled.set(true);\n    this.cvaDisabled.set(isDisabled);\n  }\n\n  public writeValue(value: unknown): void {\n    this.cvaModeEnabled.set(true);\n    const normalized = coerceTngCheckboxModelValue(value);\n    this.internalChecked.set(normalized.checked);\n    this.internalIndeterminate.set(normalized.indeterminate);\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+export declare class TngChipsComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+}
+//# sourceMappingURL=tng-chips.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-chips.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/chips/tng-chips.component.ts"],"names":[],"mappings":"AAGA,qBAMa,iBAAiB;IAC5B,SAAgB,SAAS,8CAA0B;CACpD"}

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

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { Component, input } from '@angular/core';
+import { TngChips as TngChipsPrimitive } from '@tailng-ui/primitives';
+let TngChipsComponent = class TngChipsComponent {
+    ariaLabel = input('Chips');
+};
+TngChipsComponent = __decorate([
+    Component({
+        selector: 'tng-chips',
+        imports: [TngChipsPrimitive],
+        templateUrl: './tng-chips.component.html',
+        styleUrl: './tng-chips.component.css',
+    })
+], TngChipsComponent);
+export { TngChipsComponent };
+//# sourceMappingURL=tng-chips.component.js.map