@lockin90/ui-native 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,60 @@
+import { type ViewProps } from 'react-native';
+/**
+ * Catalog variants (design catalog `progress-charts.html`, PL-01…PL-16).
+ * Omit `variant` for the classic determinate/indeterminate bar.
+ */
+export type ProgressBarVariant = 'progress' | 'zone-progress' | 'step-cells' | 'milestone-line' | 'ghost-compare' | 'overflow-badge' | 'head-pill' | 'countdown-drain';
+export interface ProgressBarProps extends ViewProps {
+    /**
+     * Progress fraction 0..1. When `undefined` the bar is **indeterminate** — a
+     * gradient band sweeps continuously (use while a duration is unknown).
+     * `overflow-badge` accepts values > 1 (the fill caps, the badge shows the over).
+     */
+    value?: number;
+    /** Bar height in px (default 8 — the PL-01 SELECT: 3 hairline / 8 default / 18 thick). */
+    height?: number;
+    /** Fill gradient stops — accepts any number of colors; defaults to a
+     *  2-stop accent→cyan. Pass the full `gradients.flux.stops` for the
+     *  multi-color energy spectrum used by the onboarding tracker.
+     *  (Catalog variants default solid mint when unset.) */
+    gradient?: readonly string[];
+    /** The unfilled track color (default a faint glass rail). */
+    track?: string;
+    /** Optional label rendered above the bar (the variant title row). */
+    label?: string;
+    /** Render the percentage (classic default false; variants default true). */
+    showValue?: boolean;
+    /** Fully-rounded ends (default true). */
+    rounded?: boolean;
+    /** Render one of the catalog progress forms; omit → the classic bar. */
+    variant?: ProgressBarVariant;
+    /** Variant solid fill — any token hex (alternative to `gradient`). */
+    color?: string;
+    /** Mono sub-copy under the bar (e.g. `94 g logged · 36 g to go`). */
+    sub?: string;
+    /** `step-cells`: number of cells (default 10); filled = `round(value · steps)`. */
+    steps?: number;
+    /** Milestone fractions 0..1 — ticks + dots, lit when passed (`milestone-line` defaults 25/50/75). */
+    milestones?: number[];
+    /** `ghost-compare`: previous-period fraction 0..1 — white-16% layer under the fill. */
+    ghost?: number;
+    /** GOAL tick + pill at this fraction 0..1 (zone-mid). */
+    target?: number;
+    /** Glow underlay behind the fill — a real `boxShadow` halo on native (RN
+     *  New-Architecture box shadows), the twin of the web blurred duplicate. */
+    shine?: boolean;
+}
+/**
+ * Aurora-Flux linear progress bar with a gradient fill. Supports both a
+ * **determinate** mode (a known `value` 0..1 → a sized gradient fill) and an
+ * **indeterminate** mode (omit `value` → an Animated sweeping band) — plus
+ * the catalog `variant` forms (PL-01…PL-16): title+%+sub rows, zone coloring,
+ * step cells, milestone ticks, a ghost compare layer, an overflow badge, a
+ * head pill riding the fill, and a right→left countdown drain.
+ *
+ * Distinct from `BarFill`, which is a static fraction fill only — `ProgressBar`
+ * adds the indeterminate animation, an optional label / percentage, and tone.
+ * Same prop API as web (native `gradient` is a `[from, to]` tuple).
+ */
+export declare function ProgressBar(props: ProgressBarProps): import("react").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAItB;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAC1B,UAAU,GACV,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,iBAAiB,CAAC;AAEtB,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;4DAGwD;IACxD,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAwMD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAgGlD"}

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

@@ -0,0 +1,8 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface PulseProps {
+    tone?: 'ok' | 'warn' | 'bad';
+    style?: StyleProp<ViewStyle>;
+}
+/** Live status dot with a soft glow. */
+export declare function Pulse({ tone, style }: PulseProps): import("react").JSX.Element;
+//# sourceMappingURL=Pulse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../src/components/Pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wCAAwC;AACxC,wBAAgB,KAAK,CAAC,EAAE,IAAW,EAAE,KAAK,EAAE,EAAE,UAAU,+BAGvD"}

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

@@ -0,0 +1,17 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface QRCodeProps {
+    /** The encoded payload (e.g. an `otpauth://` URI or a URL). */
+    value: string;
+    /** Rendered side length in px (the QR is square). Default 180. */
+    size?: number;
+    /** Optional container style (margins/spacing). */
+    style?: StyleProp<ViewStyle>;
+}
+/** A real, scannable QR code rendered as crisp `react-native-svg` modules —
+ *  dependency-free (QR Model 2, byte mode, Reed–Solomon ECC, auto mask +
+ *  version sizing). The native twin of the web `@lockin90/ui` `QRCode`, reusing
+ *  the identical pure-TS encoder. Used for MFA/TOTP enrolment cards and any
+ *  "scan to open" payload. The light surface + near-black modules are fixed
+ *  scan-contrast literals (functional, not theming); the card chrome is tokens. */
+export declare function QRCode({ value, size, style }: QRCodeProps): import("react").JSX.Element;
+//# sourceMappingURL=QRCode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.d.ts","sourceRoot":"","sources":["../../../src/components/QRCode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,MAAM,WAAW,WAAW;IAC1B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAyeD;;;;;mFAKmF;AACnF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,IAAU,EAAE,KAAK,EAAE,EAAE,WAAW,+BA4B/D"}

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

@@ -0,0 +1,59 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/radar-charts.html`, RD-01…RD-07). */
+export type RadarVariant = 'balance-radar' | 'target-overlay' | 'cohort-ghost' | 'zone-vertices' | 'weeks-trail' | 'mini-triples';
+/** RD-01 fill SELECT: `solid` = `color`-tinted shape (default mint) ·
+ *  `gradient` = mint→violet stroke over an accent 13% fill. */
+export type RadarFill = 'solid' | 'gradient';
+/** One small radar of `variant="mini-triples"` (RD-07). */
+export interface RadarSeries {
+    /** per-axis values, 0–1 */
+    values: number[];
+    /** caption under the mini radar (e.g. 'MON') */
+    label?: string;
+}
+export interface RadarChartProps {
+    /** chart form (default `'balance-radar'`, RD-01) */
+    variant?: RadarVariant;
+    /** axis labels, clockwise from 12 o'clock (default the catalog's 5 factors) */
+    axes?: string[];
+    /** your per-axis values, 0–1 (one per axis) */
+    values?: number[];
+    /** overlay per-axis values, 0–1 — the dashed target (RD-02, default all 0.8)
+     *  or cohort ghost (RD-03, default `values × 0.85`) */
+    compare?: number[];
+    /** `weeks-trail` — value sets oldest→newest; opacity ramps 30%→100% and only
+     *  the newest gets vertex dots (RD-06) */
+    trail?: number[][];
+    /** `mini-triples` — the small radars + captions (RD-07) */
+    series?: RadarSeries[];
+    /** RD-01 SELECT — shape paint (default `'solid'`) */
+    fillStyle?: RadarFill;
+    /** shape color for `fillStyle="solid"` (hex/rgba, default mint) */
+    color?: string;
+    /** bold display readout at the top-right (RD-01 e.g. '72 BALANCED') */
+    score?: string;
+    /** chip-pill for YOUR shape (RD-02/03 default 'YOU'; RD-06 default 'W1 → Wn') */
+    youLabel?: string;
+    /** chip-pill for the overlay (RD-02 'TARGET' / RD-03 'COHORT') */
+    compareLabel?: string;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** glow underlay behind the shape edge — a Gaussian-blurred duplicate
+     *  stroke */
+    shine?: boolean;
+    /** rendered width in px — the 320×150 viewBox scales to fit */
+    width?: number;
+    /** rendered height in px */
+    height?: number;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * RadarChart — the kit's balance-wheel / spider chart (catalog family
+ * `radar-charts`, RD-01…RD-07). Same prop API + geometry as the web twin:
+ * a pentagon grid (3 rings + spokes + axis labels) with one or more value
+ * shapes on top. Native glow = a Gaussian-blurred duplicate edge behind the
+ * crisp one (Fabric-native SVG filters — Ring precedent).
+ */
+export declare function RadarChart({ variant, axes, values, compare, trail, series, fillStyle, color, score, youLabel, compareLabel, title, shine, width, height, style, }: RadarChartProps): import("react").JSX.Element;
+//# sourceMappingURL=RadarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../../../src/components/RadarChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBpE,uFAAuF;AACvF,MAAM,MAAM,YAAY,GACpB,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,CAAC;AAEnB;+DAC+D;AAC/D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7C,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,oDAAoD;IACpD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;2DACuD;IACvD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;8CAC0C;IAC1C,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,qDAAqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iBACa;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAwRD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAyB,EACzB,IAAmB,EACnB,MAAuB,EACvB,OAAO,EACP,KAAqB,EACrB,MAAuB,EACvB,SAAmB,EACnB,KAAmB,EACnB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAa,EACb,KAAS,EACT,MAAU,EACV,KAAK,GACN,EAAE,eAAe,+BA+JjB"}

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

@@ -0,0 +1,38 @@
+import { type ViewProps } from 'react-native';
+/**
+ * Marker tone — colors the value marker dot.
+ * 'auto' = colored by which zone the value lands in (low→warn, optimal→ok, high→bad).
+ */
+export type RangeBarMarkerTone = 'auto' | 'ok' | 'warn' | 'bad';
+export interface RangeBarProps extends ViewProps {
+    /** the current value, in [min, max] */
+    value: number;
+    /** range floor (default 0) */
+    min?: number;
+    /** range ceiling (default 100) */
+    max?: number;
+    /** lower optimal boundary — [min, low] is the low (amber) zone */
+    low: number;
+    /** upper optimal boundary — [high, max] is the high (red) zone */
+    high: number;
+    /** mono uppercase caption shown above the track */
+    label?: string;
+    /** suffix after the value readout (e.g. 'mg/dL', 'ng/dL') */
+    unit?: string;
+    /** show the numeric value (+ unit) on the label row */
+    showValue?: boolean;
+    /** marker color — 'auto' picks by zone (default), or force ok/warn/bad */
+    markerTone?: RangeBarMarkerTone;
+}
+/**
+ * RangeBar — a reference-range bar for biomarkers / labs.
+ *
+ * A horizontal track split into low / optimal / high colored zones, with a
+ * marker dot showing where the current value falls (e.g. fasting glucose vs its
+ * healthy range). The three zones are [min,low] low (amber/red-tinted),
+ * [low,high] optimal (green band), [high,max] high (red-tinted); the marker
+ * auto-colors by the zone it lands in unless `markerTone` forces it. Mirrors the
+ * web RangeBar (same export + prop API).
+ */
+export declare function RangeBar({ value, min, max, low, high, label, unit, showValue, markerTone, style, ...rest }: RangeBarProps): import("react").JSX.Element;
+//# sourceMappingURL=RangeBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeBar.d.ts","sourceRoot":"","sources":["../../../src/components/RangeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAGtB;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC;AAEhE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAgBD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAiB,EACjB,UAAmB,EACnB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,+BAgEf"}

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

@@ -0,0 +1,44 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ReauthDialogProps {
+    /** Show the dialog. When false, nothing renders. */
+    open: boolean;
+    /** Called on scrim tap, Android back, close-button, or Cancel. */
+    onClose: () => void;
+    /** Password re-auth path — receives the field value on Confirm. */
+    onSubmitPassword?: (password: string) => void;
+    /** Google re-auth path — invoked by the "Continue with Google" button. */
+    onGoogle?: () => void;
+    /** Apple re-auth path — invoked by the "Continue with Apple" button. */
+    onApple?: () => void;
+    /** Header title. */
+    title?: string;
+    /** Short reassurance line under the title. */
+    description?: string;
+    /** Show the password field + Confirm button (default true). */
+    hasPassword?: boolean;
+    /** Show the "Continue with Google" button (default false). */
+    hasGoogle?: boolean;
+    /** Show the "Continue with Apple" button (default false). */
+    hasApple?: boolean;
+    /** Disable inputs + show loading on submit. */
+    loading?: boolean;
+    /** Error message rendered in a danger Alert above the fields. */
+    error?: string;
+    /** Localizable labels — English defaults; pass translated strings to localize. */
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    confirmLabel?: string;
+    confirmingLabel?: string;
+    cancelLabel?: string;
+    googleLabel?: string;
+    appleLabel?: string;
+    orLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Step-up re-authentication dialog — "confirm it's you" before a sensitive
+ * action. A centered Modal with an optional password path + optional Google /
+ * Apple SSO paths; local password state is kept internal and cleared on close.
+ */
+export declare function ReauthDialog({ open, onClose, onSubmitPassword, onGoogle, onApple, title, description, hasPassword, hasGoogle, hasApple, loading, error, passwordLabel, passwordPlaceholder, confirmLabel, confirmingLabel, cancelLabel, googleLabel, appleLabel, orLabel, style, }: ReauthDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=ReauthDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReauthDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ReauthDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQjG,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,kEAAkE;IAClE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsCD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAA0B,EAC1B,WAAsE,EACtE,WAAkB,EAClB,SAAiB,EACjB,QAAgB,EAChB,OAAe,EACf,KAAK,EACL,aAA0B,EAC1B,mBAAqC,EACrC,YAAwB,EACxB,eAA+B,EAC/B,WAAsB,EACtB,WAAoC,EACpC,UAAkC,EAClC,OAAc,EACd,KAAK,GACN,EAAE,iBAAiB,+BAuGnB"}

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

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface RestTimerProps {
+    /** Seconds left (drives the arc + the centered readout). */
+    remainingSec: number;
+    /** Full rest duration in seconds (the 100% arc). */
+    totalSec: number;
+    /** Small mono caption inside the ring, above the time (default `'Rest'`). */
+    label?: string;
+    /** Dim line next to the ring (e.g. `'Next: Bench Press · set 3 of 5'`). */
+    sublabel?: string;
+    /** Trailing slot on the far right (e.g. a live HR readout). */
+    trailing?: ReactNode;
+    /** When given, renders the ghost `Skip` button. */
+    onSkip?: () => void;
+    /** Dims the arc + readout while the countdown is held. */
+    paused?: boolean;
+    /**
+     * Compact bar layout — the design's Active rest bar (`.rb`/`.rg`): a 42px
+     * ring (r 18, stroke 4) with ONLY the mint time inside; `label` moves OUT
+     * of the ring into a text column above `sublabel` (mono caption over bold
+     * display line, e.g. "Rest" / "Next 1:05"); Skip + `trailing` sit inline on
+     * the right. No card chrome — the consumer wraps it in a Card. Default
+     * `false` keeps the 116px hero ring.
+     */
+    compact?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** `95 → '1:35'` — minutes:seconds, mono-friendly. */
+export declare function formatRestTime(sec: number): string;
+/** Remaining fraction, clamped 0–1. */
+export declare function restFraction(remainingSec: number, totalSec: number): number;
+/**
+ * RestTimer — the between-sets countdown: a mint arc draining on a faint
+ * track with the remaining time centered in mono, plus an optional sublabel,
+ * a ghost Skip transport, and a `trailing` slot. `compact` swaps the 116px
+ * hero ring for the design's Active rest bar (`.rb`/`.rg`): a 42px ring
+ * holding only the mint time, label + sublabel stacked beside it. Native twin
+ * of the web `RestTimer` (same prop API + geometry). Purely prop-driven — the
+ * caller ticks `remainingSec`; the arc re-renders per tick (the web's
+ * dashoffset transition has no native precedent — same rule as Ring's static
+ * pulse). The mint glow is a real Gaussian-blurred duplicate arc.
+ */
+export declare function RestTimer({ remainingSec, totalSec, label, sublabel, trailing, onSkip, paused, compact, style, }: RestTimerProps): import("react").JSX.Element;
+//# sourceMappingURL=RestTimer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RestTimer.d.ts","sourceRoot":"","sources":["../../../src/components/RestTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAUD,sDAAsD;AACtD,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKlD;AAED,uCAAuC;AACvC,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG3E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,QAAQ,EACR,KAAc,EACd,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAc,EACd,OAAe,EACf,KAAK,GACN,EAAE,cAAc,+BA6EhB"}

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

@@ -0,0 +1,26 @@
+import { type TextStyle, type TextProps, type StyleProp } from 'react-native';
+export interface RichTextProps extends Omit<TextProps, 'children'> {
+    /** The translated string. May contain `<b>…</b>` and `<a href="…">…</a>` segments. */
+    text: string;
+    /** Style applied to the bolded segments — defaults to `{ fontWeight: '700' }`. */
+    boldStyle?: StyleProp<TextStyle>;
+    /** Style applied to link segments — defaults to accent + underline. */
+    linkStyle?: StyleProp<TextStyle>;
+    /** Fired with the href when a link segment is pressed. Without it, links
+     *  render styled but inert (the host decides in-app vs external routing). */
+    onLinkPress?: (href: string) => void;
+}
+/**
+ * RichText — renders a translation/back-end string with embedded `<b>…</b>`
+ * and `<a href="…">…</a>` tags into a nested Text composition: `boldStyle`
+ * on bold segments, `linkStyle` + `onLinkPress(href)` on link segments.
+ *
+ * Why: the shared `@lockin90/i18n` catalogs use `<b>…</b>` markers so the web
+ * (next-intl `t.rich`) can stylise inline parts, and back-end-authored copy
+ * (e.g. notification bodies) may carry links that deep-link in-app or open
+ * externally — the HOST decides via `onLinkPress`. i18next on mobile renders
+ * values verbatim, so this component is the mobile-side equivalent of
+ * `t.rich` + anchor handling. No other markup is supported (deliberate).
+ */
+export declare function RichText({ text, boldStyle, linkStyle, onLinkPress, style, ...rest }: RichTextProps): import("react").JSX.Element;
+//# sourceMappingURL=RichText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../src/components/RichText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,uEAAuE;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;iFAC6E;IAC7E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAsBD;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAuBlG"}

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

@@ -0,0 +1,25 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type RichTextAction = 'bold' | 'italic' | 'link' | 'bulletList' | 'orderedList' | 'h2' | 'h3' | 'quote' | 'code' | 'clear';
+export interface RichTextEditorProps {
+    /** current value — markdown plain text on native (HTML on web) */
+    value: string;
+    /** called with the next value (markdown plain text on native) */
+    onChange: (value: string) => void;
+    /** placeholder shown while the editor is empty */
+    placeholder?: string;
+    /** which toolbar actions to show, in order */
+    toolbar?: RichTextAction[];
+    /** minimum height of the editing surface, in text rows (default 6) */
+    minRows?: number;
+    /** invalid state — red border */
+    invalid?: boolean;
+    /** disable editing (surface read-only, toolbar hidden) */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Native RichTextEditor — the web toolbar over a multiline field, applying
+ * markdown to the plain-text `value`. Same export name + props as the web twin.
+ */
+export declare function RichTextEditor({ value, onChange, placeholder, toolbar, minRows, invalid, disabled, style, }: RichTextEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=RichTextEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6F,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAmBzJ,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,aAAa,GACb,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,mBAAmB;IAClC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA2GD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,OAAyB,EACzB,OAAW,EACX,OAAe,EACf,QAAgB,EAChB,KAAK,GACN,EAAE,mBAAmB,+BA8BrB"}

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

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface RingProps {
+    /** Arc fill, 0–100 (clamped). */
+    value?: number;
+    /** Second ring's fill, 0–100 — `dual` (inner ring) and `triple` (middle ring). */
+    value2?: number;
+    /** Third ring's fill, 0–100 — `triple` (innermost ring). */
+    value3?: number;
+    /** Outer diameter in px (the SVG viewBox is square at this size). */
+    size?: number;
+    /** Stroke width of both the track and the arc, in px.
+     *  Defaults to `7` (or `4` for `variant="thin-halo"` — DN-06). */
+    thickness?: number;
+    /** Arc color — any color. Ignored when a `gradient` array is given or `zone`
+     *  is on. */
+    color?: string;
+    /** Second ring's color — defaults to `colors.violet` (`dual`, DN-04) or
+     *  `colors.cyan` (`triple`, DN-05). */
+    color2?: string;
+    /** Third ring's color — defaults to `colors.violet` (`triple`, DN-05). */
+    color3?: string;
+    /** Track (unfilled) color. */
+    trackColor?: string;
+    /** Optional arc gradient. A `[from, to]` tuple paints a two-stop gradient; an
+     *  N-length array (≥2, e.g. `gradients.flux.stops`) paints N evenly-spaced
+     *  stops — the full flux spectrum arc; a single string is treated like a
+     *  solid `color`. Applies to the main (outer) arc only. */
+    gradient?: string | string[];
+    /** Soft color glow behind the arc (on by default). */
+    glow?: boolean;
+    /** Color the arc + default center number by the value's zone verdict
+     *  (≥62 → `zoneHigh`, ≥38 → `zoneMid`, else `zoneLow`) — DN-03. */
+    zone?: boolean;
+    /** Catalog variant (donut-charts DN-01…DN-09):
+     *  - `score` (default) — single ring + center stat (DN-01)
+     *  - `dual` — concentric outer + inner ring, shared center stat (DN-04)
+     *  - `triple` — activity-style 3 concentric rings, no default center (DN-05)
+     *  - `thin-halo` — quiet 4px ring (DN-06)
+     *  - `dashed-track` — dotted `2 5` track under a solid arc (DN-07)
+     *  - `pulse` — a dot marks the arc end (static on native — no tween precedent)
+     *  - `delta` — score ring + delta chip under the center (DN-09; the chip
+     *    renders whenever `delta` is set, on any variant) */
+    variant?: 'score' | 'dual' | 'triple' | 'thin-halo' | 'dashed-track' | 'pulse' | 'delta';
+    /** Delta chip text under the center stat (e.g. '+6 VS YESTERDAY') — DN-09. */
+    delta?: string;
+    /** Delta chip tint (hex — used with alpha suffixes for the chip hairline). */
+    deltaColor?: string;
+    /** Centered content. When omitted the rounded `value` is shown as the number
+     *  (`triple` shows nothing by default — three values are ambiguous). */
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Ring — a generic, prop-driven circular-progress primitive: an SVG track +
+ * colored progress arc (rotated −90° so it starts at 12 o'clock, round
+ * linecap, soft color glow) with absolutely-centered readout content. Solid by
+ * default; pass a `[from, to]` `gradient` for a two-stop arc, or an N-stop
+ * array (e.g. `gradients.flux.stops`) for the full spectrum. Covers the
+ * catalog score-ring family (DN-01…DN-09) via `variant` + `zone`/`delta`.
+ */
+export declare function Ring({ value, value2, value3, size, thickness, color, color2, color3, trackColor, gradient, glow, zone, variant, delta, deltaColor, children, style, }: RingProps): import("react").JSX.Element;
+//# sourceMappingURL=Ring.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Ring.d.ts","sourceRoot":"","sources":["../../../src/components/Ring.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAStF,MAAM,WAAW,SAAS;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;sEACkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;iBACa;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;2CACuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;+DAG2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;uEACmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;;6DAQyD;IACzD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;IACzF,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;4EACwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAU,EACV,MAAM,EACN,MAAM,EACN,IAAU,EACV,SAAS,EACT,KAAmB,EACnB,MAAM,EACN,MAAM,EACN,UAA0B,EAC1B,QAAQ,EACR,IAAW,EACX,IAAY,EACZ,OAAiB,EACjB,KAAK,EACL,UAAwB,EACxB,QAAQ,EACR,KAAK,GACN,EAAE,SAAS,+BAmJX"}

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

@@ -0,0 +1,54 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/rose-charts.html`, RS-01…RS-03). */
+export type RoseVariant = 'balance-rose' | 'week-rose' | 'rose-compare';
+/** One Nightingale petal. `value` (0–1) drives the petal length. */
+export interface RosePetal {
+    /** petal length, 0–1 (0 → the 10px hub, 1 → the full 52px radius) */
+    value: number;
+    /** label around the rim (category name / day letter) */
+    label?: string;
+    /** petal color override (balance default: the energy spectrum by index) */
+    color?: string;
+}
+export interface RoseChartProps {
+    /** chart form (default `'balance-rose'`, RS-01) */
+    variant?: RoseVariant;
+    /** the petals, clockwise from 12 o'clock (per-variant catalog defaults) */
+    petals?: RosePetal[];
+    /** `rose-compare` — last period's values (white dashed outlines), one per petal */
+    compare?: number[];
+    /** `week-rose` — index of the solid "today" petal (default the last) */
+    todayIndex?: number;
+    /** petal color for `week-rose` (mint) / `rose-compare` (violet) */
+    color?: string;
+    /** `balance-rose` — dim caption at the bottom-right (e.g. 'MIND LAGS · 50%') */
+    note?: string;
+    /** `week-rose` — chip-pill above the legend area (default 'TODAY · SUN') */
+    todayLabel?: string;
+    /** `week-rose` — dim caption under the pill (default 'PETAL = DAY SCORE') */
+    caption?: string;
+    /** `rose-compare` — chip-pill for the filled petals (default 'THIS WEEK') */
+    currentLabel?: string;
+    /** `rose-compare` — chip-pill for the dashed ghost (default 'LAST · DASHED') */
+    compareLabel?: string;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** glow underlay behind the petals — a Gaussian-blurred duplicate petal
+     *  on native */
+    shine?: boolean;
+    /** rendered width in px — the 320×150 viewBox scales to fit */
+    width?: number;
+    /** rendered height in px */
+    height?: number;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * RoseChart — the kit's Nightingale rose (catalog family `rose-charts`,
+ * RS-01…RS-03). Same prop API + geometry as the web twin: petals fan
+ * clockwise from 12 o'clock over three faint ring guides, length = value.
+ * Native glow = a real Gaussian-blurred duplicate petal (Fabric-native SVG
+ * filters in react-native-svg 15), the twin of the web clone's blur(5px).
+ */
+export declare function RoseChart({ variant, petals, compare, todayIndex, color, note, todayLabel, caption, currentLabel, compareLabel, title, shine, width, height, style, }: RoseChartProps): import("react").JSX.Element;
+//# sourceMappingURL=RoseChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoseChart.d.ts","sourceRoot":"","sources":["../../../src/components/RoseChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,sFAAsF;AACtF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,WAAW,GAAG,cAAc,CAAC;AAExE,oEAAoE;AACpE,MAAM,WAAW,SAAS;IACxB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;oBACgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsMD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAwB,EACxB,MAAM,EACN,OAAyB,EACzB,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAA0B,EAC1B,OAA6B,EAC7B,YAA0B,EAC1B,YAA8B,EAC9B,KAAK,EACL,KAAa,EACb,KAAS,EACT,MAAU,EACV,KAAK,GACN,EAAE,cAAc,+BAuGhB"}

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

@@ -0,0 +1,93 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/sankey-charts.html`, SK-01…SK-13). */
+export type SankeyVariant = 'duo-flow' | 'source-split' | 'merge-flow' | 'zone-outcomes' | 'three-stage' | 'highlight-path' | 'labeled-nodes' | 'thin-streams' | 'chord-factors';
+/** SK-01 ribbon-style SELECT: `solid` src-colored 40% (default) · `spectrum`
+ *  hue-by-link-index · `glass` frosted white 14% · `gradient` src→dst 55%. */
+export type SankeyRibbonStyle = 'solid' | 'spectrum' | 'glass' | 'gradient';
+/** One node of a sankey column. Column heights are normalized: each node fills
+ *  `value / Σvalues` of the column (8px gaps between nodes). */
+export interface SankeyNode {
+    /** node weight — relative share of its column */
+    value: number;
+    /** node + default ribbon color (hex/rgba). Column fallback: mint/cyan/violet trio */
+    color?: string;
+    /** chip-pill label beside the node (left + right columns; catalog defaults when omitted) */
+    label?: string;
+}
+/** One ribbon. `fromSize`/`toSize` are fractions (0–1) of the source/target
+ *  node heights — ribbons stack down each node face in array order (the
+ *  catalog's `usedIn`/`usedOut` offset bookkeeping). */
+export interface SankeyLink {
+    /** source node index (left column — or middle column when `stages` are set) */
+    from: number;
+    /** target node index (right column) */
+    to: number;
+    /** fraction of the SOURCE node's height this ribbon leaves from */
+    fromSize: number;
+    /** fraction of the TARGET node's height this ribbon lands on */
+    toSize: number;
+    /** ribbon color override (default: source node color) */
+    color?: string;
+}
+/** A factor node on the `chord-factors` circle. */
+export interface SankeyFactor {
+    label: string;
+    color?: string;
+}
+/** A chord between two factors — `strength` drives the stroke width (×0.9). */
+export interface SankeyChord {
+    from: number;
+    to: number;
+    strength: number;
+}
+export interface SankeyChartProps {
+    /** chart form (default `'duo-flow'`, SK-01) */
+    variant?: SankeyVariant;
+    /** left column nodes (flow variants) */
+    sources?: SankeyNode[];
+    /** right column nodes (flow variants) */
+    targets?: SankeyNode[];
+    /** middle column nodes — `three-stage` (SK-06) only */
+    stages?: SankeyNode[];
+    /** main ribbons: sources→targets, or stages→targets when `stages` are set */
+    links?: SankeyLink[];
+    /** `three-stage` pre-ribbons: sources→stages, drawn first so the middle
+     *  column's in/out offsets line up */
+    preLinks?: SankeyLink[];
+    /** `chord-factors` circle nodes */
+    factors?: SankeyFactor[];
+    /** `chord-factors` links through the center */
+    chords?: SankeyChord[];
+    /** SK-01 SELECT — ribbon paint style (default `'solid'`) */
+    ribbonStyle?: SankeyRibbonStyle;
+    /** link index drawn at 85% while the rest dim to 14% (SK-09; defaults to `1`
+     *  for `variant="highlight-path"`, otherwise off). Pass `null` to disable. */
+    highlight?: number | null;
+    /** ribbon opacity override (default 0.4 links / 0.35 preLinks) */
+    ribbonOpacity?: number;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** chip-pill node labels on the left/right columns (default true) */
+    showLabels?: boolean;
+    /** glow underlay behind the ribbons / chords — a Gaussian-blurred duplicate
+     *  shape (Fabric-native SVG filters — Ring precedent) */
+    shine?: boolean;
+    /** rendered width in px — the 320×150 viewBox scales to fit */
+    width?: number;
+    /** rendered height in px */
+    height?: number;
+    /** web `aria-label` / native `accessibilityLabel` (default: generated from
+     *  the variant + node labels) */
+    ariaLabel?: string;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * SankeyChart — the kit's flow-diagram chart (catalog family `sankey-charts`,
+ * SK-01…SK-13). Same prop API + geometry as the web twin: node columns joined
+ * by cubic-bezier ribbons (or the SK-13 factor-chord circle). Native glow =
+ * a Gaussian-blurred duplicate shape behind each mark (Fabric-native SVG
+ * filters — Ring precedent).
+ */
+export declare function SankeyChart({ variant, sources, targets, stages, links, preLinks, factors, chords, ribbonStyle, highlight, ribbonOpacity, title, showLabels, shine, width, height, ariaLabel, style, }: SankeyChartProps): import("react").JSX.Element;
+//# sourceMappingURL=SankeyChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../../src/components/SankeyChart.tsx"],"names":[],"mappings":"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"}