@ojiepermana/angular-component 22.0.36 → 22.0.41

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

@@ -1,5 +1,5 @@
+import * as _angular_core from '@angular/core';
 import { MatSelect } from '@angular/material/select';
-import * as i0 from '@angular/core';
 import { MatOption } from '@angular/material/core';
 
 /**
@@ -24,10 +24,16 @@ import { MatOption } from '@angular/material/core';
 declare class SelectComponent extends MatSelect {
     /** Optional bridge to an enclosing edsis `<FormField>` (validation + a11y). */
     private readonly formFieldContext;
+    /** Per-component corner-radius override; `'inherit'` follows the global axis. */
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "sm" | "md" | "lg" | "xl" | "full">;
+    /** Per-component spacing-density override; `'inherit'` follows the global axis. */
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+    protected readonly radiusBase: _angular_core.Signal<string | null>;
+    protected readonly densityBase: _angular_core.Signal<string | null>;
     constructor();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "SelectField", ["matSelect"], {}, {}, never, ["mat-select-trigger", "*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "SelectField", ["matSelect"], { "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, {}, never, ["mat-select-trigger", "*"], true, never>;
 }
 
 /**
@@ -49,8 +55,8 @@ declare class SelectComponent extends MatSelect {
  * Material's own option so rendering stays pixel-identical.
  */
 declare class OptionComponent extends MatOption {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "SelectItem", ["matOption"], {}, {}, never, ["mat-icon", "*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "SelectItem", ["matOption"], {}, {}, never, ["mat-icon", "*"], true, never>;
 }
 
 export { OptionComponent, SelectComponent };

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

@@ -26,6 +26,8 @@ declare class SheetComponent {
     readonly labelledBy: _angular_core.InputSignal<string | null>;
     readonly describedBy: _angular_core.InputSignal<string | null>;
     readonly class: _angular_core.InputSignal<string>;
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "sm" | "md" | "lg" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
     readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
     private readonly tpl;
     private overlayRef;
@@ -34,13 +36,15 @@ declare class SheetComponent {
     private readonly resolvedSide;
     protected readonly surfaceClasses: _angular_core.Signal<string>;
     protected readonly enterFrom: _angular_core.Signal<string>;
+    protected readonly radiusBase: _angular_core.Signal<string | null>;
+    protected readonly densityBase: _angular_core.Signal<string | null>;
     constructor();
     private attach;
     private detach;
     close(): void;
     private isDrawerHost;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetComponent, "Sheet, Drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetComponent, "Sheet, Drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, never>;
 }
 
 declare class SheetHeaderComponent {

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

@@ -2,9 +2,13 @@ import * as _angular_core from '@angular/core';
 
 declare class TableComponent {
     readonly class: _angular_core.InputSignal<string>;
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "sm" | "md" | "lg" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
     protected readonly classes: _angular_core.Signal<string>;
+    protected readonly radiusBase: _angular_core.Signal<string | null>;
+    protected readonly densityBase: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "Table", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "Table", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 declare class TableHeaderComponent {
     readonly class: _angular_core.InputSignal<string>;

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

@@ -27,9 +27,13 @@ declare abstract class TabsListContextBase {
 declare class TabsComponent extends TabsContextBase {
     readonly value: _angular_core.ModelSignal<string | null>;
     readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "sm" | "md" | "lg" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
     readonly class: _angular_core.InputSignal<string>;
     private readonly idPrefix;
     private readonly triggers;
+    protected readonly radiusBase: _angular_core.Signal<string | null>;
+    protected readonly densityBase: _angular_core.Signal<string | null>;
     protected readonly classes: _angular_core.Signal<string>;
     register(element: HTMLElement, value: () => string, disabled: () => boolean): void;
     unregister(element: HTMLElement): void;
@@ -43,7 +47,7 @@ declare class TabsComponent extends TabsContextBase {
     private triggerForValue;
     private normalizeValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "Tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "Tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
 }
 declare class TabsListComponent extends TabsListContextBase {
     protected readonly ctx: TabsComponent;

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

@@ -3,10 +3,14 @@ import * as _angular_core from '@angular/core';
 declare class TextareaComponent {
     private readonly el;
     readonly class: _angular_core.InputSignal<string>;
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "sm" | "md" | "lg" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+    protected readonly radiusBase: _angular_core.Signal<string | null>;
+    protected readonly densityBase: _angular_core.Signal<string | null>;
     protected readonly classes: _angular_core.Signal<string>;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "textarea[Textarea]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "textarea[Textarea]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { TextareaComponent };

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

@@ -23,8 +23,19 @@ declare class TooltipComponent implements TooltipDefaults {
 
 declare class TooltipContentDirective {
     readonly template: TemplateRef<unknown>;
+    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "sm" | "md" | "lg" | "xl" | "full">;
+    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+    /**
+     * Resolved `--radius-base` / `--spacing-base` knob values (or `null` to
+     * inherit the global axis). Public so {@link TooltipTriggerDirective} can mirror
+     * them onto the CDK overlay panel — the element that actually paints the rounded
+     * background + padding — since this directive sits on an `<ng-template>` whose
+     * host bindings never reach the imperatively-created overlay subtree.
+     */
+    readonly radiusBase: _angular_core.Signal<string | null>;
+    readonly densityBase: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipContentDirective, "ng-template[TooltipContent]", ["TooltipContent"], {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipContentDirective, "ng-template[TooltipContent]", ["TooltipContent"], { "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class TooltipTriggerDirective {
@@ -56,6 +67,7 @@ declare class TooltipTriggerDirective {
     handleFocusOut(event: FocusEvent): void;
     open(): void;
     close(): void;
+    private applySurfaceVars;
     private bindOverlayLifecycle;
     private scheduleOpen;
     private scheduleClose;

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

@@ -20,11 +20,43 @@ declare function oppositeSide(side: OverlaySide): OverlaySide;
  */
 declare function overlayDismissals(overlayRef: OverlayRef, origin?: HTMLElement): Observable<unknown>;
 
+/**
+ * Per-component corner-radius / spacing-density override helpers.
+ *
+ * These mirror the global `theme-radius` / `theme-space` preset values from
+ * `@ojiepermana/angular-theme` — kept as a local copy so this package stays
+ * decoupled from the theme package (see its empty peer/deps on -theme).
+ *
+ * A component that accepts a `radius` / `density` input binds the resolved value
+ * onto its surface element via `[style.--radius-base]` / `[style.--spacing-base]`.
+ * Tailwind's `rounded-*` utilities resolve `calc(var(--radius-base) * n)` and the
+ * spacing utilities resolve `calc(var(--spacing-base) * n)` (see the theme's
+ * `base/tailwind.css` `@theme inline` mapping), so the override rescales that
+ * subtree and shadows the global `<html theme-radius|theme-space>` axis. The
+ * `'inherit'` preset binds nothing, so the component keeps following the axis.
+ */
+/** Corner-radius presets for a per-component `radius` input. */
+declare const COMPONENT_RADII: readonly ["inherit", "none", "sm", "md", "lg", "xl", "full"];
+type ComponentRadius = (typeof COMPONENT_RADII)[number];
+/** Spacing-density presets for a per-component `density` input. */
+declare const COMPONENT_DENSITIES: readonly ["inherit", "compact", "normal", "relaxed", "spacious"];
+type ComponentDensity = (typeof COMPONENT_DENSITIES)[number];
+/**
+ * Resolves a `radius` input to a `--radius-base` value, or `null` to inherit the
+ * global axis. Bind the result to the surface host: `[style.--radius-base]`.
+ */
+declare function radiusBaseValue(radius: ComponentRadius): string | null;
+/**
+ * Resolves a `density` input to a `--spacing-base` value, or `null` to inherit
+ * the global axis. Bind the result to the surface host: `[style.--spacing-base]`.
+ */
+declare function densityBaseValue(density: ComponentDensity): string | null;
+
 /**
  * Returns a document-unique id with the given prefix, e.g. `uniqueId('Checkbox')`
  * → `"checkbox-1"`. Single shared counter for every component in the library.
  */
 declare function uniqueId(prefix: string): string;
 
-export { cn, connectedPositionFor, oppositeSide, overlayDismissals, uniqueId };
-export type { OverlayAlign, OverlaySide };
+export { COMPONENT_DENSITIES, COMPONENT_RADII, cn, connectedPositionFor, densityBaseValue, oppositeSide, overlayDismissals, radiusBaseValue, uniqueId };
+export type { ComponentDensity, ComponentRadius, OverlayAlign, OverlaySide };