@area8975/ui 0.2.2-dev.49 → 0.2.2-dev.50

package/types/area8975-ui-dropzone.d.ts

@@ -0,0 +1,96 @@
+import { FileRejection } from "@area8975/ui/file";
+import * as i0 from "@angular/core";
+export declare class UiDropzoneComponent {
+  readonly value: import("@angular/core").ModelSignal<File[]>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly accept: import("@angular/core").InputSignal<string>;
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  /** Max size per file in bytes. */
+  readonly maxSize: import("@angular/core").InputSignal<number | null>;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly hint: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").InputSignal<keyof import("@ng-icons/core").NgIconNameMap>;
+  readonly rejected: import("@angular/core").OutputEmitterRef<FileRejection[]>;
+  private readonly picker;
+  private dragDepth;
+  protected readonly isDragging: import("@angular/core").WritableSignal<boolean>;
+  protected readonly hasRejection: import("@angular/core").WritableSignal<boolean>;
+  protected readonly displayTitle: import("@angular/core").Signal<string>;
+  protected readonly files: import("@angular/core").Signal<{
+    name: string;
+    size: string;
+  }[]>;
+  protected openPicker(): void;
+  protected handleKeydown(event: KeyboardEvent): void;
+  protected handlePick(event: Event): void;
+  protected handleDragEnter(event: DragEvent): void;
+  protected handleDragOver(event: DragEvent): void;
+  protected handleDragLeave(): void;
+  protected handleDrop(event: DragEvent): void;
+  protected clear(): void;
+  private addFiles;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropzoneComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropzoneComponent, "ui-dropzone", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxSize": {
+      "alias": "maxSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "rejected": "rejected";
+  }, never, never, true, never>;
+}

package/types/area8975-ui-field.d.ts

@@ -0,0 +1,72 @@
+import * as i0 from "@angular/core";
+export declare class UiFieldComponent {
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly hint: import("@angular/core").InputSignal<string>;
+  /**
+   * Shows a "*" marker next to the label.
+   */
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * An error message, shown instead of `hint` when present.
+   */
+  readonly error: import("@angular/core").InputSignal<string>;
+  readonly for: import("@angular/core").InputSignal<string>;
+  readonly hintId: import("@angular/core").InputSignal<string>;
+  readonly errorId: import("@angular/core").InputSignal<string>;
+  /**
+   * The label's id, `${for}-label`. Controls that a `<label for>` can't
+   * reach (e.g. `ui-rich-text-editor`) point `aria-labelledby` at it.
+   */
+  readonly labelId: import("@angular/core").Signal<string>;
+  private readonly document;
+  protected get forAttr(): string | null;
+  protected get labelIdAttr(): string | null;
+  /**
+   * A label click is passed on to its control as a click, which opens a
+   * `ui-select` or `ui-datepicker` rather than just focusing it, and does
+   * nothing at all for controls a label can't target (a contenteditable,
+   * a `role="button"` div). So apart from checkboxes and radios, where the
+   * click is the point, the label just focuses its control.
+   */
+  protected onClick(event: MouseEvent): void;
+  protected get hintAttr(): string | null;
+  protected get errorAttr(): string | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiFieldComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiFieldComponent, "ui-field", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "error": {
+      "alias": "error";
+      "required": false;
+      "isSignal": true;
+    };
+    "for": {
+      "alias": "for";
+      "required": false;
+      "isSignal": true;
+    };
+    "hintId": {
+      "alias": "hintId";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorId": {
+      "alias": "errorId";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}

package/types/area8975-ui-file-input.d.ts

@@ -0,0 +1,72 @@
+import { FileRejection } from "@area8975/ui/file";
+import * as i0 from "@angular/core";
+export declare class UiFileInputComponent {
+  readonly value: import("@angular/core").ModelSignal<File[]>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly accept: import("@angular/core").InputSignal<string>;
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  /** Max size per file in bytes. */
+  readonly maxSize: import("@angular/core").InputSignal<number | null>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly buttonLabel: import("@angular/core").InputSignal<string>;
+  readonly rejected: import("@angular/core").OutputEmitterRef<FileRejection[]>;
+  private readonly picker;
+  protected readonly hasRejection: import("@angular/core").WritableSignal<boolean>;
+  protected readonly summary: import("@angular/core").Signal<string>;
+  protected openPicker(): void;
+  protected handlePick(event: Event): void;
+  protected clear(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiFileInputComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiFileInputComponent, "ui-file-input", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxSize": {
+      "alias": "maxSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "buttonLabel": {
+      "alias": "buttonLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "rejected": "rejected";
+  }, never, never, true, never>;
+}

package/types/area8975-ui-file.d.ts

@@ -0,0 +1,21 @@
+/** Why a file was turned away by a file picker. */
+export declare const FileRejectionReasons: readonly ["type", "size"];
+/** @see {@link FileRejectionReasons} */
+export type FileRejectionReason = typeof FileRejectionReasons[number];
+export interface FileRejection {
+  file: File;
+  reason: FileRejectionReason;
+}
+export interface FileSelection {
+  accepted: File[];
+  rejected: FileRejection[];
+}
+/**
+ * Checks a file against a native `accept` string, e.g. ".csv,image/*".
+ * Dropped files skip the browser's own accept check, so we do it ourselves.
+ */
+export declare function matchesAccept(file: File, accept: string): boolean;
+/** Splits files into ones that pass the accept and size rules and ones that don't. */
+export declare function selectFiles(files: File[], accept: string, maxSize: number | null): FileSelection;
+/** Human readable size, e.g. 1536 -> "1.5 KB". */
+export declare function formatFileSize(bytes: number): string;

package/types/area8975-ui-format.d.ts

@@ -0,0 +1,37 @@
+import { InjectionToken, Provider, Signal } from "@angular/core";
+export interface UiFormat {
+  /** ISO 4217 code, e.g. "GBP". */
+  currency: string;
+  /** BCP 47 tag, e.g. "en-GB". */
+  locale: string;
+}
+export declare const UI_FORMAT_DEFAULTS: UiFormat;
+export declare const UI_FORMAT: InjectionToken<UiFormat>;
+export declare function provideUiFormat(format: Partial<UiFormat>): Provider;
+export interface MoneyFormatterParts {
+  format: (value: number) => string;
+  mask: string;
+}
+/** The unmasked formatter and mask behind a formatter from `injectMoneyFormatter`, null for any other function. */
+export declare function moneyFormatterParts(formatter: (value: number) => string): MoneyFormatterParts | null;
+/** Needs an injection context. Reads `UI_PRIVACY` on every call, so a template or computed calling it follows the mode. */
+export declare function injectMoneyFormatter(options?: Intl.NumberFormatOptions): (value: number) => string;
+export declare const UiPrivacies: readonly ["visible", "discreet", "hidden"];
+/** Discreet hides amounts but keeps their shape, hidden hides everything about them. */
+export type UiPrivacy = typeof UiPrivacies[number];
+export declare const UI_PRIVACY: InjectionToken<Signal<"visible" | "discreet" | "hidden">>;
+/** The factory runs in an injection context, so it can return a signal from an app service. */
+export declare function provideUiPrivacy(privacy: () => Signal<UiPrivacy>): Provider;
+/** The fixed mask for private text, e.g. a transaction's description. */
+export declare const PRIVATE_TEXT_MASK = "- - -";
+/** What screen readers hear in place of private text. */
+export declare const PRIVATE_TEXT_LABEL = "text hidden";
+export declare function maskMoney(currency: string, locale: string): string;
+export interface PrivateTextFormatter {
+  /** The text, or `PRIVATE_TEXT_MASK`. For visible attributes like `title`. */
+  (text: string | null | undefined): string;
+  /** The text, or `PRIVATE_TEXT_LABEL`. For `aria-*`, so screen readers don't read out dashes. */
+  label: (text: string | null | undefined) => string;
+}
+/** Needs an injection context. Reads `UI_PRIVACY` on every call, so a template or computed calling it follows the mode. */
+export declare function injectPrivateText(): PrivateTextFormatter;

package/types/area8975-ui-input-addon.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+/**
+ * A static and non-interactable text or symbol that can be combined with
+ * a `ui-input` inside of a `ui-input-group`. Example: this could represent
+ * a currency symbol or unit of measurement.
+ */
+export declare class UiInputAddonComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputAddonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputAddonComponent, "ui-input-addon", never, {}, {}, never, ["*"], true, never>;
+}

package/types/area8975-ui-input-group.d.ts

@@ -0,0 +1,18 @@
+import { InputValidation, UiInputComponent } from "@area8975/ui/input";
+import * as i0 from "@angular/core";
+export declare class UiInputGroupComponent {
+  readonly inputs: import("@angular/core").Signal<readonly UiInputComponent<any>[]>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputGroupComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputGroupComponent, "ui-input-group", never, {
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "validationState": "validationStateChange";
+  }, ["inputs"], ["*"], true, never>;
+}

package/types/area8975-ui-input.d.ts

@@ -0,0 +1,224 @@
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+/** Native type values ui-input supports. File/checkbox/radio/range need their own components. */
+export declare const InputTypes: readonly ["text", "email", "tel", "url", "search", "password", "number", "date", "time", "datetime-local", "month", "week", "color"];
+/** @see {@link InputTypes} */
+export type InputType = typeof InputTypes[number];
+/** Native inputmode values, hinting at the virtual keyboard to show. */
+export declare const InputModes: readonly ["none", "text", "decimal", "numeric", "tel", "search", "email", "url"];
+/** @see {@link InputModes} */
+export type InputMode = typeof InputModes[number];
+/** true is valid, false is invalid, null is not yet validated. */
+export type InputValidation = boolean | null;
+/** Native aria-autocomplete values, for inputs that suggest as you type. */
+export declare const InputAriaAutocompletes: readonly ["none", "inline", "list", "both"];
+/** @see {@link InputAriaAutocompletes} */
+export type InputAriaAutocomplete = typeof InputAriaAutocompletes[number];
+/** Native aria-haspopup values, for inputs that open something. */
+export declare const InputAriaHasPopups: readonly ["listbox", "dialog", "grid", "menu", "tree"];
+/** @see {@link InputAriaHasPopups} */
+export type InputAriaHasPopup = typeof InputAriaHasPopups[number];
+export declare class UiInputComponent<ValueType = string> {
+  readonly value: import("@angular/core").ModelSignal<ValueType>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly type: import("@angular/core").InputSignal<"number" | "text" | "email" | "tel" | "url" | "search" | "password" | "date" | "time" | "datetime-local" | "month" | "week" | "color">;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly autocomplete: import("@angular/core").InputSignal<string>;
+  readonly inputmode: import("@angular/core").InputSignal<"" | "text" | "email" | "tel" | "url" | "search" | "none" | "decimal" | "numeric">;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  readonly min: import("@angular/core").InputSignal<string | number>;
+  readonly max: import("@angular/core").InputSignal<string | number>;
+  readonly step: import("@angular/core").InputSignal<string | number>;
+  readonly pattern: import("@angular/core").InputSignal<string>;
+  readonly minlength: import("@angular/core").InputSignal<number | null>;
+  readonly maxlength: import("@angular/core").InputSignal<number | null>;
+  readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly spellcheck: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** With `type="password"`, adds a button to show and hide what's been typed. */
+  readonly revealable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly list: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  readonly inputRole: import("@angular/core").InputSignal<string>;
+  readonly ariaExpanded: import("@angular/core").InputSignal<boolean | null>;
+  readonly ariaControls: import("@angular/core").InputSignal<string>;
+  readonly ariaActiveDescendant: import("@angular/core").InputSignal<string | null>;
+  readonly ariaAutocomplete: import("@angular/core").InputSignal<"" | "none" | "inline" | "list" | "both">;
+  readonly ariaHasPopup: import("@angular/core").InputSignal<"" | "listbox" | "dialog" | "grid" | "menu" | "tree">;
+  readonly focused: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly blurred: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly leadingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly trailingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  protected readonly revealed: import("@angular/core").WritableSignal<boolean>;
+  protected readonly canReveal: import("@angular/core").Signal<boolean>;
+  protected readonly shownType: import("@angular/core").Signal<"number" | "text" | "email" | "tel" | "url" | "search" | "password" | "date" | "time" | "datetime-local" | "month" | "week" | "color">;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  protected handleInput(event: Event): void;
+  protected handleFocus(event: FocusEvent): void;
+  protected handleBlur(event: FocusEvent): void;
+  private parseValue;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputComponent<any>, "ui-input", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocomplete": {
+      "alias": "autocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputmode": {
+      "alias": "inputmode";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "pattern": {
+      "alias": "pattern";
+      "required": false;
+      "isSignal": true;
+    };
+    "minlength": {
+      "alias": "minlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocus": {
+      "alias": "autofocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "spellcheck": {
+      "alias": "spellcheck";
+      "required": false;
+      "isSignal": true;
+    };
+    "revealable": {
+      "alias": "revealable";
+      "required": false;
+      "isSignal": true;
+    };
+    "list": {
+      "alias": "list";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputRole": {
+      "alias": "inputRole";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaExpanded": {
+      "alias": "ariaExpanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaControls": {
+      "alias": "ariaControls";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaActiveDescendant": {
+      "alias": "ariaActiveDescendant";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaAutocomplete": {
+      "alias": "ariaAutocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaHasPopup": {
+      "alias": "ariaHasPopup";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+    "focused": "focused";
+    "blurred": "blurred";
+  }, ["leadingElement", "trailingElement"], never, true, never>;
+}

package/types/area8975-ui-kpi.d.ts

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+export declare class UiKpiComponent {
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly hint: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").InputSignal<keyof import("@ng-icons/core").NgIconNameMap | undefined>;
+  readonly iconPosition: import("@angular/core").InputSignal<"left" | "right">;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiKpiComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiKpiComponent, "ui-kpi", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconPosition": {
+      "alias": "iconPosition";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[kpi-value]", "[kpi-badge]"], true, never>;
+}

package/types/area8975-ui-layout.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+export declare class UiLayoutComponent {
+  readonly sidebar: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLayoutComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiLayoutComponent, "ui-layout", never, {}, {}, ["sidebar"], ["*"], true, never>;
+}

package/types/area8975-ui-loading.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class UiLoadingComponent {
+  readonly type: import("@angular/core").InputSignal<"spinner" | "throbber" | "pulse-ring" | "pulse-dot" | "wave" | "equaliser" | "terminal" | "blinking-caret" | "shimmer-text" | "loading-dots" | "bouncing-dots" | "fading-dots">;
+  protected readonly hasText: import("@angular/core").Signal<boolean>;
+  protected readonly throbberSpokes: number[];
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLoadingComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiLoadingComponent, "ui-loading", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_LOADING_TYPES: ["spinner", "throbber", "pulse-ring", "pulse-dot", "wave", "equaliser", "terminal", "blinking-caret", "shimmer-text", "loading-dots", "bouncing-dots", "fading-dots"];
+export type UiLoadingType = typeof UI_LOADING_TYPES[number];

package/types/area8975-ui-modal-close-btn.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class UiModalCloseButtonComponent {
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiModalCloseButtonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalCloseButtonComponent, "ui-modal-close-btn", never, {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {
+    "isOpen": "isOpenChange";
+  }, never, never, true, never>;
+}