@sonny-ui/core 0.1.0-alpha.12 → 0.1.0-alpha.14

package/src/lib/file-input/file-input.component.ts

@@ -2,7 +2,6 @@ import {
   ChangeDetectionStrategy,
   Component,
   computed,
-  effect,
   forwardRef,
   input,
   model,
@@ -74,21 +73,8 @@ export class SnyFileInputComponent implements ControlValueAccessor {
 
   private _onChange: (value: FileList | null) => void = () => {};
   protected onTouched: () => void = () => {};
-  private _writing = false;
-
-  constructor() {
-    effect(() => {
-      const val = this.value();
-      if (this._writing) {
-        this._writing = false;
-        return;
-      }
-      this._onChange(val);
-    });
-  }
 
   writeValue(val: FileList | null): void {
-    this._writing = true;
     this.value.set(val ?? null);
   }
 
@@ -148,6 +134,7 @@ export class SnyFileInputComponent implements ControlValueAccessor {
 
   clear(): void {
     this.value.set(null);
+    this._onChange(null);
     const inputEl = this.fileInputRef()?.nativeElement;
     if (inputEl) inputEl.value = '';
   }
@@ -163,6 +150,7 @@ export class SnyFileInputComponent implements ControlValueAccessor {
       }
     }
     this.value.set(files);
+    this._onChange(files);
     this.fileChange.emit(files);
   }
 }

package/src/lib/rating/rating.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, effect, forwardRef, input, model, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, forwardRef, input, model, signal } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { cn } from '../core/utils/cn';
 import { ratingVariants, type RatingSize, type RatingVariant } from './rating.variants';
@@ -62,21 +62,8 @@ export class SnyRatingComponent implements ControlValueAccessor {
 
   private _onChange: (value: number) => void = () => {};
   protected onTouched: () => void = () => {};
-  private _writing = false;
-
-  constructor() {
-    effect(() => {
-      const val = this.value();
-      if (this._writing) {
-        this._writing = false;
-        return;
-      }
-      this._onChange(val);
-    });
-  }
 
   writeValue(val: number): void {
-    this._writing = true;
     this.value.set(val ?? 0);
   }
 
@@ -133,6 +120,7 @@ export class SnyRatingComponent implements ControlValueAccessor {
   onStarClick(index: number): void {
     if (this.isDisabled()) return;
     this.value.set(index);
+    this._onChange(index);
   }
 
   onStarHover(index: number): void {
@@ -147,25 +135,30 @@ export class SnyRatingComponent implements ControlValueAccessor {
   onKeydown(event: KeyboardEvent): void {
     if (this.isDisabled()) return;
     const step = this.half() ? 0.5 : 1;
+    let newVal: number | undefined;
     switch (event.key) {
       case 'ArrowRight':
       case 'ArrowUp':
         event.preventDefault();
-        this.value.update((v) => Math.min(this.max(), v + step));
+        newVal = Math.min(this.max(), this.value() + step);
         break;
       case 'ArrowLeft':
       case 'ArrowDown':
         event.preventDefault();
-        this.value.update((v) => Math.max(0, v - step));
+        newVal = Math.max(0, this.value() - step);
         break;
       case 'Home':
         event.preventDefault();
-        this.value.set(0);
+        newVal = 0;
         break;
       case 'End':
         event.preventDefault();
-        this.value.set(this.max());
+        newVal = this.max();
         break;
     }
+    if (newVal !== undefined) {
+      this.value.set(newVal);
+      this._onChange(newVal);
+    }
   }
 }

package/src/lib/select/select.component.ts

@@ -2,7 +2,6 @@ import {
   ChangeDetectionStrategy,
   Component,
   computed,
-  effect,
   ElementRef,
   forwardRef,
   HostListener,
@@ -56,7 +55,7 @@ export interface SelectOption {
         #dropdownEl
         class="fixed z-50 rounded-sm border border-border bg-popover text-popover-foreground shadow-md"
       >
-        <ul role="listbox" class="max-h-60 overflow-auto p-1">
+        <ul role="listbox" class="max-h-60 overflow-auto p-1 sny-scrollbar">
           @for (opt of options(); track opt.value; let i = $index) {
             <li
               role="option"
@@ -101,21 +100,8 @@ export class SnySelectComponent implements ControlValueAccessor, OnDestroy {
 
   private _onChange: (value: string) => void = () => {};
   protected onTouched: () => void = () => {};
-  private _writing = false;
-
-  constructor() {
-    effect(() => {
-      const val = this.value();
-      if (this._writing) {
-        this._writing = false;
-        return;
-      }
-      this._onChange(val);
-    });
-  }
 
   writeValue(val: string): void {
-    this._writing = true;
     this.value.set(val ?? '');
   }
 
@@ -207,6 +193,7 @@ export class SnySelectComponent implements ControlValueAccessor, OnDestroy {
 
   select(opt: SelectOption): void {
     this.value.set(opt.value);
+    this._onChange(opt.value);
     this.close();
   }
 

package/src/lib/slider/slider.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, forwardRef, input, model, OnDestroy, signal, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, ElementRef, forwardRef, input, model, OnDestroy, signal, viewChild } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { cn } from '../core/utils/cn';
 import { sliderTrackVariants, sliderThumbSize, type SliderSize } from './slider.variants';
@@ -55,21 +55,8 @@ export class SnySliderComponent implements ControlValueAccessor, OnDestroy {
 
   private _onChange: (value: number) => void = () => {};
   protected onTouched: () => void = () => {};
-  private _writing = false;
-
-  constructor() {
-    effect(() => {
-      const val = this.value();
-      if (this._writing) {
-        this._writing = false;
-        return;
-      }
-      this._onChange(val);
-    });
-  }
 
   writeValue(val: number): void {
-    this._writing = true;
     this.value.set(val ?? 0);
   }
 
@@ -110,7 +97,9 @@ export class SnySliderComponent implements ControlValueAccessor, OnDestroy {
     const percent = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
     const raw = this.min() + percent * (this.max() - this.min());
     const stepped = Math.round(raw / this.step()) * this.step();
-    this.value.set(Math.max(this.min(), Math.min(this.max(), stepped)));
+    const clamped = Math.max(this.min(), Math.min(this.max(), stepped));
+    this.value.set(clamped);
+    this._onChange(clamped);
   }
 
   onTrackMousedown(event: MouseEvent): void {
@@ -147,26 +136,31 @@ export class SnySliderComponent implements ControlValueAccessor, OnDestroy {
   onKeydown(event: KeyboardEvent): void {
     if (this.isDisabled()) return;
     const step = this.step();
+    let newVal: number | undefined;
     switch (event.key) {
       case 'ArrowRight':
       case 'ArrowUp':
         event.preventDefault();
-        this.value.set(Math.min(this.max(), this.value() + step));
+        newVal = Math.min(this.max(), this.value() + step);
         break;
       case 'ArrowLeft':
       case 'ArrowDown':
         event.preventDefault();
-        this.value.set(Math.max(this.min(), this.value() - step));
+        newVal = Math.max(this.min(), this.value() - step);
         break;
       case 'Home':
         event.preventDefault();
-        this.value.set(this.min());
+        newVal = this.min();
         break;
       case 'End':
         event.preventDefault();
-        this.value.set(this.max());
+        newVal = this.max();
         break;
     }
+    if (newVal !== undefined) {
+      this.value.set(newVal);
+      this._onChange(newVal);
+    }
   }
 
   private removeListeners(): void {

package/src/lib/switch/switch.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, effect, forwardRef, input, model, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, forwardRef, input, model, signal } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { cn } from '../core/utils/cn';
 import { switchTrackVariants, switchThumbSize, switchThumbTranslate, type SwitchSize } from './switch.variants';
@@ -18,7 +18,7 @@ import { switchTrackVariants, switchThumbSize, switchThumbTranslate, type Switch
       [attr.aria-checked]="checked()"
       [disabled]="isDisabled()"
       [class]="trackClass()"
-      (click)="checked.set(!checked())"
+      (click)="toggle()"
       (blur)="onTouched()"
     >
       <span [class]="thumbClass()"></span>
@@ -36,21 +36,8 @@ export class SnySwitchComponent implements ControlValueAccessor {
 
   private _onChange: (value: boolean) => void = () => {};
   protected onTouched: () => void = () => {};
-  private _writing = false;
-
-  constructor() {
-    effect(() => {
-      const val = this.checked();
-      if (this._writing) {
-        this._writing = false;
-        return;
-      }
-      this._onChange(val);
-    });
-  }
 
   writeValue(val: boolean): void {
-    this._writing = true;
     this.checked.set(val ?? false);
   }
 
@@ -66,6 +53,12 @@ export class SnySwitchComponent implements ControlValueAccessor {
     this._disabledByCva.set(isDisabled);
   }
 
+  toggle(): void {
+    const newVal = !this.checked();
+    this.checked.set(newVal);
+    this._onChange(newVal);
+  }
+
   protected readonly trackClass = computed(() =>
     cn(
       switchTrackVariants({ size: this.size() }),

package/src/lib/toggle/toggle.directive.ts

@@ -1,4 +1,4 @@
-import { Directive, computed, effect, forwardRef, input, model, signal } from '@angular/core';
+import { Directive, computed, forwardRef, input, model, signal } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { cn } from '../core/utils/cn';
 import { toggleVariants, type ToggleVariant, type ToggleSize } from './toggle.variants';
@@ -28,21 +28,8 @@ export class SnyToggleDirective implements ControlValueAccessor {
 
   private _onChange: (value: boolean) => void = () => {};
   protected onTouched: () => void = () => {};
-  private _writing = false;
-
-  constructor() {
-    effect(() => {
-      const val = this.pressed();
-      if (this._writing) {
-        this._writing = false;
-        return;
-      }
-      this._onChange(val);
-    });
-  }
 
   writeValue(val: boolean): void {
-    this._writing = true;
     this.pressed.set(val ?? false);
   }
 
@@ -60,7 +47,9 @@ export class SnyToggleDirective implements ControlValueAccessor {
 
   protected toggle(): void {
     if (this.isDisabled()) return;
-    this.pressed.set(!this.pressed());
+    const newVal = !this.pressed();
+    this.pressed.set(newVal);
+    this._onChange(newVal);
   }
 
   protected readonly computedClass = computed(() =>

package/src/styles/sonny-theme.css

@@ -17,6 +17,8 @@
   --color-destructive-foreground: var(--sny-destructive-foreground);
   --color-card: var(--sny-card);
   --color-card-foreground: var(--sny-card-foreground);
+  --color-popover: var(--sny-popover);
+  --color-popover-foreground: var(--sny-popover-foreground);
   --color-border: var(--sny-border);
   --color-input: var(--sny-input);
   --color-ring: var(--sny-ring);
@@ -38,6 +40,8 @@
   --sny-destructive-foreground: #fafafa;
   --sny-card: #ffffff;
   --sny-card-foreground: #0a0a0a;
+  --sny-popover: #ffffff;
+  --sny-popover-foreground: #0a0a0a;
   --sny-border: #e5e5e5;
   --sny-input: #e5e5e5;
   --sny-ring: #0a0a0a;
@@ -60,6 +64,8 @@
   --sny-destructive-foreground: #fafafa;
   --sny-card: #0a0a0a;
   --sny-card-foreground: #fafafa;
+  --sny-popover: #171717;
+  --sny-popover-foreground: #fafafa;
   --sny-border: #262626;
   --sny-input: #262626;
   --sny-ring: #d4d4d4;
@@ -80,12 +86,39 @@
   --sny-destructive-foreground: #ffffff;
   --sny-card: #ffffff;
   --sny-card-foreground: #0f172a;
+  --sny-popover: #ffffff;
+  --sny-popover-foreground: #0f172a;
   --sny-border: #cbd5e1;
   --sny-input: #cbd5e1;
   --sny-ring: #3b82f6;
   --sny-radius: 0.375rem;
 }
 
+/* ─── Custom scrollbar ─── */
+
+.sny-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: var(--sny-muted-foreground) transparent;
+}
+
+.sny-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.sny-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.sny-scrollbar::-webkit-scrollbar-thumb {
+  background-color: var(--sny-muted-foreground);
+  border-radius: 9999px;
+}
+
+.sny-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sny-foreground);
+}
+
 /* ─── Dialog / Sheet overlay ─── */
 
 .sny-dialog-backdrop {

package/types/sonny-ui-core.d.ts

@@ -1,7 +1,7 @@
 import { ClassValue } from 'clsx';
 export { VariantProps, cva } from 'class-variance-authority';
 import * as _angular_core from '@angular/core';
-import { InjectionToken, EnvironmentProviders, OnDestroy } from '@angular/core';
+import { InjectionToken, EnvironmentProviders, OnDestroy, TemplateRef } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as _sonny_ui_core from '@sonny-ui/core';
 import { ComponentType } from '@angular/cdk/overlay';
@@ -412,8 +412,6 @@ declare class SnyComboboxComponent implements ControlValueAccessor, OnDestroy {
     private resizeHandler;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -479,12 +477,11 @@ declare class SnySwitchComponent implements ControlValueAccessor {
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: boolean): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
     protected readonly trackClass: _angular_core.Signal<string>;
     protected readonly thumbClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnySwitchComponent, never>;
@@ -507,8 +504,6 @@ declare class SnyToggleDirective implements ControlValueAccessor {
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: boolean): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -539,8 +534,6 @@ declare class SnySliderComponent implements ControlValueAccessor, OnDestroy {
     private upHandler;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: number): void;
     registerOnChange(fn: (value: number) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -639,8 +632,6 @@ declare class SnySelectComponent implements ControlValueAccessor, OnDestroy {
     private resizeHandler;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -728,6 +719,112 @@ declare class SnyTableCaptionDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableCaptionDirective, "caption[snyTableCaption]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class SnyCellDefDirective {
+    readonly snyCell: _angular_core.InputSignal<string>;
+    readonly template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCellDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCellDefDirective, "[snyCell]", never, { "snyCell": { "alias": "snyCell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class SnyHeaderCellDefDirective {
+    readonly snyHeaderCell: _angular_core.InputSignal<string>;
+    readonly template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyHeaderCellDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyHeaderCellDefDirective, "[snyHeaderCell]", never, { "snyHeaderCell": { "alias": "snyHeaderCell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class SnyBulkActionsDefDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBulkActionsDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBulkActionsDefDirective, "[snyBulkActions]", never, {}, {}, never, never, true, never>;
+}
+declare class SnyRowExpandDefDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyRowExpandDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyRowExpandDefDirective, "[snyRowExpand]", never, {}, {}, never, never, true, never>;
+}
+
+interface DataTableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string;
+    visible?: boolean;
+}
+type SortDirection = 'asc' | 'desc' | null;
+interface SortState {
+    key: string;
+    direction: SortDirection;
+}
+interface DataTablePaginationConfig {
+    pageSize: number;
+    pageSizeOptions: number[];
+}
+
+declare class SnyDataTableComponent {
+    readonly columns: _angular_core.InputSignal<DataTableColumn[]>;
+    readonly data: _angular_core.InputSignal<Record<string, unknown>[]>;
+    readonly variant: _angular_core.InputSignal<TableVariant>;
+    readonly density: _angular_core.InputSignal<TableDensity>;
+    readonly hoverable: _angular_core.InputSignal<boolean>;
+    readonly stickyHeader: _angular_core.InputSignal<boolean>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly paginated: _angular_core.InputSignal<boolean>;
+    readonly filterable: _angular_core.InputSignal<boolean>;
+    readonly showExport: _angular_core.InputSignal<boolean>;
+    readonly showColumnToggle: _angular_core.InputSignal<boolean>;
+    readonly expandable: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loadingRows: _angular_core.InputSignal<number>;
+    readonly paginationConfig: _angular_core.InputSignal<DataTablePaginationConfig>;
+    readonly trackBy: _angular_core.InputSignal<string>;
+    readonly noDataText: _angular_core.InputSignal<string>;
+    readonly selectedRows: _angular_core.ModelSignal<Record<string, unknown>[]>;
+    readonly sortChanged: _angular_core.OutputEmitterRef<SortState>;
+    readonly rowClicked: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    readonly dataExported: _angular_core.OutputEmitterRef<Record<string, unknown>[]>;
+    readonly cellDefs: _angular_core.Signal<readonly SnyCellDefDirective[]>;
+    readonly headerCellDefs: _angular_core.Signal<readonly SnyHeaderCellDefDirective[]>;
+    readonly bulkActionsDef: _angular_core.Signal<SnyBulkActionsDefDirective | undefined>;
+    readonly rowExpandDef: _angular_core.Signal<SnyRowExpandDefDirective | undefined>;
+    readonly sortState: _angular_core.WritableSignal<SortState>;
+    readonly filterText: _angular_core.WritableSignal<string>;
+    readonly currentPage: _angular_core.WritableSignal<number>;
+    readonly pageSize: _angular_core.WritableSignal<number>;
+    readonly hiddenColumns: _angular_core.WritableSignal<Set<string>>;
+    readonly expandedRows: _angular_core.WritableSignal<Set<unknown>>;
+    readonly cellDefMap: _angular_core.Signal<Map<string, TemplateRef<unknown>>>;
+    readonly headerCellDefMap: _angular_core.Signal<Map<string, TemplateRef<unknown>>>;
+    readonly visibleColumns: _angular_core.Signal<DataTableColumn[]>;
+    readonly pageSizeOptions: _angular_core.Signal<SelectOption[]>;
+    readonly pageSizeValue: _angular_core.Signal<string>;
+    readonly skeletonRows: _angular_core.Signal<number[]>;
+    readonly showBulkActions: _angular_core.Signal<boolean>;
+    readonly filteredData: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly sortedData: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly totalPages: _angular_core.Signal<number>;
+    readonly paginatedData: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly totalColSpan: _angular_core.Signal<number>;
+    readonly allSelected: _angular_core.Signal<boolean>;
+    readonly someSelected: _angular_core.Signal<boolean>;
+    constructor();
+    toggleSort(key: string): void;
+    onFilterInput(event: Event): void;
+    onPageSizeChange(value: string): void;
+    toggleSelectAll(): void;
+    toggleRowSelection(row: Record<string, unknown>): void;
+    onRowClick(row: Record<string, unknown>): void;
+    onExport(): void;
+    toggleColumnVisibility(key: string): void;
+    toggleRowExpansion(row: Record<string, unknown>): void;
+    isExpanded(row: Record<string, unknown>): boolean;
+    isSelected(row: Record<string, unknown>): boolean;
+    trackByFn(row: Record<string, unknown>, index: number): unknown;
+    private isRowInList;
+    private rowsEqual;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDataTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDataTableComponent, "sny-data-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "showColumnToggle": { "alias": "showColumnToggle"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingRows": { "alias": "loadingRows"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; }, { "selectedRows": "selectedRowsChange"; "sortChanged": "sortChanged"; "rowClicked": "rowClicked"; "dataExported": "dataExported"; }, ["cellDefs", "headerCellDefs", "bulkActionsDef", "rowExpandDef"], never, true, never>;
+}
+
 interface CdkDialogRefLike<R> {
     close(result?: R): void;
     readonly closed: Observable<R | undefined>;
@@ -983,8 +1080,6 @@ declare class SnyFileInputComponent implements ControlValueAccessor {
     readonly isDragOver: _angular_core.WritableSignal<boolean>;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: FileList | null): void;
     registerOnChange(fn: (value: FileList | null) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1050,8 +1145,6 @@ declare class SnyRatingComponent implements ControlValueAccessor {
     readonly hoverValue: _angular_core.WritableSignal<number | null>;
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: number): void;
     registerOnChange(fn: (value: number) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1562,8 +1655,6 @@ declare class SnyCalendarComponent implements ControlValueAccessor {
     readonly weekDays: string[];
     private _onChange;
     protected onTouched: () => void;
-    private _writing;
-    constructor();
     writeValue(val: Date | null): void;
     registerOnChange(fn: (value: Date | null) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1604,5 +1695,5 @@ declare class SnyValidatorHintDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyValidatorHintDirective, "[snyValidatorHint]", never, { "when": { "alias": "when"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyPaginationComponent, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, inputVariants, kbdVariants, labelVariants, linkVariants, loaderVariants, paginationItemVariants, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
-export type { AlertVariant, AvatarSize, AvatarVariant, BadgeSize, BadgeVariant, ButtonGroupOrientation, ButtonSize, ButtonVariant, CardPadding, CardVariant, ChatBubbleAlign, ChatBubbleContentVariant, CheckboxSize, ComboboxOption, ComboboxSize, DividerOrientation, DividerVariant, DockPosition, DrawerSide, DropdownItemVariant, FabDirection, FabPosition, FieldsetVariant, FileInputSize, FileInputVariant, IndicatorPosition, IndicatorVariant, InputSize, InputVariant, KbdSize, LinkVariant, ListVariant, LoaderSize, LoaderVariant, NavbarVariant, PaginationSize, PaginationVariant, ProgressSize, ProgressVariant, RadialProgressSize, RadialProgressVariant, RadioSize, RatingSize, RatingVariant, SelectOption, SelectSize, SheetSide, SkeletonSize, SkeletonVariant, SliderSize, SnyDialogConfig, SnySheetConfig, SonnyConfig, StatDescriptionVariant, StatusSize, StatusVariant, StepStatus, StepsOrientation, StepsSize, SwitchSize, TableDensity, TableVariant, TextareaResize, TextareaSize, TextareaVariant, Theme, TimelineConnect, TimelineMiddleVariant, TimelineOrientation, ToastAction, ToastConfig, ToastData, ToastPosition, ToastVariant, ToggleSize, ToggleVariant, TooltipPosition, ValidatorHintVariant };
+export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyBulkActionsDefDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyCellDefDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDataTableComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyHeaderCellDefDirective, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyPaginationComponent, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnyRowExpandDefDirective, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, inputVariants, kbdVariants, labelVariants, linkVariants, loaderVariants, paginationItemVariants, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
+export type { AlertVariant, AvatarSize, AvatarVariant, BadgeSize, BadgeVariant, ButtonGroupOrientation, ButtonSize, ButtonVariant, CardPadding, CardVariant, ChatBubbleAlign, ChatBubbleContentVariant, CheckboxSize, ComboboxOption, ComboboxSize, DataTableColumn, DataTablePaginationConfig, DividerOrientation, DividerVariant, DockPosition, DrawerSide, DropdownItemVariant, FabDirection, FabPosition, FieldsetVariant, FileInputSize, FileInputVariant, IndicatorPosition, IndicatorVariant, InputSize, InputVariant, KbdSize, LinkVariant, ListVariant, LoaderSize, LoaderVariant, NavbarVariant, PaginationSize, PaginationVariant, ProgressSize, ProgressVariant, RadialProgressSize, RadialProgressVariant, RadioSize, RatingSize, RatingVariant, SelectOption, SelectSize, SheetSide, SkeletonSize, SkeletonVariant, SliderSize, SnyDialogConfig, SnySheetConfig, SonnyConfig, SortDirection, SortState, StatDescriptionVariant, StatusSize, StatusVariant, StepStatus, StepsOrientation, StepsSize, SwitchSize, TableDensity, TableVariant, TextareaResize, TextareaSize, TextareaVariant, Theme, TimelineConnect, TimelineMiddleVariant, TimelineOrientation, ToastAction, ToastConfig, ToastData, ToastPosition, ToastVariant, ToggleSize, ToggleVariant, TooltipPosition, ValidatorHintVariant };