@joanroucoux/cairn-ui 0.8.1 → 0.9.0

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

@@ -1,26 +1,43 @@
-import * as _angular_core from '@angular/core';
-
-/** Available skeleton shapes. `SkeletonShape` is derived from this tuple. */
-declare const SKELETON_SHAPES: readonly ["text", "figure", "row", "chart", "ring", "dot"];
+import * as i0 from "@angular/core";
+/** Available skeleton shapes. */
+export declare const SKELETON_SHAPES: readonly ["text", "figure", "row", "chart", "ring", "dot"];
 type SkeletonShape = (typeof SKELETON_SHAPES)[number];
 /**
- * Decorative, pulsing placeholder for content that is still loading, at the shape of the content
- * it stands in for.
+ * Decorative, pulsing placeholder for content that is still loading.
  *
  * @example
  * <ui-skeleton shape="figure" />
  * <ui-skeleton [lines]="3" />
  */
-declare class UiSkeleton {
-    readonly shape: _angular_core.InputSignal<"text" | "figure" | "row" | "chart" | "ring" | "dot">;
-    readonly lines: _angular_core.InputSignal<number>;
-    readonly height: _angular_core.InputSignal<number>;
-    readonly size: _angular_core.InputSignal<number>;
-    protected readonly animation = "cairn-pulse var(--pulse-duration) var(--ease-out) infinite alternate";
-    protected readonly bars: _angular_core.Signal<("62%" | "100%")[]>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSkeleton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiSkeleton, "ui-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class UiSkeleton {
+  readonly shape: import("@angular/core").InputSignal<"text" | "figure" | "row" | "chart" | "ring" | "dot">;
+  readonly lines: import("@angular/core").InputSignal<number>;
+  readonly height: import("@angular/core").InputSignal<number>;
+  readonly size: import("@angular/core").InputSignal<number>;
+  protected readonly animation = "cairn-pulse var(--pulse-duration) var(--ease-out) infinite alternate";
+  protected readonly bars: import("@angular/core").Signal<("62%" | "100%")[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSkeleton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSkeleton, "ui-skeleton", never, {
+    "shape": {
+      "alias": "shape";
+      "required": false;
+      "isSignal": true;
+    };
+    "lines": {
+      "alias": "lines";
+      "required": false;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
-export { SKELETON_SHAPES, UiSkeleton };
-export type { SkeletonShape };
+export type { SkeletonShape };

package/types/joanroucoux-cairn-ui-stale-link.d.ts

@@ -1,24 +1,31 @@
-import * as _angular_core from '@angular/core';
-
-/** Available stale link sizes. `StaleLinkSize` is derived from this tuple. */
-declare const STALE_LINK_SIZES: readonly ["caption", "label"];
+import * as i0 from "@angular/core";
+/** Available stale link sizes. */
+export declare const STALE_LINK_SIZES: readonly ["caption", "label"];
 type StaleLinkSize = (typeof STALE_LINK_SIZES)[number];
 /**
  * Link in the stale tone, for a caption about data that is late or left out of a total, such as
- * "1 ligne sans cours, non comptée". Weight 500, underlined on hover, with an optional trailing
- * chevron. `size` is `caption` (12/17, the default) or `label` (14/20, the dashboard total's
- * "1 cours en retard").
+ * "1 ligne sans cours, non comptée". `chevron` adds a trailing chevron, `size` is `caption` (the
+ * default) or `label`.
  *
  * @example
  * <a uiStaleLink chevron size="label" routerLink="/holdings">1 cours en retard</a>
  */
-declare class UiStaleLink {
-    readonly chevron: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly size: _angular_core.InputSignal<"caption" | "label">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiStaleLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiStaleLink, "a[uiStaleLink]", never, { "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class UiStaleLink {
+  readonly chevron: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly size: import("@angular/core").InputSignal<"caption" | "label">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiStaleLink, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiStaleLink, "a[uiStaleLink]", never, {
+    "chevron": {
+      "alias": "chevron";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
-export { STALE_LINK_SIZES, UiStaleLink };
-export type { StaleLinkSize };
+export type { StaleLinkSize };

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

@@ -1,15 +1,11 @@
-import * as _angular_core from '@angular/core';
-
-/** Available stat sizes. `StatSize` is derived from this tuple. */
-declare const STAT_SIZES: readonly ["hero", "tile"];
+import * as i0 from "@angular/core";
+/** Available stat sizes. */
+export declare const STAT_SIZES: readonly ["hero", "tile"];
 type StatSize = (typeof STAT_SIZES)[number];
 /**
- * Label, figure and a named period of change, at two sizes: a `hero` for a screen's single
- * headline number, or a smaller `tile` repeated in a grid. The figure itself, its delta and its
- * caption are all projected, so the component carries no formatting and no currency of its own.
- *
- * The `hero` size never sets `tabular-nums` on the figure: a lone headline number reads better
- * with its digits at their natural width, unlike a column of aligned figures.
+ * Label, figure and a named period of change: a `hero` for a screen's single headline number, or a
+ * smaller `tile` repeated in a grid. The figure, its delta and its caption are projected, so the
+ * component does no formatting. The `hero` figure does not use `tabular-nums`.
  *
  * @example
  * <ui-stat label="Net worth" size="hero">
@@ -18,15 +14,24 @@ type StatSize = (typeof STAT_SIZES)[number];
  *   <span uiStatCaption>today</span>
  * </ui-stat>
  */
-declare class UiStat {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<"hero" | "tile">;
-    protected readonly labelClasses: _angular_core.Signal<string>;
-    protected readonly stackClasses: _angular_core.Signal<string>;
-    protected readonly valueClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiStat, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiStat, "ui-stat", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[uiStatValue]", "[uiStatDelta]", "[uiStatCaption]", "[uiStatAside]"], true, never>;
+export declare class UiStat {
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly size: import("@angular/core").InputSignal<"hero" | "tile">;
+  protected readonly labelClasses: import("@angular/core").Signal<string>;
+  protected readonly stackClasses: import("@angular/core").Signal<string>;
+  protected readonly valueClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiStat, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiStat, "ui-stat", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[uiStatValue]", "[uiStatDelta]", "[uiStatCaption]", "[uiStatAside]"], true, never>;
 }
-
-export { STAT_SIZES, UiStat };
-export type { StatSize };
+export type { StatSize };

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

@@ -1,17 +1,13 @@
-import * as i0 from '@angular/core';
-
+import * as i0 from "@angular/core";
 /**
  * Native checkbox styled as an iOS-style switch, exposed to assistive technology as `role="switch"`.
- * 51 by 31 on touch, 40 by 24 with a mouse.
  *
  * @example
  * <input type="checkbox" uiSwitch [checked]="hidden()" (change)="toggle()" aria-label="Hide amounts" />
  */
-declare class UiSwitch {
-    protected readonly classes = "relative shrink-0 w-[51px] h-[31px] pointer-fine:w-10 pointer-fine:h-6 appearance-none cursor-pointer rounded-pill bg-(--muted) checked:bg-(--primary) transition-[background-color] duration-(--duration-fast) ease-out disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring) before:absolute before:inset-x-0 before:top-1/2 before:-translate-y-1/2 before:h-(--row-min) before:content-[''] after:absolute after:top-0.5 after:left-0.5 after:size-[27px] pointer-fine:after:size-5 after:rounded-pill after:bg-(--card) after:shadow-[0_1px_3px_rgb(0_0_0/0.2)] after:transition-transform after:duration-(--duration-fast) after:ease-out after:content-[''] checked:after:translate-x-[20px] pointer-fine:checked:after:translate-x-4";
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiSwitch, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UiSwitch, "input[type=checkbox][uiSwitch]", never, {}, {}, never, never, true, never>;
-}
-
-export { UiSwitch };
+export declare class UiSwitch {
+  protected readonly classes = "relative shrink-0 w-[51px] h-[31px] pointer-fine:w-10 pointer-fine:h-6 appearance-none cursor-pointer rounded-pill bg-(--muted) checked:bg-(--primary) transition-[background-color] duration-(--duration-fast) ease-out disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring) before:absolute before:inset-x-0 before:top-1/2 before:-translate-y-1/2 before:h-(--row-min) before:content-[''] after:absolute after:top-0.5 after:left-0.5 after:size-[27px] pointer-fine:after:size-5 after:rounded-pill after:bg-(--card) after:shadow-[0_1px_3px_rgb(0_0_0/0.2)] after:transition-transform after:duration-(--duration-fast) after:ease-out after:content-[''] checked:after:translate-x-[20px] pointer-fine:checked:after:translate-x-4";
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSwitch, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSwitch, "input[type=checkbox][uiSwitch]", never, {}, {}, never, never, true, never>;
+}

package/types/joanroucoux-cairn-ui-tab-bar.d.ts

@@ -1,19 +1,18 @@
-import * as i0 from '@angular/core';
-
+import * as i0 from "@angular/core";
 /**
- * Bottom navigation bar for iPhone: 52px of tabs plus the home indicator's safe area. While it is on the
- * page it publishes that height as `--tab-bar-height` on the root element, which `ui-action-bar` and
- * `ui-toaster` sit above; use it rather than restating 52px for anything that must clear the bar.
+ * Bottom navigation bar for iPhone. While it is on the page it publishes its height as
+ * `--tab-bar-height` on the root element, which `ui-action-bar` and `ui-toaster` sit above: use it
+ * for anything else that must clear the bar.
  *
  * @example
  * <nav ui-tab-bar>
  *   <a ui-tab [active]="url === '/'" routerLink="/"><lucide-icon tabIcon name="house" />Portfolio</a>
  * </nav>
  */
-declare class UiTabBar {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiTabBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiTabBar, "nav[ui-tab-bar]", never, {}, {}, never, ["*"], true, never>;
+export declare class UiTabBar {
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabBar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTabBar, "nav[ui-tab-bar]", never, {}, {}, never, ["*"], true, never>;
 }
 /**
  * One destination of `ui-tab-bar`.
@@ -21,11 +20,15 @@ declare class UiTabBar {
  * @example
  * <a ui-tab active routerLink="/"><lucide-icon tabIcon name="house" />Portfolio</a>
  */
-declare class UiTab {
-    readonly active: i0.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: i0.Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiTab, "a[ui-tab]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, ["[tabIcon]", "*"], true, never>;
-}
-
-export { UiTab, UiTabBar };
+export declare class UiTab {
+  readonly active: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTab, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTab, "a[ui-tab]", never, {
+    "active": {
+      "alias": "active";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[tabIcon]", "*"], true, never>;
+}