@ojiepermana/angular-component 22.0.27

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

@@ -0,0 +1,140 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+
+/**
+ * Backing store for a single `<FormField>`. Provided on the component
+ * so descendant parts (label, description, message, control) can inject it.
+ */
+declare class FormFieldContext {
+    readonly controlId: string;
+    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;
+    readonly invalid: _angular_core.Signal<boolean>;
+    readonly firstError: _angular_core.Signal<string | null>;
+    readonly describedBy: _angular_core.Signal<string | null>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldContext, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormFieldContext>;
+}
+
+/**
+ * Groups a label, control, description, and validation message.
+ * 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, "FormField", 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, "FormFieldset, fieldset[FormFieldset]", 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, "FormLegend, legend[FormLegend]", 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, "FormGroup", 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, "FormSeparator", 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, "FormContent", 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, "FormTitle", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormLabelComponent {
+    protected readonly ctx: FormFieldContext;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormLabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormLabelComponent, "FormLabel, label[FormLabel]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormDescriptionComponent implements OnInit, OnDestroy {
+    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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormDescriptionComponent, "FormDescription, p[FormDescription]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Renders validation errors for the field's control.
+ * By default, surfaces the first error key. Provide custom content to override.
+ */
+declare class FormMessageComponent implements OnInit, OnDestroy {
+    protected readonly ctx: FormFieldContext;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly show: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormMessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormMessageComponent, "FormMessage, p[FormMessage]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Attach to the native form control inside a `<FormField>` to auto-wire:
+ *  - `id` ↔ `<FormLabel for>`
+ *  - `aria-describedby` ↔ description + error message
+ *  - `aria-invalid` ↔ control validity (after touch/dirty)
+ *
+ * @example
+ * <FormField>
+ *   <FormLabel>Email</FormLabel>
+ *   <input Input FormControl [formControl]="email" />
+ *   <FormDescription>We'll never share it.</FormDescription>
+ *   <FormMessage />
+ * </FormField>
+ */
+declare class FormControlDirective implements OnInit {
+    protected readonly ctx: FormFieldContext;
+    private readonly ngControl;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormControlDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormControlDirective, "[FormControl]", never, {}, {}, never, never, true, never>;
+}
+
+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,75 @@
+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, "HoverCard", 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[HoverCardContent]", ["HoverCardContent"], {}, {}, never, never, true, never>;
+}
+
+declare class HoverCardTriggerDirective {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly el;
+    private readonly destroyRef;
+    private readonly defaults;
+    readonly HoverCardTrigger: _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;
+    constructor();
+    handleTriggerPointerEnter(): void;
+    handleTriggerPointerLeave(event: PointerEvent): void;
+    handleTriggerFocusIn(): void;
+    handleTriggerFocusOut(event: FocusEvent): void;
+    open(): void;
+    close(emitOpenedChange?: boolean): void;
+    private bindOverlayInteractions;
+    private unbindOverlayInteractions;
+    private readonly onContentPointerEnter;
+    private readonly onContentPointerLeave;
+    private readonly onContentFocusIn;
+    private readonly onContentFocusOut;
+    private scheduleOpen;
+    private scheduleClose;
+    private clearOpenTimeout;
+    private clearCloseTimeout;
+    private relatedTargetInsideContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HoverCardTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HoverCardTriggerDirective, "[HoverCardTrigger]", ["HoverCardTrigger"], { "HoverCardTrigger": { "alias": "HoverCardTrigger"; "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-icon.d.ts

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+
+declare class IconComponent {
+    private readonly materialSymbols;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<number | null>;
+    readonly fill: _angular_core.InputSignal<number>;
+    readonly weight: _angular_core.InputSignal<number>;
+    readonly grade: _angular_core.InputSignal<number>;
+    readonly opticalSize: _angular_core.InputSignal<number>;
+    protected readonly resolvedSize: _angular_core.Signal<number>;
+    protected readonly fontVariationSettings: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "Icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "grade": { "alias": "grade"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const MATERIAL_SYMBOLS_FONT_ATTR = "data-icon-font";
+declare const MATERIAL_SYMBOLS_FONT_ID = "material-symbols-outlined";
+declare const MATERIAL_SYMBOLS_FONT_HREF = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";
+declare class MaterialSymbolsService {
+    private readonly documentRef;
+    private readonly platformId;
+    ensureLoaded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaterialSymbolsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MaterialSymbolsService>;
+}
+
+export { IconComponent, MATERIAL_SYMBOLS_FONT_ATTR, MATERIAL_SYMBOLS_FONT_HREF, MATERIAL_SYMBOLS_FONT_ID, MaterialSymbolsService };

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

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+import { ButtonVariant, ButtonSize } from '@ojiepermana/angular-component/button';
+
+type InputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+type InputGroupButtonSize = Extract<ButtonSize, 'xs' | 'icon-xs' | 'sm' | 'icon-sm'>;
+declare class InputGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "InputGroup", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class InputGroupAddonComponent {
+    readonly align: _angular_core.InputSignal<InputGroupAddonAlign>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupAddonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupAddonComponent, "InputGroupAddon", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class InputGroupTextComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupTextComponent, "InputGroupText", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class InputGroupButtonComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<InputGroupButtonSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupButtonComponent, "button[InputGroupButton], a[InputGroupButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class InputGroupInputComponent {
+    private readonly el;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupInputComponent, "input[InputGroupInput]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class InputGroupTextareaComponent {
+    private readonly el;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupTextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupTextareaComponent, "textarea[InputGroupTextarea]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { InputGroupAddonComponent, InputGroupButtonComponent, InputGroupComponent, InputGroupInputComponent, InputGroupTextComponent, InputGroupTextareaComponent };
+export type { InputGroupAddonAlign, InputGroupButtonSize };

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

@@ -0,0 +1,142 @@
+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, "InputOtpGroup", 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, "InputOtpSeparator", 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, "InputOtpSlot", 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;
+    /**
+     * Single source of truth for the rendered value. Re-seeds from the `value`
+     * binding when it changes, but writes from typing or the Forms API
+     * (writeValue) win until the binding changes again — so `form.reset()` is
+     * never shadowed by a stale `[value]` binding.
+     */
+    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, "InputOtp", 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 };

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

@@ -0,0 +1,16 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Styled native `<input>`. Works with Angular's DefaultValueAccessor,
+ * so `ngModel` and reactive forms just work.
+ */
+declare class InputComponent {
+    private readonly el;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "input[Input]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { InputComponent };

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

@@ -0,0 +1,88 @@
+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 itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "icon" | "image" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ItemVariant = NonNullable<VariantProps<typeof itemVariants>['variant']>;
+type ItemSize = NonNullable<VariantProps<typeof itemVariants>['size']>;
+type ItemMediaVariant = NonNullable<VariantProps<typeof itemMediaVariants>['variant']>;
+
+declare class ItemComponent {
+    readonly variant: _angular_core.InputSignal<ItemVariant>;
+    readonly size: _angular_core.InputSignal<ItemSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly host;
+    protected readonly interactive: boolean;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemComponent, "Item, [Item]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemGroupComponent, "ItemGroup", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemSeparatorComponent, "ItemSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class ItemHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemHeaderComponent, "ItemHeader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemMediaComponent {
+    readonly variant: _angular_core.InputSignal<ItemMediaVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly item;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemMediaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemMediaComponent, "ItemMedia", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemContentComponent, "ItemContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly item;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemTitleComponent, "ItemTitle", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly item;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemDescriptionComponent, "ItemDescription", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemActionsComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemActionsComponent, "ItemActions", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ItemFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemFooterComponent, "ItemFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ItemActionsComponent, ItemComponent, ItemContentComponent, ItemDescriptionComponent, ItemFooterComponent, ItemGroupComponent, ItemHeaderComponent, ItemMediaComponent, ItemSeparatorComponent, ItemTitleComponent, itemMediaVariants, itemVariants };
+export type { ItemMediaVariant, ItemSize, ItemVariant };

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

@@ -0,0 +1,70 @@
+import * as _angular_core from '@angular/core';
+
+type KanbanColumnWidth = 'sm' | 'default' | 'lg';
+declare class KanbanComponent {
+    readonly columnWidth: _angular_core.InputSignal<KanbanColumnWidth>;
+    readonly dense: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanComponent, "Kanban", never, { "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KanbanColumnComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanColumnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanColumnComponent, "KanbanColumn", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KanbanColumnHeaderComponent {
+    readonly heading: _angular_core.InputSignal<string>;
+    readonly subheading: _angular_core.InputSignal<string>;
+    readonly count: _angular_core.InputSignal<string | number | null>;
+    readonly badge: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly displayCount: _angular_core.Signal<string | number | null>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanColumnHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanColumnHeaderComponent, "KanbanColumnHeader", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["KanbanColumnActions,[KanbanColumnActions]", "*"], true, never>;
+}
+declare class KanbanColumnActionsComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanColumnActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanColumnActionsComponent, "KanbanColumnActions, [KanbanColumnActions]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KanbanColumnCardsComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanColumnCardsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanColumnCardsComponent, "KanbanColumnCards", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KanbanColumnFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanColumnFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanColumnFooterComponent, "KanbanColumnFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KanbanCardComponent {
+    readonly heading: _angular_core.InputSignal<string>;
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanCardComponent, "KanbanCard, button[KanbanCard], a[KanbanCard]", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["KanbanCardHeader,[KanbanCardHeader]", "KanbanCardFooter,[KanbanCardFooter]", "*"], true, never>;
+}
+declare class KanbanCardHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanCardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanCardHeaderComponent, "KanbanCardHeader, [KanbanCardHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KanbanCardFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanCardFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanCardFooterComponent, "KanbanCardFooter, [KanbanCardFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { KanbanCardComponent, KanbanCardFooterComponent, KanbanCardHeaderComponent, KanbanColumnActionsComponent, KanbanColumnCardsComponent, KanbanColumnComponent, KanbanColumnFooterComponent, KanbanColumnHeaderComponent, KanbanComponent };
+export type { KanbanColumnWidth };