@ojiepermana/angular 22.1.10 → 22.1.12

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

@@ -1 +1,60 @@
-export * from '@ojiepermana/angular-component/radio';
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type AriaInvalidValue = boolean | 'true' | 'false' | null;
+/**
+ * Radio group built on native `<input type="radio">` elements (shadcn
+ * pattern) — no Material dependency. Native radios with a shared `name`
+ * give arrow-key navigation and form semantics for free.
+ */
+declare class RadioGroupComponent implements ControlValueAccessor {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
+    readonly ariaInvalid: _angular_core.InputSignal<AriaInvalidValue>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    private readonly generatedName;
+    private readonly radios;
+    readonly value: _angular_core.WritableSignal<string | null>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    /** Shared native `name` so the browser groups the radios. */
+    readonly resolvedName: _angular_core.Signal<string>;
+    protected readonly ariaInvalidAttr: _angular_core.Signal<"true" | "false" | null>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    select(value: string): void;
+    markTouched(): void;
+    focus(): void;
+    writeValue(v: string | null): void;
+    registerOnChange(fn: (v: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(d: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "RadioGroup", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "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; }; "ariaInvalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["radios"], ["*"], true, never>;
+}
+declare class RadioComponent {
+    protected readonly group: RadioGroupComponent;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Accessible name for the radio input when no text is projected into `<Radio>`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    protected readonly selected: _angular_core.Signal<boolean>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    protected readonly circleClasses: _angular_core.Signal<string>;
+    private readonly ref;
+    protected handleChange(): void;
+    protected handleBlur(): void;
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "Radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { RadioComponent, RadioGroupComponent };

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

@@ -1 +1,117 @@
-export * from '@ojiepermana/angular-component/resizable';
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+type ResizableSize = string | number | null | undefined;
+declare function clampResizableValue(value: number, min: number, max: number): number;
+declare function parseResizablePercent(value: ResizableSize): number | null;
+declare function roundResizablePercentage(value: number): number;
+declare function resolveInitialResizableSizes(preferred: readonly (number | null)[], minimums: readonly number[], maximums: readonly number[]): number[];
+declare function toResizableAriaValue(value: number | undefined): string | null;
+
+type ResizableOrientation = 'horizontal' | 'vertical';
+interface ResizableHandleState {
+    readonly panelId: string;
+    readonly valueNow: number;
+    readonly valueMin: number;
+    readonly valueMax: number;
+}
+declare abstract class ResizableGroupContextBase {
+    abstract groupOrientation(): ResizableOrientation;
+    abstract panelDirection(): 'ltr' | 'rtl';
+    abstract pairState(handle: ResizableHandleComponent): ResizableHandleState | null;
+    abstract beginPointerResize(handle: ResizableHandleComponent, event: PointerEvent): void;
+    abstract handleKeydown(handle: ResizableHandleComponent, event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizableGroupContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResizableGroupContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class ResizablePanelComponent {
+    private readonly ctx;
+    private readonly host;
+    readonly defaultSize: _angular_core.InputSignal<ResizableSize>;
+    readonly minSize: _angular_core.InputSignal<ResizableSize>;
+    readonly maxSize: _angular_core.InputSignal<ResizableSize>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly generatedId;
+    private readonly currentSize;
+    protected readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly flexStyle: _angular_core.Signal<string>;
+    panelId(): string;
+    preferredSizePercent(): number | null;
+    minSizePercent(): number;
+    maxSizePercent(): number;
+    size(): number;
+    setSize(size: number): void;
+    nativeElement(): HTMLElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizablePanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizablePanelComponent, "ResizablePanel", never, { "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ResizableHandleComponent {
+    private readonly ctx;
+    private readonly host;
+    readonly withHandle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly lastExpandedPrimarySize;
+    protected readonly active: _angular_core.WritableSignal<boolean>;
+    private readonly state;
+    protected readonly classes: _angular_core.Signal<string>;
+    /**
+     * Whether this handle sits between two panels it can actually resize.
+     *
+     * A handle with no adjacent pair -- a lone panel, or a handle at the edge of
+     * the group -- changes nothing, so it is decorative and gives up `separator`
+     * and its tab stop. A focusable `separator` owes `aria-valuenow`, and there is
+     * no honest value to give: inventing one would satisfy axe while telling a
+     * screen reader about a slider that does not exist. Dropping the role is the
+     * truthful half of that trade, and it also stops the handle from soaking up a
+     * Tab press that leads nowhere.
+     */
+    protected readonly resizable: _angular_core.Signal<boolean>;
+    protected readonly separatorOrientation: _angular_core.Signal<"horizontal" | "vertical">;
+    protected readonly controls: _angular_core.Signal<string | null>;
+    protected readonly label: _angular_core.Signal<string>;
+    protected readonly valueNow: _angular_core.Signal<string | null>;
+    protected readonly valueMin: _angular_core.Signal<string | null>;
+    protected readonly valueMax: _angular_core.Signal<string | null>;
+    protected readonly valueText: _angular_core.Signal<string | null>;
+    onPointerDown(event: PointerEvent): void;
+    onKeydown(event: KeyboardEvent): void;
+    setActive(active: boolean): void;
+    rememberPrimarySize(size: number): void;
+    rememberedPrimarySize(): number | null;
+    nativeElement(): HTMLElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizableHandleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizableHandleComponent, "ResizableHandle", never, { "withHandle": { "alias": "withHandle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class ResizablePanelGroupComponent extends ResizableGroupContextBase implements OnDestroy {
+    private readonly host;
+    private readonly document;
+    readonly orientation: _angular_core.InputSignal<ResizableOrientation>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly panels;
+    private readonly handles;
+    private pointerSession;
+    private removePointerListeners;
+    protected readonly classes: _angular_core.Signal<string>;
+    private readonly syncLayout;
+    groupOrientation(): ResizableOrientation;
+    panelDirection(): 'ltr' | 'rtl';
+    pairState(handle: ResizableHandleComponent): ResizableHandleState | null;
+    beginPointerResize(handle: ResizableHandleComponent, event: PointerEvent): void;
+    handleKeydown(handle: ResizableHandleComponent, event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    private finishPointerResize;
+    private initializeLayout;
+    private resolvePair;
+    private boundsForPair;
+    private applyPrimarySize;
+    private containerSize;
+    private coordinateFromEvent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizablePanelGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizablePanelGroupComponent, "ResizablePanelGroup", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["panels", "handles"], ["*"], true, never>;
+}
+
+export { ResizableGroupContextBase, ResizableHandleComponent, ResizablePanelComponent, ResizablePanelGroupComponent, clampResizableValue, parseResizablePercent, resolveInitialResizableSizes, roundResizablePercentage, toResizableAriaValue };
+export type { ResizableOrientation, ResizableSize };

package/types/ojiepermana-angular-component-scroll-area.d.ts

@@ -1 +1,19 @@
-export * from '@ojiepermana/angular-component/scroll-area';
+import * as _angular_core from '@angular/core';
+
+/**
+ * Lightweight scroll area using native scrollbars styled via CSS.
+ * Fully accessible — real scrolling, keyboard, wheel, momentum.
+ */
+declare class ScrollAreaComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    readonly viewportClass: _angular_core.InputSignal<string>;
+    readonly viewportAriaLabel: _angular_core.InputSignal<string | null>;
+    readonly viewportTabIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly viewportRole: _angular_core.Signal<"region" | null>;
+    protected readonly viewportClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollAreaComponent, "ScrollArea", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "viewportClass": { "alias": "viewportClass"; "required": false; "isSignal": true; }; "viewportAriaLabel": { "alias": "viewportAriaLabel"; "required": false; "isSignal": true; }; "viewportTabIndex": { "alias": "viewportTabIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ScrollAreaComponent };

package/types/ojiepermana-angular-component-segmented-control.d.ts

@@ -1 +1,58 @@
-export * from '@ojiepermana/angular-component/segmented-control';
+import * as _angular_core from '@angular/core';
+
+type SegmentedControlAppearance = 'text' | 'icon-text' | 'icon';
+type SegmentedControlSpace = 'default' | 'normal' | 'compact';
+/** An exclusive choice rendered by `SegmentedControl`. */
+interface SegmentedControlOption {
+    readonly value: string;
+    /** Visible text, or the accessible fallback for an icon-only option. */
+    readonly label: string;
+    /** Material Symbols glyph name, used by the `icon-text` and `icon` appearances. */
+    readonly icon?: string;
+    readonly disabled?: boolean;
+    /** Overrides `label` as the accessible name for an icon-only option. */
+    readonly ariaLabel?: string;
+}
+/**
+ * A compact, exclusive selection control with a floating selected surface.
+ *
+ * The control uses the radio-group interaction model: arrow keys, Home, and
+ * End move focus and select the corresponding enabled option.
+ */
+declare class SegmentedControlComponent {
+    readonly options: _angular_core.InputSignal<readonly SegmentedControlOption[]>;
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly appearance: _angular_core.InputSignal<SegmentedControlAppearance>;
+    /**
+     * `default` inherits the active `theme-space` value. Explicit values apply
+     * the same theme-space base locally to this control and its segments.
+     */
+    readonly space: _angular_core.InputSignal<SegmentedControlSpace>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly focusedIndex;
+    private readonly optionButtons;
+    private readonly enabledIndexes;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly spaceBase: _angular_core.Signal<"0.215rem" | "0.25rem" | null>;
+    protected readonly iconSize = 16;
+    protected selected(value: string): boolean;
+    protected isDisabled(option: SegmentedControlOption): boolean;
+    protected optionAriaLabel(option: SegmentedControlOption): string | null;
+    protected optionClasses(option: SegmentedControlOption): string;
+    protected tabindexFor(index: number, option: SegmentedControlOption): number;
+    protected select(index: number): void;
+    protected markFocused(index: number): void;
+    protected handleKeydown(event: KeyboardEvent, index: number): void;
+    private moveSelection;
+    private selectAndFocus;
+    private optionAppearanceClass;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlComponent, "SegmentedControl", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "space": { "alias": "space"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { SegmentedControlComponent };
+export type { SegmentedControlAppearance, SegmentedControlOption, SegmentedControlSpace };

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

@@ -1 +1,122 @@
-export * from '@ojiepermana/angular-component/select';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import * as i1 from '@ojiepermana/angular/component/utils/scale';
+import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
+import * as rxjs from 'rxjs';
+import * as _angular_material_core from '@angular/material/core';
+import { MatOption } from '@angular/material/core';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { MatSelect } from '@angular/material/select';
+
+/**
+ * Compatibility boundary for the protected Material APIs required by the
+ * copied MatSelect template. Keep version-sensitive access in this file so a
+ * Material upgrade has one auditable failure surface.
+ */
+declare abstract class SelectMaterialBridge extends MatSelect {
+    protected get materialValueId(): string;
+    protected get materialOverlayPanelClass(): string | string[];
+    protected get materialScrollStrategy(): _angular_cdk_overlay.ScrollStrategy;
+    protected get materialPreferredOverlayOrigin(): _angular_cdk_overlay.CdkOverlayOrigin | _angular_core.ElementRef<any> | undefined;
+    protected get materialPositions(): ConnectedPosition[];
+    protected get materialOverlayWidth(): string | number;
+    protected get materialPopoverLocation(): _angular_cdk_overlay.FlexibleOverlayPopoverLocation | null;
+    protected get materialAnimationsDisabled(): boolean;
+    protected get materialParentFormFieldColor(): _angular_material_core.ThemePalette;
+    protected get materialDestroyed(): rxjs.Subject<void>;
+    protected configureMaterialPositions(positions: ConnectedPosition[]): void;
+    protected materialHandleOverlayKeydown(event: KeyboardEvent): void;
+    protected materialPanelAriaLabelledby(): string | null;
+    protected materialHandleKeydown(event: KeyboardEvent): void;
+    protected materialConfigureSkipPredicate(predicate: (option: MatOption) => boolean): void;
+    protected materialSetActiveItem(option: MatOption | number): void;
+}
+
+/**
+ * Custom shadcn-styled select.
+ *
+ * IMPORTANT: this MUST extend `MatSelect` (with a copied template) rather than
+ * wrap `<mat-select>` in its own view. `mat-select` projects its options through
+ * an `<ng-content>` that lives inside the deferred `cdk-connected-overlay`
+ * `<ng-template>`. A wrapper that re-projects options into mat-select via its own
+ * `<ng-content>` creates a *double* projection into that deferred slot, and the
+ * projected options are never instantiated — `@ContentChildren(MatOption)` finds
+ * zero, the trigger shows the placeholder instead of the bound value, and
+ * `_canOpen()` refuses to open the panel. By BEING the mat-select, options are
+ * direct (single-projection) content and register normally.
+ *
+ * The full MatSelect public API (`value`, `multiple`, `required`, `disabled`,
+ * `placeholder`, `aria-*`, `open()/close()/focus()`, `selectionChange`,
+ * `openedChange`, `valueChange`, and `ControlValueAccessor` for `ngModel`/reactive
+ * forms) is inherited. Only the selector, template, styles, providers, and the
+ * optional `<FormField>` bridge are declared here.
+ */
+declare class SelectComponent extends SelectMaterialBridge implements AfterViewInit {
+    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">;
+    /** Optional bridge to an enclosing edsis `<FormField>` (validation + a11y). */
+    private readonly formFieldContext;
+    /** Per-component corner-radius override; `'inherit'` follows the global axis. */
+    /** Per-component spacing-density override; `'inherit'` follows the global axis. */
+    /** Adds an opt-in search field to the overlay. */
+    readonly search: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Accessible label and visible placeholder for the optional search field. */
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Message shown when the current search has no matching options. */
+    readonly searchEmptyText: _angular_core.InputSignal<string>;
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    protected readonly visibleOptionCount: _angular_core.WritableSignal<number>;
+    private readonly searchInput;
+    private readonly hiddenOptions;
+    constructor();
+    /**
+     * `aria-describedby` for the combobox, written by this host binding and nothing
+     * else. `MatSelect` publishes ids only through `setDescribedByIds()`, which is
+     * the `MatFormField` protocol: outside one — and an edsis `<FormField>` is not
+     * one — nothing ever calls it, and assigning `userAriaDescribedBy` by hand
+     * reaches the DOM through no path at all. The binding clears the attribute as
+     * well as sets it, so a resolved error never outlives itself.
+     */
+    protected resolvedDescribedBy(): string | null;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    open(): void;
+    close(): void;
+    protected onSearchInput(event: Event): void;
+    protected onSearchKeydown(event: KeyboardEvent): void;
+    /** Idempotent bridge: only writes when the resolved control actually changed. */
+    private publishControl;
+    private resetSearch;
+    private focusSearchInput;
+    private applySearch;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "SelectField", ["matSelect"], { "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchEmptyText": { "alias": "searchEmptyText"; "required": false; "isSignal": true; }; }, {}, never, ["mat-select-trigger", "*"], true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+
+/**
+ * Option for `<SelectField>`.
+ *
+ * IMPORTANT: this MUST extend `MatOption` rather than wrap it in a child view.
+ * `mat-select` discovers options via `@ContentChildren(MatOption, { descendants: true })`,
+ * and Angular content queries do NOT cross into a child component's view. A
+ * previous version rendered `<mat-option>` inside this component's template, so
+ * mat-select found zero options — the trigger showed its placeholder instead of
+ * the bound value and `MatSelect._canOpen()` refused to open (it returns false
+ * when `options.length === 0`). By extending `MatOption` and re-providing it,
+ * the `<SelectItem>` element IS a real option that the query matches, working
+ * both at top level and nested inside `<mat-optgroup>`.
+ *
+ * Inputs (`value`, `disabled`, `id`), outputs, host bindings, and the internal
+ * `#text` view query are inherited from `MatOption`; only the template, styles,
+ * and the self-provider below are declared here. The template/styles mirror
+ * Material's own option so rendering stays pixel-identical.
+ */
+declare class OptionComponent extends MatOption {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "SelectItem", ["matOption"], {}, {}, never, ["mat-icon", "*"], true, never>;
+}
+
+export { OptionComponent, SelectComponent };

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

@@ -1 +1,14 @@
-export * from '@ojiepermana/angular-component/separator';
+import * as _angular_core from '@angular/core';
+
+type SeparatorOrientation = 'horizontal' | 'vertical';
+declare class SeparatorComponent {
+    readonly orientation: _angular_core.InputSignal<SeparatorOrientation>;
+    readonly decorative: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SeparatorComponent, "Separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SeparatorComponent };
+export type { SeparatorOrientation };

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

@@ -1 +1,130 @@
-export * from '@ojiepermana/angular-component/sheet';
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ojiepermana/angular/component/utils/scale';
+import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
+
+declare class SheetCloseDirective {
+    private readonly sheet;
+    closeSheet(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SheetCloseDirective, "button[SheetClose], a[SheetClose], button[DrawerClose], a[DrawerClose]", never, {}, {}, never, never, true, never>;
+}
+
+type SheetSide = 'top' | 'right' | 'bottom' | 'left';
+/**
+ * Backdrop appearance for the area outside the sheet/drawer surface.
+ *
+ * - `'dim'`: dark, semi-transparent overlay (default) driven by the
+ *   `--overlay-backdrop` theme token, so it recolors with theme/mode.
+ * - `'blur'`: the dim overlay plus a frosted `backdrop-filter` blur.
+ * - `'transparent'`: no dimming; the page behind stays fully visible.
+ */
+type SheetBackdrop = 'dim' | 'blur' | 'transparent';
+declare class SheetComponent {
+    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 overlay;
+    private readonly vcr;
+    private readonly trapFactory;
+    private readonly doc;
+    private readonly destroyRef;
+    private readonly host;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly side: _angular_core.InputSignal<SheetSide | undefined>;
+    /** Paksa perilaku 'sheet' atau 'drawer' tanpa bergantung pada nama tag host. */
+    readonly variant: _angular_core.InputSignal<"sheet" | "drawer" | null>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    /** Appearance of the area outside the surface. Defaults to a dimmed overlay. */
+    readonly backdrop: _angular_core.InputSignal<SheetBackdrop>;
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    readonly closeButtonLabel: _angular_core.InputSignal<string>;
+    /** Optional opening trigger used for deterministic focus restoration. */
+    readonly restoreFocus: _angular_core.InputSignal<HTMLElement | null>;
+    readonly labelledBy: _angular_core.InputSignal<string | null>;
+    readonly describedBy: _angular_core.InputSignal<string | null>;
+    /** ARIA role for the surface. Defaults to `'dialog'`. */
+    readonly role: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly registeredTitleId;
+    private readonly registeredDescriptionId;
+    /** Explicit `aria-labelledby` wins; otherwise a projected `SheetTitle` supplies the id. */
+    protected readonly resolvedLabelledBy: _angular_core.Signal<string | null>;
+    /** Explicit `aria-describedby` wins; otherwise a projected `SheetDescription` supplies the id. */
+    protected readonly resolvedDescribedBy: _angular_core.Signal<string | null>;
+    private readonly tpl;
+    private overlayRef;
+    private focusTrap;
+    private previousFocus;
+    private readonly resolvedSide;
+    protected readonly surfaceClasses: _angular_core.Signal<string>;
+    protected readonly enterFrom: _angular_core.Signal<string>;
+    /** CDK `backdropClass` list: shared marker plus the selected appearance modifier. */
+    private readonly backdropClass;
+    constructor();
+    private attach;
+    private detach;
+    close(): void;
+    /** Called by a projected `SheetTitle` so default usage has an accessible name (AXE-safe). */
+    registerTitleId(id: string | null): void;
+    /** Cleared by a `SheetTitle` on destroy so a closed/reopened sheet never points at a stale id. */
+    unregisterTitleId(id: string): void;
+    /** Called by a projected `SheetDescription`. */
+    registerDescriptionId(id: string | null): void;
+    /** Cleared by a `SheetDescription` on destroy. */
+    unregisterDescriptionId(id: string): void;
+    private isDrawerHost;
+    /** See DatePicker: wait for CDK pane disposal before returning focus on WebKit. */
+    private restoreFocusAfterOverlayTeardown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetComponent, "Sheet, Drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+
+declare class SheetHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetHeaderComponent, "SheetHeader, DrawerHeader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class SheetTitleComponent {
+    /** Explicit id override; when omitted a document-unique id is generated. */
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly autoId;
+    private readonly sheet;
+    /** The id rendered on the element, used by the parent sheet for aria-labelledby. */
+    readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetTitleComponent, "SheetTitle, DrawerTitle, h2[SheetTitle], h2[DrawerTitle]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class SheetDescriptionComponent {
+    /** Explicit id override; when omitted a document-unique id is generated. */
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly autoId;
+    private readonly sheet;
+    /** The id rendered on the element, used by the parent sheet for aria-describedby. */
+    readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetDescriptionComponent, "SheetDescription, DrawerDescription, p[SheetDescription], p[DrawerDescription]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class SheetContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetContentComponent, "SheetContent, DrawerContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class SheetFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetFooterComponent, "SheetFooter, DrawerFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SheetCloseDirective, SheetComponent, SheetContentComponent, SheetDescriptionComponent, SheetFooterComponent, SheetHeaderComponent, SheetTitleComponent };
+export type { SheetBackdrop, SheetSide };

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

@@ -1 +1,10 @@
-export * from '@ojiepermana/angular-component/skeleton';
+import * as _angular_core from '@angular/core';
+
+declare class SkeletonComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "Skeleton", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkeletonComponent };

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

@@ -1 +1,83 @@
-export * from '@ojiepermana/angular-component/slider';
+import * as _angular_core from '@angular/core';
+
+/**
+ * Styled native range input. Works with `ngModel` / `FormControl` via
+ * Angular's built-in `RangeValueAccessor`. Keyboard + ARIA handled by the browser.
+ */
+declare class SliderComponent {
+    private readonly el;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "input[type=range][Slider]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SliderOrientation = 'horizontal' | 'vertical';
+interface SliderThumbState {
+    readonly index: number;
+    readonly value: number;
+    readonly position: number;
+    readonly min: number;
+    readonly max: number;
+    readonly label: string | null;
+}
+declare class SliderRootComponent {
+    private readonly host;
+    private readonly document;
+    private readonly destroyRef;
+    private readonly track;
+    readonly value: _angular_core.InputSignal<readonly number[]>;
+    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly minStepsBetweenThumbs: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly orientation: _angular_core.InputSignal<SliderOrientation>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thumbLabels: _angular_core.InputSignal<readonly string[] | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<readonly number[]>;
+    private readonly valueState;
+    protected readonly activeThumbIndex: _angular_core.WritableSignal<number>;
+    private readonly draggedThumbIndex;
+    private readonly pointerId;
+    private detachDragListeners;
+    private readonly config;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly thumbs: _angular_core.Signal<readonly SliderThumbState[]>;
+    protected readonly rangeOffset: _angular_core.Signal<number>;
+    protected readonly rangeSize: _angular_core.Signal<number>;
+    private readonly syncExternalValue;
+    constructor();
+    onTrackPointerDown(event: PointerEvent): void;
+    onThumbPointerDown(event: PointerEvent, index: number): void;
+    onThumbFocus(index: number): void;
+    onThumbKeydown(event: KeyboardEvent, index: number): void;
+    /**
+     * Pointer listeners live for exactly as long as the drag does.
+     *
+     * Angular's listener wrapper marks the view dirty BEFORE the handler runs, so
+     * a permanently bound `pointermove` made every pointer move anywhere on the
+     * page dirty every slider on screen -- the pointerId guard inside the handler
+     * came far too late to stop it.
+     */
+    private beginDrag;
+    private onDragMove;
+    private endDrag;
+    private updateThumbValue;
+    private valueFromPointer;
+    private closestThumbIndex;
+    private rangeSpan;
+    private positionPercent;
+    private thumbLabel;
+    private focusThumb;
+    private resolvedDirection;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderRootComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderRootComponent, "Slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "thumbLabels": { "alias": "thumbLabels"; "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; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+export { SliderComponent, SliderComponent as SliderInputDirective, SliderRootComponent };
+export type { SliderOrientation };