@lockin90/ui-native 0.0.0-stage → 1.0.1

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+/** A single label↔value row in a {@link KeyValue} list. */
+export interface KeyValueRow {
+    key: string;
+    value: ReactNode;
+}
+export interface KeyValueProps extends ViewProps {
+    /** The rows to render. Defaults to a few sample rows. */
+    rows?: KeyValueRow[];
+    /** 'spread' = key left / value right (default); 'inline' = key then value with a small gap. */
+    align?: 'spread' | 'inline';
+}
+/** Definition list of key↔value rows — used in detail panels & settings.
+ *  spread = key (mono faint) left / value right with hairline borders between
+ *  rows; inline = key then value side by side with a small gap. */
+export declare function KeyValue({ rows, align, style, ...rest }: KeyValueProps): import("react").JSX.Element;
+//# sourceMappingURL=KeyValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValue.d.ts","sourceRoot":"","sources":["../../../src/components/KeyValue.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtE,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,yDAAyD;IACzD,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC;IACrB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC7B;AAQD;;mEAEmE;AACnE,wBAAgB,QAAQ,CAAC,EAAE,IAAmB,EAAE,KAAgB,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAwBhG"}

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

@@ -0,0 +1,31 @@
+import { type ViewProps } from 'react-native';
+export interface LeaderboardRowProps extends ViewProps {
+    /** Position in the ranking (1-based). Ranks 1/2/3 show a gold/silver/bronze crown. */
+    rank: number;
+    /** Display name shown beside the avatar. */
+    name: string;
+    /** Avatar image URL; falls back to a monogram derived from `name`. */
+    avatar?: string;
+    /** The ranked stat, e.g. `'1,240 pts'`. */
+    value: string;
+    /** Optional dimmer second line under the name. */
+    sublabel?: string;
+    /** Emphasize the current user's row with an accent tint + border. */
+    highlight?: boolean;
+    /**
+     * Draw a hairline top border (separates adjacent rows). Defaults to `true`;
+     * set `divider={false}` on the FIRST row of a stack so it has no top border.
+     * (Web draws this between rows via `.lk-lbrow + .lk-lbrow`; native has no
+     * sibling selectors, so the divider is opt-out per row instead.)
+     */
+    divider?: boolean;
+}
+/**
+ * LeaderboardRow — one ranked entry in a standings list: rank (display font) +
+ * avatar + name (+ optional sublabel) on the left, the ranked value on the
+ * right. Ranks 1–3 swap the number for a gold/silver/bronze crown glyph.
+ * `highlight` accent-tints the row to mark the current user ("you"). Mirrors
+ * the web `@lockin90/ui` `LeaderboardRow`. Composed from `Avatar` + `Icon`.
+ */
+export declare function LeaderboardRow({ rank, name, avatar, value, sublabel, highlight, divider, style, ...rest }: LeaderboardRowProps): import("react").JSX.Element;
+//# sourceMappingURL=LeaderboardRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeaderboardRow.d.ts","sourceRoot":"","sources":["../../../src/components/LeaderboardRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AASD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,mBAAmB,+BAqCrB"}

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

@@ -0,0 +1,166 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** A round overlay dot pinned over a data point (kept circular by rendering it as
+ *  an absolutely-positioned View over the stretched Svg), with an optional
+ *  floating label tag. */
+export interface LineMarker {
+    /** index into `data` to anchor the dot on */
+    index: number;
+    /** dot color (hex); defaults to the line `color` */
+    color?: string;
+    /** optional small floating tag above the dot */
+    label?: string;
+}
+/** Catalog variant names — one per line-chart form in
+ *  `lockin90-design/charts/line-charts.html` (LC-01 … LC-56). */
+export type LineChartVariant = 'solid' | 'gradient' | 'veil' | 'tide-split' | 'glass-fill' | 'curve-styles' | 'dash-dot' | 'stroke-weight' | 'neon' | 'aurora-halo' | 'ghost-echo' | 'bead-chain' | 'comet-head' | 'peak-flag' | 'now-split' | 'goal-line' | 'event-pins' | 'multi-compare' | 'you-vs-cohort' | 'ghost-prev' | 'calibrating-taper' | 'delta-ribbon' | 'confidence-veil' | 'forecast-fan' | 'range-band' | 'raw-vs-avg' | 'anomaly-spark' | 'zone-ribbon' | 'day-fade' | 'forecast-horizon' | 'zone-forecast' | 'coach-forecast';
+/** Curve interpolation (LC-21): monotone smooth / sharp linear / step-after. */
+export type LineCurve = 'smooth' | 'linear' | 'step';
+/** Main-line dash pattern (LC-24): solid / dashed 7-5 / dotted round-cap. */
+export type LinePattern = 'solid' | 'dashed' | 'dotted';
+/** One explicit gradient stop (offset 0..1). A plain `string[]` gradient
+ *  spreads its stops evenly instead. */
+export interface GradientStop {
+    offset: number;
+    color: string;
+}
+/** An extra overlay series sharing the main chart's x/y scale (LC-39/41/42/44/56). */
+export interface LineSeries {
+    /** y-values on the shared scale */
+    data: number[];
+    /** stroke color (hex token) */
+    color?: string;
+    /** stroke width (default 2) */
+    weight?: number;
+    /** dash style; `dash` (viewBox units) overrides it */
+    pattern?: LinePattern;
+    dash?: string;
+    /** stroke opacity */
+    opacity?: number;
+    /** per-series curve override (defaults to the chart's curve) */
+    curve?: LineCurve;
+    /** chip-pill label drawn over the series */
+    label?: string;
+    /** index into this series' `data` to anchor the label (default: last point) */
+    labelIndex?: number;
+    /** label y-offset in viewBox px (default −12) */
+    labelDy?: number;
+    /** the series starts at this index of the main `data`'s x positions (LC-56 RECOMMENDED) */
+    fromIndex?: number;
+}
+/** A chip-pill annotation anchored to a data index (LC-52 ACTUAL / FORECAST). */
+export interface LineLabel {
+    index: number;
+    text: string;
+    color?: string;
+    /** y-offset in viewBox px from the data point (default −12) */
+    dy?: number;
+}
+export interface LineChartProps {
+    /** catalog variant — presets the catalog look; explicit props override */
+    variant?: LineChartVariant;
+    /** y-values, auto-scaled to fit the plot height */
+    data?: number[];
+    /** x labels under the chart (optional) */
+    axis?: string[];
+    /** line color (hex) */
+    color?: string;
+    /** multi-stop horizontal stroke gradient — evenly-spread `string[]` or
+     *  explicit `GradientStop[]` (LC-51 day-fade); overrides `color` for the stroke */
+    gradient?: string[] | GradientStop[];
+    /** area fill under the line (legacy fade; with a variant: the veil fill) */
+    area?: boolean;
+    /** smoothing; when false, straight segments (kept for back-compat — prefer `curve`) */
+    smooth?: boolean;
+    /** curve interpolation (LC-21) — with a variant, `smooth` maps onto this */
+    curve?: LineCurve;
+    /** main-line dash pattern (LC-24) */
+    pattern?: LinePattern;
+    /** main-line stroke width (LC-26; default 2.5 with a variant, 3 legacy) */
+    weight?: number;
+    /** hue-matched glow underlay — a Gaussian-blurred duplicate of the stroke */
+    shine?: boolean;
+    /** pin the y-scale to [min, max] instead of auto-scaling to the data */
+    yDomain?: [number, number];
+    /** plot height in px (also the viewBox height) */
+    height?: number;
+    /** round overlay dots at data indices, with optional label tags */
+    markers?: LineMarker[];
+    /** faint horizontal gridlines */
+    grid?: boolean;
+    /** show value labels down the right edge, on the data's y-scale */
+    yAxis?: boolean;
+    /** explicit y-axis tick values; if omitted (and `yAxis`), ~4 evenly-spaced
+     *  ticks are derived from the data min..max */
+    yTicks?: number[];
+    /** filled uncertainty ribbon behind the line, on the SAME y-scale as data;
+     *  restyled by `confidence-veil` (CI gradient + edge) / `range-band` (min-max) */
+    band?: {
+        upper: number[];
+        lower: number[];
+        color?: string;
+    };
+    /** widening forecast fan drawn from the `now` index (LC-46/52/54) */
+    fan?: {
+        upper: number[];
+        lower: number[];
+        color?: string;
+    };
+    /** from this data index onward the main line renders dashed (forecast continuation) */
+    dashedFromIndex?: number;
+    /** NOW anchor (data index): vertical rule + dot; past solid / future dashed (LC-36) */
+    now?: number;
+    /** pulse ring on the NOW dot (reduced-motion safe) */
+    nowPulse?: boolean;
+    /** NOW rule caption (default 'NOW') */
+    nowLabel?: string;
+    /** calibrating split (data index): solid→dashed + tag, no rule (LC-43) */
+    taper?: number;
+    /** taper caption (default 'CALIBRATING') */
+    taperLabel?: string;
+    /** goal value (data units): dashed rule + dots on points above it (LC-37) */
+    goal?: number;
+    /** goal caption (default 'GOAL') */
+    goalLabel?: string;
+    /** tide-split baseline value (data units; default: scale midpoint) (LC-19) */
+    baseline?: number;
+    /** event pin flags at data indices (LC-38) */
+    pins?: number[];
+    /** extra overlay series (LC-39/41/42/44/56) */
+    series?: LineSeries[];
+    /** fill the gap between `data` and `series[0]` (LC-44 delta-ribbon) */
+    ribbon?: boolean;
+    /** chip-pill annotations at data indices */
+    labels?: LineLabel[];
+    /** small round dots: at every datum ('all', LC-33) or the last one ('end', LC-34) */
+    dots?: 'all' | 'end' | 'none';
+    /** pulse ring on the end dot (LC-34) */
+    pulse?: boolean;
+    /** auto PEAK (mint) / DIP (coral) dots + captions (LC-35) */
+    peaks?: boolean;
+    /** flag outliers vs the 5-pt moving average (LC-49) */
+    anomalies?: boolean;
+    /** outlier threshold in data units (default: 14% of the y-span) */
+    anomalyThreshold?: number;
+    /** stroke = y-mapped zone gradient high→mid→low (LC-50/54/56) */
+    zoneStroke?: boolean;
+    /** '100' / '0' y-end captions (LC-54/56) */
+    yEnds?: boolean;
+    /** stroke for the post-`now` segment (+fan tint) (LC-52 forecast-horizon) */
+    futureColor?: string;
+    /** ghost echo copies below the line (LC-32) */
+    echo?: number;
+    /** optional container style */
+    style?: StyleProp<ViewStyle>;
+}
+/** LineChart — a generic line/area chart primitive: a smooth (monotone-cubic /
+ *  Catmull-Rom) or straight gradient/solid line over a faint area fill and
+ *  horizontal grid, with optional round overlay marker dots + label tags and an
+ *  x-axis row. `variant` unlocks the 32 catalog looks (LC-01…LC-56): veils,
+ *  tide-split, neon/halo/echo, bead/comet/peak/now/goal/pin markers, compare
+ *  series, CI/range bands, forecast fans and zone-gradient strokes. The Svg
+ *  stretches to the measured container width via a fixed viewBox + non-uniform
+ *  scaling; dots and text are absolutely-positioned Views placed by percentage
+ *  so they stay perfectly round/legible. Glow/shine render as Gaussian-blurred
+ *  duplicate paths (Fabric-native SVG filters — Ring precedent). */
+export declare function LineChart({ variant, data, axis, color, gradient, area, smooth, curve, pattern, weight, shine, yDomain, height, markers, grid, yAxis, yTicks, band, fan, dashedFromIndex, now, nowPulse, nowLabel, taper, taperLabel, goal, goalLabel, baseline, pins, series, ribbon, labels, dots, pulse, peaks, anomalies, anomalyThreshold, zoneStroke, yEnds, futureColor, echo, style, }: LineChartProps): import("react").JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

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

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

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

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export interface ListRowProps extends ViewProps {
+    /** Leading slot — an icon, avatar, badge, or letter chip. */
+    leading?: ReactNode;
+    /** Primary line. */
+    title: ReactNode;
+    /** Optional dimmer second line under the title. */
+    subtitle?: ReactNode;
+    /** Trailing slot — a chevron, value, or icon (pinned to the right). */
+    trailing?: ReactNode;
+    /**
+     * When set, the row becomes a `Pressable` (mirrors the web's `onClick`).
+     * Native uses `onPress`; the web uses `onClick` — otherwise the same API.
+     */
+    onPress?: () => void;
+    /** Accent-tinted selected state (used in pickers). */
+    active?: boolean;
+    /** Overrides the ACTIVE-state background — a translucent color string
+     *  (e.g. the change-exercise cyan `'rgba(34,211,238,0.09)'`, design
+     *  `.exl.on`). Default keeps the accent tint. */
+    activeTint?: string;
+    /** Danger tone — tints the title `--zone-low`. */
+    danger?: boolean;
+    /**
+     * Draw a hairline top border (separates adjacent rows). Defaults to `true`;
+     * set `divider={false}` on the FIRST row of a stack so it has no top border.
+     * (Web draws this between rows via `.lk-listrow + .lk-listrow`; native has no
+     * sibling selectors, so the divider is opt-out per row instead.)
+     */
+    divider?: boolean;
+}
+/** Generic tappable list item — leading + title/subtitle + trailing. Mirrors
+ *  the web `@lockin90/ui` `ListRow`. With `onPress` it renders a `Pressable`
+ *  that highlights while pressed; otherwise a static `View`. */
+export declare function ListRow({ leading, title, subtitle, trailing, onPress, active, activeTint, danger, divider, style, ...rest }: ListRowProps): import("react").JSX.Element;
+//# sourceMappingURL=ListRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../src/components/ListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,6DAA6D;IAC7D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;qDAEiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAaD;;gEAEgE;AAChE,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,UAAU,EACV,MAAM,EACN,OAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,YAAY,+BAsCd"}

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+/** A single row in a {@link Menu}. A `divider` row renders a hairline
+ *  separator instead of an action (its `label` is ignored). */
+export interface MenuItemData {
+    /** Visible row text. */
+    label: string;
+    /** Optional leading glyph (e.g. an `<Icon />`). */
+    icon?: ReactNode;
+    /** Fired on press; the menu closes afterwards. */
+    onClick?: () => void;
+    /** Render the row in the danger tone (`zoneLow`). */
+    danger?: boolean;
+    /** Render a 1px separator instead of an action row. */
+    divider?: boolean;
+}
+export interface MenuProps {
+    /** The pressable trigger. Defaults to a small ⋯ icon button. */
+    trigger?: ReactNode;
+    /** Action rows to render in the panel. */
+    items?: MenuItemData[];
+    /** Which edge of the trigger the panel aligns to. */
+    align?: 'left' | 'right';
+}
+/** Popover menu of actions — a glass panel of item rows. The ⋯ trigger toggles
+ *  a transparent Modal whose full-screen backdrop closes on tap; the panel is
+ *  absolutely anchored to the measured trigger (flips above near the bottom). */
+export declare function Menu({ trigger, items, align }: MenuProps): import("react").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzD;+DAC+D;AAC/D,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAoBD;;iFAEiF;AACjF,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,KAAe,EAAE,EAAE,SAAS,+BAqElF"}

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

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type MessageBubbleVariant = 'incoming' | 'outgoing';
+export type MessageBubbleStatus = 'sent' | 'delivered' | 'read';
+export interface MessageBubbleProps {
+    /** `incoming` = glass, left-aligned; `outgoing` = accent, right-aligned. */
+    variant: MessageBubbleVariant;
+    /** Message body — string or wrapped nodes. */
+    children: ReactNode;
+    /** Small line under the bubble, e.g. "Sofia · 8:02am". */
+    meta?: string;
+    /** Outgoing only — tiny trailing delivery glyph. */
+    status?: MessageBubbleStatus;
+    style?: StyleProp<ViewStyle>;
+}
+/** Chat message bubble — `incoming` (glass, left) / `outgoing` (accent, right),
+ *  with an optional `meta` line and an outgoing-only delivery `status` glyph.
+ *  Mirrors the web `@lockin90/ui` `MessageBubble`. */
+export declare function MessageBubble({ variant, children, meta, status, style }: MessageBubbleProps): import("react").JSX.Element;
+//# sourceMappingURL=MessageBubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtF,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,4EAA4E;IAC5E,OAAO,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAiBD;;sDAEsD;AACtD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAqB3F"}

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

@@ -0,0 +1,20 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface MessageComposerProps {
+    /** called with the trimmed, non-empty text; the field clears afterwards */
+    onSend: (text: string) => void;
+    /** placeholder shown in the empty field */
+    placeholder?: string;
+    /** show a leading lock glyph marking the thread end-to-end encrypted */
+    e2ee?: boolean;
+    /** disable the whole bar (input + buttons) */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * MessageComposer — the DM/chat input bar: a glassy pill containing an
+ * optional E2EE lock, an attach button, a growing multiline text field, an
+ * emoji button and an accent-filled send button. Mirrors `.composer` from the
+ * coach/chat design. Pressing send fires `onSend` then clears.
+ */
+export declare function MessageComposer({ onSend, placeholder, e2ee, disabled, style, }: MessageComposerProps): import("react").JSX.Element;
+//# sourceMappingURL=MessageComposer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageComposer.d.ts","sourceRoot":"","sources":["../../../src/components/MessageComposer.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,oBAAoB;IACnC,2EAA2E;IAC3E,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,WAAwB,EACxB,IAAY,EACZ,QAAgB,EAChB,KAAK,GACN,EAAE,oBAAoB,+BA0EtB"}

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

@@ -0,0 +1,107 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/metaphor-charts.html`). */
+export type MetaphorWidgetVariant = 'thermometer' | 'fasting-hourglass' | 'habit-garden' | 'plant-stages' | 'mountain-route' | 'hydration-bottle' | 'meal-plates' | 'breath-pacer' | 'breath-session';
+/** One plant in the `habit-garden` (MT-05). */
+export interface MetaphorHabit {
+    /** name under the plant (e.g. 'MEDITATE') */
+    name: string;
+    /** streak length in weeks — growth stage is `min(4, weeks)`; `0` = wilted sprout */
+    weeks: number;
+    /** plant hue (token; wilted/broken habits pass `colors.zoneLow`) */
+    color?: string;
+}
+/** One plate on the `meal-plates` day strip (MT-10). */
+export interface MetaphorMeal {
+    /** time caption under the plate (e.g. '12:30') */
+    time: string;
+    /** position along the day strip, 0–1 */
+    at: number;
+    /** macro shares `[protein, carbs, fat]`, fractions summing to 1 */
+    macros: [number, number, number];
+    /** kcal readout above the plate (number or preformatted string) */
+    kcal: string | number;
+}
+/** One flag on the `mountain-route` profile (MT-07). */
+export interface MetaphorCamp {
+    /** position along the route, 0–1 */
+    at: number;
+    /** flag chip text (e.g. 'CAMP 1 · D30') */
+    label: string;
+    /** lime summit flag instead of the cyan camp flag */
+    summit?: boolean;
+}
+export interface MetaphorWidgetProps {
+    /** chart form (default `'thermometer'`, MT-01) */
+    variant?: MetaphorWidgetVariant;
+    /** `thermometer` liquid 0–1 (default 0.62) · `hydration-bottle` fill 0–1 (default 0.6) */
+    level?: number;
+    /** `fasting-hourglass` — sand remaining 0–1 (default 0.35) */
+    remaining?: number;
+    /** big readout next to the vessel (per-variant catalog default) */
+    reading?: string;
+    /** dim line under the reading (per-variant catalog default) */
+    sub?: string;
+    /** chip-pill text (per-variant catalog default; `''` hides) */
+    pill?: string;
+    /** pill tint (per-variant catalog default) */
+    pillColor?: string;
+    /** `thermometer` — TARGET tick 0–1 on the tube scale (default none) */
+    target?: number | null;
+    /** `thermometer` — label next to the target tick */
+    targetLabel?: string;
+    /** `hydration-bottle` — glass tick count (default 8) */
+    glasses?: number;
+    /** `habit-garden` — the plants (default: the catalog's 6 habits) */
+    habits?: MetaphorHabit[];
+    /** `plant-stages` — stage captions, sprout → bloom (default catalog 5) */
+    stages?: string[];
+    /** `mountain-route` — profile points `[x 0–1, y 0–1]`, left → summit */
+    route?: [number, number][];
+    /** `mountain-route` — camp/summit flags on the profile */
+    camps?: MetaphorCamp[];
+    /** `mountain-route` — YOU position along the route 0–1 (default 0.62) */
+    progress?: number;
+    /** `mountain-route` — YOU chip text (default 'YOU · DAY 56') */
+    progressLabel?: string;
+    /** `meal-plates` — the plates (default: the catalog's 4 meals) */
+    meals?: MetaphorMeal[];
+    /** `meal-plates` — show the FAT/CARB/PRO legend (default true) */
+    legend?: boolean;
+    /** `breath-pacer` — `[inhale, hold, exhale]` seconds (default `[4, 7, 8]`) */
+    pattern?: [number, number, number];
+    /** `breath-pacer` — orb label (default 'BREATHE') */
+    centerLabel?: string;
+    /** `breath-session` — breaths-per-minute series (default: the catalog's 14→7) */
+    bpm?: number[];
+    /** `breath-session` — calm-zone threshold in breaths/min (default 8) */
+    calmThreshold?: number;
+    /** `breath-session` — index of the calm-reached dot (default 7; `null` hides) */
+    markerAt?: number | null;
+    /** `breath-session` — marker chip text (default 'CALM REACHED · 6:40') */
+    markerLabel?: string;
+    /** `breath-session` — x-axis captions, spread evenly (default 0:00/5:00/10:00) */
+    axisLabels?: string[];
+    /** faint note line — garden top-center / pacer bottom / session top-right
+     *  legend (per-variant catalog default, some derived from the data) */
+    caption?: string;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** glow underlay — Gaussian-blurred duplicate shapes 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>;
+}
+/**
+ * MetaphorWidget — the kit's object-metaphor widget (catalog family
+ * `metaphor-charts`, MT-01…MT-12): a value drawn as the thing it measures —
+ * thermometer, hourglass, garden, mountain, bottle, plates, breath orb.
+ * Same prop API + geometry as the web twin; the breath-pacer orb renders
+ * static mid-size (no SMIL loop) and the YOU pulse is a static dot + halo.
+ * Values are 0–1; geometry is the catalog's 320×150 canvas; tokens only.
+ */
+export declare function MetaphorWidget({ variant, level, remaining, reading, sub, pill, pillColor, target, targetLabel, glasses, habits, stages, route, camps, progress, progressLabel, meals, legend, pattern, centerLabel, bpm, calmThreshold, markerAt, markerLabel, axisLabels, caption, title, shine, width, height, style, }: MetaphorWidgetProps): import("react").JSX.Element;
+//# sourceMappingURL=MetaphorWidget.d.ts.map

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

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

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

@@ -0,0 +1,34 @@
+import { type ViewProps } from 'react-native';
+/** Zone tone — colors the fill (and segments). 'accent' is the gradient default. */
+export type MeterTone = 'high' | 'mid' | 'low' | 'accent';
+export interface MeterProps extends ViewProps {
+    /** the scalar value to read out, in [min, max] */
+    value: number;
+    /** range floor (default 0) */
+    min?: number;
+    /** range ceiling (default 100) */
+    max?: number;
+    /** mono uppercase caption shown above the track */
+    label?: string;
+    /** show the numeric value (+ unit) on the label row */
+    showValue?: boolean;
+    /** suffix after the value readout (e.g. '%', 'pts') */
+    unit?: string;
+    /** zone color of the fill / filled segments (default 'accent' gradient) */
+    tone?: MeterTone;
+    /** target marker — renders a tick at this value on the track (continuous mode) */
+    threshold?: number;
+    /** segmented mode: render N discrete cells, filled by the value fraction */
+    segments?: number;
+}
+/**
+ * Meter — a labelled horizontal fill meter for a scalar value within a range.
+ *
+ * A semantic value-in-range readout (distinct from the raw BarFill fraction bar
+ * and the loading ProgressBar): an optional mono label + value readout, an
+ * optional target/threshold marker tick, a zone tone, and an optional SEGMENTED
+ * mode (N discrete cells filled by the value fraction — e.g. password-strength
+ * or confidence meters).
+ */
+export declare function Meter({ value, min, max, label, showValue, unit, tone, threshold, segments, style, ...rest }: MeterProps): import("react").JSX.Element;
+//# sourceMappingURL=Meter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../../src/components/Meter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAuB,MAAM,cAAc,CAAC;AAI3F,oFAAoF;AACpF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAWD;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAO,EACP,GAAS,EACT,KAAK,EACL,SAAiB,EACjB,IAAI,EACJ,IAAe,EACf,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,+BAsEZ"}

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

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export type MetricDeltaTone = 'up' | 'down' | 'flat';
+export interface MetricTileProps extends ViewProps {
+    /** mono uppercase caption above the value */
+    label?: string;
+    /** big display number */
+    value?: ReactNode;
+    /** small suffix after the value (e.g. '%', 'pts') */
+    unit?: string;
+    /** signed delta shown as a tone-colored pill (e.g. '+3') */
+    delta?: string;
+    /** colors the delta pill: up=mint, down=red, flat=faint */
+    deltaTone?: MetricDeltaTone;
+    /** faint icon in the top-right corner */
+    icon?: ReactNode;
+    /** bottom spark-fill bar. A single value in [0,1] fills the bar to that
+     *  fraction; a multi-point series fills to `last / max`. Omit to hide the bar. */
+    spark?: number[];
+    /** override the spark fill colour (solid); defaults to the flux/cta gradient. */
+    sparkColor?: string;
+    /** placeholder mode: renders an em-dash `—` in place of the value, suppresses
+     *  the unit + delta pill, and shows the optional `hint` instead. */
+    empty?: boolean;
+    /** small helper line shown in empty mode (e.g. "No data yet — connect a wearable"). */
+    hint?: string;
+}
+/** A small KPI tile — glass card with a mono label + optional top-right icon, a
+ *  big display value + unit, and an optional tone-colored delta pill. In `empty`
+ *  mode it shows an em-dash placeholder + an optional `hint`. */
+export declare function MetricTile({ label, value, unit, delta, deltaTone, icon, spark, sparkColor, empty, hint, style, ...rest }: MetricTileProps): import("react").JSX.Element;
+export interface ProgressDotsProps extends ViewProps {
+    /** number of segment dots */
+    total?: number;
+    /** how many dots are filled (clamped to 0…total) */
+    filled?: number;
+    /** color of the filled dots */
+    color?: string;
+}
+/** A row of segment dots showing progress (e.g. calibration day 5 of 14).
+ *  Filled dots glow in `color`; the rest stay faint, the current dot is larger. */
+export declare function ProgressDots({ total, filled, color, style, ...rest }: ProgressDotsProps): import("react").JSX.Element;
+//# sourceMappingURL=MetricTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricTile.d.ts","sourceRoot":"","sources":["../../../src/components/MetricTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAuB,MAAM,cAAc,CAAC;AAM3F,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;sFACkF;IAClF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;wEACoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAiBD;;iEAEiE;AACjE,wBAAgB,UAAU,CAAC,EACzB,KAAmB,EACnB,KAAc,EACd,IAAI,EACJ,KAAK,EACL,SAAkB,EAClB,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,+BAiDjB;AAID,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;mFACmF;AACnF,wBAAgB,YAAY,CAAC,EAC3B,KAAU,EACV,MAAU,EACV,KAAqB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAsBnB"}

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

@@ -0,0 +1,9 @@
+import { type RingProps } from './Ring';
+export type MiniRingProps = RingProps;
+/** MiniRing — a compact `Ring` preset for dense grids (e.g. the calendar month
+ *  grid of daily energy rings). Same prop API as `Ring`; smaller/thinner defaults
+ *  with glow off (glow reads as noise at this size). The arc + zone colour carry
+ *  the value, so the big default centre number is suppressed — pass `children`
+ *  (e.g. a small day number) if you want a centre readout. The web twin of native. */
+export declare function MiniRing({ size, thickness, glow, children, ...rest }: MiniRingProps): import("react").JSX.Element;
+//# sourceMappingURL=MiniRing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniRing.d.ts","sourceRoot":"","sources":["../../../src/components/MiniRing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC;;;;sFAIsF;AACtF,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,SAAa,EAAE,IAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAMpG"}

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

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+export interface ModalProps {
+    /** Show the modal. When false, nothing renders. */
+    open?: boolean;
+    /** Called on scrim tap, close-button tap, or Android back. */
+    onClose?: () => void;
+    /** Header title (font-display). Header is omitted when absent. */
+    title?: string;
+    /** Body content. */
+    children?: ReactNode;
+    /** Optional footer — right-aligned actions under a hairline. */
+    footer?: ReactNode;
+    /** Card max-width: sm ~380px, md ~460px, lg ~620px. */
+    size?: 'sm' | 'md' | 'lg';
+}
+/** Centered glass dialog over a dimmed scrim. Closes on scrim tap + Android
+ *  back; the card stops propagation. */
+export declare function Modal({ open, onClose, title, children, footer, size }: ModalProps): import("react").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,UAAU;IACzB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAID;wCACwC;AACxC,wBAAgB,KAAK,CAAC,EAAE,IAAW,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAW,EAAE,EAAE,UAAU,+BAmC/F"}