@lockin90/ui-native 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,31 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** A normalized focal point — `x`/`y` each in the `0..1` range (top-left origin). */
+export interface FocalPoint {
+    x: number;
+    y: number;
+}
+export interface FocalPointPickerProps {
+    /** Image URL shown beneath the focal marker. */
+    src: string;
+    /** Current focal point — `x`/`y` each clamped to `0..1` (top-left origin). */
+    value: FocalPoint;
+    /** Fired with the next focal point on tap / drag. */
+    onChange: (point: FocalPoint) => void;
+    /** Frame aspect ratio (width / height). @default 1.6 */
+    aspect?: number;
+    /** Render the rule-of-thirds overlay (2 vertical + 2 horizontal lines). @default true */
+    showGrid?: boolean;
+    /** Accessibility label for the image. */
+    alt?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * FocalPointPicker — pick the "keep in frame" point of an image. Mirrors the web
+ * `@lockin90/ui` FocalPointPicker export + prop API. Tap or drag anywhere on the
+ * framed image to move the focal marker; the position is reported as normalized
+ * `{ x, y }` coordinates (each `0..1`, top-left origin). A rule-of-thirds overlay
+ * aids composition. A `PanResponder` drives the same tap-and-drag interaction as
+ * the web pointer twin (press to set, drag to refine).
+ */
+export declare function FocalPointPicker({ src, value, onChange, aspect, showGrid, alt, style, }: FocalPointPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=FocalPointPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocalPointPicker.d.ts","sourceRoot":"","sources":["../../../src/components/FocalPointPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,qFAAqF;AACrF,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,KAAK,EAAE,UAAU,CAAC;IAClB,qDAAqD;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAID;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,MAAY,EACZ,QAAe,EACf,GAAG,EACH,KAAK,GACN,EAAE,qBAAqB,+BA8EvB"}

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

@@ -0,0 +1,21 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface FollowButtonProps {
+    /** Controlled follow state. */
+    following: boolean;
+    /** Fired when the pill is pressed — flip `following` in the parent. */
+    onToggle: () => void;
+    size?: 'sm' | 'md';
+    /** Label shown when not following. @default 'Follow' */
+    followLabel?: string;
+    /** Label shown when following. @default 'Following' */
+    followingLabel?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Pill follow toggle — native twin of the web `FollowButton`. Not-following =
+ * accent-filled "＋ Follow"; following = glass/outlined "✓ Following" (dim).
+ * Controlled via `following` + `onToggle`.
+ */
+export declare function FollowButton({ following, onToggle, size, followLabel, followingLabel, disabled, style, }: FollowButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=FollowButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowButton.d.ts","sourceRoot":"","sources":["../../../src/components/FollowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3F,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,IAAW,EACX,WAAsB,EACtB,cAA4B,EAC5B,QAAQ,EACR,KAAK,GACN,EAAE,iBAAiB,+BA8BnB"}

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

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import { type IconName } from './Icon';
+export type ForecastCalloutTone = 'accent' | 'positive' | 'negative' | 'warn';
+export interface ForecastCalloutProps extends Omit<ViewProps, 'children'> {
+    /** small leading label chip, e.g. 'Forecast' / '31-day' */
+    chip?: string;
+    /** the forecast prose (projected peak / dip); emphasized spans allowed */
+    children: ReactNode;
+    /** tone — colors the leading chip + left accent bar (default 'accent') */
+    tone?: ForecastCalloutTone;
+    /** optional leading glyph */
+    icon?: IconName;
+}
+/**
+ * Forecast callout — a tinted glass panel with a left accent bar in the tone
+ * color, a tone-colored leading Chip (+ optional icon), then the projected
+ * peak/dip prose. Mirrors the design `.callout` vocab. Compose Chip + Icon.
+ */
+export declare function ForecastCallout({ chip, children, tone, icon, style, ...rest }: ForecastCalloutProps): import("react").JSX.Element;
+//# sourceMappingURL=ForecastCallout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForecastCallout.d.ts","sourceRoot":"","sources":["../../../src/components/ForecastCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACvE,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAiBD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,IAAe,EACf,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAqBtB"}

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

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import { type TextInputProps, type ViewProps } from 'react-native';
+export interface FormFieldProps extends ViewProps {
+    /** small mono uppercase label rendered above the control */
+    label?: string;
+    /** faint helper text below the control (hidden when `error` is set) */
+    help?: ReactNode;
+    /** red error text below the control — replaces `help` when present */
+    error?: ReactNode;
+    /** appends a small accent `*` after the label */
+    required?: boolean;
+    /** the form control to wrap */
+    children?: ReactNode;
+}
+/** Labeled form-control wrapper — mono label, the control, then faint help or red error. */
+export declare function FormField({ label, help, error, required, children, style, ...rest }: FormFieldProps): import("react").JSX.Element;
+export interface SearchInputProps extends Omit<TextInputProps, 'onChange' | 'value'> {
+    /** current query value (controlled) */
+    value?: string;
+    /** fires with the next string value on every keystroke and on clear */
+    onChange?: (value: string) => void;
+    /** placeholder copy (default 'Search…') */
+    placeholder?: string;
+    /** invoked by the trailing × clear button (in addition to `onChange('')`) */
+    onClear?: () => void;
+    /** shell shape — `'pill'` (default, standalone search) or `'sm'` (the standard
+     *  Input radius, for menus/sheets where the search sits among other fields). */
+    shape?: 'pill' | 'sm';
+}
+/** Search field — leading magnifier, transparent input, trailing × clear when non-empty. */
+export declare function SearchInput({ value, onChange, placeholder, onClear, shape, style, onFocus, onBlur, ...rest }: SearchInputProps): import("react").JSX.Element;
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,+BAiBhB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAClF,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,OAAO,EACP,KAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA8ElB"}

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

@@ -0,0 +1,46 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type FunnelChartVariant = 'band-funnel' | 'bar-funnel' | 'zone-funnel' | 'compare-funnel';
+/** FN-01 band fill SELECT: solid spectrum tokens vs faint glass fill. */
+export type FunnelChartFill = 'tokens' | 'glass';
+/** One funnel stage, top (widest) → bottom. */
+export interface FunnelStage {
+    /** Stage name, drawn in mono (e.g. "SIGNED UP"). */
+    label: string;
+    /** Stage size — raw count or 0–1 fraction; geometry + the printed % are
+     *  normalized against the FIRST stage's value (the funnel top = 100%). */
+    value: number;
+    /** Previous-period value (same units) — the ghost bar in `compare-funnel`. */
+    prev?: number;
+    /** Color token override for this stage (e.g. `colors.violet`). Ignored by
+     *  `zone-funnel`, where the conversion zone owns the color. */
+    color?: string;
+}
+export interface FunnelChartProps {
+    /** Ordered stages, funnel top first. */
+    stages?: FunnelStage[];
+    /** Catalog variant (FN-01 / FN-03 / FN-04 / FN-05). */
+    variant?: FunnelChartVariant;
+    /** Band fill for `band-funnel` — solid spectrum tokens vs faint glass. */
+    fill?: FunnelChartFill;
+    /** Top-left mono caption (e.g. 'ONBOARDING · THIS MONTH'). */
+    title?: string;
+    /** Soft color glow behind the bands/bars (the catalog glow modifier). */
+    shine?: boolean;
+    /** Footer caption for `compare-funnel`'s ghost bars. */
+    ghostLabel?: string;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * FunnelChart — conversion-funnel chart for product surfaces (catalog family
+ * FN-01…FN-05). `band-funnel` draws the classic centered trapezoid bands
+ * (solid spectrum tokens or faint `glass` fill); the bar variants draw
+ * left-aligned stage bars with the conversion % after each bar and the coral
+ * per-stage drop-off at the right — `zone-funnel` colors each bar by its
+ * conversion zone, `compare-funnel` layers thin bars over previous-period
+ * ghost bars. Values are normalized against the first stage.
+ */
+export declare function FunnelChart({ stages, variant, fill, title, shine, ghostLabel, ariaLabel, style, }: FunnelChartProps): import("react").JSX.Element;
+//# sourceMappingURL=FunnelChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../../../src/components/FunnelChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAYhF,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,YAAY,GACZ,aAAa,GACb,gBAAgB,CAAC;AAErB,yEAAyE;AACzE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,+CAA+C;AAC/C,MAAM,WAAW,WAAW;IAC1B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd;8EAC0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;mEAC+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAuB,EACvB,OAAuB,EACvB,IAAe,EACf,KAAK,EACL,KAAa,EACb,UAAiC,EACjC,SAA+B,EAC/B,KAAK,GACN,EAAE,gBAAgB,+BAyKlB"}

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

@@ -0,0 +1,70 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** A colored band on the [min,max] scale, filled up to its `to` value. Bands
+ *  are stacked low→high; each paints from the previous band's `to` up to its
+ *  own. */
+export interface GaugeZone {
+    /** upper bound of this band on the [min,max] scale */
+    to: number;
+    /** the band color — a hex/rgb color string */
+    color: string;
+}
+export interface GaugeProps {
+    /** the current value, clamped to [min,max] */
+    value: number;
+    /** scale floor (default 0) */
+    min?: number;
+    /** scale ceiling (default 100) */
+    max?: number;
+    /** overall square box size in px (default 140) */
+    size?: number;
+    /** arc stroke width in px (default 12) */
+    thickness?: number;
+    /** total sweep in degrees, opening at bottom-center (default 270) */
+    sweep?: number;
+    /** colored zone bands up to each `to` on the [min,max] scale. When omitted a
+     *  single accent progress arc to `value` is drawn over the track. */
+    zones?: GaugeZone[];
+    /** value-arc color (default `colors.accent`). Ignored when a `gradient`
+     *  array is given or `zone` is on. */
+    color?: string;
+    /** value-arc gradient along the sweep (left → right). An array (≥2) paints N
+     *  evenly-spaced gradient stops — e.g. `[colors.zoneLow, colors.zoneMid,
+     *  colors.zoneHigh]` is the DN-13 red→amber→green strain gauge; a single
+     *  string is treated like a solid `color`. */
+    gradient?: string | string[];
+    /** color the value arc + readout by the value's zone verdict on the
+     *  [min,max] scale (≥62% → high, ≥38% → mid, else low). */
+    zone?: boolean;
+    /** glow underlay — a Gaussian-blurred duplicate of the value arc (the
+     *  catalog's shine modifier; off by default). */
+    shine?: boolean;
+    /** number of tick marks along the arc (default 0 = off) */
+    ticks?: number;
+    /** tick placement: `span` straddles the arc (default, legacy) · `out` sits
+     *  just outside it (DN-13 gauge-270 look). `out` shrinks the arc radius by
+     *  8px so the outer ticks fit the viewBox (native SVG clips). */
+    tickPosition?: 'span' | 'out';
+    /** draw the end-cap dot at the current value (default true) */
+    cap?: boolean;
+    /** small caption under the value */
+    label?: string;
+    /** show the numeric value readout (default true) */
+    showValue?: boolean;
+    /** override the centered content (replaces value + label) */
+    children?: ReactNode;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Gauge — an arc/dial primitive: a partial-circle track (default 270° sweep,
+ * open at the bottom-center) showing a `value` on a [min,max] scale. Supports
+ * colored `zones` bands (low/mid/high), a progress arc + round end cap to the
+ * current value, optional `ticks`, and a centered value/label readout. Covers
+ * the catalog gauges: DN-13 `gauge-270` (`gradient` + `ticks` +
+ * `tickPosition="out"`) and DN-14 `half-gauge` (`sweep={180}`). Distinct
+ * from `Ring` (a full-circle 0–100 single-color progress); Gauge adds an
+ * arbitrary sweep, a min/max scale, multi-zone bands and ticks.
+ */
+export declare function Gauge({ value, min, max, size, thickness, sweep, zones, color, gradient, zone, shine, ticks, tickPosition, cap, label, showValue, children, style, }: GaugeProps): import("react").JSX.Element;
+//# sourceMappingURL=Gauge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gauge.d.ts","sourceRoot":"","sources":["../../../src/components/Gauge.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;;WAEW;AACX,MAAM,WAAW,SAAS;IACxB,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;yEACqE;IACrE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB;0CACsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;kDAG8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B;+DAC2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;qDACiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;qEAEiE;IACjE,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,+DAA+D;IAC/D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAiBD;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAO,EACP,GAAS,EACT,IAAU,EACV,SAAc,EACd,KAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAY,EACZ,KAAa,EACb,KAAS,EACT,YAAqB,EACrB,GAAU,EACV,KAAK,EACL,SAAgB,EAChB,QAAQ,EACR,KAAK,GACN,EAAE,UAAU,+BA6LZ"}

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

@@ -0,0 +1,21 @@
+import { type TextProps } from 'react-native';
+/** Stop colors for the gradient fill. `still` uses the plain spectrum; animated
+ *  uses a MIRRORED spectrum (…→last→…back through the same hues→first) spanning
+ *  2× the width, so scrolling it by one width per loop is seamless — the return
+ *  leg never jumps last-stop→first-stop (e.g. flux's lime→magenta).
+ *  (Pure — extracted from the render path so the stop math is unit-testable.) */
+export declare function gradientTextStops(stops: readonly string[], still: boolean): string[];
+export interface GradientTextProps extends TextProps {
+    gradient?: 'flux' | 'cta' | 'violet' | 'mint';
+    /** disable the slow flowing animation (matches web `.lk-gradient-text`); static fill. */
+    still?: boolean;
+}
+/** Energy-spectrum gradient text with a slow flowing animation (native twin of the
+ *  web `.lk-gradient-text`, which scrolls `background-position` over 9s). Renders the
+ *  string into an SVG with a real linear-gradient fill (react-native-svg works on
+ *  device + react-native-web); measures the laid-out text first, then draws to it.
+ *  The gradient uses a MIRRORED spectrum spanning 2× the width; scrolling it by one
+ *  width per loop makes the flow seamless (the return leg passes back through the
+ *  same hues, so it never jumps lime→magenta). */
+export declare function GradientText({ gradient, still, style, children, ...rest }: GradientTextProps): import("react").JSX.Element;
+//# sourceMappingURL=GradientText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientText.d.ts","sourceRoot":"","sources":["../../../src/components/GradientText.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8D,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAM1H;;;;iFAIiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAEpF;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;kDAMkD;AAClD,wBAAgB,YAAY,CAAC,EAAE,QAAiB,EAAE,KAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAoF7G"}

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

@@ -0,0 +1,87 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** One cell in the heatmap. */
+export interface HeatmapCell {
+    /** the cell's intensity — color scales with `value / max` (0..1 after normalization) */
+    value: number;
+    /** optional label (e.g. a day-of-month number) shown inside the cell */
+    label?: string;
+    /** mark this cell — draws a low-zone ring + dot (e.g. a flagged low-energy day) */
+    flag?: boolean;
+    /** mark this cell as "today"/"now" — draws an accent (or `todayColor`) ring */
+    today?: boolean;
+    /** missing-data slot — renders as a dashed empty cell, never a fake zero (HM-08) */
+    missing?: boolean;
+    /** explicit in-cell text when `showValues` is on (overrides the computed value) */
+    display?: string;
+}
+export interface HeatmapProps {
+    /** the cells, laid out left → right, top → bottom */
+    cells?: HeatmapCell[];
+    /** number of columns; 7 reads as a calendar week, ~30 as a wrapping contribution strip */
+    columns?: number;
+    /** cell edge length in px (square cells in `grid`, fixed-height in `strip`) */
+    cellSize?: number;
+    /** gap between cells in px */
+    gap?: number;
+    /** cell corner radius in px */
+    radius?: number;
+    /** low-intensity end of the color ramp (hex) — legacy ramp, ignored when `scale` is set */
+    colorFrom?: string;
+    /** high-intensity end of the color ramp (hex) — legacy ramp, ignored when `scale` is set */
+    colorTo?: string;
+    /** override the ramp entirely: map a normalized value (0..1) → any color string */
+    colorScale?: (value: number) => string;
+    /** `grid` = square calendar cells; `strip` = a denser contribution strip */
+    variant?: 'grid' | 'strip';
+    /** the value that maps to full intensity (1.0); values normalize as `value / max` */
+    max?: number;
+    /** Catalog color scale — token color + value-driven opacity (HM-01 SELECT):
+     *  - `'zone'` — zone verdict tokens (≥0.62 high · ≥0.38 mid · low)
+     *  - `'spectrum'` — indigo → violet → cyan → mint by quartile (HM-09)
+     *  - `'diverge'` — above 0.5 mint / below coral, opacity = |Δ| (HM-11/12)
+     *  - any **hex** color string — single hue, opacity = value (e.g. `colors.mint`, HM-03)
+     *  When set, the legacy `colorFrom/To` ramp is ignored. */
+    scale?: 'zone' | 'spectrum' | 'diverge' | (string & {});
+    /** row captions at the left, one per row (e.g. MON…SUN) */
+    rowLabels?: string[];
+    /** column captions above the grid at specific column indices (HM-09 hour marks) */
+    colLabels?: {
+        at: number;
+        label: string;
+    }[];
+    /** weekday letters under the columns — `true` = 'MTWTFSS', or a custom string */
+    dayLetters?: boolean | string;
+    /** HM-06 dot-matrix — circles sized AND opacified by value (double encoding) */
+    dots?: boolean;
+    /** HM-07 glass-grid — glass cells; the border's color opacity carries the value */
+    glass?: boolean;
+    /** HM-13 focus-row — this row index at full strength, others dimmed to 22% */
+    focusRow?: number;
+    /** in-cell mono values (HM-11/14): `'pct'` → `round(t·100)`; `true` → diverging
+     *  scales show a signed `(t−0.5)·2` coefficient, others `t` to 1 decimal;
+     *  per-cell `display` overrides */
+    showValues?: boolean | 'pct';
+    /** glow on hot cells (t > 0.78) — a soft shadow in the cell color (no blur on RN) */
+    shine?: boolean;
+    /** the `today` ring color (default `colors.accent`; HM-15 uses `colors.text`) */
+    todayColor?: string;
+    /** HM-15 today-ring — adds a glowing dot above the `today` cell (static on native) */
+    todayPulse?: boolean;
+    /** in-cell label placement: `center` (legacy) or `corner` (HM-04 month-cal numerals) */
+    labelPosition?: 'center' | 'corner';
+    /** optional container style */
+    style?: StyleProp<ViewStyle>;
+}
+/** Linearly interpolate between two hex colors by `t` (0..1) → an `rgb(...)` string. */
+export declare function lerpColor(from: string, to: string, t: number): string;
+/**
+ * Heatmap — a compact grid/strip of small intensity-colored cells. One primitive
+ * covers the calendar-month grid, the contribution strip, and the catalog
+ * heatmap family (HM-01…HM-15): token `scale`s (zone / spectrum / diverge /
+ * single-hue), row/column captions + day letters, dot-matrix and glass cells,
+ * gap-aware missing slots, a focus row, in-cell mono values, and the
+ * today-ring + dot. Legacy behavior (colorFrom→colorTo ramp) is unchanged
+ * when `scale` is not set. Tokens-driven.
+ */
+export declare function Heatmap({ cells, columns, cellSize, gap, radius, colorFrom, colorTo, colorScale, variant, max, scale, rowLabels, colLabels, dayLetters, dots, glass, focusRow, showValues, shine, todayColor, todayPulse, labelPosition, style, }: HeatmapProps): import("react").JSX.Element;
+//# sourceMappingURL=Heatmap.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+import { type TextProps } from 'react-native';
+export type HighlightTone = 'accent' | 'mint' | 'warm' | 'low';
+export interface HighlightProps extends TextProps {
+    /** signal color for the emphasized keyword */
+    tone?: HighlightTone;
+}
+/** Inline tone-colored text emphasis for AI-summary / insight prose.
+ *  A bare <Text> so it flows inline when nested inside a parent <Text>:
+ *  colored bold keyword on a faint tinted background. */
+export declare function Highlight({ tone, style, ...rest }: HighlightProps): import("react").JSX.Element;
+//# sourceMappingURL=Highlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/components/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAGpE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE/D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,8CAA8C;IAC9C,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAYD;;yDAEyD;AACzD,wBAAgB,SAAS,CAAC,EAAE,IAAe,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAY5E"}

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

@@ -0,0 +1,94 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** A sleep stage. Ordered top → bottom on the plot: awake, rem, light, deep. */
+export type SleepStage = 'awake' | 'rem' | 'light' | 'deep';
+/** One contiguous stretch of sleep in a single stage. Segment widths are drawn
+ *  proportional to `minutes`. */
+export interface HypnogramSegment {
+    /** the sleep stage for this stretch */
+    stage: SleepStage;
+    /** duration in minutes — drives the segment's drawn width */
+    minutes: number;
+}
+/** Catalog sleep-chart variants (`lockin90-design/charts/sleep-charts.html`).
+ *  SL-01 `hypnogram` (default) · SL-04 `efficiency-bars` · SL-05 `sleep-week` ·
+ *  SL-06 `bedtime-drift` · SL-07 `night-coach`. SL-02 stage-summary maps to
+ *  `StackedBar`, SL-03 sleep-score maps to `Ring` (see the Hypnogram SDD). */
+export type HypnogramVariant = 'hypnogram' | 'efficiency-bars' | 'sleep-week' | 'bedtime-drift' | 'night-coach';
+/** One time bucket of the night for `variant="efficiency-bars"`: minutes asleep
+ *  draw a violet bar UP from the midline, minutes awake an amber bar DOWN. */
+export interface EfficiencyInterval {
+    asleepMinutes: number;
+    awakeMinutes: number;
+}
+/** One night for `variant="bedtime-drift"` — clock hours; values < 12 are read
+ *  as next-morning (e.g. `bed: 22.5` = 10:30pm, `bed: 0.5` = 12:30am,
+ *  `wake: 6.9` = 6:54am). */
+export interface SleepNight {
+    bed: number;
+    wake: number;
+}
+export interface HypnogramProps {
+    /** which sleep chart to draw (catalog SL-01/04/05/06/07) */
+    variant?: HypnogramVariant;
+    /** chronological sleep segments; widths are proportional to `minutes`
+     *  (`hypnogram` + `night-coach`) */
+    segments?: HypnogramSegment[];
+    /** plot height in px (also the viewBox height) */
+    height?: number;
+    /** x-axis time labels under the chart. Defaults per variant: the night span
+     *  for `hypnogram`/`night-coach`, `11PM/3AM/7AM` for `efficiency-bars`, none
+     *  for `sleep-week`/`bedtime-drift` (those label days via `days`). */
+    axis?: string[];
+    /** show the left-gutter stage labels (`hypnogram` + `night-coach` only) */
+    showStageLabels?: boolean;
+    /** glow underlay behind the colored marks (the catalog's shine modifier) */
+    shine?: boolean;
+    /** `efficiency-bars`: chronological night buckets */
+    intervals?: EfficiencyInterval[];
+    /** `efficiency-bars`: top-right violet tag */
+    asleepLabel?: string;
+    /** `efficiency-bars`: bottom-right amber tag */
+    awakeLabel?: string;
+    /** `sleep-week`: hours slept per day (one bar each) */
+    week?: number[];
+    /** `sleep-week`: dashed mint target rule; bars ≥ target − 0.5h are violet,
+     *  under are amber */
+    targetHours?: number;
+    /** `sleep-week` + `bedtime-drift`: day letters under the columns */
+    days?: string[];
+    /** `bedtime-drift`: per-day bed/wake clock hours */
+    nights?: SleepNight[];
+    /** `bedtime-drift`: [from, to] bed-time clock hours of the mint band */
+    consistencyWindow?: [number, number];
+    /** `bedtime-drift`: bed later than this clock hour renders coral (late) */
+    lateBedAfter?: number;
+    /** `bedtime-drift`: right-edge mint tag over the band */
+    windowLabel?: string;
+    /** `night-coach`: 0–1 fraction of the night where the wake window opens
+     *  (dashed amber rule) */
+    wakeWindowAt?: number;
+    /** `night-coach`: tag on the wake-window rule */
+    wakeWindowLabel?: string;
+    /** `night-coach`: mint recommendation pill (bottom-right); omit for the
+     *  data-only night */
+    recommendation?: string;
+    /** optional container style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Hypnogram — the sleep-chart family. The default variant is a sleep-stage
+ * timeline: four horizontal bands (Awake / REM / Light / Deep, top → bottom)
+ * each hold rounded capsule bars whose widths are proportional to each
+ * segment's minutes; thin vertical connectors link consecutive stage
+ * transitions so the eye follows the descent/ascent like a stepped line.
+ * Catalog variants add: `efficiency-bars` (asleep up / awake down from the
+ * midline), `sleep-week` (7 duration bars vs a dashed target rule),
+ * `bedtime-drift` (bed/wake dots per day + consistency band) and `night-coach`
+ * (the hypnogram + wake-window rule + optional recommendation pill). The Svg
+ * stretches to the measured container width via a fixed viewBox + non-uniform
+ * scaling; tags, dots and day letters are RN overlays so they stay crisp.
+ * Shine glow = wider, fainter duplicate shapes behind the marks (no SVG
+ * filters on native).
+ */
+export declare function Hypnogram({ variant, segments, height, axis, showStageLabels, shine, intervals, asleepLabel, awakeLabel, week, targetHours, days, nights, consistencyWindow, lateBedAfter, windowLabel, wakeWindowAt, wakeWindowLabel, recommendation, style, }: HypnogramProps): import("react").JSX.Element;
+//# sourceMappingURL=Hypnogram.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hypnogram.d.ts","sourceRoot":"","sources":["../../../src/components/Hypnogram.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAInI,gFAAgF;AAChF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D;iCACiC;AACjC,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,KAAK,EAAE,UAAU,CAAC;IAClB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;8EAG8E;AAC9E,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,eAAe,GACf,aAAa,CAAC;AAElB;8EAC8E;AAC9E,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;6BAE6B;AAC7B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;wCACoC;IACpC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;0EAEsE;IACtE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB;0BACsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,oDAAoD;IACpD,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;8BAC0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;0BACsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA0ID;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAqB,EACrB,QAA2B,EAC3B,MAAY,EACZ,IAAI,EACJ,eAAsB,EACtB,KAAa,EACb,SAA6B,EAC7B,WAA0B,EAC1B,UAA2B,EAC3B,IAAmB,EACnB,WAAe,EACf,IAAmB,EACnB,MAAuB,EACvB,iBAAkC,EAClC,YAAiB,EACjB,WAAiC,EACjC,YAAmB,EACnB,eAAqC,EACrC,cAAc,EACd,KAAK,GACN,EAAE,cAAc,+BAgahB"}

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

@@ -0,0 +1,30 @@
+export type IconName = 'back' | 'chevron' | 'chevronLeft' | 'share' | 'more' | 'lock' | 'play' | 'info' | 'timer' | 'plus' | 'check' | 'star' | 'image' | 'text' | 'heading' | 'quote' | 'embed' | 'code' | 'grid' | 'table' | 'columns' | 'list' | 'listOrdered' | 'bold' | 'italic' | 'link' | 'unlink' | 'externalLink' | 'file' | 'fileText' | 'video' | 'folder' | 'folderOpen' | 'grip' | 'eye' | 'eyeOff' | 'copy' | 'duplicate' | 'trash' | 'edit' | 'save' | 'translate' | 'settings' | 'search' | 'close' | 'calendar' | 'filter' | 'sort' | 'upload' | 'download' | 'sparkle' | 'warning' | 'checkCircle' | 'xCircle' | 'refresh' | 'chevronDown' | 'chevronUp' | 'bell' | 'user' | 'palette' | 'crop' | 'mood-rough' | 'mood-low' | 'mood-ok' | 'mood-good' | 'mood-great' | 'oura' | 'whoop' | 'garmin' | 'polar' | 'apple-health' | 'dexcom' | 'strava' | 'home' | 'activity' | 'energy' | 'sleep' | 'insights' | 'billing' | 'globe' | 'heart' | 'flame' | 'height' | 'weight' | 'arrow-right' | 'shield' | 'google' | 'apple' | 'stripe' | 'mail' | 'caffeine' | 'meal' | 'mood' | 'scale' | 'ruler' | 'card' | 'data-source' | 'send' | 'attach' | 'emoji' | 'mic' | 'comment' | 'bookmark' | 'target' | 'medal' | 'drop' | 'utensil' | 'barcode-scan' | 'pill' | 'flask' | 'syringe' | 'camera' | 'wrench' | 'monitor' | 'smartphone' | 'laptop' | 'logout' | 'dumbbell' | 'footprints' | 'bike' | 'waves' | 'zap' | 'ball' | 'activity-mobility' | 'activity-rowing' | 'activity-yoga' | 'activity-pilates' | 'activity-stretching' | 'activity-foam-roll' | 'activity-sauna' | 'activity-cold-plunge';
+export interface IconProps {
+    name: IconName;
+    /** pixel size of the rendered glyph (width = height) @default 18 */
+    size?: number;
+    /**
+     * Non-square rendering for WIDE glyphs (the vendored brand WORDMARKS —
+     * whoop/oura/garmin/polar span the full 24-box width at ~4-7 units tall).
+     * When set, `width`×`height` replace the square `size` box; the 24-unit
+     * viewBox scales to fit. E.g. a readable wordmark row slot: width 72, height 16.
+     */
+    width?: number;
+    height?: number;
+    /**
+     * Glyph color. Native has no `currentColor` inheritance, so this stands in
+     * for the web's parent-driven `currentColor`. @default colors.text
+     */
+    color?: string;
+}
+/**
+ * Shared icon set (Lucide-backed) — mirrors the web `@lockin90/ui` `Icon`.
+ * Glyphs are drawn on a 24-unit viewBox with round caps/joins and a 1.9
+ * stroke; color defaults to the body text token (native has no `currentColor`).
+ */
+/** Official brand ink for the vendored provider marks, adapted for the dark UI
+ *  (brands whose primary mark is black render white here — the standard
+ *  dark-surface treatment; colored brands keep their real hex). */
+export declare const BRAND_COLORS: Partial<Record<IconName, string>>;
+export declare function Icon({ name, size, width, height, color }: IconProps): import("react").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AA6GA,MAAM,MAAM,QAAQ,GAEhB,MAAM,GACN,SAAS,GACT,aAAa,GACb,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GAEN,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GAEb,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,cAAc,GAEd,MAAM,GACN,UAAU,GACV,OAAO,GACP,QAAQ,GACR,YAAY,GAEZ,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,QAAQ,GACR,OAAO,GAEP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,UAAU,GAEV,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,GAET,aAAa,GACb,WAAW,GACX,MAAM,GACN,MAAM,GAEN,SAAS,GACT,MAAM,GAEN,YAAY,GACZ,UAAU,GACV,SAAS,GACT,WAAW,GACX,YAAY,GAEZ,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,cAAc,GACd,QAAQ,GACR,QAAQ,GAER,MAAM,GACN,UAAU,GAEV,QAAQ,GACR,OAAO,GACP,UAAU,GACV,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GAER,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,aAAa,GAEb,MAAM,GACN,QAAQ,GACR,OAAO,GACP,KAAK,GACL,SAAS,GACT,UAAU,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,SAAS,GACT,cAAc,GACd,MAAM,GACN,OAAO,GACP,SAAS,GACT,QAAQ,GAER,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,QAAQ,GAER,QAAQ,GAER,UAAU,GACV,YAAY,GACZ,MAAM,GACN,OAAO,GACP,KAAK,GACL,MAAM,GAEN,mBAAmB,GACnB,iBAAiB,GACjB,eAAe,GACf,kBAAkB,GAClB,qBAAqB,GACrB,oBAAoB,GACpB,gBAAgB,GAChB,sBAAsB,CAAC;AAE3B,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6VD;;;;GAIG;AACH;;mEAEmE;AACnE,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAU1D,CAAC;AAYF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAmB,EAAE,EAAE,SAAS,+BAsBtF"}

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

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import { type TextInputProps } from 'react-native';
+export interface InputProps extends TextInputProps {
+    /** small mono uppercase label rendered above the field */
+    label?: string;
+    /** faint suffix inside the field, right side (e.g. "kg") */
+    unit?: string;
+    /** red border to signal an invalid value */
+    invalid?: boolean;
+    /** field density */
+    inputSize?: 'sm' | 'md';
+    /** optional leading icon inside the field shell */
+    leading?: ReactNode;
+    /**
+     * `'default'` (default) is the standard left-aligned UI-font field.
+     * `'numeral'` is the design's large-readout variant (edit-set weight/reps,
+     * design `.strow .sv`): 20px bold display-font, centered, tabular-nums,
+     * with the field + its `unit` suffix hugging the value as one centered
+     * group instead of the unit pinning to the field's far edge.
+     */
+    variant?: 'default' | 'numeral';
+}
+/** Dark glassy text input — mono label, faint unit suffix, accent focus border. */
+export declare function Input({ label, unit, invalid, inputSize, leading, variant, style, onFocus, onBlur, ...rest }: InputProps): import("react").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAqC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGtF,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED,mFAAmF;AACnF,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,OAAe,EACf,SAAgB,EAChB,OAAO,EACP,OAAmB,EACnB,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,UAAU,+BA+BZ"}

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

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type IconName } from './Icon';
+export type InsightTone = 'default' | 'positive' | 'negative' | 'accent';
+export interface InsightCardProps {
+    /** optional heading */
+    title?: string;
+    /** the insight prose */
+    body: ReactNode;
+    /** optional Sparkline series, oldest → newest */
+    data?: number[];
+    /** chips: p-value / n / confidence (e.g. `{ label: 'p', value: '0.02' }`) */
+    stats?: {
+        label: string;
+        value: string;
+    }[];
+    /** accent color of the icon/sparkline */
+    tone?: InsightTone;
+    /** explicit accent color for the icon + sparkline — overrides `tone`'s color
+     *  (e.g. `colors.lime`). Lets each card carry its own trend hue. */
+    accentColor?: string;
+    /** fill the area under the sparkline (default true). Set false for a clean
+     *  line-only trend, matching the design's per-pattern sparklines. */
+    sparkFill?: boolean;
+    /** leading glyph */
+    icon?: IconName;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * InsightCard — a glass panel surfacing a detected pattern: a leading icon +
+ * title row, the insight prose, a row of small stat Chips (p-value / n /
+ * confidence), and an optional tone-tinted Sparkline. Composed from Card + Icon
+ * + Sparkline + Chip; `tone` drives the icon and sparkline accent. Mirrors the
+ * web `@lockin90/ui` InsightCard and the `.insight` cards in the design mockup.
+ */
+export declare function InsightCard({ title, body, data, stats, tone, accentColor, sparkFill, icon, style, }: InsightCardProps): import("react").JSX.Element;
+//# sourceMappingURL=InsightCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsightCard.d.ts","sourceRoot":"","sources":["../../../src/components/InsightCard.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,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI7C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEzE,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,6EAA6E;IAC7E,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,yCAAyC;IACzC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;wEACoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;yEACqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAUD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAgB,EAChB,WAAW,EACX,SAAgB,EAChB,IAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,+BA+BlB"}