@bitforgehq/ui 0.3.0 → 0.3.2

package/types/bitforgehq-ui-icons.d.ts

@@ -11,11 +11,12 @@ type BfIconSize = 'sm' | 'md' | 'lg';
  * Renders a Lucide icon from its data, tree-shakably and without a registry.
  * Import the icon you need from `lucide` (e.g. `import { Search } from 'lucide'`) and bind it.
  * Decorative by default; pass `label` when the icon carries meaning on its own (e.g. an icon-only
- * control without visible text).
+ * control without visible text). `filled` fills a solid shape such as a heart or a star.
  *
  * @example
  * <bf-icon [icon]="Search" />
  * <bf-icon [icon]="Search" label="Search" size="lg" />
+ * <bf-icon [icon]="Heart" [filled]="favourite()" />
  * @summary Tree-shakable Lucide icon renderer, decorative by default or labelled when meaningful
  * @category Icons
  * @since 0.1.0
@@ -27,7 +28,13 @@ export declare class BfIconComponent {
   readonly size: import("@angular/core").InputSignal<BfIconSize>;
   /** Accessible name. Leave empty for decorative icons next to visible text. */
   readonly label: import("@angular/core").InputSignal<string>;
+  /** Fills the shape with `currentColor` (a favourite heart, a starred item); the stroke stays.
+   * Only icons whose every shape is closed are filled; a stroke icon (a check, a line) or an
+   * outline holding inner strokes renders as usual. */
+  readonly filled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly px: import("@angular/core").Signal<number>;
+  /** Whether the shape is filled: `filled`, on an icon that can take it without hiding a stroke. */
+  protected readonly fillsShape: import("@angular/core").Signal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<BfIconComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<BfIconComponent, "bf-icon", never, {
     "icon": {
@@ -45,6 +52,11 @@ export declare class BfIconComponent {
       "required": false;
       "isSignal": true;
     };
+    "filled": {
+      "alias": "filled";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, never>;
 }
 export type { BfIconSize };

package/types/bitforgehq-ui-mobile.d.ts

@@ -1,10 +1,10 @@
+import { SystemBarsStyle } from "@capacitor/core";
+import { BfButtonVariant, BfColorScheme, BfTabBarController, ɵcreateMemoryColorSchemeStorage } from "@bitforgehq/ui";
 import * as i0 from "@angular/core";
 import { AfterViewInit, ComponentRef, EnvironmentInjector, EnvironmentProviders, InjectionToken, Injector, OnDestroy, OnInit, Signal, TemplateRef, Type } from "@angular/core";
-import { SystemBarsStyle } from "@capacitor/core";
 import { ActivatedRoute, ActivatedRouteSnapshot, BaseRouteReuseStrategy, Data, NavigationExtras, RouterConfigurationFeature, RouterOutletContract, Routes, UrlTree } from "@angular/router";
 import * as core from "@bitforgehq/ui/overlay";
 import { BfOverlayController, BfOverlayRef as BfOverlayRef$1, BfOverlayTemplateContext as BfOverlayTemplateContext$1, BfToastAction, BfToastAction as BfToastAction$1, BfToastDismissReason, BfToastRef, BfToastRef as BfToastRef$1, prefersReducedMotion } from "@bitforgehq/ui/overlay";
-import { BfButtonVariant, BfTabBarController } from "@bitforgehq/ui";
 import { IconNode } from "lucide";
 /**
  * The shell's transition and gesture style: `ios`, `md` (Material), or `auto` (iOS on iOS, else
@@ -135,25 +135,28 @@ type BfPlatform = 'ios' | 'android' | 'web';
  */
 type BfShellMode = 'ios' | 'md';
 /**
- * The app theme choice: follow the system, or force light or dark.
+ * The app theme choice: follow the system, or force light or dark. The same type as
+ * `BfColorScheme` from `@bitforgehq/ui`.
  *
  * @summary The app theme choice, following the system or forcing light or dark
  * @since 0.2.0
  */
-type BfTheme = 'system' | 'light' | 'dark';
+type BfTheme = BfColorScheme;
 /** A theme store in memory, gone with the app: where `localStorage` is unavailable, and in tests. Internal. */
-declare function createMemoryThemeStorage(): Pick<Storage, 'getItem' | 'setItem'>;
+declare const createMemoryThemeStorage: typeof ɵcreateMemoryColorSchemeStorage;
 /**
  * Where `BfPlatformService` keeps the theme choice (the key `bf-theme`): `localStorage` when it is
  * available, otherwise an in-memory map. Provide another store (a native preferences plugin, or an
- * in-memory one in tests, as `provideBfShellTesting()` does) to keep the choice elsewhere.
+ * in-memory one in tests, as `provideBfShellTesting()` does) to keep the choice elsewhere. It is
+ * the same token as `BF_COLOR_SCHEME_STORAGE` from `@bitforgehq/ui`, which `BfColorSchemeService`
+ * reads, so providing either one moves the choice for both.
  *
  * @example
  * providers: [{ provide: BF_THEME_STORAGE, useValue: sessionStorage }]
  * @summary Injection token for the store that keeps the app theme choice between visits
  * @since 0.3.0
  */
-export declare const BF_THEME_STORAGE: InjectionToken<Pick<Storage, "getItem" | "setItem">>;
+export declare const BF_THEME_STORAGE: import("@angular/core").InjectionToken<Pick<Storage, "getItem" | "setItem">>;
 /**
  * The SystemBars style for a theme: Dark = light icons. Android WebView < 140 pads the WebView, so
  * the bar areas show the activity's window background (which follows the system theme): use
@@ -180,15 +183,17 @@ export declare function bfSystemBarsStyle(dark: boolean, platform: BfPlatform, w
 /**
  * Platform facts and the app theme: native or web, iOS or Android, the shell mode that follows
  * from it, and the user's theme choice (system, light, dark) reflected as the `dark` class on
- * `<html>`. `matchMedia('(prefers-color-scheme: dark)')` is the single source for the system
- * theme on every platform.
+ * `<html>`. The theme is `BfColorSchemeService` from `@bitforgehq/ui` (the Capacitor-free colour
+ * scheme a desktop app uses through `provideBfColorScheme()`): `theme` and `dark` are its
+ * `scheme` and `dark` signals, and `matchMedia('(prefers-color-scheme: dark)')` is the single
+ * source for the system theme on every platform.
  *
  * The `theme`/`dark` signals always compute, but the `<html>` class and storage writes
- * only run when `provideBfShell()` provided `BF_SHELL_CONFIG` — i.e. this service is the app's
- * own shell, not merely injected by something that wants `platform`/`mode`. Without it (e.g. a
- * docs demo that instantiates `BfPlatformService` directly to preview `bf-tabs`), this service
- * would otherwise fight the host page's own theme: its `effect` runs on construction and would
- * immediately overwrite `<html class="dark">` with whatever `prefers-color-scheme` says.
+ * only run when `provideBfShell()` provided `BF_SHELL_CONFIG` (or the app provided
+ * `provideBfColorScheme()`) — i.e. this service is the app's own shell, not merely injected by
+ * something that wants `platform`/`mode`. Without it (e.g. a docs demo that instantiates
+ * `BfPlatformService` directly to preview `bf-tabs`), this service would otherwise fight the host
+ * page's own theme, overwriting `<html class="dark">` with whatever `prefers-color-scheme` says.
  *
  * With `provideBfShell()` on a native platform it also makes the viewport meta forbid zoom
  * (`maximum-scale=1, user-scalable=no`, other directives kept; the meta is created if missing):
@@ -207,17 +212,19 @@ export declare function bfSystemBarsStyle(dark: boolean, platform: BfPlatform, w
 export declare class BfPlatformService {
   private readonly document;
   private readonly shellConfig;
-  private readonly storage;
+  private readonly colorScheme;
   /** True inside the native iOS or Android app, false in a browser. */
   readonly isNative: boolean;
   /** The platform the app runs on. */
   readonly platform: BfPlatform;
   /** The platform's shell mode: `ios` on iOS, else `md`; `resolveShellMode()` applies the config. */
   readonly mode: import("@angular/core").Signal<BfShellMode>;
-  /** The user's theme choice, stored in `BF_THEME_STORAGE` (`localStorage`); set it with `theme.set(…)`. */
-  readonly theme: import("@angular/core").WritableSignal<BfTheme>;
+  /** The user's theme choice, stored in `BF_THEME_STORAGE` (`localStorage`); set it with
+   * `theme.set(…)`. The same signal as `BfColorSchemeService.scheme`. */
+  readonly theme: import("@angular/core").WritableSignal<BfColorScheme>;
   private readonly systemDark;
-  /** Whether the app is dark now: the theme choice, or the system's under `system`. */
+  /** Whether the app is dark now: the theme choice, or the system's under `system`. The same
+   * signal as `BfColorSchemeService.dark`. */
   readonly dark: import("@angular/core").Signal<boolean>;
   constructor();
   /** The native system bars are outside the page; a failed call leaves them as they were. */