@ojiepermana/angular 21.2.4 → 21.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "21.2.4",
+  "version": "21.3.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ojiepermana/angular.git"
@@ -71,7 +71,7 @@
   "exports": {
     "./theme/styles": "./theme/styles/index.css",
     "./theme/styles/*": "./theme/styles/*",
-    "./theme/tailwind/theme.css": "./theme/styles/themes/tailwind.css",
+    "./theme/tailwind/theme.css": "./theme/styles/integrations/tailwind.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -79,13 +79,209 @@
       "types": "./types/ojiepermana-angular.d.ts",
       "default": "./fesm2022/ojiepermana-angular.mjs"
     },
-    "./chart": {
-      "types": "./types/ojiepermana-angular-chart.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-chart.mjs"
+    "./component/accordion": {
+      "types": "./types/ojiepermana-angular-component-accordion.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-accordion.mjs"
     },
-    "./component": {
-      "types": "./types/ojiepermana-angular-component.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-component.mjs"
+    "./component/alert": {
+      "types": "./types/ojiepermana-angular-component-alert.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-alert.mjs"
+    },
+    "./component/alert-dialog": {
+      "types": "./types/ojiepermana-angular-component-alert-dialog.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-alert-dialog.mjs"
+    },
+    "./component/aspect-ratio": {
+      "types": "./types/ojiepermana-angular-component-aspect-ratio.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-aspect-ratio.mjs"
+    },
+    "./component/avatar": {
+      "types": "./types/ojiepermana-angular-component-avatar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-avatar.mjs"
+    },
+    "./component/badge": {
+      "types": "./types/ojiepermana-angular-component-badge.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-badge.mjs"
+    },
+    "./component/breadcrumb": {
+      "types": "./types/ojiepermana-angular-component-breadcrumb.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-breadcrumb.mjs"
+    },
+    "./component/button": {
+      "types": "./types/ojiepermana-angular-component-button.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-button.mjs"
+    },
+    "./component/button-group": {
+      "types": "./types/ojiepermana-angular-component-button-group.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-button-group.mjs"
+    },
+    "./component/calendar": {
+      "types": "./types/ojiepermana-angular-component-calendar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-calendar.mjs"
+    },
+    "./component/card": {
+      "types": "./types/ojiepermana-angular-component-card.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-card.mjs"
+    },
+    "./component/carousel": {
+      "types": "./types/ojiepermana-angular-component-carousel.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-carousel.mjs"
+    },
+    "./component/chart": {
+      "types": "./types/ojiepermana-angular-component-chart.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart.mjs"
+    },
+    "./component/chart/area": {
+      "types": "./types/ojiepermana-angular-component-chart-area.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-area.mjs"
+    },
+    "./component/chart/bar": {
+      "types": "./types/ojiepermana-angular-component-chart-bar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-bar.mjs"
+    },
+    "./component/chart/line": {
+      "types": "./types/ojiepermana-angular-component-chart-line.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-line.mjs"
+    },
+    "./component/chart/pie": {
+      "types": "./types/ojiepermana-angular-component-chart-pie.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-pie.mjs"
+    },
+    "./component/chart/radar": {
+      "types": "./types/ojiepermana-angular-component-chart-radar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-radar.mjs"
+    },
+    "./component/chart/radial": {
+      "types": "./types/ojiepermana-angular-component-chart-radial.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-radial.mjs"
+    },
+    "./component/chart/scatter": {
+      "types": "./types/ojiepermana-angular-component-chart-scatter.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-scatter.mjs"
+    },
+    "./component/checkbox": {
+      "types": "./types/ojiepermana-angular-component-checkbox.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-checkbox.mjs"
+    },
+    "./component/collapsible": {
+      "types": "./types/ojiepermana-angular-component-collapsible.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-collapsible.mjs"
+    },
+    "./component/combobox": {
+      "types": "./types/ojiepermana-angular-component-combobox.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-combobox.mjs"
+    },
+    "./component/command": {
+      "types": "./types/ojiepermana-angular-component-command.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-command.mjs"
+    },
+    "./component/context-menu": {
+      "types": "./types/ojiepermana-angular-component-context-menu.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-context-menu.mjs"
+    },
+    "./component/date-picker": {
+      "types": "./types/ojiepermana-angular-component-date-picker.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-date-picker.mjs"
+    },
+    "./component/dialog": {
+      "types": "./types/ojiepermana-angular-component-dialog.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-dialog.mjs"
+    },
+    "./component/drawer": {
+      "types": "./types/ojiepermana-angular-component-drawer.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-drawer.mjs"
+    },
+    "./component/dropdown-menu": {
+      "types": "./types/ojiepermana-angular-component-dropdown-menu.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-dropdown-menu.mjs"
+    },
+    "./component/form": {
+      "types": "./types/ojiepermana-angular-component-form.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-form.mjs"
+    },
+    "./component/input": {
+      "types": "./types/ojiepermana-angular-component-input.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-input.mjs"
+    },
+    "./component/input-group": {
+      "types": "./types/ojiepermana-angular-component-input-group.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-input-group.mjs"
+    },
+    "./component/item": {
+      "types": "./types/ojiepermana-angular-component-item.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-item.mjs"
+    },
+    "./component/label": {
+      "types": "./types/ojiepermana-angular-component-label.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-label.mjs"
+    },
+    "./component/pagination": {
+      "types": "./types/ojiepermana-angular-component-pagination.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-pagination.mjs"
+    },
+    "./component/popover": {
+      "types": "./types/ojiepermana-angular-component-popover.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-popover.mjs"
+    },
+    "./component/progress": {
+      "types": "./types/ojiepermana-angular-component-progress.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-progress.mjs"
+    },
+    "./component/radio": {
+      "types": "./types/ojiepermana-angular-component-radio.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-radio.mjs"
+    },
+    "./component/scroll-area": {
+      "types": "./types/ojiepermana-angular-component-scroll-area.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-scroll-area.mjs"
+    },
+    "./component/select": {
+      "types": "./types/ojiepermana-angular-component-select.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-select.mjs"
+    },
+    "./component/separator": {
+      "types": "./types/ojiepermana-angular-component-separator.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-separator.mjs"
+    },
+    "./component/sheet": {
+      "types": "./types/ojiepermana-angular-component-sheet.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-sheet.mjs"
+    },
+    "./component/skeleton": {
+      "types": "./types/ojiepermana-angular-component-skeleton.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-skeleton.mjs"
+    },
+    "./component/slider": {
+      "types": "./types/ojiepermana-angular-component-slider.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-slider.mjs"
+    },
+    "./component/switch": {
+      "types": "./types/ojiepermana-angular-component-switch.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-switch.mjs"
+    },
+    "./component/table": {
+      "types": "./types/ojiepermana-angular-component-table.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-table.mjs"
+    },
+    "./component/tabs": {
+      "types": "./types/ojiepermana-angular-component-tabs.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-tabs.mjs"
+    },
+    "./component/textarea": {
+      "types": "./types/ojiepermana-angular-component-textarea.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-textarea.mjs"
+    },
+    "./component/toast": {
+      "types": "./types/ojiepermana-angular-component-toast.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-toast.mjs"
+    },
+    "./component/tooltip": {
+      "types": "./types/ojiepermana-angular-component-tooltip.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-tooltip.mjs"
+    },
+    "./component/utils": {
+      "types": "./types/ojiepermana-angular-component-utils.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-utils.mjs"
     },
     "./generator/api": {
       "types": "./types/ojiepermana-angular-generator-api.d.ts",
@@ -95,21 +291,93 @@
       "types": "./types/ojiepermana-angular-layout.d.ts",
       "default": "./fesm2022/ojiepermana-angular-layout.mjs"
     },
-    "./navigation": {
-      "types": "./types/ojiepermana-angular-navigation.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-navigation.mjs"
+    "./layout/component": {
+      "types": "./types/ojiepermana-angular-layout-component.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-component.mjs"
+    },
+    "./layout/empty": {
+      "types": "./types/ojiepermana-angular-layout-empty.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-empty.mjs"
+    },
+    "./layout/horizontal": {
+      "types": "./types/ojiepermana-angular-layout-horizontal.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-horizontal.mjs"
+    },
+    "./layout/provider": {
+      "types": "./types/ojiepermana-angular-layout-provider.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-provider.mjs"
+    },
+    "./layout/services": {
+      "types": "./types/ojiepermana-angular-layout-services.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-services.mjs"
+    },
+    "./layout/shell": {
+      "types": "./types/ojiepermana-angular-layout-shell.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-shell.mjs"
+    },
+    "./layout/token": {
+      "types": "./types/ojiepermana-angular-layout-token.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-token.mjs"
+    },
+    "./layout/token/directive": {
+      "types": "./types/ojiepermana-angular-layout-token-directive.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-token-directive.mjs"
+    },
+    "./layout/vertical": {
+      "types": "./types/ojiepermana-angular-layout-vertical.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-vertical.mjs"
+    },
+    "./navigation/demo-data": {
+      "types": "./types/ojiepermana-angular-navigation-demo-data.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-demo-data.mjs"
+    },
+    "./navigation/icon": {
+      "types": "./types/ojiepermana-angular-navigation-icon.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-icon.mjs"
+    },
+    "./navigation/item": {
+      "types": "./types/ojiepermana-angular-navigation-item.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-item.mjs"
+    },
+    "./navigation/service": {
+      "types": "./types/ojiepermana-angular-navigation-service.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-service.mjs"
+    },
+    "./navigation/sidebar": {
+      "types": "./types/ojiepermana-angular-navigation-sidebar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-sidebar.mjs"
+    },
+    "./navigation/topbar": {
+      "types": "./types/ojiepermana-angular-navigation-topbar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-topbar.mjs"
+    },
+    "./navigation/types": {
+      "types": "./types/ojiepermana-angular-navigation-types.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-types.mjs"
     },
     "./theme": {
       "types": "./types/ojiepermana-angular-theme.d.ts",
       "default": "./fesm2022/ojiepermana-angular-theme.mjs"
     },
+    "./theme/provider": {
+      "types": "./types/ojiepermana-angular-theme-provider.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-provider.mjs"
+    },
+    "./theme/services": {
+      "types": "./types/ojiepermana-angular-theme-services.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-services.mjs"
+    },
+    "./theme/token": {
+      "types": "./types/ojiepermana-angular-theme-token.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-token.mjs"
+    },
     "./layout/shell/pages": {
-      "types": "./types/ojiepermana-angular-layout.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-layout.mjs"
+      "types": "./types/ojiepermana-angular-layout-shell.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-shell.mjs"
     },
-    "./layout/theme": {
-      "types": "./types/ojiepermana-angular-component.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-component.mjs"
+    "./navigation-icon": {
+      "types": "./types/ojiepermana-angular-navigation-icon.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-icon.mjs"
     }
   },
   "module": "fesm2022/ojiepermana-angular.mjs",

package/theme/README.md

@@ -0,0 +1,67 @@
+# Theme
+
+Shared runtime theme engine and CSS asset surface for `@ojiepermana/angular`.
+
+This secondary entrypoint provides:
+
+- `@ojiepermana/angular/theme` for `provideMaterialTheme`, `withMaterialDefaults`, `ThemeService`, and theme token types.
+- `@ojiepermana/angular/theme/services` for `ThemeService`.
+- `@ojiepermana/angular/theme/provider` for `provideMaterialTheme` and `withMaterialDefaults`.
+- `@ojiepermana/angular/theme/token` for config types, guards, constants, and `MATERIAL_THEME_CONFIG`.
+- `@ojiepermana/angular/theme/styles` for the root stylesheet that composes the active mode, color, and style layers.
+- `@ojiepermana/angular/theme/tailwind/theme.css` for the Tailwind v4 token bridge.
+
+## Consumer usage
+
+```ts
+import { provideMaterialTheme, withMaterialDefaults } from '@ojiepermana/angular/theme';
+
+export const appConfig = {
+  providers: [
+    provideMaterialTheme(
+      {
+        mode: 'system',
+        color: 'base',
+        style: 'default',
+      },
+      withMaterialDefaults(),
+    ),
+  ],
+};
+```
+
+```css
+@import '@ojiepermana/angular/theme/styles';
+@import 'tailwindcss';
+@import '@ojiepermana/angular/theme/tailwind/theme.css';
+```
+
+The public import contract stays stable even if the source files inside this
+entrypoint move.
+
+## Source layout
+
+- `public-api.ts` aggregates the granular runtime entrypoints for `@ojiepermana/angular/theme`.
+- `services/src/lib` owns `ThemeService` plus its runtime tests.
+- `provider/src/lib` owns DI provider helpers plus provider-focused tests.
+- `token/src/lib` owns config types, guards, constants, and token-focused tests.
+- `css/foundation` contains the cascade layer registration, shared semantic tokens, and component-facing global helpers.
+- `css/variants/mode` contains light and dark mode layers.
+- `css/variants/color` contains named color themes.
+- `css/variants/style` contains style personality layers such as `default`, `sharp`, `brutal`, and `soft`.
+- `css/integrations/material.css` maps theme tokens into Angular Material and MDC tokens.
+- `css/integrations/tailwind.css` maps theme tokens into Tailwind v4 theme tokens.
+
+## Local development
+
+From the workspace root:
+
+```bash
+bun run test:theme
+bun run build
+```
+
+`bun run test:theme` runs the isolated theme specs.
+
+`bun run build` validates that the full library still packages the theme
+entrypoint and exports the CSS assets correctly.

package/theme/provider/package.json

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

package/theme/services/package.json

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

package/theme/styles/index.css

@@ -10,23 +10,28 @@
  * Includes cascade layers, independent mode/color/style tokens, shared
  * semantic tokens, and an Angular Material bridge so `mat-*` components
  * inherit the active theme automatically.
+ *
+ * Source layout:
+ *   foundation   – shared layers, semantic tokens, and component helpers
+ *   variants     – mode, color, and style theme axes
+ *   integrations – Angular Material and Tailwind bridges
  */
-@import './themes/library/_layers.css';
+@import './foundation/layers.css';
 
 /* Layer 1: mode variants. */
-@import './themes/mode/index.css';
+@import './variants/mode/index.css';
 
 /* Layer 2: color variants. */
-@import './themes/library/color/index.css';
+@import './variants/color/index.css';
 
 /* Layer 3: style variants. */
-@import './themes/library/style/index.css';
+@import './variants/style/index.css';
 
 /* Shared semantic and library tokens. */
-@import './themes/library/_tokens.css';
+@import './foundation/tokens.css';
 
 /* Angular Material M3 bridge. */
-@import './themes/library/_material-overrides.css';
+@import './integrations/material.css';
 
 /* Global component-facing styles. */
-@import './themes/library/_components.css';
+@import './foundation/components.css';

package/theme/token/package.json

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

package/types/ojiepermana-angular-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-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-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 };