@ojiepermana/angular 21.2.4 → 21.3.3

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

@@ -0,0 +1,77 @@
+import * as _angular_core from '@angular/core';
+import { NavigationItem, SidebarAppearance } from '@ojiepermana/angular/navigation/types';
+
+/** Default registry key used when no id is specified. */
+declare const DEFAULT_NAVIGATION_ID = "main";
+/**
+ * Signal-based global state untuk navigation (sidebar/topbar).
+ *
+ * Items disimpan dalam registry ber-key. Key default adalah `'main'`.
+ * Komponen `sidebar` / `topbar` memilih registry via input `navigationId`.
+ */
+declare class NavigationService {
+    private readonly doc;
+    private readonly router;
+    private readonly destroyRef;
+    private readonly persistedSidebarCollapsed;
+    /** Internal version counter — incremented on every registry mutation. */
+    private readonly _version;
+    /** Internal map of registered navigation trees. */
+    private readonly _registry;
+    private readonly _collapsed;
+    private readonly _hasStoredSidebarCollapse;
+    /**
+     * Backward-compatible accessor — returns items for the default (`'main'`) key.
+     * Prefer `getItems(id)` when working with named registries.
+     */
+    readonly items: _angular_core.Signal<readonly NavigationItem[]>;
+    /** Sidebar appearance preference (`default` or `thin`). */
+    readonly sidebarAppearance: _angular_core.Signal<SidebarAppearance>;
+    readonly hasStoredSidebarCollapse: _angular_core.Signal<boolean>;
+    /** Sidebar collapsed (default ↔ thin) toggle untuk desktop. */
+    readonly collapsed: _angular_core.Signal<boolean>;
+    /** Sheet drawer terbuka di mobile. */
+    readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    /** Set id grup / collapsable yang sedang terbuka. */
+    readonly openGroups: _angular_core.WritableSignal<ReadonlySet<string>>;
+    /** URL aktif terakhir. Update otomatis dari Router `NavigationEnd`. */
+    readonly activeUrl: _angular_core.WritableSignal<string>;
+    /** Trail id item yang sedang match dengan URL aktif (across ALL registries). */
+    readonly activeTrail: _angular_core.Signal<ReadonlySet<string>>;
+    constructor();
+    /**
+     * Register items di registry.
+     *
+     * Overload:
+     * - `registerItems(items)` → key `'main'`
+     * - `registerItems(id, items)` → key spesifik
+     */
+    registerItems(items: NavigationItem[]): void;
+    registerItems(id: string, items: NavigationItem[]): void;
+    /** Remove a named registry entry. */
+    removeItems(id: string): void;
+    /**
+     * Computed yang mengembalikan items untuk key tertentu.
+     * Reactive terhadap perubahan registry.
+     */
+    getItems(id: string): () => readonly NavigationItem[];
+    setSidebarAppearance(value: SidebarAppearance): void;
+    toggleSidebarAppearance(currentAppearance?: SidebarAppearance): void;
+    /** Toggle sidebar collapsed (default ↔ thin). */
+    toggleCollapsed(): void;
+    setCollapsed(value: boolean): void;
+    openMobile(): void;
+    closeMobile(): void;
+    toggleMobile(): void;
+    isGroupOpen(id: string): boolean;
+    toggleGroup(id: string): void;
+    setGroupOpen(id: string, open: boolean): void;
+    /** Apakah id termasuk dalam active trail saat ini. */
+    isActive(id: string | undefined): boolean;
+    private readPersistedSidebarCollapsed;
+    private persistSidebarCollapsed;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NavigationService>;
+}
+
+export { DEFAULT_NAVIGATION_ID, NavigationService };

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

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+import { NavigationItem, SidebarAppearance, SidebarBorderSource, SidebarPosition } from '@ojiepermana/angular/navigation/types';
+export { SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition } from '@ojiepermana/angular/navigation/types';
+
+/**
+ * Vertical navigation (sidebar) — shadcn-styled.
+ *
+ * Variants:
+ * - `default`: 17.5rem, label + icon
+ * - `thin`: 4rem icon-only; hover memunculkan overlay expand (tidak push konten)
+ *
+ * Mobile (`< md`): saat `autoMobile=true` (default), host desktop disembunyikan
+ * dan konten dirender lewat CDK Overlay drawer dengan focus trap. State buka
+ * dikontrol lewat `NavigationService.mobileOpen`.
+ */
+declare class SidebarComponent {
+    private readonly nav;
+    private readonly bp;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly focusTrapFactory;
+    private readonly doc;
+    private readonly destroyRef;
+    readonly items: _angular_core.InputSignal<NavigationItem[]>;
+    /** Registry key di `NavigationService`. Default `'main'`. */
+    readonly navigationId: _angular_core.InputSignal<string>;
+    readonly appearance: _angular_core.InputSignal<SidebarAppearance>;
+    /** Desktop border can be owned by the sidebar or by the surrounding layout shell. */
+    readonly borderSource: _angular_core.InputSignal<SidebarBorderSource>;
+    readonly position: _angular_core.InputSignal<SidebarPosition>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly header: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Auto switch ke CDK overlay drawer saat viewport `< md`. */
+    readonly autoMobile: _angular_core.InputSignal<boolean>;
+    /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */
+    readonly autoRegister: _angular_core.InputSignal<boolean>;
+    /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */
+    protected readonly resolvedItems: _angular_core.Signal<readonly NavigationItem[]>;
+    private readonly hovered;
+    private readonly suppressHoverUntilLeave;
+    private readonly drawerTpl;
+    private drawerRef;
+    private focusTrap;
+    private previouslyFocused;
+    /** True saat viewport `< md` (767.98px). */
+    protected readonly isMobileMedia: _angular_core.Signal<boolean>;
+    protected readonly isMobile: _angular_core.Signal<boolean>;
+    protected readonly resolvedCollapsed: _angular_core.Signal<boolean>;
+    protected readonly resolvedAppearance: _angular_core.Signal<SidebarAppearance>;
+    protected readonly hoverActive: _angular_core.Signal<boolean>;
+    protected readonly isExpanded: _angular_core.Signal<boolean>;
+    protected readonly isCompact: _angular_core.Signal<boolean>;
+    protected readonly toggleButtonLabel: _angular_core.Signal<"Expand sidebar" | "Collapse sidebar">;
+    constructor();
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly headerClasses: _angular_core.Signal<string>;
+    protected readonly headerSlotClasses: _angular_core.Signal<string>;
+    protected readonly navClasses: _angular_core.Signal<string>;
+    protected readonly scrollViewportClasses: _angular_core.Signal<string>;
+    protected readonly footerClasses: _angular_core.Signal<string>;
+    protected readonly footerSlotClasses: _angular_core.Signal<string>;
+    protected readonly innerClasses: _angular_core.Signal<string>;
+    protected onHoverEnter(): void;
+    protected onHoverLeave(): void;
+    protected toggleAppearance(event: MouseEvent): void;
+    /** Touch fallback: tap pada strip thin (ketika belum expanded) untuk expand. */
+    protected onHostClick(event: MouseEvent): void;
+    private openDrawer;
+    private closeDrawer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "borderSource": { "alias": "borderSource"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoMobile": { "alias": "autoMobile"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; }, {}, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
+}
+
+export { SidebarComponent };

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

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+import { NavigationService } from '@ojiepermana/angular/navigation/service';
+import { NavigationItem, TopbarAppearance, NavigationBasicItem, NavigationCollapsableItem, NavigationGroupItem } from '@ojiepermana/angular/navigation/types';
+export { TopbarAppearance } from '@ojiepermana/angular/navigation/types';
+
+/**
+ * Horizontal navigation (topbar) — shadcn-styled.
+ */
+declare class TopbarComponent {
+    protected readonly nav: NavigationService;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly host;
+    private readonly destroyRef;
+    readonly items: _angular_core.InputSignal<NavigationItem[]>;
+    /** Registry key di `NavigationService`. Default `'main'`. */
+    readonly navigationId: _angular_core.InputSignal<string>;
+    readonly appearance: _angular_core.InputSignal<TopbarAppearance>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */
+    readonly autoRegister: _angular_core.InputSignal<boolean>;
+    /** Tampilkan hamburger di `< md` yang men-toggle mobile drawer sidebar. */
+    readonly showHamburger: _angular_core.InputSignal<boolean>;
+    readonly hamburgerLabel: _angular_core.InputSignal<string>;
+    protected readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */
+    protected readonly resolvedItems: _angular_core.Signal<readonly NavigationItem[]>;
+    protected readonly openId: _angular_core.WritableSignal<string | null>;
+    private active;
+    private readonly dropdownTpl;
+    constructor();
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly endSlotClasses: _angular_core.Signal<string>;
+    protected asBasic(i: NavigationItem): NavigationBasicItem;
+    protected asCollapsable(i: NavigationItem): NavigationCollapsableItem;
+    protected asGroup(i: NavigationItem): NavigationGroupItem;
+    protected isItemActive(id: string | undefined): boolean;
+    protected toggleMobile(): void;
+    protected toggleDropdown(trigger: HTMLElement, item: NavigationItem): void;
+    protected openDropdown(trigger: HTMLElement, item: NavigationItem): void;
+    private attach;
+    protected closeAll(): void;
+    /** Menubar keyboard navigation: ArrowLeft/Right antar trigger, Home/End, ArrowDown fokus panel. */
+    protected onMenubarKeydown(event: KeyboardEvent): void;
+    /** Arrow-key navigation dalam dropdown panel. */
+    protected onPanelKeydown(event: KeyboardEvent): void;
+    private collectPanelFocusables;
+    private focusFirstInPanel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TopbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TopbarComponent, "topbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; "showHamburger": { "alias": "showHamburger"; "required": false; "isSignal": true; }; "hamburgerLabel": { "alias": "hamburgerLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[topbar-start]", "[topbar-end]"], true, never>;
+}
+
+export { TopbarComponent };

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

@@ -0,0 +1,129 @@
+import { Params, QueryParamsHandling, IsActiveMatchOptions } from '@angular/router';
+
+type NavigationItemType = 'aside' | 'basic' | 'collapsable' | 'divider' | 'group' | 'mega' | 'spacer';
+interface NavigationItemClasses {
+    title?: string;
+    subtitle?: string;
+    icon?: string;
+    wrapper?: string;
+}
+interface NavigationItemBadge {
+    title?: string;
+    classes?: string;
+}
+type NavigationVisibilityHandler = (item: NavigationItem) => boolean;
+type NavigationActionHandler = (item: NavigationItem) => void;
+interface NavigationItemBase {
+    /** Unique identifier untuk item navigasi */
+    id?: string;
+    /** Judul/label yang ditampilkan */
+    title?: string;
+    /** Subtitle/deskripsi tambahan */
+    subtitle?: string;
+    /** Status aktif item */
+    active?: boolean;
+    /** Status disabled item */
+    disabled?: boolean;
+    /** Tooltip text saat hover */
+    tooltip?: string;
+    /** Custom CSS classes */
+    classes?: NavigationItemClasses;
+    /** Material Symbols icon name (ligature, e.g. `dashboard`, `menu_book`) */
+    icon?: string;
+    /** Badge configuration */
+    badge?: NavigationItemBadge;
+    /** Additional metadata */
+    meta?: Record<string, unknown>;
+    /** Function untuk hide/show item secara dinamis */
+    isHidden?: NavigationVisibilityHandler;
+}
+interface NavigationRoutableItemBase extends NavigationItemBase {
+    /** Angular router link */
+    link?: string;
+    /** URL fragment (#anchor) */
+    fragment?: string;
+    /** Preserve fragment saat navigasi */
+    preserveFragment?: boolean;
+    /** Query parameters untuk routing */
+    queryParams?: Params | null;
+    /** Cara handle query params */
+    queryParamsHandling?: QueryParamsHandling | null;
+    /** Flag untuk external link */
+    externalLink?: boolean;
+    /** Target untuk external link */
+    target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    /** Exact match untuk active route */
+    exactMatch?: boolean;
+    /** Options untuk active match detection */
+    isActiveMatchOptions?: IsActiveMatchOptions;
+    /** Custom action yang dipanggil saat item diklik */
+    action?: NavigationActionHandler;
+}
+interface NavigationBasicItem extends NavigationRoutableItemBase {
+    type: 'basic';
+    children?: never;
+}
+interface NavigationAsideItem extends NavigationRoutableItemBase {
+    type: 'aside';
+    children: NavigationItem[];
+}
+interface NavigationCollapsableItem extends NavigationRoutableItemBase {
+    type: 'collapsable';
+    children: NavigationItem[];
+}
+interface NavigationGroupItem extends NavigationItemBase {
+    type: 'group';
+    children: NavigationItem[];
+}
+/**
+ * Mega menu branch — dirender sebagai panel full-width multi-kolom pada topbar.
+ * Children biasanya berupa `NavigationGroupItem` (per kolom) berisi `basic` items.
+ */
+interface NavigationMegaItem extends NavigationItemBase {
+    type: 'mega';
+    /** Jumlah kolom saat viewport >= md (default: 4) */
+    columns?: number;
+    children: NavigationItem[];
+}
+interface NavigationDividerItem extends NavigationItemBase {
+    type: 'divider';
+    children?: never;
+}
+interface NavigationSpacerItem extends NavigationItemBase {
+    type: 'spacer';
+    children?: never;
+}
+type NavigationBranchItem = NavigationAsideItem | NavigationCollapsableItem | NavigationGroupItem | NavigationMegaItem;
+type NavigationLeafItem = NavigationBasicItem | NavigationDividerItem | NavigationSpacerItem;
+type NavigationItem = NavigationBranchItem | NavigationLeafItem;
+/**
+ * Navigation Item Interface
+ *
+ * Interface ini mendefinisikan struktur data untuk setiap item navigasi
+ * Mendukung berbagai tipe item dan konfigurasi routing Angular
+ */
+type NavigationStructuredItem = NavigationItem;
+/**
+ * Sidebar Appearance
+ * - default: full width (lebar penuh) dengan label + icon
+ * - thin: icon-only, expand overlay saat hover
+ */
+type SidebarAppearance = 'default' | 'thin';
+/**
+ * Topbar Appearance
+ * - default: horizontal dengan dropdown untuk collapsable
+ * - megamenu: full-width panel multi-kolom untuk item `mega`
+ */
+type TopbarAppearance = 'default' | 'megamenu';
+/** Sidebar desktop border ownership */
+type SidebarBorderSource = 'component' | 'layout';
+/** Sidebar position */
+type SidebarPosition = 'left' | 'right';
+/** Sidebar display mode */
+type SidebarMode = 'over' | 'side';
+type VerticalNavigationAppearance = SidebarAppearance;
+type VerticalNavigationBorderSource = SidebarBorderSource;
+type VerticalNavigationMode = SidebarMode;
+type VerticalNavigationPosition = SidebarPosition;
+
+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-theme-provider.d.ts

@@ -0,0 +1,11 @@
+import { Provider, EnvironmentProviders } from '@angular/core';
+import { MaterialThemeConfig } from '@ojiepermana/angular/theme/token';
+
+interface MaterialThemeFeature {
+    readonly providers: Provider[];
+}
+declare function provideMaterialTheme(config?: MaterialThemeConfig, ...features: MaterialThemeFeature[]): EnvironmentProviders;
+declare function withMaterialDefaults(): MaterialThemeFeature;
+
+export { provideMaterialTheme, withMaterialDefaults };
+export type { MaterialThemeFeature };

package/types/ojiepermana-angular-theme-services.d.ts

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+import { ThemeConfig, ThemeMode, ColorScheme, ThemeBrand, ThemeColor, ThemeStyle } from '@ojiepermana/angular/theme/token';
+
+declare class ThemeService {
+    private readonly document;
+    private readonly destroyRef;
+    private readonly config;
+    private readonly initialBrand;
+    private readonly _modePreference;
+    private readonly _brand;
+    private readonly _color;
+    private readonly _style;
+    private readonly _systemPrefersDark;
+    readonly scheme: _angular_core.Signal<"light" | "dark" | "system">;
+    readonly brand: _angular_core.Signal<"etos" | null>;
+    readonly color: _angular_core.Signal<"base" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose">;
+    readonly theme: _angular_core.Signal<"base" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose">;
+    readonly style: _angular_core.Signal<"default" | "sharp" | "brutal" | "soft">;
+    readonly mode: _angular_core.Signal<"light" | "dark">;
+    readonly snapshot: _angular_core.Signal<ThemeConfig>;
+    readonly isDark: _angular_core.Signal<boolean>;
+    constructor();
+    setMode(mode: ThemeMode): void;
+    setScheme(scheme: ColorScheme): void;
+    setBrand(brand: ThemeBrand | null): void;
+    setColor(color: ThemeColor): void;
+    setTheme(theme: ThemeColor | string): void;
+    setStyle(style: ThemeStyle): void;
+    setAll(config: Partial<ThemeConfig> & {
+        readonly scheme?: ColorScheme;
+    }): void;
+    toggleScheme(): void;
+    toggleMode(): void;
+    reset(): void;
+    private resolveConfig;
+    private resolveMode;
+    private prefersDark;
+    private watchSystemScheme;
+    private readPersistedMode;
+    private readPersistedBrand;
+    private readPersistedColor;
+    private readPersistedStyle;
+    private persistMode;
+    private persistBrand;
+    private persistColor;
+    private persistStyle;
+    private clearPersistedBrand;
+    private clearPersistedColor;
+    private clearPersistedStyle;
+    private clearPersistedItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+export { ThemeService };

package/types/ojiepermana-angular-theme-token.d.ts

@@ -0,0 +1,57 @@
+import { InjectionToken } from '@angular/core';
+
+declare const MODES: readonly ["light", "dark"];
+type ThemeMode = (typeof MODES)[number];
+declare const COLOR_SCHEMES: readonly ["light", "dark", "system"];
+type ColorScheme = (typeof COLOR_SCHEMES)[number];
+declare const COLORS: readonly ["base", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
+type ThemeColor = (typeof COLORS)[number];
+declare const STYLES: readonly ["default", "sharp", "brutal", "soft"];
+type ThemeStyle = (typeof STYLES)[number];
+declare const BRANDS: readonly ["etos"];
+type ThemeBrand = (typeof BRANDS)[number];
+interface ThemeConfig {
+    readonly mode: ThemeMode;
+    readonly brand: ThemeBrand | null;
+    readonly color: ThemeColor;
+    readonly style: ThemeStyle;
+}
+interface MaterialThemeConfig {
+    readonly mode?: ColorScheme;
+    readonly brand?: ThemeBrand | null;
+    readonly 'theme-brand'?: ThemeBrand | null;
+    readonly color?: ThemeColor;
+    readonly style?: ThemeStyle;
+    readonly defaultMode?: ColorScheme;
+    readonly defaultBrand?: ThemeBrand | null;
+    readonly defaultColor?: ThemeColor;
+    readonly defaultStyle?: ThemeStyle;
+    readonly defaultScheme?: ColorScheme;
+    readonly defaultTheme?: ThemeColor | string;
+    readonly storageKey?: string | null;
+    readonly schemeStorageKey?: string | null;
+    readonly themeStorageKey?: string | null;
+    readonly modeStorageKey?: string | null;
+    readonly brandStorageKey?: string | null;
+    readonly colorStorageKey?: string | null;
+    readonly styleStorageKey?: string | null;
+}
+interface ResolvedMaterialThemeConfig {
+    readonly defaultMode: ColorScheme;
+    readonly defaultBrand: ThemeBrand | null;
+    readonly defaultColor: ThemeColor;
+    readonly defaultStyle: ThemeStyle;
+    readonly modeStorageKey: string | null;
+    readonly brandStorageKey: string | null;
+    readonly colorStorageKey: string | null;
+    readonly styleStorageKey: string | null;
+}
+declare const MATERIAL_THEME_CONFIG: InjectionToken<MaterialThemeConfig>;
+declare const DEFAULT_MATERIAL_THEME_CONFIG: ResolvedMaterialThemeConfig;
+declare function isColorScheme(value: string | null | undefined): value is ColorScheme;
+declare function isThemeColor(value: string | null | undefined): value is ThemeColor;
+declare function isThemeStyle(value: string | null | undefined): value is ThemeStyle;
+declare function isThemeBrand(value: string | null | undefined): value is ThemeBrand;
+
+export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle };
+export type { ColorScheme, MaterialThemeConfig, ResolvedMaterialThemeConfig, ThemeBrand, ThemeColor, ThemeConfig, ThemeMode, ThemeStyle };

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Provider, EnvironmentProviders } from '@angular/core';
+import { ThemeConfig as ThemeConfig$1, ThemeMode as ThemeMode$1, ColorScheme as ColorScheme$1, ThemeBrand as ThemeBrand$1, ThemeColor as ThemeColor$1, ThemeStyle as ThemeStyle$1, MaterialThemeConfig as MaterialThemeConfig$1 } from '@ojiepermana/angular/theme/token';
 
 declare const MODES: readonly ["light", "dark"];
 type ThemeMode = (typeof MODES)[number];
@@ -18,41 +19,23 @@ interface ThemeConfig {
     readonly style: ThemeStyle;
 }
 interface MaterialThemeConfig {
-    /** Initial mode preference. Supports `system` for first-visit OS detection. */
     readonly mode?: ColorScheme;
-    /** Initial brand bundle. When set, it replaces the explicit color and style layers. */
     readonly brand?: ThemeBrand | null;
-    /** Alias for `brand` to match the persisted `theme-brand` setting. */
     readonly 'theme-brand'?: ThemeBrand | null;
-    /** Initial brand color layer. */
     readonly color?: ThemeColor;
-    /** Initial style personality layer. */
     readonly style?: ThemeStyle;
-    /** @deprecated Use `mode` instead. */
     readonly defaultMode?: ColorScheme;
-    /** Default brand bundle. When set, it replaces the explicit color and style layers. */
     readonly defaultBrand?: ThemeBrand | null;
-    /** @deprecated Use `color` instead. */
     readonly defaultColor?: ThemeColor;
-    /** @deprecated Use `style` instead. */
     readonly defaultStyle?: ThemeStyle;
-    /** @deprecated Use `defaultMode` instead. */
     readonly defaultScheme?: ColorScheme;
-    /** @deprecated Use `defaultColor` instead. */
     readonly defaultTheme?: ThemeColor | string;
-    /** @deprecated Use `modeStorageKey` instead. */
     readonly storageKey?: string | null;
-    /** @deprecated Use `modeStorageKey` instead. */
     readonly schemeStorageKey?: string | null;
-    /** @deprecated Use `colorStorageKey` instead. */
     readonly themeStorageKey?: string | null;
-    /** localStorage key used to persist the mode preference. Set to `null` to disable persistence. */
     readonly modeStorageKey?: string | null;
-    /** localStorage key used to persist the brand bundle. Set to `null` to disable persistence. */
     readonly brandStorageKey?: string | null;
-    /** localStorage key used to persist the color layer. Set to `null` to disable persistence. */
     readonly colorStorageKey?: string | null;
-    /** localStorage key used to persist the style layer. Set to `null` to disable persistence. */
     readonly styleStorageKey?: string | null;
 }
 interface ResolvedMaterialThemeConfig {
@@ -88,17 +71,17 @@ declare class ThemeService {
     readonly theme: _angular_core.Signal<"base" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose">;
     readonly style: _angular_core.Signal<"default" | "sharp" | "brutal" | "soft">;
     readonly mode: _angular_core.Signal<"light" | "dark">;
-    readonly snapshot: _angular_core.Signal<ThemeConfig>;
+    readonly snapshot: _angular_core.Signal<ThemeConfig$1>;
     readonly isDark: _angular_core.Signal<boolean>;
     constructor();
-    setMode(mode: ThemeMode): void;
-    setScheme(scheme: ColorScheme): void;
-    setBrand(brand: ThemeBrand | null): void;
-    setColor(color: ThemeColor): void;
-    setTheme(theme: ThemeColor | string): void;
-    setStyle(style: ThemeStyle): void;
-    setAll(config: Partial<ThemeConfig> & {
-        readonly scheme?: ColorScheme;
+    setMode(mode: ThemeMode$1): void;
+    setScheme(scheme: ColorScheme$1): void;
+    setBrand(brand: ThemeBrand$1 | null): void;
+    setColor(color: ThemeColor$1): void;
+    setTheme(theme: ThemeColor$1 | string): void;
+    setStyle(style: ThemeStyle$1): void;
+    setAll(config: Partial<ThemeConfig$1> & {
+        readonly scheme?: ColorScheme$1;
     }): void;
     toggleScheme(): void;
     toggleMode(): void;
@@ -123,48 +106,10 @@ declare class ThemeService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
 
-/**
- * Opaque feature unit consumed by {@link provideMaterialTheme}. Mirrors
- * Angular's router/http feature pattern so add-ons can be composed without
- * widening the primary provider signature.
- */
 interface MaterialThemeFeature {
     readonly providers: Provider[];
 }
-/**
- * Bootstrap the shared theme for any `@ojiepermana/angular/*` entry point.
- *
- * By default wires up the theme config token and eagerly initializes `ThemeService`
- * so root theme attributes are applied during bootstrap. Opt in
- * to Angular Material defaults (ripple / form-field) via
- * {@link withMaterialDefaults}.
- * Supports shorthand `mode`, `color`, and `style` config keys.
- *
- * @example
- * export const appConfig: ApplicationConfig = {
- *   providers: [
- *     provideAnimations(),
- *     provideMaterialTheme(
- *       {
- *         mode: 'system',
- *         color: 'base',
- *         style: 'soft',
- *       },
- *       withMaterialDefaults(),
- *     ),
- *   ],
- * };
- */
-declare function provideMaterialTheme(config?: MaterialThemeConfig, ...features: MaterialThemeFeature[]): EnvironmentProviders;
-/**
- * Opt-in Angular Material defaults tuned for the shared theme layer:
- *
- * - Disables the global Material ripple.
- * - Forces `appearance: 'outline'` + `subscriptSizing: 'dynamic'` on every
- *   `mat-form-field`.
- *
- * Only apply when your app actually renders Angular Material components.
- */
+declare function provideMaterialTheme(config?: MaterialThemeConfig$1, ...features: MaterialThemeFeature[]): EnvironmentProviders;
 declare function withMaterialDefaults(): MaterialThemeFeature;
 
 export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, ThemeService, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle, provideMaterialTheme, withMaterialDefaults };

package/chart/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../fesm2022/ojiepermana-angular-chart.mjs",
-  "typings": "../types/ojiepermana-angular-chart.d.ts"
-}

package/component/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../fesm2022/ojiepermana-angular-component.mjs",
-  "typings": "../types/ojiepermana-angular-component.d.ts"
-}