@ojiepermana/angular 21.2.4 → 21.3.0

package/types/ojiepermana-angular-ui-component-chart-scatter.d.ts

@@ -0,0 +1 @@
+export { ScatterChart, ScatterLayout, ScatterLayoutInput, ScatterPoint, ScatterPointClickEvent, computeScatterLayout, resolveScatterDomains } from '@ojiepermana/angular/component/chart';

package/types/{ojiepermana-angular-chart.d.ts → ojiepermana-angular-ui-component-chart.d.ts}

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Type, Signal, TemplateRef } from '@angular/core';
-import * as _ojiepermana_angular_chart from '@ojiepermana/angular/chart';
+import * as _ojiepermana_angular_ui_component_chart from '@ojiepermana/angular/component/chart';
 import { ScaleBand, ScaleLinear, scaleBand, scaleLinear, scalePoint, ScalePoint } from 'd3-scale';
 
 /**
@@ -75,7 +75,7 @@ declare class ChartContext {
     /** Stable instance id — used in the `data-chart` attribute and CSS scope. */
     readonly id: _angular_core.WritableSignal<string>;
     /** User-provided series config. */
-    readonly config: _angular_core.WritableSignal<Readonly<Record<string, _ojiepermana_angular_chart.ChartSeriesConfig>>>;
+    readonly config: _angular_core.WritableSignal<Readonly<Record<string, _ojiepermana_angular_ui_component_chart.ChartSeriesConfig>>>;
     /** Measured render-area dimensions (ResizeObserver-driven). */
     readonly dimensions: _angular_core.WritableSignal<ChartDimensions>;
     /** Currently highlighted data point (tooltip / crosshair). */
@@ -135,7 +135,7 @@ declare class ChartContainer {
     private readonly platformId;
     private readonly destroyRef;
     /** Series configuration. Required for color / label resolution. */
-    readonly config: _angular_core.InputSignal<Readonly<Record<string, _ojiepermana_angular_chart.ChartSeriesConfig>>>;
+    readonly config: _angular_core.InputSignal<Readonly<Record<string, _ojiepermana_angular_ui_component_chart.ChartSeriesConfig>>>;
     /**
      * Tailwind aspect-ratio utility for the container. Defaults to `aspect-video`
      * for cartesian charts; override with `aspect-square` for radial / pie layouts.
@@ -279,7 +279,7 @@ declare class ChartAxisY {
 declare class ChartGrid {
     private readonly ctx;
     readonly tickCount: _angular_core.InputSignal<number>;
-    protected readonly ticks: _angular_core.Signal<_ojiepermana_angular_chart.ChartTick[]>;
+    protected readonly ticks: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.ChartTick[]>;
     protected readonly line: (offset: number) => {
         x1: number;
         x2: number;
@@ -565,7 +565,7 @@ declare class BarChart {
     readonly barClick: _angular_core.OutputEmitterRef<BarClickEvent>;
     protected readonly innerWidth: _angular_core.Signal<number>;
     protected readonly innerHeight: _angular_core.Signal<number>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.BarLayoutResult>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.BarLayoutResult>;
     protected readonly bars: _angular_core.Signal<readonly BarRect[]>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
@@ -669,7 +669,7 @@ declare class LineChart {
     protected readonly innerHeight: _angular_core.Signal<number>;
     protected readonly visibleStartIndex: _angular_core.Signal<number>;
     protected readonly visibleData: _angular_core.Signal<readonly Readonly<Record<string, unknown>>[]>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.LineLayoutResult>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.LineLayoutResult>;
     protected readonly series: _angular_core.Signal<readonly LineSeriesPath[]>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
@@ -741,7 +741,7 @@ declare class AreaChart {
     protected readonly innerHeight: _angular_core.Signal<number>;
     protected readonly visibleStartIndex: _angular_core.Signal<number>;
     protected readonly visibleData: _angular_core.Signal<readonly Readonly<Record<string, unknown>>[]>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.AreaLayoutResult>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.AreaLayoutResult>;
     protected readonly series: _angular_core.Signal<readonly LineSeriesPath[]>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
@@ -830,7 +830,7 @@ declare class PieChart {
     readonly sliceClick: _angular_core.OutputEmitterRef<PieSliceClickEvent>;
     protected readonly innerWidth: _angular_core.Signal<number>;
     protected readonly innerHeight: _angular_core.Signal<number>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.PieLayout>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.PieLayout>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
     protected readonly ariaSummary: _angular_core.Signal<string>;
@@ -909,7 +909,7 @@ declare class RadarChart {
     readonly linesOnly: _angular_core.InputSignal<boolean>;
     protected readonly innerWidth: _angular_core.Signal<number>;
     protected readonly innerHeight: _angular_core.Signal<number>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.RadarLayout>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.RadarLayout>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
     protected readonly ariaSummary: _angular_core.Signal<string>;
@@ -988,7 +988,7 @@ declare class RadialChart {
     readonly barClick: _angular_core.OutputEmitterRef<RadialBarClickEvent>;
     protected readonly innerWidth: _angular_core.Signal<number>;
     protected readonly innerHeight: _angular_core.Signal<number>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.RadialLayout>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.RadialLayout>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
     protected readonly ariaSummary: _angular_core.Signal<string>;
@@ -1073,12 +1073,12 @@ declare class ScatterChart {
     protected readonly innerWidth: _angular_core.Signal<number>;
     protected readonly innerHeight: _angular_core.Signal<number>;
     protected readonly resolvedDomains: _angular_core.Signal<{
-        xDomain: _ojiepermana_angular_chart.NumericDomain;
-        yDomain: _ojiepermana_angular_chart.NumericDomain;
+        xDomain: _ojiepermana_angular_ui_component_chart.NumericDomain;
+        yDomain: _ojiepermana_angular_ui_component_chart.NumericDomain;
     }>;
-    protected readonly currentXDomain: _angular_core.Signal<_ojiepermana_angular_chart.NumericDomain>;
-    protected readonly currentYDomain: _angular_core.Signal<_ojiepermana_angular_chart.NumericDomain>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart.ScatterLayout>;
+    protected readonly currentXDomain: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.NumericDomain>;
+    protected readonly currentYDomain: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.NumericDomain>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_ui_component_chart.ScatterLayout>;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly innerTransform: _angular_core.Signal<string>;
     protected readonly clipPathId: _angular_core.Signal<string>;

package/types/ojiepermana-angular-ui-component-checkbox.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+
+declare class CheckboxComponent implements ControlValueAccessor {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly ariaInvalid: _angular_core.InputSignal<string | boolean | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly ref;
+    protected readonly checked: _angular_core.WritableSignal<boolean>;
+    protected readonly disabledState: _angular_core.WritableSignal<boolean>;
+    protected readonly ariaInvalidAttr: _angular_core.Signal<string | null>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    protected handleChange(e: MatCheckboxChange): void;
+    focus(): void;
+    writeValue(v: boolean): void;
+    registerOnChange(fn: (v: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(d: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+export { CheckboxComponent };

package/types/ojiepermana-angular-ui-component-collapsible.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+
+declare abstract class CollapsibleContextBase {
+    abstract readonly triggerId: string;
+    abstract readonly contentId: string;
+    abstract isOpen(): boolean;
+    abstract isDisabled(): boolean;
+    abstract toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CollapsibleContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class CollapsibleComponent extends CollapsibleContextBase {
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly instanceId;
+    readonly triggerId: string;
+    readonly contentId: string;
+    protected readonly classes: _angular_core.Signal<string>;
+    isOpen(): boolean;
+    isDisabled(): boolean;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CollapsibleComponent, "ui-collapsible", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*"], true, never>;
+}
+declare class CollapsibleTriggerDirective {
+    protected readonly ctx: CollapsibleContextBase;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CollapsibleTriggerDirective, "button[ui-collapsible-trigger]", never, {}, {}, never, never, true, never>;
+}
+declare class CollapsibleContentComponent {
+    protected readonly ctx: CollapsibleContextBase;
+    readonly forceMount: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly renderContent: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CollapsibleContentComponent, "ui-collapsible-content", never, { "forceMount": { "alias": "forceMount"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CollapsibleComponent, CollapsibleContentComponent, CollapsibleContextBase, CollapsibleTriggerDirective };

package/types/ojiepermana-angular-ui-component-combobox.d.ts

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+interface ComboboxOption<T = unknown> {
+    readonly value: T;
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+/**
+ * Combobox with searchable option list. Options passed via `[options]`.
+ * Emits two-way `value` and supports forms via ControlValueAccessor.
+ */
+declare class ComboboxComponent<T = unknown> implements ControlValueAccessor {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly destroyRef;
+    private readonly instanceId;
+    readonly options: _angular_core.InputSignal<readonly ComboboxOption<T>[]>;
+    readonly value: _angular_core.ModelSignal<T | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<T | null>;
+    private readonly trigger;
+    private readonly panel;
+    private overlayRef;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly triggerId: string;
+    protected readonly panelId: string;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly triggerClasses: _angular_core.Signal<string>;
+    protected readonly selectedLabel: _angular_core.Signal<string>;
+    private onChangeFn;
+    private onTouchedFn;
+    protected isSelected(opt: ComboboxOption<T>): boolean;
+    protected toggle(): void;
+    protected open(): void;
+    protected close(): void;
+    protected pick(opt: ComboboxOption<T>): void;
+    writeValue(v: T | null): void;
+    registerOnChange(fn: (v: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(state: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent<any>, "ui-combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+export { ComboboxComponent };
+export type { ComboboxOption };

package/types/ojiepermana-angular-ui-component-command.d.ts

@@ -0,0 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { model } from '@angular/core';
+
+/** Base class exposed to children for context lookup. */
+declare abstract class CommandContextBase {
+    abstract query: ReturnType<typeof model<string>>;
+    abstract matches(text: string): boolean;
+    abstract registerItem(item: CommandItemComponent): void;
+    abstract unregisterItem(item: CommandItemComponent): void;
+    abstract focusNext(delta: number): void;
+    abstract focusFirst(): void;
+    abstract hasVisibleItems(): boolean;
+    abstract activateOnly(item: CommandItemComponent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CommandContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class CommandComponent extends CommandContextBase {
+    readonly query: _angular_core.ModelSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly items;
+    private readonly activeIndex;
+    protected readonly classes: _angular_core.Signal<string>;
+    matches(text: string): boolean;
+    registerItem(item: CommandItemComponent): void;
+    unregisterItem(item: CommandItemComponent): void;
+    /** Items currently visible (not filtered out). */
+    private visibleItems;
+    focusNext(delta: number): void;
+    focusFirst(): void;
+    hasVisibleItems(): boolean;
+    activateOnly(item: CommandItemComponent): void;
+    /** Returns the first visible item's text if any. Used when user hits Enter with no active. */
+    getActive(): CommandItemComponent | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandComponent, "ui-command", never, { "query": { "alias": "query"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "query": "queryChange"; }, never, ["*"], true, never>;
+}
+declare class CommandInputComponent {
+    protected readonly ctx: CommandComponent;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onInput(e: Event): void;
+    protected onArrow(e: KeyboardEvent, delta: number): void;
+    protected onEnter(e: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandInputComponent, "input[ui-command-input]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class CommandListComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandListComponent, "ui-command-list", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CommandEmptyComponent {
+    protected readonly ctx: CommandComponent;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandEmptyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandEmptyComponent, "ui-command-empty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CommandGroupComponent {
+    readonly heading: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandGroupComponent, "ui-command-group", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CommandSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandSeparatorComponent, "ui-command-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class CommandItemComponent {
+    protected readonly ctx: CommandComponent;
+    private readonly el;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly selected: _angular_core.OutputEmitterRef<KeyboardEvent | MouseEvent>;
+    readonly active: _angular_core.WritableSignal<boolean>;
+    readonly visible: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    focus(): void;
+    _setActive(active: boolean): void;
+    _select(e: MouseEvent | KeyboardEvent): void;
+    protected onHover(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandItemComponent, "ui-command-item, button[ui-command-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
+}
+declare class CommandShortcutComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandShortcutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandShortcutComponent, "span[ui-command-shortcut]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CommandComponent, CommandContextBase, CommandEmptyComponent, CommandGroupComponent, CommandInputComponent, CommandItemComponent, CommandListComponent, CommandSeparatorComponent, CommandShortcutComponent };

package/types/ojiepermana-angular-ui-component-context-menu.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { MenuContentDirective } from '@ojiepermana/angular/component/dropdown-menu';
+
+/**
+ * Opens a menu anchored to the cursor when the host fires `contextmenu`.
+ * Reuses `<ng-template uiMenuContent>` from the dropdown-menu entry.
+ *
+ * @example
+ * <div [uiContextMenuTrigger]="menu" class="p-12 border">Right-click me</div>
+ * <ng-template uiMenuContent #menu>
+ *   <ui-menu-surface>
+ *     <button ui-menu-item>Copy</button>
+ *     <button ui-menu-item>Paste</button>
+ *   </ui-menu-surface>
+ * </ng-template>
+ */
+declare class ContextMenuTriggerDirective {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly el;
+    private readonly destroyRef;
+    readonly uiContextMenuTrigger: _angular_core.InputSignal<MenuContentDirective>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private overlayRef;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected onContextMenu(event: MouseEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    openAt(x: number, y: number): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ContextMenuTriggerDirective, "[uiContextMenuTrigger]", ["uiContextMenuTrigger"], { "uiContextMenuTrigger": { "alias": "uiContextMenuTrigger"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
+}
+
+export { ContextMenuTriggerDirective };

package/types/ojiepermana-angular-ui-component-date-picker.d.ts

@@ -0,0 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { MatCalendarView } from '@angular/material/datepicker';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+
+/**
+ * Popup date picker. Requires a date adapter provider in the consumer app
+ * (e.g. `provideNativeDateAdapter()` from `@angular/material/core`).
+ */
+declare class DatePickerComponent implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly startAt: _angular_core.InputSignal<Date | null>;
+    readonly startView: _angular_core.InputSignal<MatCalendarView>;
+    readonly touchUi: _angular_core.InputSignal<boolean>;
+    readonly dateFilter: _angular_core.InputSignal<((date: Date | null) => boolean) | null>;
+    readonly panelClass: _angular_core.InputSignal<string | string[]>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly fallbackId;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly control: FormControl<Date | null>;
+    private onChangeFn;
+    private onTouchedFn;
+    constructor();
+    protected handleTouched(): void;
+    writeValue(v: Date | null): void;
+    registerOnChange(fn: (v: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(state: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "ui-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "touchUi": { "alias": "touchUi"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+export { DatePickerComponent };

package/types/ojiepermana-angular-ui-component-dialog.d.ts

@@ -0,0 +1,87 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Declarative modal dialog. Renders into the body via CDK overlay when
+ * `open` becomes `true`. Focus is trapped inside; restored to trigger on close.
+ *
+ * @example
+ * <button ui-button (click)="open.set(true)">Open</button>
+ * <ui-dialog [(open)]="open">
+ *   <ui-dialog-header>
+ *     <ui-dialog-title>Are you sure?</ui-dialog-title>
+ *     <ui-dialog-description>This action cannot be undone.</ui-dialog-description>
+ *   </ui-dialog-header>
+ *   <ui-dialog-footer>
+ *     <button ui-button variant="outline" (click)="open.set(false)">Cancel</button>
+ *     <button ui-button variant="destructive" (click)="confirm()">Delete</button>
+ *   </ui-dialog-footer>
+ * </ui-dialog>
+ */
+declare class DialogComponent {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly trapFactory;
+    private readonly doc;
+    private readonly destroyRef;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    readonly closeButtonLabel: _angular_core.InputSignal<string>;
+    readonly labelledBy: _angular_core.InputSignal<string | null>;
+    readonly describedBy: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly tpl;
+    private overlayRef;
+    private focusTrap;
+    private previousFocus;
+    protected readonly surfaceClasses: _angular_core.Signal<string>;
+    constructor();
+    private attach;
+    private detach;
+    private requestClose;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, never>;
+}
+
+declare class DialogCloseDirective {
+    private readonly dialog;
+    closeDialog(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DialogCloseDirective, "button[ui-dialog-close], a[ui-dialog-close]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DialogHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogHeaderComponent, "ui-dialog-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogTitleComponent, "ui-dialog-title, h2[ui-dialog-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogDescriptionComponent, "ui-dialog-description, p[ui-dialog-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogContentComponent, "ui-dialog-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogFooterComponent, "ui-dialog-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogTitleComponent };

package/types/ojiepermana-angular-ui-component-drawer.d.ts

@@ -0,0 +1 @@
+export { SheetCloseDirective as DrawerCloseDirective, SheetComponent as DrawerComponent, SheetContentComponent as DrawerContentComponent, SheetDescriptionComponent as DrawerDescriptionComponent, SheetSide as DrawerDirection, SheetFooterComponent as DrawerFooterComponent, SheetHeaderComponent as DrawerHeaderComponent, SheetSide as DrawerSide, SheetTitleComponent as DrawerTitleComponent } from '@ojiepermana/angular/component/sheet';