@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/typescript/components/UnitChart.d.ts

@@ -0,0 +1,84 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type UnitChartVariant = 'waffle-90' | 'waffle-share' | 'pictogram-rows' | 'day-dots' | 'habit-grid';
+/** One share of the `waffle-share` 10×10 grid — `value` cells (of 100). */
+export interface UnitSegment {
+    /** Legend word ('GOOD'). */
+    label: string;
+    /** Cell count out of 100 (segments fill the grid in order; leftover stays faint). */
+    value: number;
+    /** Cell + legend-dot color. Defaults cycle mint / zone-mid / zone-low. */
+    color?: string;
+}
+/** Built-in `pictogram-rows` glyphs (24×24 stroke paths from the catalog). */
+export type UnitPictogramIcon = 'dumbbell' | 'moon' | 'cup';
+/** One `pictogram-rows` tally row: `done` of `total` icon units. */
+export interface UnitPictogramRow {
+    /** Row label, mono, right-aligned before the icons ('SLEEP 8H+'). */
+    label: string;
+    /** Units drawn. */
+    total: number;
+    /** Units at full opacity (remaining draw at 18%). */
+    done: number;
+    /** Built-in glyph. Defaults cycle dumbbell / moon / cup. */
+    icon?: UnitPictogramIcon;
+    /** Custom 24×24 stroke path — overrides `icon`. */
+    iconPath?: string;
+    /** Icon stroke + count color. Defaults cycle cyan / violet / zone-mid. */
+    color?: string;
+}
+/** One `habit-grid` row: a week of on/off dots in the habit's own hue. */
+export interface UnitHabitRow {
+    /** Habit label, mono, drawn in the row hue ('MEDITATE'). */
+    label: string;
+    /** 7 day flags, Monday first. */
+    days: (boolean | 0 | 1)[];
+    /** Row hue. Defaults cycle mint / cyan / lime. */
+    color?: string;
+}
+export interface UnitChartProps {
+    /** Catalog variant (UN-01 / UN-02 / UN-03 / UN-04 / UN-05). */
+    variant?: UnitChartVariant;
+    /** `waffle-90` — total dots (one per program day). */
+    total?: number;
+    /** `waffle-90` — days completed; dot `done` is TODAY (pulses lime). */
+    done?: number;
+    /** `waffle-90` — grid columns (rows derive as `ceil(total / columns)`). */
+    columns?: number;
+    /** `waffle-90` fill / `day-dots` dot color. */
+    color?: string;
+    /** `waffle-share` — the grid shares (values sum to ≤100). */
+    segments?: UnitSegment[];
+    /** `pictogram-rows` — the tally rows. */
+    rows?: UnitPictogramRow[];
+    /** `day-dots` — 7 day flags, Monday first. */
+    days?: (boolean | 0 | 1)[];
+    /** Day letters under `day-dots` / `habit-grid` dots (one char per day). */
+    dayLabels?: string;
+    /** `habit-grid` — the habit rows. */
+    habits?: UnitHabitRow[];
+    /** Top-left mono caption ('90-DAY LOCK-IN'). */
+    title?: string;
+    /** Top-right mint stat. `waffle-90` derives `'62%'` from done/total; '' hides. */
+    stat?: string;
+    /** Bottom faint legend line. `waffle-90` derives
+     *  'EACH DOT = A DAY · 56 OF 90 LOCKED IN'; '' hides. */
+    caption?: string;
+    /** `day-dots` chip-pill, top-right ('5 OF 7 · ON TRACK' — derived); '' hides. */
+    note?: string;
+    /** Soft glow underlays (the catalog glow modifier). */
+    shine?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * UnitChart — countable-units chart for product surfaces (catalog family
+ * UN-01…UN-05). `waffle-90` is THE program waffle: every day is a dot, filled
+ * ramps toward today, TODAY pulses lime. `waffle-share` renders a percentage
+ * as a 10×10 zone-colored grid, `pictogram-rows` as friendly icon tallies,
+ * `day-dots` as a single habit's week strip, `habit-grid` as the mini habit
+ * board (rows × day dots, one hue per habit).
+ */
+export declare function UnitChart({ variant, total, done, columns, color, segments, rows, days, dayLabels, habits, title, stat, caption, note, shine, ariaLabel, style, }: UnitChartProps): import("react").JSX.Element;
+//# sourceMappingURL=UnitChart.d.ts.map

package/lib/typescript/components/UnitChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitChart.d.ts","sourceRoot":"","sources":["../../../src/components/UnitChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAahF,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,gBAAgB,GAChB,UAAU,GACV,YAAY,CAAC;AAEjB,2EAA2E;AAC3E,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,8EAA8E;AAC9E,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAE5D,oEAAoE;AACpE,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,EAAE,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC1B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,yCAAyC;IACzC,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC3B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;6DACyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAiID;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAqB,EACrB,KAAU,EACV,IAAS,EACT,OAAY,EACZ,KAAmB,EACnB,QAA2B,EAC3B,IAAmB,EACnB,IAAmB,EACnB,SAAqB,EACrB,MAAuB,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAa,EACb,SAAwB,EACxB,KAAK,GACN,EAAE,cAAc,+BAuQhB"}

package/lib/typescript/components/VersionBadge.d.ts

@@ -0,0 +1,17 @@
+import { type ViewProps } from 'react-native';
+export type VersionEnv = 'prod' | 'staging' | 'dev';
+export interface VersionBadgeProps extends ViewProps {
+    /** version string, e.g. `v1.6.0` */
+    version: string;
+    /** short build hash, e.g. `a1b2c3d` */
+    build?: string;
+    /** deployment environment — tints the leading dot + env label (default `prod`) */
+    env?: VersionEnv;
+    /** optional build/release date segment */
+    date?: string;
+    /** show the leading env-colored status dot (default true) */
+    dot?: boolean;
+}
+/** Compact monospace build/version chip — version · build · env · date, with an env-colored status dot. */
+export declare function VersionBadge({ version, build, env, date, dot, style, ...rest }: VersionBadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=VersionBadge.d.ts.map

package/lib/typescript/components/VersionBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VersionBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAcD,2GAA2G;AAC3G,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,GAAY,EACZ,IAAI,EACJ,GAAU,EACV,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+BA+BnB"}

package/lib/typescript/components/VideoThumbnail.d.ts

@@ -0,0 +1,24 @@
+import { type ViewProps } from 'react-native';
+export interface VideoThumbnailProps extends Omit<ViewProps, 'style'> {
+    /** Poster image URL. When absent, a glass/gradient placeholder is shown. */
+    src?: string;
+    /** Accessibility label for the poster image. */
+    alt?: string;
+    /** Runtime label (e.g. `'0:45'`) — rendered as a mono pill bottom-right. */
+    duration?: string;
+    /** Pixel width of the thumbnail. @default 150 */
+    width?: number;
+    /** Aspect ratio (width / height). @default 1.4 */
+    aspect?: number;
+    /** Press handler — when set the tile becomes interactive (mirrors web `onClick`). */
+    onPress?: () => void;
+}
+/**
+ * VideoThumbnail — a media tile with a centered glass play disc and an optional
+ * duration badge, mirroring the web `@lockin90/ui` `VideoThumbnail`. Sized by
+ * `width` + the `aspect` ratio (height = width / aspect). Renders the poster
+ * `<Image>` (cover) when `src` is given, else a violet flux-gradient placeholder.
+ * With `onPress` the tile is a `Pressable` that dims slightly while pressed.
+ */
+export declare function VideoThumbnail({ src, alt, duration, width, aspect, onPress, ...rest }: VideoThumbnailProps): import("react").JSX.Element;
+//# sourceMappingURL=VideoThumbnail.d.ts.map

package/lib/typescript/components/VideoThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoThumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/VideoThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKxF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACnE,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,KAAW,EACX,MAAY,EACZ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,mBAAmB,+BAuDrB"}

package/lib/typescript/components/VitalsStrip.d.ts

@@ -0,0 +1,53 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type VitalsStripVariant = 'ecg-strip' | 'hrv-rhythm' | 'monitor' | 'night-hr' | 'anomaly-beat';
+export interface VitalsStripProps {
+    /** Catalog variant (VT-01…VT-05). */
+    variant?: VitalsStripVariant;
+    /** RR intervals in **milliseconds**, one per beat (uneven spacing IS the
+     *  data — the HRV story). Defaults per variant reproduce the catalog. */
+    rr?: number[];
+    /** Beats per minute — the VT-01 big readout / VT-03 HR stat. */
+    bpm?: number;
+    /** HRV in ms — the VT-02 pill / VT-03 stat. */
+    hrv?: number;
+    /** Breaths per minute — the VT-03 RESP stat. */
+    resp?: number;
+    /** `night-hr` overnight BPM samples (VT-04). */
+    nightBpm?: number[];
+    /** `night-hr` dip pill (default `LOW ${min}`; anchored at the minimum). */
+    lowLabel?: string;
+    /** `night-hr` wake-spike sample index (`null` hides the marker). */
+    wakeIndex?: number | null;
+    /** `night-hr` wake pill text. */
+    wakeLabel?: string;
+    /** `anomaly-beat` premature-beat index (default: the shortest RR). */
+    anomalyIndex?: number;
+    /** `anomaly-beat` pill text. */
+    anomalyLabel?: string;
+    /** Bottom-left mono note (per-variant catalog default). */
+    caption?: string;
+    /** `night-hr` axis captions, spread evenly. */
+    ticks?: string[];
+    /** Trace color token (defaults: mint; `hrv-rhythm` cyan; `night-hr` indigo). */
+    color?: string;
+    /** Top-left mono caption (e.g. 'RESTING HR · LIVE'). */
+    title?: string;
+    /** Glow underlay along the trace (the catalog `cfg.shine`). */
+    shine?: boolean;
+    /** Disable the R-peak pulse animation (static halo ring instead). */
+    still?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * VitalsStrip — the vitals rhythm-strip family (catalog VT-01…VT-05): sharp
+ * PQRST polyline beats (never smoothed — the sharpness is the ECG look) on
+ * faint paper verticals. RR intervals are real milliseconds; the strip
+ * renders them at the catalog's 23.5 ms/px so uneven spacing reads exactly
+ * like the design page. `night-hr` swaps the beats for the compressed
+ * overnight HR curve.
+ */
+export declare function VitalsStrip({ variant, rr, bpm, hrv, resp, nightBpm, lowLabel, wakeIndex, wakeLabel, anomalyIndex, anomalyLabel, caption, ticks, color, title, shine, still, ariaLabel, style, }: VitalsStripProps): import("react").JSX.Element;
+//# sourceMappingURL=VitalsStrip.d.ts.map

package/lib/typescript/components/VitalsStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VitalsStrip.d.ts","sourceRoot":"","sources":["../../../src/components/VitalsStrip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkBlG,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,YAAY,GACZ,SAAS,GACT,UAAU,GACV,cAAc,CAAC;AAEnB,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;6EACyE;IACzE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAoTD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAqB,EACrB,EAAE,EACF,GAAG,EACH,GAAQ,EACR,IAAS,EACT,QAAwB,EACxB,QAAQ,EACR,SAAa,EACb,SAAkB,EAClB,YAAY,EACZ,YAAmC,EACnC,OAAO,EACP,KAA8B,EAC9B,KAAK,EACL,KAAK,EACL,KAAa,EACb,KAAa,EACb,SAAiC,EACjC,KAAK,GACN,EAAE,gBAAgB,+BAoOlB"}

package/lib/typescript/components/WatchComplication.d.ts

@@ -0,0 +1,84 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/watch-charts.html`, WC-01…WC-07). */
+export type WatchComplicationVariant = 'ring-score' | 'battery-gauge' | 'micro-spark' | 'corner-gauge' | 'inline-pill' | 'rings-trio';
+/** The 4 corner micro-widgets of `variant="corner-gauge"` (WC-05). */
+export interface WatchComplicationCorners {
+    /** TL featured half-arc gauge fill, 0–100 (default 60) */
+    value?: number;
+    /** TL tiny value inside the gauge (default 'UV6') */
+    label?: string;
+    /** TL gauge color (default `colors.zoneMid`) */
+    color?: string;
+    /** TR quiet mono readout (default '23°') */
+    text?: string;
+    /** BL filled dots of 3 (default 2) */
+    dots?: number;
+    /** BR mini ring fill, 0–100 (default 69) */
+    ring?: number;
+}
+export interface WatchComplicationProps {
+    /** complication form (default `'ring-score'`, WC-01) */
+    variant?: WatchComplicationVariant;
+    /** the score/percent, 0–100 — ring fill (WC-01, default 82), battery fill
+     *  (WC-02, default 64), inline ring + bar (WC-06, default 92), trio outer
+     *  ring (WC-07, default 80) */
+    value?: number;
+    /** `rings-trio` — middle ring fill, 0–100 (default 60) */
+    value2?: number;
+    /** `rings-trio` — inner ring fill, 0–100 (default 45) */
+    value3?: number;
+    /** big readout override — WC-01 defaults to the rounded `value`, WC-02 to
+     *  `'{value}%'`, WC-04 to its catalog card ('7:42'); WC-06 replaces the
+     *  whole `'{label} {value}%'` line */
+    valueText?: string;
+    /** small caption — 'ENERGY' (WC-01) / 'BATTERY' (WC-02) / 'SLEEP' (WC-04) /
+     *  the pill name 'CREATINE' (WC-06) */
+    label?: string;
+    /** `micro-spark` — the 0–1 trend points, oldest → newest (catalog: 10) */
+    data?: number[];
+    /** `corner-gauge` — the corner micro-widgets (defaults reproduce WC-05) */
+    corners?: WatchComplicationCorners;
+    /** main mark color — ring arc / spark line / inline ring+bar / trio outer.
+     *  Per-variant defaults: mint (cyan for `micro-spark`); `battery-gauge`
+     *  defaults to the value's zone verdict (≥62 high / ≥38 mid / else low). */
+    color?: string;
+    /** `rings-trio` — middle ring color (default `colors.cyan`) */
+    color2?: string;
+    /** `rings-trio` — inner ring color (default `colors.violet`) */
+    color3?: string;
+    /** rendered size in px. Square variants render `size`×`size`; `inline-pill`
+     *  is the wide slot — `size` is the pill WIDTH, height = size·36/152.
+     *  Default 108 = the catalog's 2× display scale (a real graphic-circular
+     *  slot is ~size 54). */
+    size?: number;
+    /** glow underlay behind the featured colored mark — a Gaussian-blurred
+     *  duplicate shape on native */
+    shine?: boolean;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * WatchComplication — the catalog watch family (`watch-charts`, WC-01…WC-07):
+ * tiny canvases for `lockin90-watch` — rings, gauges, sparks at complication
+ * scale. Native twin of `@lockin90/ui` WatchComplication — same prop API +
+ * geometry; every glow is a real Gaussian-blurred duplicate shape
+ * (Fabric-native SVG filters in react-native-svg 15). Unlike the 320×150
+ * charts the face IS the canvas:
+ * square/circular variants render `size`×`size` (default 108 = the catalog's
+ * 2× display scale), `inline-pill` renders `size` wide.
+ *
+ * - `ring-score` (WC-01, default) — graphic-circular: value ring on a faint
+ *   track + big value + label. THE watch-face energy score.
+ * - `battery-gauge` (WC-02) — 270° gauge (opens down), zone-colored + bolt
+ *   glyph + %.
+ * - `micro-spark` (WC-04) — big value + 10-point micro sparkline + end dot.
+ * - `corner-gauge` (WC-05) — square face, 4 corner micro-widgets; featured TL
+ *   half-arc gauge + tiny value in a dashed slot ring.
+ * - `inline-pill` (WC-06) — wide pill: mini ring + mono text + progress bar.
+ * - `rings-trio` (WC-07) — move/train/sleep concentric rings, round caps.
+ *
+ * Values are 0–100; tokens only. This is the watch-slot widget — for in-app
+ * score rings reach for `Ring`, for 270°/180° dial gauges `Gauge`.
+ */
+export declare function WatchComplication({ variant, value, value2, value3, valueText, label, data, corners, color, color2, color3, size, shine, style, }: WatchComplicationProps): import("react").JSX.Element;
+//# sourceMappingURL=WatchComplication.d.ts.map

package/lib/typescript/components/WatchComplication.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WatchComplication.d.ts","sourceRoot":"","sources":["../../../src/components/WatchComplication.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,uFAAuF;AACvF,MAAM,MAAM,wBAAwB,GAChC,YAAY,GACZ,eAAe,GACf,aAAa,GACb,cAAc,GACd,aAAa,GACb,YAAY,CAAC;AAEjB,sEAAsE;AACtE,MAAM,WAAW,wBAAwB;IACvC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,wDAAwD;IACxD,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;mCAE+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;0CAEsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;2CACuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;gFAE4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;6BAGyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;oCACgC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA8MD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAsB,EACtB,KAAK,EACL,MAAW,EACX,MAAW,EACX,SAAS,EACT,KAAK,EACL,IAAoB,EACpB,OAAO,EACP,KAAK,EACL,MAAoB,EACpB,MAAsB,EACtB,IAAU,EACV,KAAa,EACb,KAAK,GACN,EAAE,sBAAsB,+BA6NxB"}

package/lib/typescript/components/ZoneBar.d.ts

@@ -0,0 +1,33 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** One HR training zone — its `value` (time-in-zone) drives the segment width. */
+export interface ZoneBarZone {
+    /** zone label shown under the bar; defaults to `Z1`..`Zn` by index */
+    label?: string;
+    /** time-in-zone (seconds) or share — sizes this segment relative to the others */
+    value: number;
+    /** override the segment color (a hex/rgb string, e.g. colors.lime); defaults to the Z1→Z5 ramp */
+    color?: string;
+}
+export interface ZoneBarProps {
+    /** the HR zones left→right (cool/recovery → hot/max), typically 5 (Z1..Z5); width ∝ value */
+    zones: ZoneBarZone[];
+    /** index 0..n-1 of the active zone → lit segment + marker tick (omit for none) */
+    current?: number;
+    /** render the zone labels (Z1..Z5) under the bar */
+    showLabels?: boolean;
+    /** bar thickness in px (default 8) */
+    height?: number;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * ZoneBar — a horizontal heart-rate training-zone bar (native).
+ *
+ * Renders the 5 HR zones (Z1..Z5) as a row of token-colored pill segments whose
+ * widths are proportional to time-in-zone, with the cool→hot Z1→Z5 ramp. The
+ * `current` zone is lit (the rest dim) and carries a bright marker tick showing
+ * where the athlete is right now. Mirrors the web ZoneBar 1:1 (same export +
+ * prop API) — apps use this, never hand-roll a zone bar (see SDD §9).
+ */
+export declare function ZoneBar({ zones, current, showLabels, height, style }: ZoneBarProps): import("react").JSX.Element;
+//# sourceMappingURL=ZoneBar.d.ts.map

package/lib/typescript/components/ZoneBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneBar.d.ts","sourceRoot":"","sources":["../../../src/components/ZoneBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtF,kFAAkF;AAClF,MAAM,WAAW,WAAW;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,6FAA6F;IAC7F,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAcD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAkB,EAAE,MAAU,EAAE,KAAK,EAAE,EAAE,YAAY,+BAyD9F"}

package/lib/typescript/components/ZonePyramid.d.ts

@@ -0,0 +1,51 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ZonePyramidVariant = 'zone-pyramid' | 'target-pyramid' | 'mirror-pyramid';
+/** One pyramid row, top row first (Z5 → Z1). */
+export interface PyramidZone {
+    /** Zone letter/name — inside the bar when it's wide enough ('Z2'). */
+    label: string;
+    /** Time in zone (minutes) — bar width normalizes to the longest zone. */
+    minutes: number;
+    /** Target minutes (`target-pyramid` dashed outline; same scale as `minutes`). */
+    target?: number;
+    /** Previous-period minutes (`mirror-pyramid` left bar; same scale). */
+    prev?: number;
+    /** Left label override; derived as the share of total ('17%'). */
+    pct?: string;
+    /** Right label override; derived as h:mm from `minutes` ('1:58'). */
+    time?: string;
+    /** Bar color. Defaults cycle zone-low / zone-mid / lime / mint / cyan (Z5→Z1). */
+    color?: string;
+}
+export interface ZonePyramidProps {
+    /** Catalog variant (PY-01 / PY-02 / PY-03). */
+    variant?: ZonePyramidVariant;
+    /** The rows, top first (Z5 → Z1). */
+    zones?: PyramidZone[];
+    /** Top-left mono caption ('TIME IN ZONE · WEEK'). */
+    title?: string;
+    /** Bottom faint line. `zone-pyramid` derives '11H 11M TOTAL'; '' hides. */
+    caption?: string;
+    /** The pill: `target-pyramid` biggest overage ('Z3 +40M OVER' — derived),
+     *  `mirror-pyramid` biggest change ('Z2 +29 MIN' — derived); '' hides. */
+    note?: string;
+    /** `mirror-pyramid` column headings. */
+    periodLabels?: [string, string];
+    /** Soft glow underlay behind each solid bar (the catalog glow modifier). */
+    shine?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * ZonePyramid — time-in-zone intensity pyramid for product surfaces (catalog
+ * family PY-01…PY-03). `zone-pyramid` is THE weekly intensity-distribution
+ * card: centered bars Z5→Z1, width = time, % left / h:mm right, zone letter
+ * inside wide bars — a base-heavy shape reads as healthy. `target-pyramid`
+ * overlays a dashed target outline per zone plus an amber OVER pill where you
+ * exceed; `mirror-pyramid` mirrors this week (solid, right) against last week
+ * (32%, left) around a spine with the zone letters on it.
+ */
+export declare function ZonePyramid({ variant, zones, title, caption, note, periodLabels, shine, ariaLabel, style, }: ZonePyramidProps): import("react").JSX.Element;
+//# sourceMappingURL=ZonePyramid.d.ts.map

package/lib/typescript/components/ZonePyramid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZonePyramid.d.ts","sourceRoot":"","sources":["../../../src/components/ZonePyramid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAWhF,MAAM,MAAM,kBAAkB,GAC1B,cAAc,GACd,gBAAgB,GAChB,gBAAgB,CAAC;AAErB,gDAAgD;AAChD,MAAM,WAAW,WAAW;IAC1B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,qCAAqC;IACrC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;8EAC0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsHD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAwB,EACxB,KAAqB,EACrB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,YAAyC,EACzC,KAAa,EACb,SAA0B,EAC1B,KAAK,GACN,EAAE,gBAAgB,+BA+MlB"}