@joanroucoux/cairn-ui 0.8.2 → 0.9.0

package/types/joanroucoux-cairn-ui-line-chart.d.ts

@@ -1,37 +1,63 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
 type ChartPoint = {
-    t: number;
-    v: number;
+  t: number;
+  v: number;
 };
 type PlottedPoint = ChartPoint & {
+  x: number;
+  y: number;
+};
+type ChartGeometry = {
+  line: string;
+  end: {
     x: number;
     y: number;
+  };
+  start: {
+    y: number;
+  };
+  points: PlottedPoint[];
+  plotBottom: number;
+  plotTop: number;
 };
-type ChartGeometry = {
-    line: string;
-    end: {
-        x: number;
-        y: number;
-    };
-    start: {
-        y: number;
-    };
-    points: PlottedPoint[];
-    plotBottom: number;
-    plotTop: number;
+type GeometryPadding = {
+  x?: number;
+  top?: number;
+  bottom?: number;
 };
-
+declare const CURVE: import("d3-shape").CurveFactory;
+declare const buildGeometry: (points: ChartPoint[], width: number, height: number, padding?: GeometryPadding) => ChartGeometry | null;
+declare const axisTicks: <T extends PlottedPoint>(points: readonly T[], maxTicks?: number) => T[];
+declare const isCoreTick: (index: number, count: number) => boolean;
 type TickLabel = {
-    text: string;
-    classes: string;
+  text: string;
+  classes: string;
 };
-
+declare const tickLabels: (ticks: readonly {
+  t: number;
+}[], format: (time: number) => string, mode: 3 | 5 | "auto") => (TickLabel | null)[];
+declare const START_LABEL_HEIGHT = 16;
 declare const TOOLTIP_SIZES: readonly ["compact", "large"];
 type TooltipSize = (typeof TOOLTIP_SIZES)[number];
+declare const TOOLTIP_CLASSES: Record<TooltipSize, {
+  box: string;
+  value: string;
+  delta: string;
+}>;
+declare const plotHeightFor: (height: number, sparkline: boolean, axisGap: number | "auto", wide: boolean) => number;
+declare const plotPaddingFor: (plotHeight: number, sparkline: boolean) => number;
+declare const startLabelBaseline: (boxBottom: number) => number;
+declare const tooltipPlacement: (ratio: number) => string;
+declare const deltaTone: (delta: number) => string;
+declare const DEFAULT_WIDTH = 640;
+declare const DEFAULT_HEIGHT = 240;
+declare const identityValue: (value: number) => string;
+declare const identityDelta: (delta: number) => string;
+declare const identityTime: (time: number) => string;
 type AxisTicks = 3 | 5 | 'auto';
-
+declare const parseAxisTicks: (value: AxisTicks | string) => AxisTicks;
+declare const tooltipClassesFor: (size: TooltipSize | "auto", wide: boolean) => (typeof TOOLTIP_CLASSES)[TooltipSize];
 type PlotRef = ElementRef<SVGSVGElement>;
 type LineRef = ElementRef<SVGPathElement>;
 type EndRef = ElementRef<SVGCircleElement>;
@@ -39,76 +65,160 @@ type EndRef = ElementRef<SVGCircleElement>;
  * Value over time: a monotone curve with a dashed line at the starting value and a tooltip.
  *
  * Axis labels are never repeated: a tick whose `axisFormat` text equals the previous drawn label is
- * not rendered. The first tick always is, so only the last edge label can drop. With `axisTicks="3"`
- * only the first, middle and last ticks count; with `auto` every tick counts from `sm` up and the
- * three core ticks below it. Tick positions are unchanged.
+ * not rendered, so only the last edge label can drop.
  *
- * A new series interpolates from the drawn curve, fading the start label and the dashed line. With
- * `rangeKey` bound, only a series that comes with a new key does so: a new series under the same key
- * (a reload after a buy) is drawn at once, with no fade. The key may change before its series arrives.
+ * A new series animates from the drawn curve. With `rangeKey` bound, only a series that comes with
+ * a new key does: a new series under the same key (a reload) is drawn at once. The key may change
+ * before its series arrives.
  *
  * @example
  * <ui-line-chart [points]="points" label="Net worth over one month" startLabel="Since" [valueFormat]="formatEur" />
  */
-declare class UiLineChart {
-    #private;
-    readonly points: _angular_core.InputSignal<ChartPoint[]>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly valueFormat: _angular_core.InputSignal<(value: number) => string>;
-    readonly tooltipFormat: _angular_core.InputSignal<((point: ChartPoint) => string) | undefined>;
-    readonly deltaFormat: _angular_core.InputSignal<(delta: number) => string>;
-    readonly timeFormat: _angular_core.InputSignal<(time: number) => string>;
-    readonly axisFormat: _angular_core.InputSignal<(time: number) => string>;
-    readonly startLabel: _angular_core.InputSignal<string>;
-    readonly timeColumnLabel: _angular_core.InputSignal<string>;
-    readonly valueColumnLabel: _angular_core.InputSignal<string>;
-    readonly sparkline: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly tooltip: _angular_core.InputSignal<"auto" | "compact" | "large">;
-    readonly tooltipDelta: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly axisGap: _angular_core.InputSignal<number | "auto">;
-    readonly axisTicks: _angular_core.InputSignalWithTransform<AxisTicks, string | 5 | 3>;
-    readonly rangeKey: _angular_core.InputSignal<string | null>;
-    protected readonly svgRef: _angular_core.Signal<PlotRef>;
-    protected readonly lineRef: _angular_core.Signal<LineRef | undefined>;
-    protected readonly endRef: _angular_core.Signal<EndRef | undefined>;
-    protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
-    protected readonly held: _angular_core.WritableSignal<ChartGeometry | null>;
-    protected readonly measuredSize: _angular_core.WritableSignal<{
-        width: number;
-        height: number;
-    } | null>;
-    protected readonly effectiveWidth: _angular_core.Signal<number>;
-    protected readonly effectiveHeight: _angular_core.Signal<number>;
-    protected readonly plotHeight: _angular_core.Signal<number>;
-    protected readonly tooltipStyle: (point: PlottedPoint) => string;
-    protected readonly tooltipClasses: _angular_core.Signal<{
-        box: string;
-        value: string;
-        delta: string;
-    }>;
-    protected readonly geometry: _angular_core.Signal<ChartGeometry | null>;
-    protected readonly shown: _angular_core.Signal<ChartGeometry | null>;
-    protected readonly startFade: _angular_core.Signal<"opacity-0 duration-(--duration-exit)" | "duration-(--duration-fast)">;
-    protected readonly ticks: _angular_core.Signal<PlottedPoint[]>;
-    protected readonly tickTexts: _angular_core.Signal<(TickLabel | null)[]>;
-    protected readonly active: _angular_core.Signal<PlottedPoint | null>;
-    protected readonly startLabelInfo: _angular_core.Signal<{
-        label: string;
-        placement: {
-            y: number;
-            x: number;
-            anchor: "start" | "end";
-        };
-    } | null>;
-    constructor();
-    protected deltaFor(point: PlottedPoint): number;
-    protected deltaClasses(point: PlottedPoint): string;
-    protected onPointerMove(event: PointerEvent): void;
-    protected onPointerLeave(): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiLineChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiLineChart, "ui-line-chart", never, { "points": { "alias": "points"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "tooltipFormat": { "alias": "tooltipFormat"; "required": false; "isSignal": true; }; "deltaFormat": { "alias": "deltaFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "axisFormat": { "alias": "axisFormat"; "required": false; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "timeColumnLabel": { "alias": "timeColumnLabel"; "required": false; "isSignal": true; }; "valueColumnLabel": { "alias": "valueColumnLabel"; "required": false; "isSignal": true; }; "sparkline": { "alias": "sparkline"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipDelta": { "alias": "tooltipDelta"; "required": false; "isSignal": true; }; "axisGap": { "alias": "axisGap"; "required": false; "isSignal": true; }; "axisTicks": { "alias": "axisTicks"; "required": false; "isSignal": true; }; "rangeKey": { "alias": "rangeKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class UiLineChart {
+  #private;
+  readonly points: import("@angular/core").InputSignal<ChartPoint[]>;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly valueFormat: import("@angular/core").InputSignal<(value: number) => string>;
+  readonly tooltipFormat: import("@angular/core").InputSignal<((point: ChartPoint) => string) | undefined>;
+  readonly deltaFormat: import("@angular/core").InputSignal<(delta: number) => string>;
+  readonly deltaSuffix: import("@angular/core").InputSignal<string>;
+  readonly timeFormat: import("@angular/core").InputSignal<(time: number) => string>;
+  readonly axisFormat: import("@angular/core").InputSignal<(time: number) => string>;
+  readonly startLabel: import("@angular/core").InputSignal<string>;
+  readonly timeColumnLabel: import("@angular/core").InputSignal<string>;
+  readonly valueColumnLabel: import("@angular/core").InputSignal<string>;
+  readonly sparkline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly tooltip: import("@angular/core").InputSignal<"auto" | "compact" | "large">;
+  readonly tooltipDelta: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly axisGap: import("@angular/core").InputSignal<number | "auto">;
+  readonly axisTicks: import("@angular/core").InputSignalWithTransform<AxisTicks, string | 5 | 3>;
+  readonly rangeKey: import("@angular/core").InputSignal<string | null>;
+  protected readonly svgRef: import("@angular/core").Signal<PlotRef>;
+  protected readonly lineRef: import("@angular/core").Signal<LineRef | undefined>;
+  protected readonly endRef: import("@angular/core").Signal<EndRef | undefined>;
+  protected readonly activeIndex: import("@angular/core").WritableSignal<number | null>;
+  protected readonly held: import("@angular/core").WritableSignal<ChartGeometry | null>;
+  protected readonly measuredSize: import("@angular/core").WritableSignal<{
+    width: number;
+    height: number;
+  } | null>;
+  protected readonly spacedDeltaSuffix: import("@angular/core").Signal<string>;
+  protected readonly effectiveWidth: import("@angular/core").Signal<number>;
+  protected readonly effectiveHeight: import("@angular/core").Signal<number>;
+  protected readonly plotHeight: import("@angular/core").Signal<number>;
+  protected readonly tooltipStyle: (point: PlottedPoint) => string;
+  protected readonly tooltipClasses: import("@angular/core").Signal<{
+    box: string;
+    value: string;
+    delta: string;
+  }>;
+  protected readonly geometry: import("@angular/core").Signal<ChartGeometry | null>;
+  protected readonly shown: import("@angular/core").Signal<ChartGeometry | null>;
+  protected readonly startFade: import("@angular/core").Signal<"opacity-0 duration-(--duration-exit)" | "duration-(--duration-fast)">;
+  protected readonly ticks: import("@angular/core").Signal<PlottedPoint[]>;
+  protected readonly tickTexts: import("@angular/core").Signal<(TickLabel | null)[]>;
+  protected readonly active: import("@angular/core").Signal<PlottedPoint | null>;
+  protected readonly startLabelInfo: import("@angular/core").Signal<{
+    label: string;
+    placement: {
+      y: number;
+      x: number;
+      anchor: "start" | "end";
+    };
+  } | null>;
+  constructor();
+  protected deltaFor(point: PlottedPoint): number;
+  protected deltaClasses(point: PlottedPoint): string;
+  protected onPointerMove(event: PointerEvent): void;
+  protected onPointerLeave(): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLineChart, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiLineChart, "ui-line-chart", never, {
+    "points": {
+      "alias": "points";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "valueFormat": {
+      "alias": "valueFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltipFormat": {
+      "alias": "tooltipFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "deltaFormat": {
+      "alias": "deltaFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "deltaSuffix": {
+      "alias": "deltaSuffix";
+      "required": false;
+      "isSignal": true;
+    };
+    "timeFormat": {
+      "alias": "timeFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "axisFormat": {
+      "alias": "axisFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "startLabel": {
+      "alias": "startLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "timeColumnLabel": {
+      "alias": "timeColumnLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "valueColumnLabel": {
+      "alias": "valueColumnLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "sparkline": {
+      "alias": "sparkline";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltip": {
+      "alias": "tooltip";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltipDelta": {
+      "alias": "tooltipDelta";
+      "required": false;
+      "isSignal": true;
+    };
+    "axisGap": {
+      "alias": "axisGap";
+      "required": false;
+      "isSignal": true;
+    };
+    "axisTicks": {
+      "alias": "axisTicks";
+      "required": false;
+      "isSignal": true;
+    };
+    "rangeKey": {
+      "alias": "rangeKey";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
-export { UiLineChart };
-export type { AxisTicks, ChartPoint, TooltipSize };
+export type { AxisTicks, ChartPoint, TooltipSize };

package/types/joanroucoux-cairn-ui-menu.d.ts

@@ -1,26 +1,39 @@
-import * as _angular_core from '@angular/core';
-
+import * as i0 from "@angular/core";
 /**
- * One action of a `ui-menu`; `destructive` paints it in `--negative`.
+ * One action of a `ui-menu`; `destructive` paints it in `--negative`. Giving it `checked` makes it a radio
+ * choice (`menuitemradio`): the current one carries a check mark and `aria-checked="true"`.
  *
  * @example
  * <button uiMenuItem destructive (click)="remove()">Delete the line</button>
+ * <button uiMenuItem [checked]="account() === 'pea'" (click)="account.set('pea')">Northwind PEA</button>
  */
-declare class UiMenuItem {
-    #private;
-    readonly destructive: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    focus(): void;
-    hasFocus(): boolean;
-    protected onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenuItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiMenuItem, "button[uiMenuItem]", never, { "destructive": { "alias": "destructive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class UiMenuItem {
+  #private;
+  readonly destructive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly checked: import("@angular/core").InputSignal<boolean | undefined>;
+  protected readonly role: import("@angular/core").Signal<"menuitem" | "menuitemradio">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  focus(): void;
+  hasFocus(): boolean;
+  protected onClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenuItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenuItem, "button[uiMenuItem]", never, {
+    "destructive": {
+      "alias": "destructive";
+      "required": false;
+      "isSignal": true;
+    };
+    "checked": {
+      "alias": "checked";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
 /**
  * Secondary actions menu, opened from its trigger through the native Popover API. With `sheet`, below
- * 64rem it opens as a bottom action sheet above the tab bar instead of beside its trigger, and
- * `heading` names what the actions apply to. `width` fixes the outer popover width in pixels (the sheet
- * always spans the screen below 64rem); without it the menu fits its content.
+ * 64rem it opens as a bottom action sheet instead of beside its trigger, and `heading` names what
+ * the actions apply to. `width` fixes the popover width in pixels; without it the menu fits its content.
  *
  * @example
  * <button ui-button size="icon" aria-label="More" [uiMenuTrigger]="menu">...</button>
@@ -29,38 +42,62 @@ declare class UiMenuItem {
  *   <button uiMenuItem destructive (click)="remove()">Delete the line</button>
  * </ui-menu>
  */
-declare class UiMenu {
-    #private;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly sheet: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly heading: _angular_core.InputSignal<string | undefined>;
-    readonly width: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly menuId: string;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly hasWidth: _angular_core.Signal<boolean>;
-    protected readonly widthVar: _angular_core.Signal<string | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    protected readonly items: _angular_core.Signal<readonly UiMenuItem[]>;
-    open(trigger: HTMLElement): void;
-    close(): void;
-    protected onToggle(event: Event): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiMenu, "ui-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "sheet": { "alias": "sheet"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
+export declare class UiMenu {
+  #private;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly sheet: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly heading: import("@angular/core").InputSignal<string | undefined>;
+  readonly width: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly menuId: string;
+  readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  protected readonly hasWidth: import("@angular/core").Signal<boolean>;
+  protected readonly widthVar: import("@angular/core").Signal<string | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected readonly items: import("@angular/core").Signal<readonly UiMenuItem[]>;
+  open(trigger: HTMLElement): void;
+  close(): void;
+  protected onToggle(event: Event): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenu, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMenu, "ui-menu", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "sheet": {
+      "alias": "sheet";
+      "required": false;
+      "isSignal": true;
+    };
+    "heading": {
+      "alias": "heading";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["items"], ["*"], true, never>;
 }
 /**
- * Opens a `ui-menu` from a trigger element and wires `aria-haspopup`, `aria-expanded` and
- * `aria-controls` on it.
+ * Opens a `ui-menu` from a trigger element and wires its ARIA attributes.
  *
  * @example
  * <button ui-button size="icon" aria-label="More" [uiMenuTrigger]="menu">...</button>
  */
-declare class UiMenuTrigger {
-    #private;
-    readonly uiMenuTrigger: _angular_core.InputSignal<UiMenu>;
-    protected toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenuTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiMenuTrigger, "[uiMenuTrigger]", never, { "uiMenuTrigger": { "alias": "uiMenuTrigger"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { UiMenu, UiMenuItem, UiMenuTrigger };
+export declare class UiMenuTrigger {
+  #private;
+  readonly uiMenuTrigger: import("@angular/core").InputSignal<UiMenu>;
+  protected toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenuTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenuTrigger, "[uiMenuTrigger]", never, {
+    "uiMenuTrigger": {
+      "alias": "uiMenuTrigger";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/joanroucoux-cairn-ui-meter.d.ts

@@ -1,30 +1,52 @@
-import * as _angular_core from '@angular/core';
-
-/** Track thicknesses. `MeterSize` is derived from this tuple. */
-declare const METER_SIZES: readonly ["md", "sm"];
+import * as i0 from "@angular/core";
+/** Track thicknesses. */
+export declare const METER_SIZES: readonly ["md", "sm"];
 type MeterSize = (typeof METER_SIZES)[number];
-/** Ramp step used to paint the fill. `MeterTone` is derived from this tuple. */
-declare const METER_TONES: readonly [1, 2, 3, 4, 5, 6];
+/** Ramp step used to paint the fill. */
+export declare const METER_TONES: readonly [1, 2, 3, 4, 5, 6];
 type MeterTone = (typeof METER_TONES)[number];
 /**
- * Proportion of a whole, drawn as a single bar. One bar per category, never a stacked
- * strip: without hue to separate segments, length has to do the work alone.
+ * Proportion of a whole, drawn as a single bar. One bar per category, never a stacked strip.
  *
  * @example
  * <ui-meter [value]="0.463" label="Funds" valueText="46.3% - 128,656.00 EUR" [tone]="1" />
  */
-declare class UiMeter {
-    readonly value: _angular_core.InputSignal<number>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly valueText: _angular_core.InputSignal<string>;
-    readonly tone: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
-    readonly size: _angular_core.InputSignal<"md" | "sm">;
-    protected readonly trackClasses: _angular_core.Signal<string>;
-    protected readonly percent: _angular_core.Signal<number>;
-    protected readonly fillClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMeter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiMeter, "ui-meter", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": true; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class UiMeter {
+  readonly value: import("@angular/core").InputSignal<number>;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly valueText: import("@angular/core").InputSignal<string>;
+  readonly tone: import("@angular/core").InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
+  readonly size: import("@angular/core").InputSignal<"md" | "sm">;
+  protected readonly trackClasses: import("@angular/core").Signal<string>;
+  protected readonly percent: import("@angular/core").Signal<number>;
+  protected readonly fillClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMeter, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMeter, "ui-meter", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "valueText": {
+      "alias": "valueText";
+      "required": true;
+      "isSignal": true;
+    };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
-export { METER_SIZES, METER_TONES, UiMeter };
-export type { MeterSize, MeterTone };
+export type { MeterSize, MeterTone };