@lockin90/ui-native 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,39 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export interface DateFieldProps extends Omit<ViewProps, 'onChange'> {
+    /** current value (text, e.g. 2026-06-21) */
+    value?: string;
+    /** fires with the raw input value on every change */
+    onChange?: (value: string) => void;
+    /** placeholder when empty */
+    placeholder?: string;
+    /** small mono uppercase label rendered above the field */
+    label?: string;
+}
+/** Dark glassy date field — leading calendar glyph, accent focus border.
+ *  Opens the OS date picker when the optional datetimepicker peer is installed;
+ *  otherwise an editable text field (graceful fallback). */
+export declare function DateField({ value, onChange, placeholder, label, style, ...rest }: DateFieldProps): import("react").JSX.Element;
+export interface TreeItemProps extends Omit<ViewProps, 'children'> {
+    /** row label text */
+    label?: string;
+    /** nesting depth — indents the row by depth * 16 */
+    depth?: number;
+    /** show a chevron and allow toggling open/closed */
+    expandable?: boolean;
+    /** whether the children are currently revealed */
+    expanded?: boolean;
+    /** called when the chevron / row toggle is activated */
+    onToggle?: () => void;
+    /** optional leading glyph (before the label) */
+    icon?: ReactNode;
+    /** accent-tinted selected row */
+    active?: boolean;
+    /** show a faint ⠿ drag handle on the left */
+    dragHandle?: boolean;
+    /** nested TreeItems, shown only when `expanded` */
+    children?: ReactNode;
+}
+/** Nested, expandable tree row — chevron, optional icon, label, drag handle. */
+export declare function TreeItem({ label, depth, expandable, expanded, onToggle, icon, active, dragHandle, children, style, ...rest }: TreeItemProps): import("react").JSX.Element;
+//# sourceMappingURL=DateField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../src/components/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AA4CtG,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAaD;;4DAE4D;AAC5D,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,+BA0EhB;AASD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,EACvB,KAAc,EACd,KAAS,EACT,UAAkB,EAClB,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,MAAc,EACd,UAAkB,EAClB,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,+BAqCf"}

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

@@ -0,0 +1,40 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** One time block on the day rail. */
+export interface DayBlock {
+    /** block start, in hours on the [startHour, endHour] rail (e.g. 9, 12.5) */
+    start: number;
+    /** block end, in hours on the [startHour, endHour] rail */
+    end: number;
+    /** optional label shown inside the block if it fits */
+    label?: string;
+    /** fill color (any color string); defaults to the accent */
+    color?: string;
+}
+export interface DayTimelineBlocksProps {
+    /** the colored time blocks laid across the rail */
+    blocks?: DayBlock[];
+    /** current hour → a bright vertical "now" marker line + dot; omit to hide */
+    now?: number;
+    /** rail start hour (default 0) */
+    startHour?: number;
+    /** rail end hour (default 24) */
+    endHour?: number;
+    /** rail height in px (default 44) */
+    height?: number;
+    /** faint hour gridlines + mono labels (every 6h labeled); default true */
+    hourTicks?: boolean;
+    /** optional container style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DayTimelineBlocks — a horizontal 24-hour activity rail.
+ *
+ * A glass track spanning `startHour..endHour` carrying absolutely-positioned
+ * rounded color blocks (each placed by its start/end hour as left% + width% of
+ * the rail span), optional faint hour gridlines with mono clock labels (every
+ * 6h), and an optional bright "now" marker line + dot. Mirrors the web
+ * DayTimelineBlocks (same export + prop API + visuals); positions are pure
+ * percentages so the layout matches the web 1:1.
+ */
+export declare function DayTimelineBlocks({ blocks, now, startHour, endHour, height, hourTicks, style, }: DayTimelineBlocksProps): import("react").JSX.Element;
+//# sourceMappingURL=DayTimelineBlocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DayTimelineBlocks.d.ts","sourceRoot":"","sources":["../../../src/components/DayTimelineBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAGtB,sCAAsC;AACtC,MAAM,WAAW,QAAQ;IACvB,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,GAAG,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,mDAAmD;IACnD,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAkCD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAuB,EACvB,GAAG,EACH,SAAa,EACb,OAAY,EACZ,MAAW,EACX,SAAgB,EAChB,KAAK,GACN,EAAE,sBAAsB,+BAwFxB"}

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

@@ -0,0 +1,70 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/radial-charts.html`, RA-01…RA-06). */
+export type DayWheelVariant = 'clock-events' | 'radial-bars' | 'zone-wheel' | 'radial-heat';
+/** One event on the 24h rim (`variant="clock-events"`). */
+export interface DayWheelEvent {
+    /** clock hour, 0–24 (fractional ok, e.g. 7.2 = 07:12) */
+    at: number;
+    /** dot color (token, default accent) */
+    color?: string;
+    /** accessible name (not drawn — the wheel stays clean; web renders it as the
+     *  dot's tooltip, native has no tooltip substrate) */
+    label?: string;
+}
+export interface DayWheelProps {
+    /** chart form (default `'clock-events'`, RA-01) */
+    variant?: DayWheelVariant;
+    /** `clock-events` — glowing dots on the rim */
+    events?: DayWheelEvent[];
+    /** `clock-events` — the NOW hour (0–24): hand + pulse + digital center.
+     *  Pass `null` to hide. */
+    now?: number | null;
+    /** `radial-bars` + `zone-wheel` — 24 hourly values, 0–1 (midnight first) */
+    hours?: number[];
+    /** `zone-wheel` — big center readout (default '74') */
+    score?: string | number;
+    /** `zone-wheel` — faint caption under the score (default 'TODAY') */
+    centerLabel?: string;
+    /** `radial-heat` — day rings × 24 hourly values 0–1, innermost ring first */
+    week?: number[][];
+    /** `radial-heat` — segment hue (default mint) */
+    color?: string;
+    /** `radial-heat` — dim chip-pill at the top-right (default 'RING = DAY · MON IN') */
+    legend?: string;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** glow underlay behind the marks (dots / bars / segments) — a
+     *  Gaussian-blurred duplicate shape on native (no-op on `radial-heat` —
+     *  168 segments would smear) */
+    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>;
+}
+/**
+ * DayWheel — the kit's 24-hour radial chart (catalog family `radial-charts`,
+ * RA-01…RA-06): circadian data wrapped around a clock, midnight at the top,
+ * time running clockwise. Native twin of `@lockin90/ui` DayWheel — same prop
+ * API + geometry; the web SMIL NOW-pulse is a static dot + faint halo ring
+ * here, and every `shine` glow is a real Gaussian-blurred duplicate shape
+ * (Fabric-native SVG filters in react-native-svg 15).
+ *
+ * - `clock-events` (RA-01, default) — the tick ring (bold every 6h + 12A/6A/
+ *   12P/6P) with glowing event dots on the rim, a NOW hand + pulse dot and the
+ *   digital time in the center.
+ * - `radial-bars` (RA-03) — 24 radiating 4.5px round bars, length = value,
+ *   color = zone verdict.
+ * - `zone-wheel` (RA-05) — 24 arc segments, zone color + opacity carry the
+ *   value, big score in the center.
+ * - `radial-heat` (RA-06) — 7 concentric day-rings × 24 segments, opacity =
+ *   value — the whole week on one clock.
+ *
+ * Values are 0–1 (zone thresholds at 0.62 / 0.38). Geometry is the catalog's
+ * 320×150 canvas (scaled via `width`/`height`); tokens only. NOTE: this is the
+ * radial DATA wheel — for phase bands / cycle arcs reach for `PhaseWheel`.
+ */
+export declare function DayWheel({ variant, events, now, hours, score, centerLabel, week, color, legend, title, shine, width, height, style, }: DayWheelProps): import("react").JSX.Element;
+//# sourceMappingURL=DayWheel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DayWheel.d.ts","sourceRoot":"","sources":["../../../src/components/DayWheel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,wFAAwF;AACxF,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,CAAC;AAE5F,2DAA2D;AAC3D,MAAM,WAAW,aAAa;IAC5B,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;0DACsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB;+BAC2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IAClB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;oCAEgC;IAChC,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;AAkMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAwB,EACxB,MAAuB,EACvB,GAAU,EACV,KAAqB,EACrB,KAAY,EACZ,WAAqB,EACrB,IAAmB,EACnB,KAAmB,EACnB,MAA8B,EAC9B,KAAK,EACL,KAAa,EACb,KAAS,EACT,MAAU,EACV,KAAK,GACN,EAAE,aAAa,+BAwMf"}

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

@@ -0,0 +1,22 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type DeltaDirection = 'up' | 'down' | 'flat';
+/** `energy` — the training design's energy-affect chip: gain mint, cost AMBER
+ *  (never red — red is reserved for PRs/danger), neutral gray. Derives from
+ *  the direction like `auto` but maps `down` → amber instead of coral. */
+export type DeltaTone = 'auto' | 'up' | 'down' | 'neutral' | 'energy';
+export type DeltaSize = 'sm' | 'md';
+export interface DeltaPillProps {
+    /** The signed change to show, e.g. '+12%', '-3', or 12. */
+    value: string | number;
+    /** Arrow direction. Omit to infer from the numeric sign of `value`. */
+    direction?: DeltaDirection;
+    /** Color tone. 'auto' (default) derives from `direction`. */
+    tone?: DeltaTone;
+    size?: DeltaSize;
+    /** Render only the arrow glyph, no value text. */
+    iconOnly?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Compact directional pill: arrow + signed value, tinted by direction. */
+export declare function DeltaPill({ value, direction, tone, size, iconOnly, style }: DeltaPillProps): import("react").JSX.Element;
+//# sourceMappingURL=DeltaPill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeltaPill.d.ts","sourceRoot":"","sources":["../../../src/components/DeltaPill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AACpD;;0EAE0E;AAC1E,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAmDD,2EAA2E;AAC3E,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAa,EAAE,IAAW,EAAE,QAAgB,EAAE,KAAK,EAAE,EAAE,cAAc,+BAwBlH"}

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

@@ -0,0 +1,94 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type DistributionChartVariant = 'histogram' | 'bell-percentile' | 'cohort-bells' | 'box-rows' | 'violin' | 'ridgeline';
+/** Parametric bell. `mu`/`sigma` are in normalized x units (0–1 across the
+ *  plot); `amp` = peak height as a fraction of the plot height (default 0.85). */
+export interface DistributionBell {
+    mu: number;
+    sigma: number;
+    amp?: number;
+}
+/** One box-whisker row (DS-04). All five stats are on a 0–1 scale. */
+export interface BoxRow {
+    name: string;
+    min: number;
+    q1: number;
+    median: number;
+    q3: number;
+    max: number;
+    /** Row color token override (e.g. `colors.violet`); defaults cycle the
+     *  catalog palette mint → cyan → violet → zone-mid. */
+    color?: string;
+}
+/** One ridgeline row (DS-07), oldest first. Give raw `values` (KDE-shaped) or
+ *  a parametric `bell`; the peak is normalized, so `amp` is ignored here. */
+export interface RidgeRow {
+    label: string;
+    values?: number[];
+    bell?: DistributionBell;
+}
+export interface DistributionChartProps {
+    /** Catalog variant (DS-01 / DS-02 / DS-03 / DS-04 / DS-05 / DS-07). */
+    variant?: DistributionChartVariant;
+    /** Raw samples — `histogram` bins them; `bell-percentile`/`cohort-bells`
+     *  derive the YOUR bell (mean/std) and `violin` derives its KDE shape from
+     *  them when no explicit `bell` is given. */
+    values?: number[];
+    /** Histogram bin count. */
+    bins?: number;
+    /** Sample domain `[lo, hi]`. Defaults to the data min…max (the bare default
+     *  sample uses the catalog's 40…100 energy domain). */
+    xRange?: [number, number];
+    /** Histogram x-end captions; defaults to the rounded `xRange` ends. */
+    axisLabels?: [string, string];
+    /** Parametric YOUR curve (`bell-percentile` / `cohort-bells`); when omitted
+     *  it is derived from `values` (mu = mean, sigma = std, normalized into
+     *  `xRange`), else falls back to the catalog card's bell. */
+    bell?: DistributionBell;
+    /** Cohort reference curve for `cohort-bells` (dashed). */
+    cohortBell?: DistributionBell;
+    /** `bell-percentile` YOU-rule x position, 0–1 across the plot. */
+    percentile?: number;
+    /** YOU pill text — default `'YOU · P82'` (`bell-percentile`) /
+     *  `'YOU · SHIFTED RIGHT'` (`cohort-bells`). */
+    youLabel?: string;
+    /** Cohort pill text (`cohort-bells`). */
+    cohortLabel?: string;
+    /** Bottom-center faint caption (`bell-percentile`, e.g.
+     *  `'HRV DISTRIBUTION · YOUR 90 DAYS'`). */
+    caption?: string;
+    /** Box-whisker rows (`box-rows`). */
+    rows?: BoxRow[];
+    /** Ridgeline rows, oldest first (`ridgeline`). */
+    ridge?: RidgeRow[];
+    /** `violin` MEDIAN pill — default `'MEDIAN {median(values) rounded}'`. */
+    medianLabel?: string;
+    /** `ridgeline` top-right pill. */
+    driftLabel?: string;
+    /** Main hue override (defaults: histogram `colors.mint` · bell `colors.cyan`
+     *  · cohort-bells YOU `colors.violet` · violin `colors.violet`→`colors.cyan`
+     *  gradient · ridgeline `colors.mint`). */
+    color?: string;
+    /** Top-left mono caption (e.g. 'ENERGY SCORES · 90 DAYS'). */
+    title?: string;
+    /** Catalog glow modifier — wider faint duplicate stroke behind the bell
+     *  line + a static mint dot/halo on the YOU rule (`bell-percentile`). */
+    shine?: boolean;
+    /** Faint catalog grid (histogram / bell / cohort / violin only). */
+    grid?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DistributionChart — where you sit in the spread (catalog family
+ * DS-01…DS-07). `histogram` bins raw samples into opacity-ramped bars;
+ * `bell-percentile` draws THE percentile chart (bell + veil fill + mint YOU
+ * rule + pill); `cohort-bells` overlays your curve on a dashed cohort curve;
+ * `box-rows` stacks horizontal box-whisker rows; `violin` shapes a symmetric
+ * KDE violin (two-peak days visible); `ridgeline` stacks drifting week-curves.
+ * Curves can be parametric (`bell` / `ridge[].bell`) or derived from raw
+ * `values` normalized into `xRange`.
+ */
+export declare function DistributionChart({ variant, values, bins, xRange, axisLabels, bell, cohortBell, percentile, youLabel, cohortLabel, caption, rows, ridge, medianLabel, driftLabel, color, title, shine, grid, ariaLabel, style, }: DistributionChartProps): import("react").JSX.Element;
+//# sourceMappingURL=DistributionChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DistributionChart.d.ts","sourceRoot":"","sources":["../../../src/components/DistributionChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAchF,MAAM,MAAM,wBAAwB,GAChC,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,UAAU,GACV,QAAQ,GACR,WAAW,CAAC;AAEhB;kFACkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,sEAAsE;AACtE,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ;2DACuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;6EAC6E;AAC7E,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;iDAE6C;IAC7C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;2DACuD;IACvD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B;;iEAE6D;IAC7D,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;oDACgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;gDAC4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;+CAE2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;6EACyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA4PD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAqB,EACrB,MAAM,EACN,IAAS,EACT,MAAM,EACN,UAAU,EACV,IAAI,EACJ,UAAU,EACV,UAAiB,EACjB,QAAQ,EACR,WAAsB,EACtB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAkC,EAClC,KAAK,EACL,KAAK,EACL,KAAa,EACb,IAAW,EACX,SAAgC,EAChC,KAAK,GACN,EAAE,sBAAsB,+BAwVxB"}

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

@@ -0,0 +1,16 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface DividerProps {
+    /** fade-to-transparent gradient rule (mirrors the web `gradient` variant) */
+    gradient?: boolean;
+    /**
+     * Optional centered label — renders `hairline — label — hairline` (the
+     * "or continue with" pattern). Mirrors the web `label` variant.
+     */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/** Hairline divider. With `gradient`, the rule fades to transparent at both ends —
+ *  the native analogue of web `linear-gradient(90deg, transparent, var(--border-2), transparent)`.
+ *  With `label`, renders a flat hairline on each side of a centered label. */
+export declare function Divider({ gradient, label, style }: DividerProps): import("react").JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;8EAE8E;AAC9E,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,+BAqB/D"}

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

@@ -0,0 +1,70 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** One arc of the donut, sized by its `value` share of the total. */
+export interface DonutSegment {
+    /** the segment's value — sizes its arc relative to the sum of all values */
+    value: number;
+    /** the arc color — a hex/rgb color string */
+    color: string;
+    /** optional label (accessibility / external legends / `callouts` chip text) */
+    label?: string;
+    /** per-segment opacity override (nested-arcs shades the outer breakdown by
+     *  family, e.g. 1 / 0.68 / 0.42) */
+    opacity?: number;
+}
+export interface DonutChartProps {
+    /** the donut segments, drawn clockwise from 12 o'clock */
+    segments?: DonutSegment[];
+    /** Catalog variant (pie-charts PC-01…PC-13). `donut` (default) keeps the
+     *  legacy dasharray renderer; every other value renders **share arcs** —
+     *  round-cap segmented stroke arcs with cap-compensated real gaps (tiny
+     *  segments become dots), no track ring:
+     *  - `duo-split` (PC-01) — 2 segments, e.g. mint + glass remainder
+     *  - `split-arcs` (PC-02) — 2–5 spectrum-ordered segments
+     *  - `zone-share` (PC-04) — segments colored by zone verdict tokens
+     *  - `hero-arc` (PC-05) — hero segment +4px & shine, others 30%
+     *  - `callout-arcs` (PC-07) — leader lines + chip-pill labels
+     *  - `thin-share` (PC-09) — slim 6px halo-weight segments
+     *  - `mini-multiples` (PC-11) — one small ring; compose 3 side by side
+     *  - `nested-arcs` (PC-13) — `innerSegments` coarse ring + outer breakdown */
+    variant?: 'donut' | 'duo-split' | 'split-arcs' | 'zone-share' | 'hero-arc' | 'callout-arcs' | 'thin-share' | 'mini-multiples' | 'nested-arcs';
+    /** overall diameter in px (default 120 · `mini-multiples` 72) */
+    size?: number;
+    /** ring stroke width in px (default 14 · share 13 · `thin-share` 6 ·
+     *  `mini-multiples` 8) */
+    thickness?: number;
+    /** gap between segments, in degrees (default 2 · share variants 5).
+     *  Share arcs additionally grow every gap by the round-cap overhang
+     *  (`capDeg = (thickness / r) · 180/π`) so the VISIBLE gap stays true. */
+    gap?: number;
+    /** background (track) ring color — legacy `donut` variant only (share arcs
+     *  draw no track) */
+    track?: string;
+    /** hero segment index — drawn +4px wider with shine, others dim to 30%
+     *  (defaults to `0` for `variant="hero-arc"`) */
+    hero?: number;
+    /** glow underlay behind full-opacity segments — a Gaussian-blurred duplicate
+     *  arc (defaults on for `hero-arc`) */
+    shine?: boolean;
+    /** leader lines + chip-pill labels around the ring, from each segment's
+     *  `label` (defaults on for `callout-arcs` / `nested-arcs`). Reserves 34px
+     *  of the box on every side, shrinking the ring. */
+    callouts?: boolean;
+    /** inner coarse ring for `nested-arcs` (PC-13) — drawn at ~0.47·r with a 6°
+     *  base gap */
+    innerSegments?: DonutSegment[];
+    /** center content — if omitted, the summed total is shown */
+    children?: ReactNode;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DonutChart — proportional composition as a ring. Two renderers behind one
+ * API: the legacy `donut` variant (dasharray arcs over a faint track — the
+ * macro-breakdown donut) and the catalog **share arcs** (PC-01…PC-13):
+ * luminous round-cap segmented stroke arcs with cap-compensated gaps, hero
+ * emphasis, leader-line callouts and a nested two-ring mode. Center shows
+ * custom `children` or the summed total.
+ */
+export declare function DonutChart({ segments, variant, size, thickness, gap, track, hero, shine, callouts, innerSegments, children, style, }: DonutChartProps): import("react").JSX.Element;
+//# sourceMappingURL=DonutChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../src/components/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,qEAAqE;AACrE,MAAM,WAAW,YAAY;IAC3B,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;wCACoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;;;;;;;;;;kFAW8E;IAC9E,OAAO,CAAC,EACJ,OAAO,GACP,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,cAAc,GACd,YAAY,GACZ,gBAAgB,GAChB,aAAa,CAAC;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;8BAC0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;8EAE0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;yBACqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;qDACiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;2CACuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;wDAEoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;mBACe;IACf,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA6DD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAA2B,EAC3B,OAAiB,EACjB,IAAI,EACJ,SAAS,EACT,GAAG,EACH,KAAgC,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,+BA8NjB"}

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

@@ -0,0 +1,19 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface DotsLoaderProps {
+    /** dot diameter */
+    size?: number;
+    /** dot color */
+    color?: string;
+    /** number of dots */
+    count?: number;
+    /** gap between dots */
+    gap?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * N small dots that bounce/pulse in a staggered sequence — typing indicator
+ * (the AI coach composing) and generic inline loading state. Mirrors the web
+ * `DotsLoader` (same prop API + staggered 0.16s wave) using Animated loops.
+ */
+export declare function DotsLoader({ size, color, count, gap, style }: DotsLoaderProps): import("react").JSX.Element;
+//# sourceMappingURL=DotsLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotsLoader.d.ts","sourceRoot":"","sources":["../../../src/components/DotsLoader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGlG,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAQ,EAAE,KAAqB,EAAE,KAAS,EAAE,GAAO,EAAE,KAAK,EAAE,EAAE,eAAe,+BAgDzG"}

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

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type IconName } from './Icon';
+export type EffectTone = 'auto' | 'positive' | 'negative' | 'neutral';
+export interface EffectAttributionLineProps {
+    /** Signed contribution; rendered with an explicit + or − sign. */
+    value: number;
+    /** What the contribution is attributed to, e.g. 'Deep sleep 1h20m'. */
+    label: ReactNode;
+    /** Unit appended to the value, e.g. 'pts'. */
+    unit?: string;
+    /** Color tone. 'auto' (default) = positive if value>0, negative if <0, neutral if 0. */
+    tone?: EffectTone;
+    /** Optional leading glyph. */
+    icon?: IconName;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A single "why this score" attribution row: optional leading icon, a large
+ * signed contribution (display font, tinted by tone) with unit, and the label
+ * describing the driver. Stack several inside an energy-explain list.
+ */
+export declare function EffectAttributionLine({ value, label, unit, tone, icon, style, }: EffectAttributionLineProps): import("react").JSX.Element;
+//# sourceMappingURL=EffectAttributionLine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EffectAttributionLine.d.ts","sourceRoot":"","sources":["../../../src/components/EffectAttributionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtF,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAEtE,MAAM,WAAW,0BAA0B;IACzC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAuBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAa,EACb,IAAI,EACJ,KAAK,GACN,EAAE,0BAA0B,+BAkB5B"}

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

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export interface EmptyStateProps extends Omit<ViewProps, 'children'> {
+    /** Illustration shown in the glass tile. Defaults to a faint star. */
+    icon?: ReactNode;
+    /** Headline. */
+    title?: string;
+    /** Supporting sentence. */
+    description?: ReactNode;
+    /** Call-to-action, typically a <Button>. */
+    action?: ReactNode;
+    /** Smaller, tighter variant for in-card placeholders. */
+    compact?: boolean;
+}
+/** Centered zero-state: glass icon tile + headline + body + action. */
+export declare function EmptyState({ icon, title, description, action, compact, style, ...rest }: EmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAA0B,EAC1B,WAAkE,EAClE,MAAM,EACN,OAAO,EACP,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,+BAYjB"}

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

@@ -0,0 +1,23 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface EngagementBarProps {
+    like?: {
+        count?: number;
+        active?: boolean;
+        onToggle?: () => void;
+    };
+    comment?: {
+        count?: number;
+        onPress?: () => void;
+    };
+    share?: {
+        onPress?: () => void;
+    };
+    save?: {
+        active?: boolean;
+        onToggle?: () => void;
+    };
+    style?: StyleProp<ViewStyle>;
+}
+/** Horizontal like / comment / share / save action row for feed posts. */
+export declare function EngagementBar({ like, comment, share, save, style }: EngagementBarProps): import("react").JSX.Element;
+//# sourceMappingURL=EngagementBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EngagementBar.d.ts","sourceRoot":"","sources":["../../../src/components/EngagementBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACnE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsCD,0EAA0E;AAC1E,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BA0CtF"}

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

@@ -0,0 +1,89 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/environment-charts.html`, EN-01…EN-04). */
+export type EnvironmentChartVariant = 'sun-uv-arc' | 'pollen-rows' | 'aqi-day' | 'outdoor-window';
+export interface EnvironmentChartProps {
+    /** chart form (default `'sun-uv-arc'`, EN-01) */
+    variant?: EnvironmentChartVariant;
+    /** `sun-uv-arc` — sunrise, fractional hours (default 5.78 → '05:47') */
+    sunrise?: number;
+    /** `sun-uv-arc` — sunset, fractional hours (default 21.2 → '21:12') */
+    sunset?: number;
+    /** `sun-uv-arc` + `aqi-day` — the NOW hour, 0–24 (default 14). The pulse on
+     *  the sun arc / the AQI curve (nearest hourly point). `null` hides it. */
+    now?: number | null;
+    /** `sun-uv-arc` — the day's max UV index (default 7); the arc's UV curve is
+     *  `sin(t·π)·peakUv`, segment color cyan < 3 / amber < 6 / coral ≥ 6 */
+    peakUv?: number;
+    /** `sun-uv-arc` — NOW caption override (default computed 'NOW · UV n') */
+    nowLabel?: string;
+    /** `sun-uv-arc` — top-right peak pill override (default computed
+     *  'UV {peakUv} PEAK · {solar noon}') */
+    peak?: string;
+    /** `pollen-rows` — 16 hourly 0–1 loads per kind, `startHour` first */
+    tree?: number[];
+    grass?: number[];
+    weed?: number[];
+    /** `pollen-rows` — top-right worst-window pill (default 'GRASS HIGH 10–14');
+     *  computing the worst window is the caller's job. `''` hides it. */
+    flag?: string;
+    /** `aqi-day` — 16 hourly 0–1 values (AQI/100), `startHour` first */
+    aqi?: number[];
+    /** `aqi-day` — the dashed rule position, 0–1 (default 0.5 = AQI 50) */
+    threshold?: number;
+    /** `aqi-day` — the rule's caption (default 'MODERATE >50') */
+    thresholdLabel?: string;
+    /** `aqi-day` — NOW verdict pill override (default computed
+     *  'AQI {value} · GOOD/MODERATE' at the `now` point) */
+    verdict?: string;
+    /** `outdoor-window` — 16 hourly 0–1 rows, `startHour` first */
+    uv?: number[];
+    pollen?: number[];
+    air?: number[];
+    /** `outdoor-window` — the best-window bounds, fractional hours
+     *  (defaults 17 → 19.5); computing the window is the caller's job */
+    windowStart?: number;
+    windowEnd?: number;
+    /** `outdoor-window` — window pill override (default computed
+     *  'BEST WINDOW · {start}–{end}') */
+    windowLabel?: string;
+    /** first hour of the 16 hourly cells (default 6 → cells 6:00–22:00) */
+    startHour?: number;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** bottom hint — `pollen-rows` 'CELL BRIGHTNESS = POLLEN LOAD' /
+     *  `outdoor-window` 'ALL THREE LOW = GO OUTSIDE'. `''` hides it. */
+    caption?: string;
+    /** glow underlay behind the sun arc (catalog shine — `sun-uv-arc` only,
+     *  like the catalog) — a Gaussian-blurred duplicate stroke 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>;
+}
+/**
+ * EnvironmentChart — the catalog environment family (`environment-charts`,
+ * EN-01…EN-04): UV, pollen, air — when to train outside. Native twin of
+ * `@lockin90/ui` EnvironmentChart — same prop API + geometry; the web SMIL
+ * NOW-pulse is a static dot + faint halo ring here, and the sun-arc `shine`
+ * glow is a real Gaussian-blurred duplicate stroke (Fabric-native SVG
+ * filters in react-native-svg 15).
+ *
+ * - `sun-uv-arc` (EN-01, default) — the sun path sunrise→sunset, 40 segments
+ *   colored by UV (cyan low / amber mid / coral high) + NOW pulse on the arc +
+ *   horizon with times + PEAK pill. THE daylight/UV widget.
+ * - `pollen-rows` (EN-02) — 3 hourly cell rows (tree/grass/weed),
+ *   brightness + color = load, worst window flagged.
+ * - `aqi-day` (EN-03) — stepped AQI curve + area, dashed MODERATE rule + NOW
+ *   pulse with verdict pill.
+ * - `outdoor-window` (EN-04) — UV + pollen + air rows stacked + the computed
+ *   mint BEST WINDOW box where all three are low.
+ *
+ * Hourly values are 0–1 (`aqi` = AQI/100), 16 cells from `startHour`; times
+ * are fractional hours. Geometry is the catalog's 320×150 canvas (scaled via
+ * `width`/`height`); tokens only.
+ */
+export declare function EnvironmentChart({ variant, sunrise, sunset, now, peakUv, nowLabel, peak, tree, grass, weed, flag, aqi, threshold, thresholdLabel, verdict, uv, pollen, air, windowStart, windowEnd, windowLabel, startHour, title, caption, shine, width, height, style, }: EnvironmentChartProps): import("react").JSX.Element;
+//# sourceMappingURL=EnvironmentChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentChart.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,6FAA6F;AAC7F,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,gBAAgB,CAAC;AAElG,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;+EAC2E;IAC3E,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;4EACwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;6CACyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB;yEACqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;4DACwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf;yEACqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;yCACqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;wEACoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;4EACwE;IACxE,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;AAiMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAsB,EACtB,OAAc,EACd,MAAa,EACb,GAAQ,EACR,MAAU,EACV,QAAQ,EACR,IAAI,EACJ,IAAa,EACb,KAAe,EACf,IAAa,EACb,IAAyB,EACzB,GAAW,EACX,SAAe,EACf,cAA+B,EAC/B,OAAO,EACP,EAAS,EACT,MAAc,EACd,GAAW,EACX,WAAgB,EAChB,SAAgB,EAChB,WAAW,EACX,SAAa,EACb,KAAK,EACL,OAAO,EACP,KAAa,EACb,KAAS,EACT,MAAU,EACV,KAAK,GACN,EAAE,qBAAqB,+BAgNvB"}

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

@@ -0,0 +1,7 @@
+import { type TextProps } from 'react-native';
+export type EyebrowProps = TextProps;
+/** Eyebrow — a mono, uppercase, letter-spaced overline label for section headers.
+ *  The native twin of the web `Eyebrow` (always renders a `<Text>`; the web-only
+ *  `as` prop has no native equivalent). */
+export declare function Eyebrow({ style, ...rest }: EyebrowProps): import("react").JSX.Element;
+//# sourceMappingURL=Eyebrow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.d.ts","sourceRoot":"","sources":["../../../src/components/Eyebrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC;AAErC;;2CAE2C;AAC3C,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAEvD"}