@ojiepermana/angular 21.3.4 → 22.0.1

package/types/ojiepermana-angular-component-composer.d.ts

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type ComposerVariant = 'default' | 'input';
+type ComposerSubmitBehavior = 'cmd-enter' | 'enter';
+declare class ComposerComponent {
+    readonly variant: _angular_core.InputSignal<ComposerVariant>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly submit: _angular_core.InputSignal<ComposerSubmitBehavior>;
+    readonly submitForm: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly submitRequested: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly shellClasses: _angular_core.Signal<string>;
+    protected readonly bodyClasses: _angular_core.Signal<string>;
+    handleInputKeydown(event: KeyboardEvent): void;
+    private requestNearestFormSubmit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerComponent, "ui-composer", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "submit": { "alias": "submit"; "required": false; "isSignal": true; }; "submitForm": { "alias": "submitForm"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "submitRequested": "submitRequested"; }, never, ["ui-composer-header", "ui-composer-actions-leading", "textarea[ui-composer-input], ui-composer-input", "ui-composer-actions-trailing", "ui-composer-footer"], true, never>;
+}
+declare class ComposerHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerHeaderComponent, "ui-composer-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerFooterComponent, "ui-composer-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerActionsLeadingComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerActionsLeadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerActionsLeadingComponent, "ui-composer-actions-leading", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerActionsTrailingComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerActionsTrailingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerActionsTrailingComponent, "ui-composer-actions-trailing", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerInputComponent {
+    private readonly composer;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerInputComponent, "ui-composer-input", never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerTextareaComponent implements AfterViewInit, ControlValueAccessor {
+    private readonly el;
+    private readonly composer;
+    readonly rows: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly maxRows: _angular_core.InputSignalWithTransform<number | null, number | null>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly disabledState;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngAfterViewInit(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    resizeToContent(): void;
+    focus(): void;
+    protected handleInput(): void;
+    protected handleBlur(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private getLineHeight;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerTextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerTextareaComponent, "textarea[ui-composer-input]", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ComposerActionsLeadingComponent, ComposerActionsTrailingComponent, ComposerComponent, ComposerFooterComponent, ComposerHeaderComponent, ComposerInputComponent, ComposerTextareaComponent };
+export type { ComposerSubmitBehavior, ComposerVariant };

package/types/ojiepermana-angular-component-dropdown-menu.d.ts

@@ -87,6 +87,7 @@ declare class MenuSurfaceComponent implements AfterContentInit {
     readonly class: _angular_core.InputSignal<string>;
     private readonly items;
     readonly closeRequested: _angular_core.OutputEmitterRef<void>;
+    private readonly injector;
     private keyManager;
     protected readonly classes: _angular_core.Signal<string>;
     ngAfterContentInit(): void;
@@ -125,6 +126,7 @@ declare class MenuTriggerDirective {
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     toggle(): void;
     protected openAndFocus(e: KeyboardEvent): void;
+    protected openForSide(e: KeyboardEvent, side: MenuSide): void;
     open(): void;
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;

package/types/ojiepermana-angular-component-editor.d.ts

@@ -0,0 +1,123 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type EditorCommand = 'paragraph' | 'heading-1' | 'heading-2' | 'heading-3' | 'bold' | 'italic' | 'underline' | 'strike' | 'bullet' | 'ordered' | 'blockquote' | 'subscript' | 'superscript' | 'highlight' | 'link' | 'code' | 'align-left' | 'align-center' | 'align-right' | 'undo' | 'redo';
+type EditorCommandSource = 'api' | 'toolbar' | 'shortcut';
+interface EditorCommandEvent {
+    readonly command: EditorCommand;
+    readonly source: EditorCommandSource;
+    readonly originalEvent?: Event;
+}
+type EditorToolbarPart = {
+    readonly type: 'button';
+    readonly command: EditorCommand;
+    readonly label: string;
+    readonly ariaLabel: string;
+} | {
+    readonly type: 'heading';
+    readonly track: string;
+} | {
+    readonly type: 'align';
+    readonly track: string;
+} | {
+    readonly type: 'separator';
+    readonly track: string;
+} | {
+    readonly type: 'spacer';
+    readonly track: string;
+};
+declare class EditorComponent {
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly commandSelected: _angular_core.OutputEmitterRef<EditorCommandEvent>;
+    private content;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly shellClasses: _angular_core.Signal<string>;
+    execute(command: EditorCommand, source?: EditorCommandSource, originalEvent?: Event): void;
+    registerContent(content: EditorContentComponent): void;
+    unregisterContent(content: EditorContentComponent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "ui-editor", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "commandSelected": "commandSelected"; }, never, ["ui-editor-toolbar", "ui-editor-content"], true, never>;
+}
+declare class EditorToolbarComponent {
+    private readonly editor;
+    readonly items: _angular_core.InputSignal<string>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly buttonClasses: string;
+    protected readonly selectClasses: string;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly parts: _angular_core.Signal<EditorToolbarPart[]>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected execute(command: EditorCommand, event: MouseEvent): void;
+    protected handleSelect(event: Event): void;
+    protected preserveSelection(event: MouseEvent): void;
+    protected trackPart(part: EditorToolbarPart, index: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorToolbarComponent, "ui-editor-toolbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EditorButtonComponent {
+    private readonly editor;
+    readonly command: _angular_core.InputSignal<EditorCommand | null>;
+    readonly pressed: _angular_core.InputSignal<boolean | null>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tooltip: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected handleClick(event: MouseEvent): void;
+    protected preserveSelection(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorButtonComponent, "button[ui-editor-button]", never, { "command": { "alias": "command"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EditorSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorSeparatorComponent, "ui-editor-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class EditorSpacerComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorSpacerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorSpacerComponent, "ui-editor-spacer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class EditorContentComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
+    private readonly el;
+    private readonly editor;
+    private readonly document;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly disabledState;
+    protected readonly empty: _angular_core.WritableSignal<boolean>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    execute(command: EditorCommand): void;
+    focus(): void;
+    protected handleInput(): void;
+    protected handleBlur(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private exec;
+    private syncEmptyState;
+    private shortcutCommand;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorContentComponent, "ui-editor-content", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { EditorButtonComponent, EditorComponent, EditorContentComponent, EditorSeparatorComponent, EditorSpacerComponent, EditorToolbarComponent };
+export type { EditorCommand, EditorCommandEvent, EditorCommandSource };

package/types/ojiepermana-angular-component-empty.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const emptyVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type EmptyMediaVariant = NonNullable<VariantProps<typeof emptyMediaVariants>['variant']>;
+
+declare class EmptyComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyComponent, "ui-empty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyHeaderComponent, "ui-empty-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyMediaComponent {
+    readonly variant: _angular_core.InputSignal<EmptyMediaVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyMediaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyMediaComponent, "ui-empty-media", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyTitleComponent, "ui-empty-title", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyDescriptionComponent, "ui-empty-description", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyContentComponent, "ui-empty-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { EmptyComponent, EmptyContentComponent, EmptyDescriptionComponent, EmptyHeaderComponent, EmptyMediaComponent, EmptyTitleComponent, emptyMediaVariants, emptyVariants };
+export type { EmptyMediaVariant };

package/types/ojiepermana-angular-component-form.d.ts

@@ -12,6 +12,7 @@ declare class FormFieldContext {
     readonly descriptionId: string;
     readonly messageId: string;
     readonly control: _angular_core.WritableSignal<AbstractControl<any, any, any> | null>;
+    readonly manualInvalid: _angular_core.WritableSignal<boolean>;
     readonly hasDescription: _angular_core.WritableSignal<boolean>;
     readonly hasMessage: _angular_core.WritableSignal<boolean>;
     private readonly statusTick;
@@ -28,10 +29,57 @@ declare class FormFieldContext {
  * Provides ids + invalid state to descendants via {@link FormFieldContext}.
  */
 declare class FormFieldComponent {
+    protected readonly ctx: FormFieldContext;
     readonly class: _angular_core.InputSignal<string>;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | "responsive">;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected readonly classes: _angular_core.Signal<string>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ui-form-field", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ui-form-field", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormFieldsetComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldsetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldsetComponent, "ui-form-fieldset, fieldset[ui-form-fieldset]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormLegendComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<"legend" | "label">;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormLegendComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormLegendComponent, "ui-form-legend, legend[ui-form-legend]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormGroupComponent, "ui-form-group", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSeparatorComponent, "ui-form-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormContentComponent, "ui-form-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormTitleComponent, "ui-form-title", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class FormLabelComponent {
@@ -43,9 +91,10 @@ declare class FormLabelComponent {
 }
 
 declare class FormDescriptionComponent implements OnInit, OnDestroy {
-    protected readonly ctx: FormFieldContext;
+    protected readonly ctx: FormFieldContext | null;
     readonly class: _angular_core.InputSignal<string>;
     protected readonly classes: _angular_core.Signal<string>;
+    protected readonly descriptionId: _angular_core.Signal<string | null>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormDescriptionComponent, never>;
@@ -89,4 +138,4 @@ declare class FormControlDirective implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormControlDirective, "[uiFormControl]", never, {}, {}, never, never, true, never>;
 }
 
-export { FormControlDirective, FormDescriptionComponent, FormFieldComponent, FormFieldContext, FormLabelComponent, FormMessageComponent };
+export { FormContentComponent, FormControlDirective, FormDescriptionComponent, FormFieldComponent, FormFieldContext, FormFieldsetComponent, FormGroupComponent, FormLabelComponent, FormLegendComponent, FormMessageComponent, FormSeparatorComponent, FormTitleComponent };

package/types/ojiepermana-angular-component-hover-card.d.ts

@@ -0,0 +1,74 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Signal, TemplateRef } from '@angular/core';
+
+type HoverCardSide = 'top' | 'right' | 'bottom' | 'left';
+type HoverCardAlign = 'start' | 'center' | 'end';
+interface HoverCardDefaults {
+    readonly side: Signal<HoverCardSide>;
+    readonly align: Signal<HoverCardAlign>;
+    readonly sideOffset: Signal<number>;
+    readonly openDelay: Signal<number>;
+    readonly closeDelay: Signal<number>;
+}
+declare const HOVER_CARD_DEFAULTS: InjectionToken<HoverCardDefaults>;
+declare class HoverCardComponent implements HoverCardDefaults {
+    readonly side: _angular_core.InputSignal<HoverCardSide>;
+    readonly align: _angular_core.InputSignal<HoverCardAlign>;
+    readonly sideOffset: _angular_core.InputSignal<number>;
+    readonly openDelay: _angular_core.InputSignal<number>;
+    readonly closeDelay: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HoverCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HoverCardComponent, "ui-hover-card", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class HoverCardContentDirective {
+    readonly template: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HoverCardContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HoverCardContentDirective, "ng-template[uiHoverCardContent]", ["uiHoverCardContent"], {}, {}, never, never, true, never>;
+}
+
+declare class HoverCardTriggerDirective {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly el;
+    private readonly destroyRef;
+    private readonly defaults;
+    readonly uiHoverCardTrigger: _angular_core.InputSignal<HoverCardContentDirective>;
+    readonly side: _angular_core.InputSignal<HoverCardSide | undefined>;
+    readonly align: _angular_core.InputSignal<HoverCardAlign | undefined>;
+    readonly sideOffset: _angular_core.InputSignal<number | undefined>;
+    readonly openDelay: _angular_core.InputSignal<number | undefined>;
+    readonly closeDelay: _angular_core.InputSignal<number | undefined>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private overlayRef;
+    private openTimeoutId;
+    private closeTimeoutId;
+    private isTriggerHovered;
+    private isContentHovered;
+    private isTriggerFocused;
+    private isContentFocused;
+    handleTriggerPointerEnter(): void;
+    handleTriggerPointerLeave(event: PointerEvent): void;
+    handleTriggerFocusIn(): void;
+    handleTriggerFocusOut(event: FocusEvent): void;
+    open(): void;
+    close(): void;
+    private bindOverlayInteractions;
+    private readonly onContentPointerEnter;
+    private readonly onContentPointerLeave;
+    private readonly onContentFocusIn;
+    private readonly onContentFocusOut;
+    private scheduleOpen;
+    private scheduleClose;
+    private clearOpenTimeout;
+    private clearCloseTimeout;
+    private relatedTargetInsideContent;
+    private oppositeSide;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HoverCardTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HoverCardTriggerDirective, "[uiHoverCardTrigger]", ["uiHoverCardTrigger"], { "uiHoverCardTrigger": { "alias": "uiHoverCardTrigger"; "required": true; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
+}
+
+export { HOVER_CARD_DEFAULTS, HoverCardComponent, HoverCardContentDirective, HoverCardTriggerDirective };
+export type { HoverCardAlign, HoverCardDefaults, HoverCardSide };

package/types/ojiepermana-angular-component-input-otp.d.ts

@@ -0,0 +1,136 @@
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare const REGEXP_ONLY_DIGITS: RegExp;
+declare const REGEXP_ONLY_DIGITS_AND_CHARS: RegExp;
+declare abstract class InputOtpContextBase {
+    abstract maxLength(): number;
+    abstract slotId(index: number): string;
+    abstract slotValue(index: number): string;
+    abstract slotAriaLabel(index: number): string;
+    abstract slotAriaLabelledBy(index: number): string | null;
+    abstract slotAriaDescribedBy(): string | null;
+    abstract slotInputMode(): string | null;
+    abstract slotAutocomplete(index: number): string | null;
+    abstract isDisabled(): boolean;
+    abstract isRequired(): boolean;
+    abstract isInvalid(): boolean;
+    abstract isActive(index: number): boolean;
+    abstract handleSlotFocus(index: number): void;
+    abstract handleSlotInput(index: number, value: string): void;
+    abstract handleSlotKeydown(index: number, event: KeyboardEvent): void;
+    abstract handleSlotPaste(index: number, event: ClipboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputOtpContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class InputOtpGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpGroupComponent, "ui-input-otp-group", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class InputOtpSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpSeparatorComponent, "ui-input-otp-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class InputOtpSlotComponent {
+    private readonly ctx;
+    readonly index: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly inputRef;
+    protected readonly maxLength: _angular_core.Signal<number>;
+    protected readonly character: _angular_core.Signal<string>;
+    protected readonly active: _angular_core.Signal<boolean>;
+    protected readonly filled: _angular_core.Signal<boolean>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly required: _angular_core.Signal<boolean>;
+    protected readonly inputId: _angular_core.Signal<string>;
+    protected readonly inputMode: _angular_core.Signal<string | null>;
+    protected readonly autocomplete: _angular_core.Signal<string | null>;
+    protected readonly ariaLabel: _angular_core.Signal<string>;
+    protected readonly ariaLabelledBy: _angular_core.Signal<string | null>;
+    protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    protected readonly effectiveInvalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    focus(select?: boolean): void;
+    protected handleFocus(): void;
+    protected handleInput(event: Event): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    protected handlePaste(event: ClipboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpSlotComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpSlotComponent, "ui-input-otp-slot", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "invalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class InputOtpComponent extends InputOtpContextBase implements ControlValueAccessor, OnInit {
+    private readonly host;
+    private readonly injector;
+    private readonly formFieldContext;
+    readonly maxLengthInput: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    readonly pattern: _angular_core.InputSignal<string | RegExp | null>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
+    readonly inputMode: _angular_core.InputSignal<string | null>;
+    readonly autocomplete: _angular_core.InputSignal<string | null>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    private readonly generatedId;
+    private readonly internalValue;
+    private readonly disabledState;
+    private readonly activeIndex;
+    private readonly slots;
+    private readonly compiledPattern;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    private readonly displayValue;
+    private ngControl;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    maxLength(): number;
+    slotId(index: number): string;
+    slotValue(index: number): string;
+    slotAriaLabel(index: number): string;
+    slotAriaLabelledBy(index: number): string | null;
+    slotAriaDescribedBy(): string | null;
+    slotInputMode(): string | null;
+    slotAutocomplete(index: number): string | null;
+    isDisabled(): boolean;
+    isRequired(): boolean;
+    isInvalid(): boolean;
+    isActive(index: number): boolean;
+    handleSlotFocus(index: number): void;
+    handleSlotInput(index: number, value: string): void;
+    handleSlotKeydown(index: number, event: KeyboardEvent): void;
+    handleSlotPaste(index: number, event: ClipboardEvent): void;
+    focus(): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected describedBy(): string | null;
+    protected handleFocusOut(event: FocusEvent): void;
+    private commitValue;
+    private replaceAt;
+    private removeAt;
+    private applyFragment;
+    private focusSlot;
+    private toCharArray;
+    private serialize;
+    private normalizeValue;
+    private filterCharacters;
+    private acceptsCharacter;
+    private isRtl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpComponent, "ui-input-otp", never, { "maxLengthInput": { "alias": "maxLength"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["slots"], ["*"], true, never>;
+}
+
+export { InputOtpComponent, InputOtpGroupComponent, InputOtpSeparatorComponent, InputOtpSlotComponent, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };