@ojiepermana/angular 21.2.4 → 21.3.0

package/types/ojiepermana-angular-navigation.d.ts

@@ -1,3 +1,4 @@
+export * from '@ojiepermana/angular/navigation-icon';
 import * as _angular_core from '@angular/core';
 import { Params, QueryParamsHandling, IsActiveMatchOptions } from '@angular/router';
 import { ClassValue } from 'clsx';
@@ -201,25 +202,6 @@ declare class NavigationService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NavigationService>;
 }
 
-/**
- * Material Symbols icon renderer.
- * Menyuntikkan stylesheet font sekali saat dipakai agar consumer tidak perlu
- * menambahkan `<link>` manual di `index.html`.
- */
-declare class UiNavIconComponent {
-    private readonly doc;
-    private readonly platformId;
-    readonly name: _angular_core.InputSignal<string>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<number | null>;
-    protected readonly fontVariationSettings = "\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24";
-    constructor();
-    protected readonly classes: _angular_core.Signal<string>;
-    private ensureFontStylesheet;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiNavIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiNavIconComponent, "ui-nav-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /** Concatenate and dedupe Tailwind class names. */
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -389,5 +371,5 @@ declare const DemoNavigationData: NavigationItem[];
 
 declare const NAVIGATION_VERSION = "0.0.1";
 
-export { DEFAULT_NAVIGATION_ID, DemoNavigationData, NAVIGATION_VERSION, NavigationService, SidebarComponent, TopbarComponent, UiNavIconComponent, UiNavItemComponent };
+export { DEFAULT_NAVIGATION_ID, DemoNavigationData, NAVIGATION_VERSION, NavigationService, SidebarComponent, TopbarComponent, UiNavItemComponent };
 export type { NavigationActionHandler, NavigationAsideItem, NavigationBasicItem, NavigationBranchItem, NavigationCollapsableItem, NavigationDividerItem, NavigationGroupItem, NavigationItem, NavigationItemBadge, NavigationItemBase, NavigationItemClasses, NavigationItemType, NavigationLeafItem, NavigationMegaItem, NavigationRoutableItemBase, NavigationSpacerItem, NavigationStructuredItem, NavigationVisibilityHandler, SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition, TopbarAppearance, VerticalNavigationAppearance, VerticalNavigationBorderSource, VerticalNavigationMode, VerticalNavigationPosition };

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

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+
+type AccordionType = 'single' | 'multiple';
+declare abstract class AccordionContextBase {
+    abstract isOpen(value: string): boolean;
+    abstract toggle(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class AccordionComponent extends AccordionContextBase {
+    readonly type: _angular_core.InputSignal<AccordionType>;
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    readonly value: _angular_core.ModelSignal<string | string[] | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private readonly openSet;
+    isOpen(value: string): boolean;
+    toggle(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+declare class AccordionItemComponent {
+    protected readonly ctx: AccordionContextBase;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly triggerId: string;
+    readonly contentId: string;
+    protected readonly classes: _angular_core.Signal<string>;
+    readonly open: _angular_core.Signal<boolean>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "ui-accordion-item", 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 AccordionTriggerComponent {
+    protected readonly item: AccordionItemComponent;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionTriggerComponent, "button[ui-accordion-trigger]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AccordionContentComponent {
+    protected readonly item: AccordionItemComponent;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContentComponent, "ui-accordion-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AccordionComponent, AccordionContentComponent, AccordionContextBase, AccordionItemComponent, AccordionTriggerComponent };
+export type { AccordionType };

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

@@ -0,0 +1,93 @@
+import * as _angular_core from '@angular/core';
+import { ButtonVariant, ButtonSize } from '@ojiepermana/angular/component/button';
+
+type AlertDialogSize = 'default' | 'sm';
+
+declare class AlertDialogComponent {
+    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 contentSize;
+    readonly resolvedSize: _angular_core.Signal<AlertDialogSize>;
+    protected readonly surfaceClasses: _angular_core.Signal<string>;
+    setContentSize(size: AlertDialogSize): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogComponent, "ui-alert-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 AlertDialogContentComponent {
+    readonly size: _angular_core.InputSignal<AlertDialogSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogContentComponent, "ui-alert-dialog-content", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogHeaderComponent, "ui-alert-dialog-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogTitleComponent, "ui-alert-dialog-title, h2[ui-alert-dialog-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogDescriptionComponent, "ui-alert-dialog-description, p[ui-alert-dialog-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogMediaComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogMediaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogMediaComponent, "ui-alert-dialog-media", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogFooterComponent, "ui-alert-dialog-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogCancelComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly closeOnClick: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly host;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly buttonType: _angular_core.Signal<"button" | null>;
+    protected handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogCancelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogCancelComponent, "button[ui-alert-dialog-cancel], a[ui-alert-dialog-cancel]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogActionComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly closeOnClick: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly host;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly buttonType: _angular_core.Signal<"button" | null>;
+    protected handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogActionComponent, "button[ui-alert-dialog-action], a[ui-alert-dialog-action]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AlertDialogActionComponent, AlertDialogCancelComponent, AlertDialogComponent, AlertDialogContentComponent, AlertDialogDescriptionComponent, AlertDialogFooterComponent, AlertDialogHeaderComponent, AlertDialogMediaComponent, AlertDialogTitleComponent };
+export type { AlertDialogSize };

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

@@ -0,0 +1,37 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;
+
+declare class AlertComponent {
+    readonly variant: _angular_core.InputSignal<AlertVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "ui-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertTitleComponent, "ui-alert-title, h5[ui-alert-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDescriptionComponent, "ui-alert-description", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertActionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertActionComponent, "ui-alert-action", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AlertActionComponent, AlertComponent, AlertDescriptionComponent, AlertTitleComponent, alertVariants };
+export type { AlertVariant };

package/types/ojiepermana-angular-ui-component-aspect-ratio.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class AspectRatioComponent {
+    readonly ratio: _angular_core.InputSignal<number>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly paddingBottom: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AspectRatioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AspectRatioComponent, "ui-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AspectRatioComponent };

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

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+
+declare const avatarSizeClasses: {
+    readonly default: "h-10 w-10";
+    readonly sm: "h-8 w-8";
+    readonly lg: "h-12 w-12";
+};
+type AvatarSize = keyof typeof avatarSizeClasses;
+declare class AvatarComponent {
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarImageComponent {
+    readonly src: _angular_core.InputSignal<string>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly failed: _angular_core.WritableSignal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarImageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarImageComponent, "ui-avatar-image", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class AvatarFallbackComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarFallbackComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarFallbackComponent, "ui-avatar-fallback", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarBadgeComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadgeComponent, "ui-avatar-badge", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ui-avatar-group", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarGroupCountComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupCountComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupCountComponent, "ui-avatar-group-count", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AvatarBadgeComponent, AvatarComponent, AvatarFallbackComponent, AvatarGroupComponent, AvatarGroupCountComponent, AvatarImageComponent };
+export type { AvatarSize };

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

@@ -0,0 +1,19 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;
+
+declare class BadgeComponent {
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ui-badge, [ui-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { BadgeComponent, badgeVariants };
+export type { BadgeVariant };

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

@@ -0,0 +1,46 @@
+import * as _angular_core from '@angular/core';
+
+declare class BreadcrumbComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ui-breadcrumb, nav[ui-breadcrumb]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbListComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbListComponent, "ol[ui-breadcrumb-list]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbItemComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "li[ui-breadcrumb-item]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbLinkComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbLinkComponent, "a[ui-breadcrumb-link]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbPageComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbPageComponent, "span[ui-breadcrumb-page]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbSeparatorComponent, "li[ui-breadcrumb-separator]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbEllipsisComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbEllipsisComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbEllipsisComponent, "span[ui-breadcrumb-ellipsis]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BreadcrumbComponent, BreadcrumbEllipsisComponent, BreadcrumbItemComponent, BreadcrumbLinkComponent, BreadcrumbListComponent, BreadcrumbPageComponent, BreadcrumbSeparatorComponent };

package/types/ojiepermana-angular-ui-component-button-group.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+
+type ButtonGroupOrientation = 'horizontal' | 'vertical';
+declare class ButtonGroupComponent {
+    readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "ui-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ButtonGroupTextComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupTextComponent, "ui-button-group-text", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ButtonGroupSeparatorComponent {
+    readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupSeparatorComponent, "ui-button-group-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ButtonGroupComponent, ButtonGroupSeparatorComponent, ButtonGroupTextComponent };
+export type { ButtonGroupOrientation };

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

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
+type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;
+
+declare class ButtonComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[ui-button], a[ui-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ButtonComponent, buttonVariants };
+export type { ButtonSize, ButtonVariant };

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

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type CalendarStartView = 'month' | 'year' | 'multi-year';
+type CalendarDateFilter = (date: Date | null) => boolean;
+/**
+ * Inline calendar built on MatCalendar. Requires a date adapter provider in the
+ * consumer app (e.g. `provideNativeDateAdapter()` from `@angular/material/core`).
+ */
+declare class CalendarComponent implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    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<CalendarStartView>;
+    readonly dateFilter: _angular_core.InputSignal<CalendarDateFilter | null>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly resolvedDateFilter: _angular_core.Signal<CalendarDateFilter | undefined>;
+    private onChangeFn;
+    private onTouchedFn;
+    protected onSelect(d: Date | null): 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<CalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "ui-calendar", never, { "value": { "alias": "value"; "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; }; "dateFilter": { "alias": "dateFilter"; "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 { CalendarComponent };
+export type { CalendarDateFilter, CalendarStartView };

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

@@ -0,0 +1,60 @@
+import * as _angular_core from '@angular/core';
+
+type CardSize = 'default' | 'sm';
+declare class CardComponent {
+    readonly size: _angular_core.InputSignal<CardSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardHeaderComponent {
+    private readonly card;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "ui-card-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardTitleComponent {
+    private readonly card;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardTitleComponent, "ui-card-title, h3[ui-card-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardDescriptionComponent {
+    private readonly card;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardDescriptionComponent, "ui-card-description, p[ui-card-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardActionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardActionComponent, "ui-card-action", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardContentComponent {
+    private readonly card;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardContentComponent, "ui-card-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardFooterComponent {
+    private readonly card;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardFooterComponent, "ui-card-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CardActionComponent, CardComponent, CardContentComponent, CardDescriptionComponent, CardFooterComponent, CardHeaderComponent, CardTitleComponent };
+export type { CardSize };

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

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { Signal, InputSignal } from '@angular/core';
+import { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
+
+type CarouselApi = EmblaCarouselType;
+type CarouselOptions = EmblaOptionsType;
+type CarouselPlugin = EmblaPluginType;
+type CarouselOrientation = 'horizontal' | 'vertical';
+declare abstract class CarouselContextBase {
+    abstract readonly orientation: Signal<CarouselOrientation>;
+    abstract readonly canScrollPrev: Signal<boolean>;
+    abstract readonly canScrollNext: Signal<boolean>;
+    abstract registerViewport(viewport: HTMLElement): void;
+    abstract unregisterViewport(viewport: HTMLElement): void;
+    abstract scrollPrev(): void;
+    abstract scrollNext(): void;
+    abstract scrollTo(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselContextBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class CarouselComponent extends CarouselContextBase {
+    readonly orientation: InputSignal<CarouselOrientation>;
+    readonly opts: InputSignal<CarouselOptions>;
+    readonly plugins: InputSignal<readonly CarouselPlugin[]>;
+    readonly keyboard: InputSignal<boolean>;
+    readonly label: InputSignal<string>;
+    readonly class: InputSignal<string>;
+    readonly apiReady: i0.OutputEmitterRef<EmblaCarouselType>;
+    readonly apiChange: i0.OutputEmitterRef<EmblaCarouselType | null>;
+    readonly selectedIndex: i0.WritableSignal<number>;
+    readonly slideCount: i0.WritableSignal<number>;
+    readonly canScrollPrev: i0.WritableSignal<boolean>;
+    readonly canScrollNext: i0.WritableSignal<boolean>;
+    private readonly isBrowser;
+    private readonly viewport;
+    private api;
+    protected readonly classes: Signal<string>;
+    constructor();
+    registerViewport(viewport: HTMLElement): void;
+    unregisterViewport(viewport: HTMLElement): void;
+    scrollPrev(): void;
+    scrollNext(): void;
+    scrollTo(index: number): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private updateState;
+    private resetState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ui-carousel", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "opts": { "alias": "opts"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "apiReady": "apiReady"; "apiChange": "apiChange"; }, never, ["*"], true, never>;
+}
+declare class CarouselContentComponent {
+    private readonly ctx;
+    private readonly viewport;
+    readonly class: InputSignal<string>;
+    protected readonly contentClasses: Signal<string>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselContentComponent, "ui-carousel-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CarouselItemComponent {
+    private readonly ctx;
+    readonly ariaLabel: InputSignal<string | null>;
+    readonly class: InputSignal<string>;
+    protected readonly classes: Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "ui-carousel-item", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CarouselPreviousComponent {
+    protected readonly ctx: CarouselContextBase;
+    readonly label: InputSignal<string>;
+    readonly class: InputSignal<string>;
+    protected readonly classes: Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselPreviousComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselPreviousComponent, "button[ui-carousel-previous]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class CarouselNextComponent {
+    protected readonly ctx: CarouselContextBase;
+    readonly label: InputSignal<string>;
+    readonly class: InputSignal<string>;
+    protected readonly classes: Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselNextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselNextComponent, "button[ui-carousel-next]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { CarouselComponent, CarouselContentComponent, CarouselContextBase, CarouselItemComponent, CarouselNextComponent, CarouselPreviousComponent };
+export type { CarouselApi, CarouselOptions, CarouselOrientation, CarouselPlugin };

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

@@ -0,0 +1 @@
+export { AreaChart, AreaPointClickEvent } from '@ojiepermana/angular/component/chart';

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

@@ -0,0 +1 @@
+export { BarChart, BarClickEvent, BarLayoutInput, BarLayoutResult, BarRect, BarVariant, computeBarLayout } from '@ojiepermana/angular/component/chart';

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

@@ -0,0 +1 @@
+export { AreaLayoutInput, AreaLayoutResult, CartesianBase, LineChart, LineCurve, LineLayoutResult, LinePoint, LinePointClickEvent, LineSeriesPath, buildCartesianScales, cloneLinear, computeAreaLayout, computeLineLayout, pointToBandAdapter, provideCartesianFromLineLayout } from '@ojiepermana/angular/component/chart';

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

@@ -0,0 +1 @@
+export { PieChart, PieLayout, PieLayoutInput, PieSliceClickEvent, PieSliceRect, computePieLayout } from '@ojiepermana/angular/component/chart';

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

@@ -0,0 +1 @@
+export { RadarAxisInfo, RadarChart, RadarCurve, RadarGrid, RadarLayout, RadarLayoutInput, RadarLevel, RadarSeries, computeRadarLayout } from '@ojiepermana/angular/component/chart';

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

@@ -0,0 +1 @@
+export { RadialBarClickEvent, RadialBarRect, RadialChart, RadialLayout, RadialLayoutInput, RadialValueLabelFormatter, computeRadialLayout } from '@ojiepermana/angular/component/chart';