yukit-web 0.0.23 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { ClassValue } from 'clsx';
2
2
  import * as _angular_core from '@angular/core';
3
- import { ModelSignal, Type, Provider, InputSignal, InputSignalWithTransform, TemplateRef, OnInit, Signal } from '@angular/core';
3
+ import { ModelSignal, InputSignal, InputSignalWithTransform, Type, Provider, TemplateRef, OnInit, Signal } from '@angular/core';
4
4
  import { ControlValueAccessor } from '@angular/forms';
5
5
  import { ButtonVariants } from 'yukit-web/helm/button';
6
6
  import * as i1 from 'yukit-web/helm/badge';
@@ -74,6 +74,23 @@ declare class YuwClassDirective {
74
74
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwClassDirective, "[yuwClass]", never, { "yuwClass": { "alias": "yuwClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
75
75
  }
76
76
 
77
+ type YuwInputTypeDto = 'text' | 'email' | 'tel' | 'url' | 'number';
78
+ type YuwInputModeDto = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
79
+ type YuwFieldSizeDto = 'default' | 'xs' | 'sm' | 'lg';
80
+ interface YuwTextFieldContract {
81
+ readonly value: ModelSignal<string>;
82
+ readonly inputId: InputSignal<string | undefined>;
83
+ readonly placeholder: InputSignal<string | undefined>;
84
+ readonly disabled: InputSignalWithTransform<boolean, unknown>;
85
+ readonly readonly: InputSignalWithTransform<boolean, unknown>;
86
+ readonly required: InputSignalWithTransform<boolean, unknown>;
87
+ readonly invalid: InputSignalWithTransform<boolean, unknown>;
88
+ readonly helperText: InputSignal<string | undefined>;
89
+ readonly errorText: InputSignal<string | undefined>;
90
+ readonly name: InputSignal<string | undefined>;
91
+ readonly autocomplete: InputSignal<string | undefined>;
92
+ }
93
+
77
94
  /**
78
95
  * Registers a component as a form control, so `formControlName`/`formControl`/`ngModel` bind to it.
79
96
  *
@@ -101,39 +118,61 @@ declare function provideValueAccessor(component: Type<unknown>): Provider;
101
118
  * and `control.disable()` go through). Letting either one own a single signal means the last
102
119
  * writer wins and the other is silently ignored — the classic bug in hand-rolled accessors.
103
120
  *
104
- * They're kept as two separate signals and OR'd together in `disabledState`: disabled by *either*
121
+ * They're kept as two separate signals and OR'd together in `_disabled`: disabled by *either*
105
122
  * source means disabled. That's the only combination that never drops a caller's intent.
106
123
  */
107
124
  declare abstract class YuwValueAccessorBase<T> implements ControlValueAccessor {
125
+ private readonly _host;
126
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
127
+ protected abstract readonly _focusSelectors: readonly string[];
108
128
  protected readonly _formDisabled: _angular_core.WritableSignal<boolean>;
109
129
  private _onChange;
110
130
  private _onTouched;
111
131
  abstract readonly value: ModelSignal<T>;
132
+ protected readonly _disabled: _angular_core.Signal<boolean>;
133
+ blur(): void;
134
+ focus(options?: FocusOptions): void;
112
135
  registerOnChange(fn: (value: T) => void): void;
113
136
  registerOnTouched(fn: () => void): void;
114
137
  setDisabledState(isDisabled: boolean): void;
115
138
  writeValue(value: T | null | undefined): void;
116
139
  protected _commit(next: T): void;
117
140
  protected abstract _emptyValue(): T;
118
- protected _isDisabled(ownDisabled: boolean): boolean;
119
141
  protected _onBlur(): void;
142
+ private _focusTarget;
120
143
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwValueAccessorBase<any>, never>;
121
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwValueAccessorBase<any>, never, never, {}, {}, never, never, true, never>;
144
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwValueAccessorBase<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
122
145
  }
123
146
 
124
- type YuwInputTypeDto = 'text' | 'email' | 'tel' | 'url' | 'number';
125
- type YuwInputModeDto = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
126
- type YuwFieldSizeDto = 'default' | 'xs' | 'sm' | 'lg';
127
- interface YuwTextFieldContract {
128
- readonly value: ModelSignal<string>;
129
- readonly inputId: InputSignal<string | undefined>;
130
- readonly placeholder: InputSignal<string | undefined>;
131
- readonly disabled: InputSignalWithTransform<boolean, unknown>;
132
- readonly readonly: InputSignalWithTransform<boolean, unknown>;
133
- readonly required: InputSignalWithTransform<boolean, unknown>;
134
- readonly invalid: InputSignalWithTransform<boolean, unknown>;
135
- readonly name: InputSignal<string | undefined>;
136
- readonly autocomplete: InputSignal<string | undefined>;
147
+ /**
148
+ * Shared surface of the single-value text controls (`yuw-input`, `yuw-password-input`,
149
+ * `yuw-textarea`, `yuw-search-input`).
150
+ *
151
+ * Owns every input of `YuwTextFieldContract` plus `class` and `committed`, so the four controls
152
+ * can't drift apart — the Liskov rule in `AGENTS.md`: same-role components share one input
153
+ * contract. Anything only some of them honor (`maxlength`, `size`, `enterPressed`, …) stays on the
154
+ * component, never here.
155
+ *
156
+ * Subclasses provide `_autoId`, the fallback `id` used when the consumer sets no `inputId`.
157
+ */
158
+ declare abstract class YuwTextFieldBase extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
159
+ readonly autocomplete: _angular_core.InputSignal<string | undefined>;
160
+ readonly errorText: _angular_core.InputSignal<string | undefined>;
161
+ readonly helperText: _angular_core.InputSignal<string | undefined>;
162
+ readonly inputId: _angular_core.InputSignal<string | undefined>;
163
+ readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
164
+ readonly name: _angular_core.InputSignal<string | undefined>;
165
+ readonly placeholder: _angular_core.InputSignal<string | undefined>;
166
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
167
+ readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
168
+ readonly userClass: _angular_core.InputSignal<string>;
169
+ readonly value: _angular_core.ModelSignal<string>;
170
+ readonly committed: _angular_core.OutputEmitterRef<string>;
171
+ protected abstract readonly _autoId: string;
172
+ protected readonly _inputId: _angular_core.Signal<string>;
173
+ protected _emptyValue(): string;
174
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTextFieldBase, never>;
175
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTextFieldBase, never, never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, never, never, true, never>;
137
176
  }
138
177
 
139
178
  type YuwColorDto = 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info' | 'muted' | 'violet';
@@ -189,12 +228,12 @@ declare class YuwButtonComponent {
189
228
  readonly transparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
190
229
  readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
191
230
  readonly userClass: _angular_core.InputSignal<string>;
192
- readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
231
+ readonly variant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
193
232
  readonly yuwDropdownMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
194
233
  readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
195
234
  protected readonly _animationDisabled: _angular_core.Signal<boolean>;
196
235
  protected readonly _btnClass: _angular_core.Signal<string>;
197
- protected readonly _effectiveVariant: _angular_core.Signal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
236
+ protected readonly _effectiveVariant: _angular_core.Signal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
198
237
  protected onClick(event: MouseEvent): void;
199
238
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwButtonComponent, never>;
200
239
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwButtonComponent, "yuw-button", never, { "animationDisabled": { "alias": "animationDisabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "yuwDropdownMenuTrigger": { "alias": "yuwDropdownMenuTrigger"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*", "*"], true, never>;
@@ -307,14 +346,14 @@ declare class YuwButtonGroupComponent {
307
346
  readonly color: _angular_core.InputSignal<YuwColorDto>;
308
347
  readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
309
348
  readonly selectedColor: _angular_core.InputSignal<YuwColorDto | undefined>;
310
- readonly selectedVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
349
+ readonly selectedVariant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
311
350
  readonly size: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
312
- readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
351
+ readonly variant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
313
352
  readonly buttonClicked: _angular_core.OutputEmitterRef<YuwButtonGroupClickDto>;
314
353
  protected readonly _resolved: _angular_core.Signal<{
315
354
  interactive: boolean;
316
355
  template: _angular_core.TemplateRef<unknown> | undefined;
317
- variant: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
356
+ variant: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
318
357
  size: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
319
358
  color: YuwColorDto;
320
359
  transparent: boolean;
@@ -378,7 +417,7 @@ declare class YuwBadgeComponent {
378
417
  readonly color: _angular_core.InputSignal<YuwColorDto>;
379
418
  readonly dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
380
419
  readonly removeLabel: _angular_core.InputSignal<string | undefined>;
381
- readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
420
+ readonly variant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
382
421
  readonly removed: _angular_core.OutputEmitterRef<void>;
383
422
  protected readonly dotClass: _angular_core.Signal<"" | "size-4 p-0">;
384
423
  protected readonly removeClass: _angular_core.Signal<string>;
@@ -557,7 +596,6 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
557
596
  private readonly _panel;
558
597
  protected readonly itemTemplate: _angular_core.Signal<YuwComboboxItemDirective<TData> | undefined>;
559
598
  readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
560
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
561
599
  readonly emptyText: _angular_core.InputSignal<string | undefined>;
562
600
  readonly inputId: _angular_core.InputSignal<string | undefined>;
563
601
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -570,12 +608,12 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
570
608
  readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
571
609
  readonly triggerAriaLabel: _angular_core.InputSignal<string>;
572
610
  readonly value: _angular_core.ModelSignal<YuwComboboxValue>;
611
+ protected readonly _focusSelectors: string[];
573
612
  private readonly _generatedId;
574
613
  protected readonly _itemToString: (value: string) => string;
575
614
  protected readonly _chipsClass: _angular_core.Signal<string>;
576
615
  protected readonly _clearVisible: _angular_core.Signal<boolean>;
577
616
  protected readonly _controlId: _angular_core.Signal<string>;
578
- protected readonly _disabled: _angular_core.Signal<boolean>;
579
617
  protected readonly _fieldClass: _angular_core.Signal<string>;
580
618
  private readonly _labelByValue;
581
619
  protected readonly _multipleValue: _angular_core.Signal<string[]>;
@@ -590,7 +628,7 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
590
628
  protected _onFocusOut(event: FocusEvent): void;
591
629
  protected onValueChange(next: YuwComboboxValue | null): void;
592
630
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwComboboxComponent<any>, never>;
593
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate"], never, true, never>;
631
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate"], never, true, never>;
594
632
  }
595
633
 
596
634
  /**
@@ -678,7 +716,11 @@ declare const YuwAccordionImports: readonly [typeof YuwAccordion, typeof YuwAcco
678
716
  * - `disabled`: Disables input interaction.
679
717
  * - `readonly`: Makes the field read-only.
680
718
  * - `required`: Marks the field as required.
681
- * - `invalid`: Forces invalid styling.
719
+ * - `invalid`: Forces invalid styling. Applied from the first blur on, so a pristine field is not flagged while typing.
720
+ * - `helperText`: Hint shown under the field. Replaced by the error while one is displayed.
721
+ * - `errorText`: Error shown under the field while it is in its error state (form validation or
722
+ * `invalid`). Overrides the `message` carried by the bound control's validation errors (signal or
723
+ * reactive forms); required when no such message exists.
682
724
  * - `name`: HTML `name` attribute.
683
725
  * - `autocomplete`: Native `autocomplete` attribute.
684
726
  * - `maxlength`: Hard cap on character count, enforced natively by the browser.
@@ -697,36 +739,25 @@ declare const YuwAccordionImports: readonly [typeof YuwAccordion, typeof YuwAcco
697
739
  * </yuw-input>
698
740
  * ```
699
741
  */
700
- declare class YuwInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
742
+ declare class YuwInputComponent extends YuwTextFieldBase {
701
743
  private readonly _leftAddons;
702
744
  private readonly _rightAddons;
703
- readonly autocomplete: _angular_core.InputSignal<string | undefined>;
704
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
705
- readonly inputId: _angular_core.InputSignal<string | undefined>;
706
745
  readonly inputmode: _angular_core.InputSignal<YuwInputModeDto | undefined>;
707
- readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
708
746
  readonly maxlength: _angular_core.InputSignal<number | undefined>;
709
- readonly name: _angular_core.InputSignal<string | undefined>;
710
- readonly placeholder: _angular_core.InputSignal<string | undefined>;
711
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
712
- readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
713
747
  readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
714
748
  readonly type: _angular_core.InputSignal<YuwInputTypeDto>;
715
- readonly userClass: _angular_core.InputSignal<string>;
716
- readonly value: _angular_core.ModelSignal<string>;
717
- readonly committed: _angular_core.OutputEmitterRef<string>;
749
+ readonly enterPressed: _angular_core.OutputEmitterRef<void>;
718
750
  protected readonly _autoId: string;
751
+ protected readonly _focusSelectors: string[];
719
752
  protected readonly _classes: _angular_core.Signal<string>;
720
- protected readonly _disabled: _angular_core.Signal<boolean>;
721
753
  protected readonly _hasLeftAddon: _angular_core.Signal<boolean>;
722
754
  protected readonly _hasRightAddon: _angular_core.Signal<boolean>;
723
755
  protected readonly _hasAddons: _angular_core.Signal<boolean>;
724
- protected readonly _inputId: _angular_core.Signal<string>;
725
- protected _emptyValue(): string;
726
756
  protected onChange(): void;
757
+ protected onEnterPressed(): void;
727
758
  protected onInput(event: Event): void;
728
759
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwInputComponent, never>;
729
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputComponent, "yuw-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
760
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputComponent, "yuw-input", never, { "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "enterPressed": "enterPressed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
730
761
  }
731
762
 
732
763
  /**
@@ -754,7 +785,11 @@ declare const YuwInputAddonImports: readonly [typeof YuwLeftAddonDirective, type
754
785
  * - `disabled`: Disables input interaction.
755
786
  * - `readonly`: Makes the field read-only.
756
787
  * - `required`: Marks the field as required.
757
- * - `invalid`: Forces invalid styling.
788
+ * - `invalid`: Forces invalid styling. Applied from the first blur on, so a pristine field is not flagged while typing.
789
+ * - `helperText`: Hint shown under the field. Replaced by the error while one is displayed.
790
+ * - `errorText`: Error shown under the field while it is in its error state (form validation or
791
+ * `invalid`). Overrides the `message` carried by the bound control's validation errors (signal or
792
+ * reactive forms); required when no such message exists.
758
793
  * - `name`: HTML `name` attribute.
759
794
  * - `autocomplete`: Native `autocomplete` attribute.
760
795
  * - `rows`: Fallback visible height in lines where `field-sizing` is unsupported; ignored otherwise.
@@ -771,34 +806,21 @@ declare const YuwInputAddonImports: readonly [typeof YuwLeftAddonDirective, type
771
806
  * <yuw-textarea formControlName="comments" [maxlength]="500" />
772
807
  * ```
773
808
  */
774
- declare class YuwTextareaComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
809
+ declare class YuwTextareaComponent extends YuwTextFieldBase {
775
810
  private readonly _leftAddons;
776
811
  private readonly _rightAddons;
777
- readonly autocomplete: _angular_core.InputSignal<string | undefined>;
778
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
779
- readonly inputId: _angular_core.InputSignal<string | undefined>;
780
- readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
781
812
  readonly maxlength: _angular_core.InputSignal<number | undefined>;
782
- readonly name: _angular_core.InputSignal<string | undefined>;
783
- readonly placeholder: _angular_core.InputSignal<string | undefined>;
784
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
785
- readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
786
813
  readonly rows: _angular_core.InputSignal<number | undefined>;
787
- readonly userClass: _angular_core.InputSignal<string>;
788
- readonly value: _angular_core.ModelSignal<string>;
789
- readonly committed: _angular_core.OutputEmitterRef<string>;
790
814
  protected readonly _autoId: string;
815
+ protected readonly _focusSelectors: string[];
791
816
  protected readonly _classes: _angular_core.Signal<string>;
792
- protected readonly _disabled: _angular_core.Signal<boolean>;
793
817
  protected readonly _hasLeftAddon: _angular_core.Signal<boolean>;
794
818
  protected readonly _hasRightAddon: _angular_core.Signal<boolean>;
795
819
  protected readonly _hasAddons: _angular_core.Signal<boolean>;
796
- protected readonly _inputId: _angular_core.Signal<string>;
797
- protected _emptyValue(): string;
798
820
  protected onChange(): void;
799
821
  protected onInput(event: Event): void;
800
822
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTextareaComponent, never>;
801
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwTextareaComponent, "yuw-textarea", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
823
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwTextareaComponent, "yuw-textarea", never, { "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
802
824
  }
803
825
 
804
826
  /**
@@ -818,7 +840,11 @@ type YuwSearchInputCollapseFromDto = 'left' | 'right';
818
840
  * - `disabled`: Disables input interaction.
819
841
  * - `readonly`: Makes the field read-only.
820
842
  * - `required`: Marks the field as required.
821
- * - `invalid`: Forces invalid styling.
843
+ * - `invalid`: Forces invalid styling. Applied from the first blur on, so a pristine field is not flagged while typing.
844
+ * - `helperText`: Hint shown under the field. Replaced by the error while one is displayed.
845
+ * - `errorText`: Error shown under the field while it is in its error state (form validation or
846
+ * `invalid`). Overrides the `message` carried by the bound control's validation errors (signal or
847
+ * reactive forms); required when no such message exists.
822
848
  * - `name`: HTML `name` attribute.
823
849
  * - `autocomplete`: Native `autocomplete` attribute.
824
850
  * - `placeholder`: Hint text shown inside the empty field.
@@ -864,42 +890,34 @@ type YuwSearchInputCollapseFromDto = 'left' | 'right';
864
890
  * />
865
891
  * ```
866
892
  */
867
- declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
893
+ declare class YuwSearchInputComponent extends YuwTextFieldBase {
868
894
  private readonly _injector;
869
895
  private readonly _input;
870
- readonly autocomplete: _angular_core.InputSignal<string | undefined>;
871
896
  readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
872
897
  readonly collapseFrom: _angular_core.InputSignal<YuwSearchInputCollapseFromDto | undefined>;
873
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
874
898
  readonly expandAriaLabel: _angular_core.InputSignal<string | undefined>;
875
899
  readonly expandedWidth: _angular_core.InputSignal<string>;
876
- readonly inputId: _angular_core.InputSignal<string | undefined>;
877
- readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
878
- readonly name: _angular_core.InputSignal<string | undefined>;
879
- readonly placeholder: _angular_core.InputSignal<string | undefined>;
880
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
881
- readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
882
900
  readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
883
901
  readonly transparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
884
- readonly userClass: _angular_core.InputSignal<string>;
885
- readonly value: _angular_core.ModelSignal<string>;
886
- readonly committed: _angular_core.OutputEmitterRef<string>;
887
902
  readonly searched: _angular_core.OutputEmitterRef<string>;
888
903
  protected readonly _autoId: string;
904
+ protected readonly _focusSelectors: string[];
889
905
  private readonly _open;
890
906
  protected readonly _classes: _angular_core.Signal<string>;
891
907
  protected readonly _collapsible: _angular_core.Signal<boolean>;
892
- protected readonly _disabled: _angular_core.Signal<boolean>;
893
908
  protected readonly _expandButtonClasses: _angular_core.Signal<string>;
894
909
  protected readonly _fieldClasses: _angular_core.Signal<string>;
895
910
  protected readonly _iconClasses: _angular_core.Signal<string>;
896
- protected readonly _inputId: _angular_core.Signal<string>;
897
911
  readonly expanded: _angular_core.Signal<boolean>;
898
912
  protected readonly _showClear: _angular_core.Signal<boolean>;
899
913
  protected readonly _showExpandButton: _angular_core.Signal<boolean>;
900
914
  protected readonly _wrapperClasses: _angular_core.Signal<string>;
901
915
  protected readonly _wrapperMaxWidth: _angular_core.Signal<string | null>;
902
- protected _emptyValue(): string;
916
+ /**
917
+ * Routed through `onExpand()` so a collapsed field opens before it takes focus; a plain focus
918
+ * would land on an input that is still `tabindex="-1"` and `aria-hidden`.
919
+ */
920
+ focus(): void;
903
921
  protected onBlur(): void;
904
922
  protected onClear(): void;
905
923
  protected onEnter(): void;
@@ -921,7 +939,7 @@ declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> imple
921
939
  protected onExpandFocus(event: FocusEvent): void;
922
940
  protected onInput(event: Event): void;
923
941
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSearchInputComponent, never>;
924
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSearchInputComponent, "yuw-search-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "collapseFrom": { "alias": "collapseFrom"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; "searched": "searched"; }, never, never, true, never>;
942
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSearchInputComponent, "yuw-search-input", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "collapseFrom": { "alias": "collapseFrom"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; }, { "searched": "searched"; }, never, never, true, never>;
925
943
  }
926
944
 
927
945
  /**
@@ -934,7 +952,11 @@ declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> imple
934
952
  * - `disabled`: Disables input interaction.
935
953
  * - `readonly`: Makes the field read-only.
936
954
  * - `required`: Marks the field as required.
937
- * - `invalid`: Forces invalid styling.
955
+ * - `invalid`: Forces invalid styling. Applied from the first blur on, so a pristine field is not flagged while typing.
956
+ * - `helperText`: Hint shown under the field. Replaced by the error while one is displayed.
957
+ * - `errorText`: Error shown under the field while it is in its error state (form validation or
958
+ * `invalid`). Overrides the `message` carried by the bound control's validation errors (signal or
959
+ * reactive forms); required when no such message exists.
938
960
  * - `name`: HTML `name` attribute.
939
961
  * - `autocomplete`: Native `autocomplete` attribute (e.g. `'current-password'`, `'new-password'`).
940
962
  * - `placeholder`: Hint text shown inside the empty field.
@@ -951,34 +973,23 @@ declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> imple
951
973
  * <yuw-password-input formControlName="password" autocomplete="current-password" />
952
974
  * ```
953
975
  */
954
- declare class YuwPasswordInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
976
+ declare class YuwPasswordInputComponent extends YuwTextFieldBase {
955
977
  private readonly _leftAddons;
956
- readonly autocomplete: _angular_core.InputSignal<string | undefined>;
957
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
958
- readonly inputId: _angular_core.InputSignal<string | undefined>;
959
- readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
960
978
  readonly masked: _angular_core.ModelSignal<boolean>;
961
- readonly name: _angular_core.InputSignal<string | undefined>;
962
- readonly placeholder: _angular_core.InputSignal<string | undefined>;
963
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
964
- readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
965
979
  readonly revealAriaLabel: _angular_core.InputSignal<string | undefined>;
966
980
  readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
967
- readonly userClass: _angular_core.InputSignal<string>;
968
- readonly value: _angular_core.ModelSignal<string>;
969
- readonly committed: _angular_core.OutputEmitterRef<string>;
981
+ readonly enterPressed: _angular_core.OutputEmitterRef<void>;
970
982
  protected readonly _autoId: string;
983
+ protected readonly _focusSelectors: string[];
971
984
  protected readonly _classes: _angular_core.Signal<string>;
972
- protected readonly _disabled: _angular_core.Signal<boolean>;
973
985
  protected readonly _hasLeftAddon: _angular_core.Signal<boolean>;
974
- protected readonly _inputId: _angular_core.Signal<string>;
975
986
  protected readonly _reveal: _angular_core.Signal<yukit_web.YuwPasswordRevealStateDto>;
976
- protected _emptyValue(): string;
977
987
  protected onChange(): void;
988
+ protected onEnterPressed(): void;
978
989
  protected onInput(event: Event): void;
979
990
  protected onToggleReveal(): void;
980
991
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPasswordInputComponent, never>;
981
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPasswordInputComponent, "yuw-password-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "masked": { "alias": "masked"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "revealAriaLabel": { "alias": "revealAriaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "masked": "maskedChange"; "value": "valueChange"; "committed": "committed"; }, ["_leftAddons"], ["yuw-left-addon"], true, never>;
992
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPasswordInputComponent, "yuw-password-input", never, { "masked": { "alias": "masked"; "required": false; "isSignal": true; }; "revealAriaLabel": { "alias": "revealAriaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "masked": "maskedChange"; "enterPressed": "enterPressed"; }, ["_leftAddons"], ["yuw-left-addon"], true, never>;
982
993
  }
983
994
 
984
995
  /**
@@ -1010,7 +1021,11 @@ type YuwInputOtpModeDto = 'numeric' | 'text';
1010
1021
  * - `mode`: Virtual-keyboard hint (`'numeric'`, `'text'`). Default is `'numeric'`.
1011
1022
  * - `disabled`: Disables input interaction.
1012
1023
  * - `size`: Cell size, matching the `<yuw-button>` of the same name.
1013
- * - `invalid`: Forces invalid styling.
1024
+ * - `invalid`: Forces invalid styling. Applied from the first blur on, so a pristine field is not flagged while typing.
1025
+ * - `helperText`: Hint shown under the field. Replaced by the error while one is displayed.
1026
+ * - `errorText`: Error shown under the field while it is in its error state (form validation or
1027
+ * `invalid`). Overrides the `message` carried by the bound control's validation errors (signal or
1028
+ * reactive forms); required when no such message exists.
1014
1029
  * - `autofocus`: Focuses the field on init. Appropriate on dedicated verification screens.
1015
1030
  * - `transformPaste`: Normalizes pasted text before it fills the slots.
1016
1031
  * - `class`: Extra classes merged onto the OTP container.
@@ -1026,8 +1041,9 @@ type YuwInputOtpModeDto = 'numeric' | 'text';
1026
1041
  */
1027
1042
  declare class YuwInputOtpComponent extends YuwValueAccessorBase<string> {
1028
1043
  readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
1029
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1044
+ readonly errorText: _angular_core.InputSignal<string | undefined>;
1030
1045
  readonly groupSizes: _angular_core.InputSignal<readonly number[]>;
1046
+ readonly helperText: _angular_core.InputSignal<string | undefined>;
1031
1047
  readonly inputId: _angular_core.InputSignal<string | undefined>;
1032
1048
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1033
1049
  readonly mode: _angular_core.InputSignal<YuwInputOtpModeDto>;
@@ -1036,16 +1052,18 @@ declare class YuwInputOtpComponent extends YuwValueAccessorBase<string> {
1036
1052
  readonly userClass: _angular_core.InputSignal<string>;
1037
1053
  readonly value: _angular_core.ModelSignal<string>;
1038
1054
  readonly completed: _angular_core.OutputEmitterRef<string>;
1055
+ readonly enterPressed: _angular_core.OutputEmitterRef<void>;
1039
1056
  protected readonly _autoId: string;
1057
+ protected readonly _focusSelectors: string[];
1040
1058
  protected readonly _classes: _angular_core.Signal<string>;
1041
- protected readonly _disabled: _angular_core.Signal<boolean>;
1042
1059
  protected readonly _groups: _angular_core.Signal<yukit_web.YuwInputOtpGroupDto[]>;
1043
1060
  protected readonly _inputId: _angular_core.Signal<string>;
1044
1061
  protected readonly _length: _angular_core.Signal<number>;
1045
1062
  protected _emptyValue(): string;
1063
+ protected onEnterPressed(): void;
1046
1064
  protected onValueChange(next: string): void;
1047
1065
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwInputOtpComponent, never>;
1048
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputOtpComponent, "yuw-input-otp", never, { "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "groupSizes": { "alias": "groupSizes"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transformPaste": { "alias": "transformPaste"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
1066
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputOtpComponent, "yuw-input-otp", never, { "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "groupSizes": { "alias": "groupSizes"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transformPaste": { "alias": "transformPaste"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; "enterPressed": "enterPressed"; }, never, never, true, never>;
1049
1067
  }
1050
1068
 
1051
1069
  /**
@@ -1131,7 +1149,6 @@ declare class YuwCheckboxComponent extends YuwValueAccessorBase<boolean> {
1131
1149
  readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
1132
1150
  readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
1133
1151
  readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
1134
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1135
1152
  readonly indeterminate: _angular_core.ModelSignal<boolean>;
1136
1153
  readonly inputId: _angular_core.InputSignal<string | undefined>;
1137
1154
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1139,12 +1156,12 @@ declare class YuwCheckboxComponent extends YuwValueAccessorBase<boolean> {
1139
1156
  readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
1140
1157
  readonly secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
1141
1158
  readonly value: _angular_core.ModelSignal<boolean>;
1159
+ protected readonly _focusSelectors: string[];
1142
1160
  protected readonly _class: _angular_core.Signal<string>;
1143
- protected readonly _disabled: _angular_core.Signal<boolean>;
1144
1161
  protected _emptyValue(): boolean;
1145
1162
  protected onCheckedChange(checked: boolean): void;
1146
1163
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCheckboxComponent, never>;
1147
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCheckboxComponent, "yuw-checkbox", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "value": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "indeterminate": "indeterminateChange"; "value": "checkedChange"; }, never, ["*"], true, never>;
1164
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCheckboxComponent, "yuw-checkbox", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "value": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "indeterminate": "indeterminateChange"; "value": "checkedChange"; }, never, ["*"], true, never>;
1148
1165
  }
1149
1166
 
1150
1167
  type YuwSwitchSizeDto = 'default' | 'xs' | 'sm' | 'lg';
@@ -1174,17 +1191,16 @@ declare class YuwSwitchComponent extends YuwValueAccessorBase<boolean> {
1174
1191
  readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
1175
1192
  readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
1176
1193
  readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
1177
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1178
1194
  readonly inputId: _angular_core.InputSignal<string | undefined>;
1179
1195
  readonly size: _angular_core.InputSignal<YuwSwitchSizeDto>;
1180
1196
  readonly value: _angular_core.ModelSignal<boolean>;
1181
- protected readonly _disabled: _angular_core.Signal<boolean>;
1197
+ protected readonly _focusSelectors: string[];
1182
1198
  protected readonly _helmSize: _angular_core.Signal<"default" | "sm">;
1183
1199
  protected readonly _switchClass: _angular_core.Signal<string>;
1184
1200
  protected _emptyValue(): boolean;
1185
1201
  protected onCheckedChange(checked: boolean): void;
1186
1202
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSwitchComponent, never>;
1187
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSwitchComponent, "yuw-switch", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "value": "checkedChange"; }, never, ["*"], true, never>;
1203
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSwitchComponent, "yuw-switch", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "value": "checkedChange"; }, never, ["*"], true, never>;
1188
1204
  }
1189
1205
 
1190
1206
  /**
@@ -1228,20 +1244,19 @@ interface YuwRadioOptionDto {
1228
1244
  declare class YuwRadioGroupComponent extends YuwValueAccessorBase<string | undefined> {
1229
1245
  readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
1230
1246
  readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
1231
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1232
1247
  readonly name: _angular_core.InputSignal<string | undefined>;
1233
1248
  readonly options: _angular_core.InputSignal<readonly YuwRadioOptionDto[]>;
1234
1249
  readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
1235
1250
  readonly userClass: _angular_core.InputSignal<string>;
1236
1251
  readonly value: _angular_core.ModelSignal<string | undefined>;
1252
+ protected readonly _focusSelectors: string[];
1237
1253
  private readonly _generatedName;
1238
- protected readonly _disabled: _angular_core.Signal<boolean>;
1239
1254
  protected readonly _groupClass: _angular_core.Signal<string>;
1240
1255
  protected readonly _name: _angular_core.Signal<string>;
1241
1256
  protected _emptyValue(): string | undefined;
1242
1257
  protected onValueChange(next: string): void;
1243
1258
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwRadioGroupComponent, never>;
1244
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwRadioGroupComponent, "yuw-radio-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
1259
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwRadioGroupComponent, "yuw-radio-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
1245
1260
  }
1246
1261
 
1247
1262
  /**
@@ -1599,10 +1614,9 @@ type YuwDatepickerModeDto = 'single' | 'range' | 'multiple' | 'monthYear';
1599
1614
  * ```
1600
1615
  */
1601
1616
  declare class YuwDatepickerComponent extends YuwValueAccessorBase<YuwDatepickerValue> {
1602
- readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
1617
+ readonly align: _angular_core.InputSignal<"center" | "start" | "end">;
1603
1618
  readonly buttonId: _angular_core.InputSignal<string | undefined>;
1604
- readonly captionLayout: _angular_core.InputSignal<"dropdown" | "label" | "dropdown-months" | "dropdown-years">;
1605
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1619
+ readonly captionLayout: _angular_core.InputSignal<"label" | "dropdown" | "dropdown-months" | "dropdown-years">;
1606
1620
  readonly formatDate: _angular_core.InputSignal<((date: Date) => string) | undefined>;
1607
1621
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1608
1622
  readonly maxDate: _angular_core.InputSignal<Date | undefined>;
@@ -1612,13 +1626,13 @@ declare class YuwDatepickerComponent extends YuwValueAccessorBase<YuwDatepickerV
1612
1626
  readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
1613
1627
  readonly userClass: _angular_core.InputSignal<string>;
1614
1628
  readonly value: _angular_core.ModelSignal<YuwDatepickerValue>;
1629
+ protected readonly _focusSelectors: string[];
1615
1630
  private readonly _generatedButtonId;
1616
1631
  private readonly _monthYearConfig;
1617
1632
  private readonly _multiConfig;
1618
1633
  private readonly _rangeConfig;
1619
1634
  private readonly _singleConfig;
1620
1635
  protected readonly _buttonId: _angular_core.Signal<string>;
1621
- protected readonly _disabled: _angular_core.Signal<boolean>;
1622
1636
  protected readonly _formatMonthYear: _angular_core.Signal<(date: Date) => string>;
1623
1637
  protected readonly _formatMulti: _angular_core.Signal<(dates: Date[]) => string>;
1624
1638
  protected readonly _formatRange: _angular_core.Signal<(dates: [Date | null, Date | null]) => string>;
@@ -1630,7 +1644,7 @@ declare class YuwDatepickerComponent extends YuwValueAccessorBase<YuwDatepickerV
1630
1644
  protected _emptyValue(): YuwDatepickerValue;
1631
1645
  protected onValueChange(next: YuwDatepickerValue): void;
1632
1646
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDatepickerComponent, never>;
1633
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatepickerComponent, "yuw-datepicker", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
1647
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatepickerComponent, "yuw-datepicker", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
1634
1648
  }
1635
1649
 
1636
1650
  /**
@@ -2190,7 +2204,7 @@ declare class YuwSheetComponent {
2190
2204
  readonly side: _angular_core.InputSignal<YuwSheetSideDto>;
2191
2205
  readonly title: _angular_core.InputSignal<string | undefined>;
2192
2206
  readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
2193
- readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
2207
+ readonly triggerVariant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
2194
2208
  protected readonly _sheetState: _angular_core.Signal<"open" | "closed">;
2195
2209
  constructor();
2196
2210
  protected onStateChanged(state: 'open' | 'closed'): void;
@@ -2264,7 +2278,7 @@ declare class YuwPopoverComponent {
2264
2278
  readonly triggerColor: _angular_core.InputSignal<YuwColorDto>;
2265
2279
  readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
2266
2280
  readonly triggerTransparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
2267
- readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
2281
+ readonly triggerVariant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
2268
2282
  protected readonly _popoverState: _angular_core.Signal<"open" | "closed">;
2269
2283
  protected onOpenChange(state: 'open' | 'closed'): void;
2270
2284
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPopoverComponent, never>;
@@ -2517,7 +2531,7 @@ declare class YuwDialogComponent {
2517
2531
  readonly title: _angular_core.InputSignal<string | undefined>;
2518
2532
  readonly triggerColor: _angular_core.InputSignal<YuwColorDto>;
2519
2533
  readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
2520
- readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
2534
+ readonly triggerVariant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
2521
2535
  protected readonly _dialogState: _angular_core.Signal<"open" | "closed">;
2522
2536
  protected onStateChanged(state: 'open' | 'closed'): void;
2523
2537
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDialogComponent, never>;
@@ -2595,14 +2609,14 @@ declare class YuwAlertDialogComponent {
2595
2609
  protected readonly hasMedia: _angular_core.Signal<YuwAlertDialogMediaDirective | undefined>;
2596
2610
  readonly cancelLabel: _angular_core.InputSignal<string>;
2597
2611
  readonly confirmLabel: _angular_core.InputSignal<string>;
2598
- readonly confirmVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
2612
+ readonly confirmVariant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
2599
2613
  readonly description: _angular_core.InputSignal<string | undefined>;
2600
2614
  readonly open: _angular_core.ModelSignal<boolean>;
2601
2615
  readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
2602
2616
  readonly size: _angular_core.InputSignal<YuwAlertDialogSizeDto>;
2603
2617
  readonly title: _angular_core.InputSignal<string>;
2604
2618
  readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
2605
- readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
2619
+ readonly triggerVariant: _angular_core.InputSignal<"default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
2606
2620
  readonly cancelled: _angular_core.OutputEmitterRef<void>;
2607
2621
  readonly confirmed: _angular_core.OutputEmitterRef<void>;
2608
2622
  protected readonly _dialogState: _angular_core.Signal<"open" | "closed">;
@@ -3602,5 +3616,5 @@ declare class YuwCommandDialogComponent {
3602
3616
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCommandDialogComponent, "yuw-command-dialog", never, { "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "open": "openChange"; "search": "searchChange"; "commandSelected": "commandSelected"; }, never, never, true, never>;
3603
3617
  }
3604
3618
 
3605
- export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwInputAddonImports, YuwInputComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, cn, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter };
3619
+ export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwInputAddonImports, YuwInputComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextFieldBase, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, cn, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter };
3606
3620
  export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbItemDto, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto };