@tailng-ui/components 0.1.0

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

@@ -0,0 +1,57 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { TngSwitch as TngSwitchPrimitive } from '@tailng-ui/primitives';
+export function toggleTngSwitchState(checked) {
+    return !checked;
+}
+export function resolveTngSwitchArrowKey(key) {
+    if (key === 'ArrowLeft') {
+        return false;
+    }
+    if (key === 'ArrowRight') {
+        return true;
+    }
+    return null;
+}
+let TngSwitchComponent = class TngSwitchComponent {
+    ariaLabel = 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();
+    onKeydown(event) {
+        if (this.disabled()) {
+            return;
+        }
+        const nextValue = resolveTngSwitchArrowKey(event.key);
+        if (nextValue === null || nextValue === this.checked()) {
+            return;
+        }
+        event.preventDefault();
+        this.checkedChange.emit(nextValue);
+    }
+    onToggle() {
+        if (this.disabled()) {
+            return;
+        }
+        this.checkedChange.emit(toggleTngSwitchState(this.checked()));
+    }
+};
+TngSwitchComponent = __decorate([
+    Component({
+        selector: 'tng-switch',
+        imports: [TngSwitchPrimitive],
+        templateUrl: './tng-switch.component.html',
+        styleUrl: './tng-switch.component.css',
+    })
+], TngSwitchComponent);
+export { TngSwitchComponent };
+//# sourceMappingURL=tng-switch.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-switch.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/switch/tng-switch.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKxE,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,OAAO,CAAC,OAAO,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,GAAW;IAClD,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAQM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACb,SAAS,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACvC,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,SAAS,CAAC,KAA6B;QAC5C,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAEM,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC;CACF,CAAA;AArCY,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,CAqC9B","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport { TngSwitch as TngSwitchPrimitive } from '@tailng-ui/primitives';\n\ntype TngSwitchKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\nexport function toggleTngSwitchState(checked: boolean): boolean {\n  return !checked;\n}\n\nexport function resolveTngSwitchArrowKey(key: string): boolean | null {\n  if (key === 'ArrowLeft') {\n    return false;\n  }\n\n  if (key === 'ArrowRight') {\n    return true;\n  }\n\n  return null;\n}\n\n@Component({\n  selector: 'tng-switch',\n  imports: [TngSwitchPrimitive],\n  templateUrl: './tng-switch.component.html',\n  styleUrl: './tng-switch.component.css',\n})\nexport class TngSwitchComponent {\n  public readonly ariaLabel = 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 onKeydown(event: TngSwitchKeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const nextValue = resolveTngSwitchArrowKey(event.key);\n    if (nextValue === null || nextValue === this.checked()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.checkedChange.emit(nextValue);\n  }\n\n  public onToggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.checkedChange.emit(toggleTngSwitchState(this.checked()));\n  }\n}\n"]}

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

@@ -0,0 +1,17 @@
+type NullableBooleanInput = boolean | null | string | undefined;
+export declare function readTngTextareaEventValue(event: unknown): string | null;
+export declare class TngTextareaComponent {
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly ariaInvalid: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly ariaRequired: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly placeholder: 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 rows: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignal<string | null>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    onInput(event: unknown): void;
+}
+export {};
+//# sourceMappingURL=tng-textarea.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-textarea.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.ts"],"names":[],"mappings":"AAOA,KAAK,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWvE;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,WAAW,yFAExB;IACH,SAAgB,YAAY,yFAEzB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,WAAW,qDAA8B;IACzD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,KAAK,qDAA8B;IAEnD,SAAgB,WAAW,mDAAoB;IAExC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAQrC"}

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

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input, output } from '@angular/core';
+import { coerceTngTextareaNullableBoolean, normalizeTngTextareaRows, TngTextarea as TngTextareaPrimitive, } from '@tailng-ui/primitives';
+export function readTngTextareaEventValue(event) {
+    if (!(event instanceof Event)) {
+        return null;
+    }
+    const target = event.target;
+    if (!(target instanceof HTMLTextAreaElement)) {
+        return null;
+    }
+    return target.value;
+}
+let TngTextareaComponent = class TngTextareaComponent {
+    ariaDescribedBy = input(null);
+    ariaInvalid = input(null, {
+        transform: coerceTngTextareaNullableBoolean,
+    });
+    ariaRequired = input(null, {
+        transform: coerceTngTextareaNullableBoolean,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    placeholder = input(null);
+    readonly = input(false, {
+        transform: booleanAttribute,
+    });
+    required = input(false, {
+        transform: booleanAttribute,
+    });
+    rows = input(3, {
+        transform: (value) => normalizeTngTextareaRows(typeof value === 'number' ? value : Number(value)),
+    });
+    value = input(null);
+    valueChange = output();
+    onInput(event) {
+        const value = readTngTextareaEventValue(event);
+        if (value === null) {
+            return;
+        }
+        this.valueChange.emit(value);
+    }
+};
+TngTextareaComponent = __decorate([
+    Component({
+        selector: 'tng-textarea',
+        imports: [TngTextareaPrimitive],
+        templateUrl: './tng-textarea.component.html',
+        styleUrl: './tng-textarea.component.css',
+    })
+], TngTextareaComponent);
+export { TngTextareaComponent };
+//# sourceMappingURL=tng-textarea.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-textarea.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/textarea/tng-textarea.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,gCAAgC,EAChC,wBAAwB,EACxB,WAAW,IAAI,oBAAoB,GACpC,MAAM,uBAAuB,CAAC;AAI/B,MAAM,UAAU,yBAAyB,CAAC,KAAc;IACtD,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,mBAAmB,CAAC,EAAE,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC;AACtB,CAAC;AAQM,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACf,eAAe,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAC7C,WAAW,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC9E,SAAS,EAAE,gCAAgC;KAC5C,CAAC,CAAC;IACa,YAAY,GAAG,KAAK,CAAuC,IAAI,EAAE;QAC/E,SAAS,EAAE,gCAAgC;KAC5C,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,WAAW,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACzC,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAA0B,CAAC,EAAE;QACvD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,wBAAwB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC9E,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IAEnC,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC,OAAO,CAAC,KAAc;QAC3B,MAAM,KAAK,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;CACF,CAAA;AAlCY,oBAAoB;IANhC,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,WAAW,EAAE,+BAA+B;QAC5C,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,oBAAoB,CAkChC","sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\nimport {\n  coerceTngTextareaNullableBoolean,\n  normalizeTngTextareaRows,\n  TngTextarea as TngTextareaPrimitive,\n} from '@tailng-ui/primitives';\n\ntype NullableBooleanInput = boolean | null | string | undefined;\n\nexport function readTngTextareaEventValue(event: unknown): string | null {\n  if (!(event instanceof Event)) {\n    return null;\n  }\n\n  const target = event.target;\n  if (!(target instanceof HTMLTextAreaElement)) {\n    return null;\n  }\n\n  return target.value;\n}\n\n@Component({\n  selector: 'tng-textarea',\n  imports: [TngTextareaPrimitive],\n  templateUrl: './tng-textarea.component.html',\n  styleUrl: './tng-textarea.component.css',\n})\nexport class TngTextareaComponent {\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly ariaInvalid = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngTextareaNullableBoolean,\n  });\n  public readonly ariaRequired = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngTextareaNullableBoolean,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly placeholder = 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 rows = input<number, number | string>(3, {\n    transform: (value: number | string): number =>\n      normalizeTngTextareaRows(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<string | null>(null);\n\n  public readonly valueChange = output<string>();\n\n  public onInput(event: unknown): void {\n    const value = readTngTextareaEventValue(event);\n    if (value === null) {\n      return;\n    }\n\n    this.valueChange.emit(value);\n  }\n}\n"]}

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

@@ -0,0 +1,39 @@
+import { OnInit } from '@angular/core';
+import { type ControlValueAccessor } from '@angular/forms';
+export declare function toggleTngToggleState(pressed: boolean): boolean;
+export declare function resolveTngToggleAriaLabel(pressed: boolean, pressedLabel: string, unpressedLabel: string): string;
+type NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;
+export declare class TngToggleComponent implements ControlValueAccessor, OnInit {
+    private readonly group;
+    private readonly internalPressed;
+    private readonly cvaModeEnabled;
+    private readonly cvaPressed;
+    private readonly cvaDisabled;
+    private onControlChange;
+    private onControlTouched;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly value: import("@angular/core").InputSignal<string | null>;
+    readonly pressed: import("@angular/core").InputSignalWithTransform<boolean | null, NullableBooleanInput>;
+    readonly defaultPressed: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly pressedLabel: import("@angular/core").InputSignal<string>;
+    readonly unpressedLabel: import("@angular/core").InputSignal<string>;
+    readonly pressedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    protected readonly resolvedDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly resolvedPressed: import("@angular/core").Signal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    onBlur(): void;
+    onPrimitivePressedChange(nextPressed: boolean): void;
+    getAriaLabel(): string | null;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: unknown): void;
+    private groupItemValue;
+    private groupManagesState;
+}
+export {};
+//# sourceMappingURL=tng-toggle.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EAOP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAO9E,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE9D;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,GACrB,MAAM,CAER;AAED,KAAK,oBAAoB,GAAG,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAqB/E,qBAmBa,kBAAmB,YAAW,oBAAoB,EAAE,MAAM;IACrE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAGnB;IACH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAChD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAiB;IAC5C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAE7C,OAAO,CAAC,eAAe,CAA6C;IACpE,OAAO,CAAC,gBAAgB,CAA8B;IAEtD,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,cAAc,qDAA8B;IAC5D,SAAgB,eAAe,qDAA8B;IAC7D,SAAgB,KAAK,qDAA8B;IAEnD,SAAgB,OAAO,yFAEpB;IACH,SAAgB,cAAc,8EAE3B;IACH,SAAgB,QAAQ,8EAErB;IACH,SAAgB,YAAY,8CAA4B;IACxD,SAAgB,cAAc,8CAA6B;IAE3D,SAAgB,aAAa,oDAAqB;IAElD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,0CAOhC;IAEH,SAAS,CAAC,QAAQ,CAAC,eAAe,0CAgB/B;;IAMI,QAAQ,IAAI,IAAI;IAIhB,MAAM,IAAI,IAAI;IAId,wBAAwB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAepD,YAAY,IAAI,MAAM,GAAG,IAAI;IAkB7B,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAKpD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAKvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKvC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;CAG1B"}

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

@@ -0,0 +1,152 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, computed, forwardRef, inject, input, output, signal, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { coerceTngToggleNullableBoolean, TngToggle as TngTogglePrimitive, TngToggleGroup as TngToggleGroupPrimitive, } from '@tailng-ui/primitives';
+export function toggleTngToggleState(pressed) {
+    return !pressed;
+}
+export function resolveTngToggleAriaLabel(pressed, pressedLabel, unpressedLabel) {
+    return pressed ? pressedLabel : unpressedLabel;
+}
+function normalizeStringValue(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+const noControlChange = (_value) => undefined;
+const noControlTouch = () => undefined;
+function injectParentToggleGroup() {
+    return inject(TngToggleGroupPrimitive, {
+        optional: true,
+        skipSelf: true,
+    });
+}
+let TngToggleComponent = class TngToggleComponent {
+    group = inject(TngToggleGroupPrimitive, {
+        optional: true,
+        skipSelf: true,
+    });
+    internalPressed = signal(false);
+    cvaModeEnabled = signal(false);
+    cvaPressed = signal(false);
+    cvaDisabled = signal(false);
+    onControlChange = noControlChange;
+    onControlTouched = noControlTouch;
+    ariaLabel = input(null);
+    ariaLabelledby = input(null);
+    ariaDescribedBy = input(null);
+    value = input(null);
+    pressed = input(null, {
+        transform: coerceTngToggleNullableBoolean,
+    });
+    defaultPressed = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    pressedLabel = input('Enabled');
+    unpressedLabel = input('Disabled');
+    pressedChange = output();
+    resolvedDisabled = computed(() => {
+        const groupDisabled = this.group?.isGroupDisabled() === true && this.groupManagesState();
+        if (this.cvaModeEnabled()) {
+            return this.cvaDisabled() || groupDisabled;
+        }
+        return this.disabled() || groupDisabled;
+    });
+    resolvedPressed = computed(() => {
+        const groupItemValue = this.groupItemValue();
+        if (groupItemValue !== null && this.group !== null) {
+            return this.group.isItemSelected(groupItemValue);
+        }
+        if (this.cvaModeEnabled()) {
+            return this.cvaPressed();
+        }
+        const controlledPressed = this.pressed();
+        if (controlledPressed !== null) {
+            return controlledPressed;
+        }
+        return this.internalPressed();
+    });
+    constructor() {
+        this.internalPressed.set(false);
+    }
+    ngOnInit() {
+        this.internalPressed.set(this.defaultPressed());
+    }
+    onBlur() {
+        this.onControlTouched();
+    }
+    onPrimitivePressedChange(nextPressed) {
+        if (this.resolvedDisabled()) {
+            return;
+        }
+        if (this.cvaModeEnabled()) {
+            this.cvaPressed.set(nextPressed);
+            this.onControlChange(nextPressed);
+        }
+        else if (this.pressed() === null && !this.groupManagesState()) {
+            this.internalPressed.set(nextPressed);
+        }
+        this.pressedChange.emit(nextPressed);
+    }
+    getAriaLabel() {
+        const explicitAriaLabel = normalizeStringValue(this.ariaLabel());
+        if (explicitAriaLabel !== null) {
+            return explicitAriaLabel;
+        }
+        const labelledby = normalizeStringValue(this.ariaLabelledby());
+        if (labelledby !== null) {
+            return null;
+        }
+        return resolveTngToggleAriaLabel(this.resolvedPressed(), this.pressedLabel(), this.unpressedLabel());
+    }
+    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);
+        this.cvaPressed.set(value === true);
+    }
+    groupItemValue() {
+        return normalizeStringValue(this.value());
+    }
+    groupManagesState() {
+        return this.group !== null && this.groupItemValue() !== null;
+    }
+};
+TngToggleComponent = __decorate([
+    Component({
+        selector: 'tng-toggle',
+        imports: [TngTogglePrimitive],
+        templateUrl: './tng-toggle.component.html',
+        styleUrl: './tng-toggle.component.css',
+        viewProviders: [
+            {
+                provide: TngToggleGroupPrimitive,
+                useFactory: injectParentToggleGroup,
+            },
+        ],
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TngToggleComponent),
+                multi: true,
+            },
+        ],
+    })
+], TngToggleComponent);
+export { TngToggleComponent };
+//# sourceMappingURL=tng-toggle.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  OnInit,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\nimport {\n  coerceTngToggleNullableBoolean,\n  TngToggle as TngTogglePrimitive,\n  TngToggleGroup as TngToggleGroupPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function toggleTngToggleState(pressed: boolean): boolean {\n  return !pressed;\n}\n\nexport function resolveTngToggleAriaLabel(\n  pressed: boolean,\n  pressedLabel: string,\n  unpressedLabel: string,\n): string {\n  return pressed ? pressedLabel : unpressedLabel;\n}\n\ntype NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;\n\nfunction normalizeStringValue(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\nconst noControlChange = (_value: boolean): void => undefined;\nconst noControlTouch = (): void => undefined;\n\nfunction injectParentToggleGroup(): TngToggleGroupPrimitive | null {\n  return inject(TngToggleGroupPrimitive, {\n    optional: true,\n    skipSelf: true,\n  });\n}\n\n@Component({\n  selector: 'tng-toggle',\n  imports: [TngTogglePrimitive],\n  templateUrl: './tng-toggle.component.html',\n  styleUrl: './tng-toggle.component.css',\n  viewProviders: [\n    {\n      provide: TngToggleGroupPrimitive,\n      useFactory: injectParentToggleGroup,\n    },\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TngToggleComponent),\n      multi: true,\n    },\n  ],\n})\nexport class TngToggleComponent implements ControlValueAccessor, OnInit {\n  private readonly group = inject(TngToggleGroupPrimitive, {\n    optional: true,\n    skipSelf: true,\n  });\n  private readonly internalPressed = signal(false);\n  private readonly cvaModeEnabled = signal(false);\n  private readonly cvaPressed = signal(false);\n  private readonly cvaDisabled = signal(false);\n\n  private onControlChange: (value: boolean) => void = noControlChange;\n  private onControlTouched: () => void = noControlTouch;\n\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly ariaLabelledby = input<string | null>(null);\n  public readonly ariaDescribedBy = input<string | null>(null);\n  public readonly value = input<string | null>(null);\n\n  public readonly pressed = input<boolean | null, NullableBooleanInput>(null, {\n    transform: coerceTngToggleNullableBoolean,\n  });\n  public readonly defaultPressed = 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 pressedLabel = input<string>('Enabled');\n  public readonly unpressedLabel = input<string>('Disabled');\n\n  public readonly pressedChange = output<boolean>();\n\n  protected readonly resolvedDisabled = computed<boolean>(() => {\n    const groupDisabled = this.group?.isGroupDisabled() === true && this.groupManagesState();\n    if (this.cvaModeEnabled()) {\n      return this.cvaDisabled() || groupDisabled;\n    }\n\n    return this.disabled() || groupDisabled;\n  });\n\n  protected readonly resolvedPressed = computed<boolean>(() => {\n    const groupItemValue = this.groupItemValue();\n    if (groupItemValue !== null && this.group !== null) {\n      return this.group.isItemSelected(groupItemValue);\n    }\n\n    if (this.cvaModeEnabled()) {\n      return this.cvaPressed();\n    }\n\n    const controlledPressed = this.pressed();\n    if (controlledPressed !== null) {\n      return controlledPressed;\n    }\n\n    return this.internalPressed();\n  });\n\n  public constructor() {\n    this.internalPressed.set(false);\n  }\n\n  public ngOnInit(): void {\n    this.internalPressed.set(this.defaultPressed());\n  }\n\n  public onBlur(): void {\n    this.onControlTouched();\n  }\n\n  public onPrimitivePressedChange(nextPressed: boolean): void {\n    if (this.resolvedDisabled()) {\n      return;\n    }\n\n    if (this.cvaModeEnabled()) {\n      this.cvaPressed.set(nextPressed);\n      this.onControlChange(nextPressed);\n    } else if (this.pressed() === null && !this.groupManagesState()) {\n      this.internalPressed.set(nextPressed);\n    }\n\n    this.pressedChange.emit(nextPressed);\n  }\n\n  public getAriaLabel(): string | null {\n    const explicitAriaLabel = normalizeStringValue(this.ariaLabel());\n    if (explicitAriaLabel !== null) {\n      return explicitAriaLabel;\n    }\n\n    const labelledby = normalizeStringValue(this.ariaLabelledby());\n    if (labelledby !== null) {\n      return null;\n    }\n\n    return resolveTngToggleAriaLabel(\n      this.resolvedPressed(),\n      this.pressedLabel(),\n      this.unpressedLabel(),\n    );\n  }\n\n  public registerOnChange(fn: (value: boolean) => 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    this.cvaPressed.set(value === true);\n  }\n\n  private groupItemValue(): string | null {\n    return normalizeStringValue(this.value());\n  }\n\n  private groupManagesState(): boolean {\n    return this.group !== null && this.groupItemValue() !== null;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+export declare class TngToggleGroupComponent {
+}
+//# sourceMappingURL=tng-toggle-group.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle-group.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.ts"],"names":[],"mappings":"AAGA,qBAyBa,uBAAuB;CAAG"}

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

@@ -0,0 +1,34 @@
+import { __decorate } from "tslib";
+import { Component } from '@angular/core';
+import { TngToggleGroup as TngToggleGroupPrimitive } from '@tailng-ui/primitives';
+let TngToggleGroupComponent = class TngToggleGroupComponent {
+};
+TngToggleGroupComponent = __decorate([
+    Component({
+        selector: 'tng-toggle-group',
+        templateUrl: './tng-toggle-group.component.html',
+        styleUrl: './tng-toggle-group.component.css',
+        host: {
+            class: 'tng-toggle-group',
+        },
+        hostDirectives: [
+            {
+                directive: TngToggleGroupPrimitive,
+                inputs: [
+                    'ariaLabel',
+                    'ariaLabelledby',
+                    'orientation',
+                    'selectionMode',
+                    'disabled',
+                    'value',
+                    'values',
+                    'defaultValue',
+                    'defaultValues',
+                ],
+                outputs: ['valueChange', 'valuesChange'],
+            },
+        ],
+    })
+], TngToggleGroupComponent);
+export { TngToggleGroupComponent };
+//# sourceMappingURL=tng-toggle-group.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toggle-group.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AA2B3E,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;CAAG,CAAA;AAA1B,uBAAuB;IAzBnC,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE,kCAAkC;QAC5C,IAAI,EAAE;YACJ,KAAK,EAAE,kBAAkB;SAC1B;QACD,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE;oBACN,WAAW;oBACX,gBAAgB;oBAChB,aAAa;oBACb,eAAe;oBACf,UAAU;oBACV,OAAO;oBACP,QAAQ;oBACR,cAAc;oBACd,eAAe;iBAChB;gBACD,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;aACzC;SACF;KACF,CAAC;GACW,uBAAuB,CAAG","sourcesContent":["import { Component } from '@angular/core';\nimport { TngToggleGroup as TngToggleGroupPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-toggle-group',\n  templateUrl: './tng-toggle-group.component.html',\n  styleUrl: './tng-toggle-group.component.css',\n  host: {\n    class: 'tng-toggle-group',\n  },\n  hostDirectives: [\n    {\n      directive: TngToggleGroupPrimitive,\n      inputs: [\n        'ariaLabel',\n        'ariaLabelledby',\n        'orientation',\n        'selectionMode',\n        'disabled',\n        'value',\n        'values',\n        'defaultValue',\n        'defaultValues',\n      ],\n      outputs: ['valueChange', 'valuesChange'],\n    },\n  ],\n})\nexport class TngToggleGroupComponent {}\n"]}

package/src/lib/layout/accordion/tng-accordion.component.d.ts

@@ -0,0 +1,11 @@
+export declare class TngAccordionComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected get hostAriaLabel(): string;
+}
+export declare class TngAccordionItemComponent {
+}
+export declare class TngAccordionTriggerComponent {
+}
+export declare class TngAccordionPanelComponent {
+}
+//# sourceMappingURL=tng-accordion.component.d.ts.map

package/src/lib/layout/accordion/tng-accordion.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-accordion.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.ts"],"names":[],"mappings":"AAQA,qBAca,qBAAqB;IAChC,QAAQ,CAAC,SAAS,8CAA8B;IAGhD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;CACF;AAED,qBA0Ba,yBAAyB;CAAG;AAEzC,qBA0Ca,4BAA4B;CAAG;AAE5C,qBA6Ca,0BAA0B;CAAG"}

package/src/lib/layout/accordion/tng-accordion.component.js

@@ -0,0 +1,158 @@
+import { __decorate } from "tslib";
+import { Component, HostBinding, input } from '@angular/core';
+import { TngAccordion as TngAccordionPrimitive, TngAccordionItem as TngAccordionItemPrimitive, TngAccordionPanel as TngAccordionPanelPrimitive, TngAccordionTrigger as TngAccordionTriggerPrimitive, } from '@tailng-ui/primitives';
+let TngAccordionComponent = class TngAccordionComponent {
+    ariaLabel = input('Accordion');
+    get hostAriaLabel() {
+        return this.ariaLabel();
+    }
+};
+__decorate([
+    HostBinding('attr.aria-label')
+], TngAccordionComponent.prototype, "hostAriaLabel", null);
+TngAccordionComponent = __decorate([
+    Component({
+        selector: 'tng-accordion',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngAccordionPrimitive,
+                inputs: ['type', 'value', 'defaultValue', 'collapsible', 'disabled', 'loop', 'lazy', 'keepAlive'],
+                outputs: ['valueChange', 'valuesChange', 'expandedChange', 'openStart', 'opened', 'closeStart', 'closed'],
+            },
+        ],
+        templateUrl: './tng-accordion.component.html',
+        styleUrl: './tng-accordion.component.css',
+        exportAs: 'tngAccordionComponent',
+    })
+], TngAccordionComponent);
+export { TngAccordionComponent };
+let TngAccordionItemComponent = class TngAccordionItemComponent {
+};
+TngAccordionItemComponent = __decorate([
+    Component({
+        selector: 'tng-accordion-item',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngAccordionItemPrimitive,
+                inputs: ['value', 'disabled'],
+            },
+        ],
+        template: '<section class="tng-accordion__item"><ng-content /></section>',
+        styles: `
+    :host {
+      display: block;
+      border-top: 1px solid var(--tng-semantic-border-subtle);
+    }
+
+    :host(:first-child) {
+      border-top: 0;
+    }
+
+    .tng-accordion__item {
+      display: block;
+    }
+  `,
+        exportAs: 'tngAccordionItemComponent',
+    })
+], TngAccordionItemComponent);
+export { TngAccordionItemComponent };
+let TngAccordionTriggerComponent = class TngAccordionTriggerComponent {
+};
+TngAccordionTriggerComponent = __decorate([
+    Component({
+        selector: 'tng-accordion-trigger',
+        standalone: true,
+        hostDirectives: [TngAccordionTriggerPrimitive],
+        template: '<span class="tng-accordion__trigger-content"><ng-content /></span>',
+        styles: `
+    :host {
+      align-items: center;
+      background: var(--tng-semantic-background-surface);
+      border: 0;
+      color: var(--tng-semantic-foreground-primary);
+      cursor: pointer;
+      display: flex;
+      font: inherit;
+      gap: 0.5rem;
+      justify-content: space-between;
+      min-height: 2.75rem;
+      padding: 0.8rem 1rem;
+      user-select: none;
+      width: 100%;
+    }
+
+    :host([data-disabled='true']) {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+
+    :host(:focus-visible) {
+      outline: 2px solid var(--tng-semantic-focus-ring);
+      outline-offset: -2px;
+    }
+
+    .tng-accordion__trigger-content {
+      align-items: center;
+      display: inline-flex;
+      flex: 1 1 auto;
+      justify-content: space-between;
+      width: 100%;
+    }
+  `,
+        exportAs: 'tngAccordionTriggerComponent',
+    })
+], TngAccordionTriggerComponent);
+export { TngAccordionTriggerComponent };
+let TngAccordionPanelComponent = class TngAccordionPanelComponent {
+};
+TngAccordionPanelComponent = __decorate([
+    Component({
+        selector: 'tng-accordion-panel',
+        standalone: true,
+        hostDirectives: [TngAccordionPanelPrimitive],
+        template: '<section class="tng-accordion__panel"><ng-content /></section>',
+        styles: `
+    :host {
+      display: grid;
+      grid-template-rows: 1fr;
+      opacity: 1;
+      transition:
+        grid-template-rows 180ms ease,
+        opacity 180ms ease;
+    }
+
+    :host([hidden]) {
+      display: grid !important;
+      grid-template-rows: 0fr;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    .tng-accordion__panel {
+      background: var(--tng-semantic-background-base);
+      border-top: 1px solid var(--tng-semantic-border-subtle);
+      color: var(--tng-semantic-foreground-primary);
+      display: block;
+      min-height: 0;
+      overflow: hidden;
+      padding: 0.9rem 1rem;
+      transform: translateY(0);
+      transition:
+        border-color 180ms ease,
+        padding-block 180ms ease,
+        transform 180ms ease;
+    }
+
+    :host([hidden]) .tng-accordion__panel {
+      border-top-color: transparent;
+      padding-block: 0;
+      transform: translateY(-4px);
+    }
+  `,
+        exportAs: 'tngAccordionPanelComponent',
+    })
+], TngAccordionPanelComponent);
+export { TngAccordionPanelComponent };
+//# sourceMappingURL=tng-accordion.component.js.map

package/src/lib/layout/accordion/tng-accordion.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-accordion.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,YAAY,IAAI,qBAAqB,EACrC,gBAAgB,IAAI,yBAAyB,EAC7C,iBAAiB,IAAI,0BAA0B,EAC/C,mBAAmB,IAAI,4BAA4B,GACpD,MAAM,uBAAuB,CAAC;AAgBxB,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IACvB,SAAS,GAAG,KAAK,CAAS,WAAW,CAAC,CAAC;IAGhD,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;CACF,CAAA;AAHC;IADC,WAAW,CAAC,iBAAiB,CAAC;0DAG9B;AANU,qBAAqB;IAdjC,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,qBAAqB;gBAChC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC;gBACjG,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC;aAC1G;SACF;QACD,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,+BAA+B;QACzC,QAAQ,EAAE,uBAAuB;KAClC,CAAC;GACW,qBAAqB,CAOjC;;AA4BM,IAAM,yBAAyB,GAA/B,MAAM,yBAAyB;CAAG,CAAA;AAA5B,yBAAyB;IA1BrC,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,yBAAyB;gBACpC,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;aAC9B;SACF;QACD,QAAQ,EAAE,+DAA+D;QACzE,MAAM,EAAE;;;;;;;;;;;;;GAaP;QACD,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,yBAAyB,CAAG;;AA4ClC,IAAM,4BAA4B,GAAlC,MAAM,4BAA4B;CAAG,CAAA;AAA/B,4BAA4B;IA1CxC,SAAS,CAAC;QACT,QAAQ,EAAE,uBAAuB;QACjC,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,CAAC,4BAA4B,CAAC;QAC9C,QAAQ,EAAE,oEAAoE;QAC9E,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCP;QACD,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,4BAA4B,CAAG;;AA+CrC,IAAM,0BAA0B,GAAhC,MAAM,0BAA0B;CAAG,CAAA;AAA7B,0BAA0B;IA7CtC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,CAAC,0BAA0B,CAAC;QAC5C,QAAQ,EAAE,gEAAgE;QAC1E,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCP;QACD,QAAQ,EAAE,4BAA4B;KACvC,CAAC;GACW,0BAA0B,CAAG","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport {\n  TngAccordion as TngAccordionPrimitive,\n  TngAccordionItem as TngAccordionItemPrimitive,\n  TngAccordionPanel as TngAccordionPanelPrimitive,\n  TngAccordionTrigger as TngAccordionTriggerPrimitive,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-accordion',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngAccordionPrimitive,\n      inputs: ['type', 'value', 'defaultValue', 'collapsible', 'disabled', 'loop', 'lazy', 'keepAlive'],\n      outputs: ['valueChange', 'valuesChange', 'expandedChange', 'openStart', 'opened', 'closeStart', 'closed'],\n    },\n  ],\n  templateUrl: './tng-accordion.component.html',\n  styleUrl: './tng-accordion.component.css',\n  exportAs: 'tngAccordionComponent',\n})\nexport class TngAccordionComponent {\n  readonly ariaLabel = input<string>('Accordion');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\n\n@Component({\n  selector: 'tng-accordion-item',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: TngAccordionItemPrimitive,\n      inputs: ['value', 'disabled'],\n    },\n  ],\n  template: '<section class=\"tng-accordion__item\"><ng-content /></section>',\n  styles: `\n    :host {\n      display: block;\n      border-top: 1px solid var(--tng-semantic-border-subtle);\n    }\n\n    :host(:first-child) {\n      border-top: 0;\n    }\n\n    .tng-accordion__item {\n      display: block;\n    }\n  `,\n  exportAs: 'tngAccordionItemComponent',\n})\nexport class TngAccordionItemComponent {}\n\n@Component({\n  selector: 'tng-accordion-trigger',\n  standalone: true,\n  hostDirectives: [TngAccordionTriggerPrimitive],\n  template: '<span class=\"tng-accordion__trigger-content\"><ng-content /></span>',\n  styles: `\n    :host {\n      align-items: center;\n      background: var(--tng-semantic-background-surface);\n      border: 0;\n      color: var(--tng-semantic-foreground-primary);\n      cursor: pointer;\n      display: flex;\n      font: inherit;\n      gap: 0.5rem;\n      justify-content: space-between;\n      min-height: 2.75rem;\n      padding: 0.8rem 1rem;\n      user-select: none;\n      width: 100%;\n    }\n\n    :host([data-disabled='true']) {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    :host(:focus-visible) {\n      outline: 2px solid var(--tng-semantic-focus-ring);\n      outline-offset: -2px;\n    }\n\n    .tng-accordion__trigger-content {\n      align-items: center;\n      display: inline-flex;\n      flex: 1 1 auto;\n      justify-content: space-between;\n      width: 100%;\n    }\n  `,\n  exportAs: 'tngAccordionTriggerComponent',\n})\nexport class TngAccordionTriggerComponent {}\n\n@Component({\n  selector: 'tng-accordion-panel',\n  standalone: true,\n  hostDirectives: [TngAccordionPanelPrimitive],\n  template: '<section class=\"tng-accordion__panel\"><ng-content /></section>',\n  styles: `\n    :host {\n      display: grid;\n      grid-template-rows: 1fr;\n      opacity: 1;\n      transition:\n        grid-template-rows 180ms ease,\n        opacity 180ms ease;\n    }\n\n    :host([hidden]) {\n      display: grid !important;\n      grid-template-rows: 0fr;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .tng-accordion__panel {\n      background: var(--tng-semantic-background-base);\n      border-top: 1px solid var(--tng-semantic-border-subtle);\n      color: var(--tng-semantic-foreground-primary);\n      display: block;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0.9rem 1rem;\n      transform: translateY(0);\n      transition:\n        border-color 180ms ease,\n        padding-block 180ms ease,\n        transform 180ms ease;\n    }\n\n    :host([hidden]) .tng-accordion__panel {\n      border-top-color: transparent;\n      padding-block: 0;\n      transform: translateY(-4px);\n    }\n  `,\n  exportAs: 'tngAccordionPanelComponent',\n})\nexport class TngAccordionPanelComponent {}\n"]}

package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.d.ts

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

package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-bottom-sheet.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.ts"],"names":[],"mappings":"AAGA,qBAMa,uBAAuB;IAClC,SAAgB,SAAS,8CAAiC;CAC3D"}

package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.js

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

package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-bottom-sheet.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAQ3E,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAS,cAAc,CAAC,CAAC;CAC3D,CAAA;AAFY,uBAAuB;IANnC,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,OAAO,EAAE,CAAC,uBAAuB,CAAC;QAClC,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE,kCAAkC;KAC7C,CAAC;GACW,uBAAuB,CAEnC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngBottomSheet as TngBottomSheetPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-bottom-sheet',\n  imports: [TngBottomSheetPrimitive],\n  templateUrl: './tng-bottom-sheet.component.html',\n  styleUrl: './tng-bottom-sheet.component.css',\n})\nexport class TngBottomSheetComponent {\n  public readonly ariaLabel = input<string>('Bottom Sheet');\n}\n"]}