@rblabs-dev/axiom 1.2.2 → 1.2.3

package/types/rblabs-dev-axiom-page-header.d.ts

@@ -0,0 +1,44 @@
+import { RbStatusTone } from "@rblabs-dev/axiom/core";
+import * as i0 from "@angular/core";
+export interface RbPageHeaderMetric {
+  label: string;
+  value: string | number;
+  /** Adds a tone color and icon to the value; the label and value carry the meaning. */
+  tone?: RbStatusTone;
+}
+/**
+ * The page's single `<h1>` with its eyebrow, description, summary metrics and page actions
+ * (docs/design-system.md, section 15.1). Elements marked `rbActions` are projected next to the
+ * title.
+ */
+export declare class RbPageHeaderComponent {
+  readonly title: import("@angular/core").InputSignal<string>;
+  /** Short context line above the title, such as the app area. */
+  readonly eyebrow: import("@angular/core").InputSignal<string>;
+  readonly description: import("@angular/core").InputSignal<string>;
+  readonly metrics: import("@angular/core").InputSignal<readonly RbPageHeaderMetric[]>;
+  protected toneIcon(metric: RbPageHeaderMetric): string | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbPageHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbPageHeaderComponent, "rb-page-header", never, {
+    "title": {
+      "alias": "title";
+      "required": true;
+      "isSignal": true;
+    };
+    "eyebrow": {
+      "alias": "eyebrow";
+      "required": false;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+    "metrics": {
+      "alias": "metrics";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[rbActions]"], true, never>;
+}

package/types/rblabs-dev-axiom-panel.d.ts

@@ -0,0 +1,44 @@
+import * as i0 from "@angular/core";
+export type RbPanelVariant = 'default' | 'soft' | 'elevated' | 'danger';
+export type RbHeadingLevel = 2 | 3 | 4 | 5 | 6;
+/**
+ * Content container with an optional header (docs/design-system.md, section 15.2). Elements marked
+ * `rbActions` are projected into the header next to the title.
+ */
+export declare class RbPanelComponent {
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly description: import("@angular/core").InputSignal<string>;
+  readonly variant: import("@angular/core").InputSignal<RbPanelVariant>;
+  /** Heading level of the title; follows the document outline, not the visual size. */
+  readonly headingLevel: import("@angular/core").InputSignal<RbHeadingLevel>;
+  /** Removes the body padding, for a table or list that runs to the panel's edges. */
+  readonly flush: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbPanelComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbPanelComponent, "rb-panel", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "headingLevel": {
+      "alias": "headingLevel";
+      "required": false;
+      "isSignal": true;
+    };
+    "flush": {
+      "alias": "flush";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[rbActions]", "*"], true, never>;
+}

package/types/rblabs-dev-axiom-public-shell.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+/**
+ * Frame for landing, sign-in and other public pages (docs/design-system.md, section 16.2): skip
+ * link, a header with the brand lockup and theme toggle, a centered content area on the brand
+ * background, and the standard footer.
+ */
+export declare class RbPublicShellComponent {
+  /** Shown in the lockup and the footer: `Admin`, `Auth`, `Rover`, `Photogrammetry`… */
+  readonly appName: import("@angular/core").InputSignal<string>;
+  /** The lockup's link target, as a `routerLink` value. */
+  readonly homeLink: import("@angular/core").InputSignal<string | readonly unknown[]>;
+  private readonly main;
+  /** See RbAppShellComponent: keeps the skip link on the current route. */
+  protected skipToMain(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbPublicShellComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbPublicShellComponent, "rb-public-shell", never, {
+    "appName": {
+      "alias": "appName";
+      "required": true;
+      "isSignal": true;
+    };
+    "homeLink": {
+      "alias": "homeLink";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[rbShellActions]", "*", "[rbShellFooter]"], true, never>;
+}

package/types/rblabs-dev-axiom-shell-footer.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+/**
+ * The standard footer of every shell (docs/design-system.md, section 12.5): "© <year> RB Labs ·
+ * <App name>", followed on the same line by any projected links or status.
+ */
+export declare class RbShellFooterComponent {
+  readonly appName: import("@angular/core").InputSignal<string>;
+  protected readonly year: number;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbShellFooterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbShellFooterComponent, "rb-shell-footer", never, {
+    "appName": {
+      "alias": "appName";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}

package/types/rblabs-dev-axiom-status-chip.d.ts

@@ -0,0 +1,40 @@
+import { RbStatusTone } from "@rblabs-dev/axiom/core";
+import * as i0 from "@angular/core";
+export type RbStatusChipSize = 'default' | 'compact';
+/**
+ * Read-only status label (docs/design-system.md, section 15.5). The label is always visible and
+ * every non-neutral tone has an icon, so the state is never carried by color alone. It is not
+ * interactive and not a live region: announce changes through `rb-message` or a status region.
+ */
+export declare class RbStatusChipComponent {
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly tone: import("@angular/core").InputSignal<RbStatusTone>;
+  /** Overrides the tone's default icon. */
+  readonly icon: import("@angular/core").InputSignal<string>;
+  /** `compact` fits a single table row line. */
+  readonly size: import("@angular/core").InputSignal<RbStatusChipSize>;
+  protected readonly resolvedIcon: import("@angular/core").Signal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbStatusChipComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbStatusChipComponent, "rb-status-chip", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/rblabs-dev-axiom-technical-value.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+/**
+ * Identifier, key, hash or path in monospace on one line (docs/design-system.md, section 15.6).
+ * A value that does not fit is truncated with an ellipsis and the full value appears in a tooltip.
+ * Screen readers and copying always get the full value, even when `displayValue` shortens it.
+ */
+export declare class RbTechnicalValueComponent {
+  readonly value: import("@angular/core").InputSignal<string>;
+  /** Shorter text to show instead of the value, such as the first characters of a hash. */
+  readonly displayValue: import("@angular/core").InputSignal<string>;
+  private readonly host;
+  private readonly destroyRef;
+  private readonly text;
+  private readonly truncated;
+  protected readonly shownValue: import("@angular/core").Signal<string>;
+  protected readonly shortened: import("@angular/core").Signal<boolean>;
+  protected readonly tooltipEnabled: import("@angular/core").Signal<boolean>;
+  constructor();
+  /** Copying a selection inside the component copies the full value, not the shortened text. */
+  protected copyFullValue(event: ClipboardEvent): void;
+  private measure;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbTechnicalValueComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbTechnicalValueComponent, "rb-technical-value", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "displayValue": {
+      "alias": "displayValue";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/rblabs-dev-axiom-theme-toggle.d.ts

@@ -0,0 +1,12 @@
+import { ThemeService } from "@rblabs-dev/axiom/core";
+import * as i0 from "@angular/core";
+/**
+ * Light/dark switch for the app shell (docs/design-system.md, section 11). The accessible name stays
+ * "Dark theme" and `aria-pressed` carries the state, so the label never rewrites itself into the
+ * opposite action. Renders nothing while the app forces a theme.
+ */
+export declare class RbThemeToggleComponent {
+  protected readonly theme: ThemeService;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RbThemeToggleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RbThemeToggleComponent, "rb-theme-toggle", never, {}, {}, never, never, true, never>;
+}