@ojiepermana/angular-component 22.0.27

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

@@ -0,0 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+type ResizableOrientation = 'horizontal' | 'vertical';
+type ResizableSize = string | number | null | undefined;
+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>;
+    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 };
+export type { ResizableOrientation, ResizableSize };

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

@@ -0,0 +1,19 @@
+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-select.d.ts

@@ -0,0 +1,56 @@
+import { MatSelect } from '@angular/material/select';
+import * as i0 from '@angular/core';
+import { MatOption } from '@angular/material/core';
+
+/**
+ * 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 MatSelect {
+    /** Optional bridge to an enclosing edsis `<FormField>` (validation + a11y). */
+    private readonly formFieldContext;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "SelectField", ["matSelect"], {}, {}, never, ["mat-select-trigger", "*"], true, never>;
+}
+
+/**
+ * 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: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "SelectItem", ["matOption"], {}, {}, never, ["mat-icon", "*"], true, never>;
+}
+
+export { OptionComponent, SelectComponent };

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,78 @@
+import * as _angular_core from '@angular/core';
+
+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';
+declare class SheetComponent {
+    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>;
+    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;
+    private readonly resolvedSide;
+    protected readonly surfaceClasses: _angular_core.Signal<string>;
+    protected readonly enterFrom: _angular_core.Signal<string>;
+    constructor();
+    private attach;
+    private detach;
+    close(): void;
+    private isDrawerHost;
+    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; }; "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 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 {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetTitleComponent, "SheetTitle, DrawerTitle, h2[SheetTitle], h2[DrawerTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class SheetDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetDescriptionComponent, "SheetDescription, DrawerDescription, p[SheetDescription], p[DrawerDescription]", never, { "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 { SheetSide };

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,74 @@
+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 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 disabledState;
+    private readonly valueState;
+    protected readonly activeThumbIndex: _angular_core.WritableSignal<number>;
+    private readonly draggedThumbIndex;
+    private readonly pointerId;
+    private readonly config;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    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;
+    onTrackPointerDown(event: PointerEvent): void;
+    onThumbPointerDown(event: PointerEvent, index: number): void;
+    onWindowPointerMove(event: PointerEvent): void;
+    onWindowPointerUp(event: PointerEvent): void;
+    onThumbFocus(index: number): void;
+    onThumbKeydown(event: KeyboardEvent, index: number): void;
+    private beginDrag;
+    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 };

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

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+declare class SpinnerComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    readonly decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "Spinner", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SpinnerComponent };

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

@@ -0,0 +1,44 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type SwitchSize = 'default' | 'sm';
+/**
+ * Switch built on a native `<input type="checkbox" role="switch">` (shadcn
+ * pattern) — no Material dependency.
+ */
+declare class SwitchComponent implements ControlValueAccessor {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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 size: _angular_core.InputSignal<SwitchSize>;
+    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 hostClasses: _angular_core.Signal<string>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    protected readonly thumbClasses: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    protected handleChange(event: Event): void;
+    protected handleBlur(): 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<SwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "Switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+export { SwitchComponent };
+export type { SwitchSize };

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

@@ -0,0 +1,52 @@
+import * as _angular_core from '@angular/core';
+
+declare class TableComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "Table", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHeaderComponent, "thead[TableHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableBodyComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableBodyComponent, "tbody[TableBody]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFooterComponent, "tfoot[TableFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableRowComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableRowComponent, "tr[TableRow]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableHeadComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHeadComponent, "th[TableHead]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableCellComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableCellComponent, "td[TableCell]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TableCaptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableCaptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableCaptionComponent, "caption[TableCaption]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { TableBodyComponent, TableCaptionComponent, TableCellComponent, TableComponent, TableFooterComponent, TableHeadComponent, TableHeaderComponent, TableRowComponent };

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

@@ -0,0 +1,92 @@
+import * as _angular_core from '@angular/core';
+import { model } from '@angular/core';
+
+type TabsListVariant = 'default' | 'line';
+/**
+ * Shared state for a tabs group. Children read the active value and register
+ * themselves so the group can drive roving-tabindex keyboard navigation.
+ */
+declare abstract class TabsContextBase {
+    abstract value: ReturnType<typeof model<string | null>>;
+    abstract register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
+    abstract unregister(element: HTMLElement): void;
+    abstract activate(value: string, focus?: boolean): void;
+    abstract focusNext(from: HTMLElement, offset: number): void;
+    abstract focusFirst(): void;
+    abstract focusLast(): void;
+    abstract triggerId(value: string): string;
+    abstract contentId(value: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabsContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare abstract class TabsListContextBase {
+    abstract listVariant(): TabsListVariant;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsListContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabsListContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class TabsComponent extends TabsContextBase {
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly idPrefix;
+    private readonly triggers;
+    protected readonly classes: _angular_core.Signal<string>;
+    register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
+    unregister(element: HTMLElement): void;
+    activate(value: string, focus?: boolean): void;
+    focusNext(from: HTMLElement, offset: number): void;
+    focusFirst(): void;
+    focusLast(): void;
+    triggerId(value: string): string;
+    contentId(value: string): string;
+    private enabledTriggers;
+    private triggerForValue;
+    private normalizeValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "Tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+declare class TabsListComponent extends TabsListContextBase {
+    protected readonly ctx: TabsComponent;
+    readonly variant: _angular_core.InputSignal<TabsListVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    listVariant(): TabsListVariant;
+    private variantClasses;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsListComponent, "TabsList", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TabsTriggerComponent {
+    protected readonly ctx: TabsComponent;
+    private readonly list;
+    private readonly el;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly selected: _angular_core.Signal<boolean>;
+    protected readonly triggerId: _angular_core.Signal<string>;
+    protected readonly contentId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected onClick(): void;
+    protected onArrow(e: KeyboardEvent, delta: number, axis: 'horizontal' | 'vertical'): void;
+    protected onHome(e: KeyboardEvent): void;
+    protected onEnd(e: KeyboardEvent): void;
+    private variantClasses;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTriggerComponent, "button[TabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class TabsContentComponent {
+    private readonly ctx;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly active: _angular_core.Signal<boolean>;
+    protected readonly triggerId: _angular_core.Signal<string>;
+    protected readonly contentId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsContentComponent, "TabsContent", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { TabsComponent, TabsContentComponent, TabsContextBase, TabsListComponent, TabsListContextBase, TabsTriggerComponent };
+export type { TabsListVariant };

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

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class TextareaComponent {
+    private readonly el;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "textarea[Textarea]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TextareaComponent };