@ojiepermana/angular 22.1.11 → 22.1.12

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

@@ -1 +1,75 @@
-export * from '@ojiepermana/angular-component/hover-card';
+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

@@ -1 +1,89 @@
-export * from '@ojiepermana/angular-component/icon';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, EnvironmentProviders } from '@angular/core';
+
+declare class IconComponent {
+    private readonly materialSymbols;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Glyph size in px, or 'inherit' to defer to the surrounding font-size
+     * (lets a CSS token size the glyph — no inline style is emitted). */
+    readonly size: _angular_core.InputSignal<number | "inherit" | null>;
+    readonly fill: _angular_core.InputSignal<number>;
+    /** Light strokes + high-emphasis grade at the 48 optical grid — the
+     * system's icon voice. Override per icon only with intent. */
+    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 | null>;
+    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";
+/**
+ * Loads BOTH Material Symbols variable families the design system uses:
+ * Rounded (the default everywhere) and Sharp (swapped in under
+ * `appearance='border-rail'` scopes via the `--icon-font-family` token).
+ * Full variable axes are requested so per-icon `fill`/`weight`/`grade`/
+ * `opticalSize` inputs keep working.
+ */
+declare const MATERIAL_SYMBOLS_FONT_HREF = "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";
+/** Configuration for {@link provideMaterialSymbols}. */
+interface MaterialSymbolsConfig {
+    /**
+     * Stylesheet URL to load the Material Symbols font from. Defaults to the
+     * Google Fonts URL ({@link MATERIAL_SYMBOLS_FONT_HREF}). Point this at a
+     * self-hosted stylesheet for offline / CSP / privacy-safe setups.
+     */
+    readonly href?: string;
+}
+/**
+ * Presence of this token is what enables {@link IconComponent} to auto-load the
+ * font. It is only provided when the app opts in via `provideMaterialSymbols()`;
+ * without it, `<Icon>` makes no network request.
+ */
+declare const MATERIAL_SYMBOLS_CONFIG: InjectionToken<MaterialSymbolsConfig>;
+declare class MaterialSymbolsService {
+    private readonly documentRef;
+    private readonly platformId;
+    private readonly config;
+    /**
+     * Token-gated load. No-op unless the app opted in via `provideMaterialSymbols()`
+     * (which provides {@link MATERIAL_SYMBOLS_CONFIG}). Called by `IconComponent`
+     * so rendering an icon never triggers an implicit network request on its own.
+     */
+    ensureLoaded(): void;
+    /**
+     * Explicitly inject the font stylesheet, regardless of whether the config
+     * token is present. Used by integrations that decide to load the font from
+     * their own option surface (e.g. `provideUiTheme({ icons: { materialSymbols: true } })`).
+     */
+    load(config?: MaterialSymbolsConfig): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaterialSymbolsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MaterialSymbolsService>;
+}
+
+/**
+ * Opt in to loading the Material Symbols icon font that `<Icon>` renders with.
+ *
+ * By default `IconComponent` makes **no** network request — better for privacy,
+ * offline, and strict CSP. Add this provider to your bootstrap to fetch the font
+ * stylesheet once at startup. Pass `{ href }` to load from a self-hosted source
+ * instead of Google Fonts.
+ *
+ * @example
+ * // Google Fonts (default source):
+ * bootstrapApplication(App, { providers: [provideMaterialSymbols()] });
+ *
+ * @example
+ * // Self-hosted / offline:
+ * provideMaterialSymbols({ href: '/assets/material-symbols.css' });
+ */
+declare function provideMaterialSymbols(config?: MaterialSymbolsConfig): EnvironmentProviders;
+
+export { IconComponent, MATERIAL_SYMBOLS_CONFIG, MATERIAL_SYMBOLS_FONT_ATTR, MATERIAL_SYMBOLS_FONT_HREF, MATERIAL_SYMBOLS_FONT_ID, MaterialSymbolsService, provideMaterialSymbols };
+export type { MaterialSymbolsConfig };

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

@@ -1 +1,51 @@
-export * from '@ojiepermana/angular-component/input-group';
+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

@@ -1 +1,155 @@
-export * from '@ojiepermana/angular-component/input-otp';
+import * as _angular_core from '@angular/core';
+import { OnInit, AfterViewInit } 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;
+    /**
+     * Push the model back onto the element the browser just wrote to.
+     *
+     * `[value]` only repaints when `character()` CHANGES, and a character the
+     * pattern rejects leaves the model exactly as it was — so without this the
+     * rejected character stays on screen until some later, unrelated value change.
+     * It covers the paste of an entirely unacceptable string too: that one is not
+     * prevented, so the browser drops it in and the `input` event lands here.
+     */
+    private syncElementValue;
+    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, AfterViewInit {
+    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 | readonly 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;
+    ngAfterViewInit(): 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;
+    /** Hand the bound control to `<FormField>`, if this OTP is inside one. */
+    private publishControl;
+    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

@@ -1 +1,21 @@
-export * from '@ojiepermana/angular-component/input';
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ojiepermana/angular/component/utils/scale';
+import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
+
+/**
+ * Styled native `<input>`. Works with Angular's DefaultValueAccessor,
+ * so `ngModel` and reactive forms just work.
+ */
+declare class InputComponent {
+    protected readonly componentScale: ComponentScaleDirective;
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+    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, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+
+export { InputComponent };

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

@@ -1 +1,93 @@
-export * from '@ojiepermana/angular-component/item';
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ojiepermana/angular/component/utils/scale';
+import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
+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 {
+    protected readonly componentScale: ComponentScaleDirective;
+    readonly radius: _angular_core.InputSignal<"sm" | "xs" | "inherit" | "none" | "md" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+    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, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+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

@@ -1 +1,70 @@
-export * from '@ojiepermana/angular-component/kanban';
+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 };

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

@@ -1 +1,16 @@
-export * from '@ojiepermana/angular-component/kbd';
+import * as _angular_core from '@angular/core';
+
+declare class KbdComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbdComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbdComponent, "Kbd, [Kbd]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class KbdGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbdGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbdGroupComponent, "KbdGroup, [KbdGroup]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { KbdComponent, KbdGroupComponent };

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

@@ -1 +1,11 @@
-export * from '@ojiepermana/angular-component/label';
+import * as _angular_core from '@angular/core';
+
+declare class LabelComponent {
+    readonly for: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelComponent, "Label, label[Label]", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { LabelComponent };