@lockin90/ui-native 0.0.0-stage → 1.0.1

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

@@ -0,0 +1,59 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ScatterChartVariant = 'mint-scatter' | 'trend-fit' | 'bubble-dose' | 'quadrant-map' | 'zone-dots' | 'today-marker' | 'density-cloud';
+/** One observation. `x`/`y` are normalized 0–1 (plot space); `z` 0–1 drives
+ *  the `bubble-dose` radius (2–8 viewBox px, missing `z` → 0.5). */
+export interface ScatterPoint {
+    x: number;
+    y: number;
+    z?: number;
+}
+export interface ScatterChartProps {
+    /** Catalog variant (SC-01 … SC-07). */
+    variant?: ScatterChartVariant;
+    /** Observations, normalized 0–1. Defaults to the catalog SC-01 demo cloud. */
+    points?: ScatterPoint[];
+    /** X-axis caption, bottom-right (e.g. 'SLEEP HOURS →'); `''` hides it. */
+    xLabel?: string;
+    /** Y-axis caption, top-left (e.g. '↑ ENERGY'); `''` hides it. */
+    yLabel?: string;
+    /** Top-center mono caption (e.g. 'SLEEP → ENERGY · 26 NIGHTS'). */
+    title?: string;
+    /** Dot color token (ignored by `zone-dots`, where the zone owns the color). */
+    color?: string;
+    /** Dot radius in viewBox px. Defaults to 3 (`density-cloud` presets 2). */
+    dotRadius?: number;
+    /** `today-marker` — index into `points` drawn last as the lime pulse dot +
+     *  chip; the other dots dim to opacity 0.28. Out-of-range is ignored. */
+    highlight?: number;
+    /** Chip text over the highlighted point. */
+    todayLabel?: string;
+    /** `trend-fit` chip text. Omit → computed from the data:
+     *  `R² 0.64 · STRONG` (R² ≥ 0.5 STRONG / ≥ 0.25 MODERATE / else WEAK). */
+    fitLabel?: string;
+    /** `bubble-dose` size-key chip, top-right; `''` hides it. */
+    sizeLabel?: string;
+    /** `quadrant-map` captions, [TL, TR, BL, BR]. */
+    quadrantLabels?: [string, string, string, string];
+    /** `density-cloud` chip over the centroid ring; `''` hides it. */
+    centroidLabel?: string;
+    /** Soft per-dot glow in the dot color (the catalog glow modifier). */
+    shine?: boolean;
+    /** Horizontal grid lines + baseline (catalog grid()). */
+    grid?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * ScatterChart — correlation scatter/bubble chart for product surfaces
+ * (catalog family SC-01…SC-07). Points are normalized 0–1 and drawn as dots
+ * in the fixed 320×150 catalog canvas; variants add the dashed least-squares
+ * fit with a computed R² pill (`trend-fit`), third-variable bubbles with dark
+ * rims + size key (`bubble-dose`), the dashed quadrant decision map
+ * (`quadrant-map`), zone-verdict dot colors (`zone-dots`), the dimmed-history
+ * TODAY marker (`today-marker`) and the dense 40%-opacity cloud with a dashed
+ * centroid ring (`density-cloud`).
+ */
+export declare function ScatterChart({ variant, points, xLabel, yLabel, title, color, dotRadius, highlight, todayLabel, fitLabel, sizeLabel, quadrantLabels, centroidLabel, shine, grid, ariaLabel, style, }: ScatterChartProps): import("react").JSX.Element;
+//# sourceMappingURL=ScatterChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../src/components/ScatterChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAchF,MAAM,MAAM,mBAAmB,GAC3B,cAAc,GACd,WAAW,GACX,aAAa,GACb,cAAc,GACd,WAAW,GACX,cAAc,GACd,eAAe,CAAC;AAEpB;oEACoE;AACpE,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;6EACyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,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;AA8JD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAwB,EACxB,MAAuB,EACvB,MAAwB,EACxB,MAAmB,EACnB,KAAK,EACL,KAAmB,EACnB,SAAS,EACT,SAAS,EACT,UAAoB,EACpB,QAAQ,EACR,SAAgC,EAChC,cAA6E,EAC7E,aAA6B,EAC7B,KAAa,EACb,IAAW,EACX,SAAsC,EACtC,KAAK,GACN,EAAE,iBAAiB,+BA6OnB"}

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

@@ -0,0 +1,24 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ScrollProgressGradient = 'cta' | 'flux' | 'mint' | 'violet';
+export interface ScrollProgressProps {
+    /**
+     * Scroll progress 0→1. Native scrolling is imperative, so — unlike the web
+     * twin which tracks `window`/a `target` element itself — the host feeds this
+     * from a `ScrollView`'s `onScroll`:
+     *   `const p = e.nativeEvent.contentOffset.y / (contentSize.height - layout.height)`
+     */
+    progress: number;
+    /** Bar fill gradient token. Default `'cta'`. */
+    gradient?: ScrollProgressGradient;
+    /** Bar thickness in px. Default `3`. */
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * ScrollProgress — a top reading-progress bar whose gradient fill grows left→right
+ * (0→100% width) to track scroll progress. Native twin of the web `.lk-scrollprogress`;
+ * pin it to the top of a screen (it renders absolute, full-width, above content) and
+ * drive `progress` from the scroll container's `onScroll`.
+ */
+export declare function ScrollProgress({ progress, gradient, height, style }: ScrollProgressProps): import("react").JSX.Element;
+//# sourceMappingURL=ScrollProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollProgress.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,MAAU,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAgBpG"}

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SectionDividerProps {
+    /** Section label (rendered as a mono, uppercase eyebrow) before the rule. */
+    label: ReactNode;
+    /** Optional container style (margins/spacing — the consumer owns spacing). */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * SectionDivider — an eyebrow label followed by a hairline that fades to the
+ * right, for separating page sections (e.g. "EXPLAINABILITY ————————"). The
+ * native twin of the web `@lockin90/ui` `SectionDivider`; composes `Eyebrow`
+ * and draws the fading rule with `expo-linear-gradient`
+ * (`colors.border2 → transparent`, mirroring web `linear-gradient(90deg,
+ * var(--border-2), transparent)`).
+ */
+export declare function SectionDivider({ label, style }: SectionDividerProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.d.ts","sourceRoot":"","sources":["../../../src/components/SectionDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,MAAM,WAAW,mBAAmB;IAClC,6EAA6E;IAC7E,KAAK,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAYnE"}

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

@@ -0,0 +1,18 @@
+import { type ViewProps } from 'react-native';
+export interface SectionHeaderProps extends ViewProps {
+    /** mono uppercase overline (e.g. "Today · Thu Jun 11"). Omit for a bare title. */
+    eyebrow?: string;
+    /** the display title (e.g. "Energy"). */
+    title: string;
+    /** gradient-fill the title ('flux' | 'cta' | 'violet'), or `false` for a plain
+     *  (white) title. Default 'flux' — the mockups' KIT MAP maps section titles to
+     *  GradientText; pass `false` for screens whose title reads as solid `.disp`. */
+    gradient?: 'flux' | 'cta' | 'violet' | false;
+    /** title font size (default 26 — the mockup `.section-head .disp`). */
+    titleSize?: number;
+}
+/** SectionHeader — the mockups' `.section-head`: an Eyebrow overline above a
+ *  display title, optionally gradient-filled. Composes the kit `Eyebrow` +
+ *  `GradientText` so every screen's header is one primitive, tokens-driven. */
+export declare function SectionHeader({ eyebrow, title, gradient, titleSize, style, ...rest }: SectionHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtE,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd;;qFAEiF;IACjF,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;+EAE+E;AAC/E,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAiB,EAAE,SAAc,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,+BActH"}

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

@@ -0,0 +1,85 @@
+import { type IconName } from './Icon';
+/**
+ * Per-segment tone — mirrors the web `SegmentedTone`. Two families:
+ * - SEMANTIC tones (`ok`/`canary`/`danger`) — a leading dot + active-only
+ *   label tint. `canary` paints amber for staged/partial rollouts, `ok` mint,
+ *   `danger` red.
+ * - COLOR tones (`amber`/`cyan`/`violet`/`magenta`) — set-type tints (the
+ *   edit-set type selector, design `.sg`: warm-up amber → warn, working cyan,
+ *   drop violet, failure magenta). The label is tinted at ALL times (inactive
+ *   too), there is NO leading dot, and the ACTIVE segment paints a tone@16%
+ *   fill + a 1px tone@50% border.
+ * Do not confuse with the control-level `tone` (`'accent' | 'mint'`) prop,
+ * which colors the SELECTED pill.
+ */
+export type SegmentedTone = 'ok' | 'canary' | 'danger' | 'amber' | 'cyan' | 'violet' | 'magenta';
+/** A rich segment: a `label` plus an optional trailing `count` badge and a
+ *  semantic `tone`. Plain strings are still accepted and render identically.
+ *  Mirrors the web `SegmentedTab`. */
+export interface SegmentedTab {
+    /** Segment label text. */
+    label: string;
+    /** Small trailing count badge inside the segment (e.g. catalog item counts). */
+    count?: number;
+    /** Semantic tone (dot + active tint) or color tone (always-tinted label,
+     *  no dot, tinted active fill) — see `SegmentedTone`. */
+    tone?: SegmentedTone;
+    /** Leading 13px glyph before the label (e.g. the changelog service filter
+     *  All/Web/Mobile). Mirrors the web `SegmentedTab.icon`. */
+    icon?: IconName;
+}
+/** Accepts the plain-string form or the rich object form, mixed freely.
+ *  Mirrors the web `SegmentedTabItem`. */
+export type SegmentedTabItem = string | SegmentedTab;
+export interface SegmentedTabsProps {
+    /**
+     * Segments, one button each. Each may be a plain label string or a
+     * `{ label, count?, tone? }` object — the two forms can be mixed.
+     */
+    tabs?: SegmentedTabItem[];
+    /** Index of the active segment. */
+    active?: number;
+    /** Fires with the pressed segment index. */
+    onChange?: (index: number) => void;
+    /**
+     * Indices of segments that are locked — dimmed, non-interactive (never fire
+     * `onChange`), and rendered with a small lock glyph (e.g. the `1Y🔒 / All🔒`
+     * upsell pattern on a time-range control).
+     */
+    locked?: number[];
+    /**
+     * Color of the SELECTED segment. `'accent'` (default) keeps the standard
+     * raised glass pill; `'mint'` paints the active segment with the mint
+     * gradient (`gradients.mint`) + mint glow + dark label — the onboarding
+     * Activity-level control (mirrors web `tone="mint"` / design `.seg.on.mint`).
+     * `'gradient'` paints it with the CTA gradient (`gradients.cta`) + accent
+     * glow + dark label — the design settings `.seg` treatment (unit system /
+     * week start controls). Mirrors web `tone="gradient"`.
+     */
+    tone?: 'accent' | 'mint' | 'gradient';
+    /**
+     * Control scale. `'md'` (default) is the full-width tab bar (equal-width
+     * segments). `'sm'` is the design settings compact control: a
+     * content-hugging pill track (padding 3, gap 2, `--border` hairline, glass
+     * fill) of mono 10.5px segments (padding 5×11) that size to their label.
+     * Mirrors web `size="sm"` / design `.seg`.
+     */
+    size?: 'md' | 'sm';
+    /**
+     * Track/active treatment. `'raised'` (default) keeps the standard raised
+     * glass active pill. `'tint'` is the design changelog `.svc-toggle`
+     * treatment: glass track, hairline-bordered segments, and an ACTIVE segment
+     * painted with an accent tint + accent border (no shadow); count badges
+     * shrink to mono 8.5 and tint cyan when active. Mirrors web
+     * `appearance="tint"`.
+     */
+    appearance?: 'raised' | 'tint';
+}
+/**
+ * iOS-style segmented control — a glass pill track of equal-width segments; the
+ * active one is a raised lighter pill (glass-2 + soft shadow). Locked segments
+ * are dimmed, non-interactive, and show a lock glyph. Mirrors the web
+ * `@lockin90/ui` `SegmentedTabs`.
+ */
+export declare function SegmentedTabs({ tabs, active, onChange, locked, tone, size, appearance, }: SegmentedTabsProps): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAMjG;;sCAEsC;AACtC,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;6DACyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;gEAC4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED;0CAC0C;AAC1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,YAAY,CAAC;AAsCrD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC1B,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IACtC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAA6C,EAC7C,MAAU,EACV,QAAQ,EACR,MAAM,EACN,IAAe,EACf,IAAW,EACX,UAAqB,GACtB,EAAE,kBAAkB,+BAgHpB"}

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

@@ -0,0 +1,47 @@
+import { type ReactNode } from 'react';
+/** A single option in a {@link Select}. */
+export interface SelectOption {
+    value: string;
+    label: string;
+    /** render the option dimmed and unselectable */
+    disabled?: boolean;
+}
+export interface SelectProps {
+    /** options to render; defaults to a few sample options */
+    options?: SelectOption[];
+    /** controlled selected value */
+    value?: string;
+    /** fired with the newly selected value */
+    onChange?: (value: string) => void;
+    /** placeholder rendered when no value is selected */
+    placeholder?: string;
+    /** small mono uppercase label rendered above the field */
+    label?: string;
+    /** red border to signal an invalid value */
+    invalid?: boolean;
+    /** disable the field */
+    disabled?: boolean;
+    /** show a search field in the option sheet to filter a long list (by label). */
+    searchable?: boolean;
+    /** placeholder for the search field (pass a localized string). @default 'Search…' */
+    searchPlaceholder?: string;
+    /** title shown at the top of the option sheet (with a close button). */
+    title?: string;
+    /**
+     * Field scale. `'md'` (default) is the standard form field. `'sm'` is the
+     * design settings compact glass pill (`.pref-select`): mono 11px value,
+     * `--glass-2` fill, `--border` hairline, r10, padding 6×9, 13px chevron —
+     * hugs its content instead of stretching. Mirrors web `size="sm"`.
+     */
+    size?: 'md' | 'sm';
+    /**
+     * Optional leading icon rendered inside the field before the value
+     * (design `.lang-wrap` globe on the language select). Mirrors web `leading`.
+     */
+    leading?: ReactNode;
+}
+/** Dark glassy custom select (NOT a browser `<select>`). RN has no native
+ *  `<select>`, so pressing the field opens a bottom-sheet Modal of styled options
+ *  with a selected checkmark. Mirrors the web Select look + prop API. */
+export declare function Select({ options, value, onChange, placeholder, label, invalid, disabled, searchable, searchPlaceholder, title, size, leading, }: SelectProps): import("react").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBjD,2CAA2C;AAC3C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AA4CD;;yEAEyE;AACzE,wBAAgB,MAAM,CAAC,EACrB,OAAyB,EACzB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,UAAkB,EAClB,iBAA6B,EAC7B,KAAK,EACL,IAAW,EACX,OAAO,GACR,EAAE,WAAW,+BAqHb"}

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

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SessionBannerStat {
+    /** Mono stat value (e.g. `'142'`). */
+    value: string;
+    /** Faint mono label under it (e.g. `'BPM'`). */
+    label: string;
+}
+export interface SessionBannerAction {
+    label: string;
+    /** `ghost` (default) or `primary` — maps to the kit `Button` variants. */
+    variant?: 'primary' | 'ghost';
+    onPress?: () => void;
+}
+export interface SessionBannerProps {
+    /** Session name (e.g. `'Push Day A'`) — truncates, never wraps. */
+    title: string;
+    /** Right-pinned mono status (e.g. `'Live · 24:18'`) — never wraps. */
+    status?: string;
+    /** Dim line under the header (e.g. `'Bench Press · set 2 of 5'`). */
+    subtitle?: string;
+    /** Up to 3 mono stat readouts (value + label). */
+    stats?: SessionBannerStat[];
+    /** Action buttons (kit `Button`, `sm`). Render on their own row; when there
+     *  is no `subtitle` and no `stats` they fold INLINE into the head row
+     *  (single-row banner — design 5 `.at`). */
+    actions?: SessionBannerAction[];
+    /** Pulsing red-pink live dot (magenta `#FF3D81`); also tints `status`. */
+    live?: boolean;
+    /** Optional leading slot (app icon / exercise glyph). */
+    leading?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * SessionBanner — the active-session live banner. Native twin of the web
+ * `SessionBanner` (same prop API): a dark glass card with a one-line header
+ * (optional leading slot, pulsing magenta live dot, truncating title,
+ * no-wrap status), a dim subtitle, up to 3 mono stats split by hairlines,
+ * and a row of kit-Button actions. When there is no subtitle AND no stats,
+ * the actions render INLINE at the end of the head row (after the status) so
+ * the whole banner is ONE row — the Active screen's top bar (design 5 `.at`:
+ * live dot + title left, status right, Finish button far right).
+ */
+export declare function SessionBanner({ title, status, subtitle, stats, actions, live, leading, style, }: SessionBannerProps): import("react").JSX.Element;
+//# sourceMappingURL=SessionBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionBanner.d.ts","sourceRoot":"","sources":["../../../src/components/SessionBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIxG,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B;;gDAE4C;IAC5C,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA8BD;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAY,EACZ,OAAO,EACP,KAAK,GACN,EAAE,kBAAkB,+BA6CpB"}

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

@@ -0,0 +1,130 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names — one per session form in
+ *  `lockin90-design/charts/session-charts.html` (SN-01 … SN-10). */
+export type SessionChartVariant = 'hr-zones-session' | 'hr-intervals' | 'time-in-zones' | 'hr-recovery' | 'sauna-rounds' | 'sauna-heat-ramp' | 'night-recovery' | 'glucose-response' | 'response-overlay';
+/** One HR zone band: label + color + its 0–1 slice of the intensity scale
+ *  (Z1 at the bottom → Z5 at the top). */
+export interface SessionZone {
+    label: string;
+    color: string;
+    from: number;
+    to: number;
+}
+/** One sauna heat round (0–1 fractions of the session window). */
+export interface SessionRound {
+    from: number;
+    to: number;
+    /** chip over the block; default `ROUND <n> · 15 MIN` */
+    label?: string;
+}
+/** A small chip anchored at a 0–1 fraction of the window (PLUNGE / REST tags). */
+export interface SessionTag {
+    at: number;
+    label: string;
+}
+/** An x-axis caption at a 0–1 fraction of the window. */
+export interface SessionAxisLabel {
+    at: number;
+    label: string;
+}
+/** SN-04 recovery annotation — peak pulse + dashed bracket + recovery tag. */
+export interface SessionRecovery {
+    /** index into `hrSamples` where the peak pulse sits (default 52) */
+    peakIndex?: number;
+    /** index into `hrSamples` where the 60s bracket ends (default 62) */
+    dropIndex?: number;
+    /** mint recovery tag (default `'−32 BPM · 60S'`) */
+    label?: string;
+}
+export interface SessionChartProps {
+    /** catalog variant (SN-01 … SN-10); default `hr-zones-session` */
+    variant?: SessionChartVariant;
+    /** HR trace, 0–1 of the intensity scale (Z1 bottom → Z5 top). Deterministic
+     *  catalog session by default. On `sauna-rounds` this is the coral dotted HR
+     *  trace next to `tempSamples`. */
+    hrSamples?: number[];
+    /** zone band config — catalog default Z1 indigo → Z5 coral */
+    zones?: SessionZone[];
+    /** right-edge Z labels on the bands (default true) */
+    showZoneLabels?: boolean;
+    /** `hr-intervals`: number of coral work blocks (default 5) */
+    intervals?: number;
+    /** `hr-recovery`: peak/bracket/tag config (catalog defaults) */
+    recovery?: SessionRecovery;
+    /** `time-in-zones`: minutes per zone, Z1 → Z5 (default `[4,12,18,14,4]`) */
+    minutes?: number[];
+    /** `sauna-rounds`: amber heat blocks */
+    rounds?: SessionRound[];
+    /** `sauna-rounds`: PLUNGE/REST chips along the bottom */
+    plunges?: SessionTag[];
+    /** temperature trace 0–1 (`sauna-rounds` amber solid · `sauna-heat-ramp` ramp) */
+    tempSamples?: number[];
+    /** `sauna-rounds` legend chips */
+    tempLabel?: string;
+    hrLabel?: string;
+    /** `sauna-heat-ramp`: target temperature on the 0–1 scale (default 0.85) */
+    target?: number;
+    /** chip on the target rule (default `'TARGET 90°C'`) */
+    targetLabel?: string;
+    /** live state chip at the trace head (default `'87°C · HEATING'`) */
+    stateLabel?: string;
+    /** `night-recovery`: HRV (mint, rising) + RHR (violet dashed, falling) traces */
+    hrvSamples?: number[];
+    rhrSamples?: number[];
+    /** `night-recovery` delta tags */
+    hrvLabel?: string;
+    rhrLabel?: string;
+    /** glucose curve 0–1 (`glucose-response`; the bold mean on `response-overlay`) */
+    glucoseSamples?: number[];
+    /** `response-overlay`: the faint single-meal curves behind the mean */
+    overlays?: number[][];
+    /** mint baseline band, `[low, high]` on the 0–1 scale (default `[0.36, 0.5]`) */
+    baselineBand?: [number, number];
+    baselineLabel?: string;
+    /** meal anchor, 0–1 of the window (default 0.2) */
+    mealAt?: number;
+    mealLabel?: string;
+    /** `glucose-response`: peak dot index into the curve (default 17) */
+    peakIndex?: number;
+    peakLabel?: string;
+    returnLabel?: string;
+    /** `response-overlay` legend chip */
+    meanLabel?: string;
+    /** top-left mono caption — per-variant catalog default; `''` hides */
+    title?: string;
+    /** top-right bold stat — per-variant catalog default; `''` hides */
+    stat?: string;
+    statColor?: string;
+    /** x-axis captions; catalog defaults per variant */
+    axisLabels?: SessionAxisLabel[];
+    /** main trace stroke width (defaults: 2.5 · sauna temp 2.6 · heat ramp 3) */
+    weight?: number;
+    /** glow underlay — a Gaussian-blurred duplicate of the main trace */
+    shine?: boolean;
+    /** plot height in px (also the viewBox height); default 150 */
+    height?: number;
+    /** accessible description of the chart */
+    ariaLabel?: string;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/** HR zones Z1 (bottom) → Z5 (top) — indigo → coral, like the catalog. */
+export declare const DEFAULT_SESSION_ZONES: SessionZone[];
+/**
+ * SessionChart — the session family: one recorded session as a story (catalog
+ * SN-01…SN-10). `variant` covers HR training over the 5 zone bands (Z1 indigo
+ * → Z5 coral) with the trace stroked by zone height, interval work blocks, the
+ * time-in-zones summary rows, HR recovery (peak pulse + 60s bracket + drop
+ * tag), sauna rounds (heat blocks + plunge tags + TEMP/HR traces) and heat
+ * ramp vs target, overnight recovery (HRV up / RHR down on a violet canvas)
+ * and CGM meal-response curves (baseline band + MEAL rule + peak/return, or a
+ * 3-curve overlay with the bold mean). Native twin of `@lockin90/ui`
+ * SessionChart — same prop API; `shine` is a real Gaussian-blurred duplicate
+ * stroke (Fabric-native SVG filters in react-native-svg 15). The Svg
+ * stretches to the measured container
+ * width via a fixed viewBox + non-uniform scaling; dots, chips and text render
+ * as absolutely-positioned Views placed by percentage so they stay perfectly
+ * round and legible.
+ */
+export declare function SessionChart({ variant, hrSamples, zones, showZoneLabels, intervals, recovery, minutes, rounds, plunges, tempSamples, tempLabel, hrLabel, target, targetLabel, stateLabel, hrvSamples, rhrSamples, hrvLabel, rhrLabel, glucoseSamples, overlays, baselineBand, baselineLabel, mealAt, mealLabel, peakIndex, peakLabel, returnLabel, meanLabel, title, stat, statColor, axisLabels, weight, shine, height, ariaLabel, style, }: SessionChartProps): import("react").JSX.Element;
+//# sourceMappingURL=SessionChart.d.ts.map

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

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

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

@@ -0,0 +1,58 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Set kind — drives the SET-column label + color. */
+export type SetType = 'warmup' | 'working' | 'drop' | 'failure';
+/** Reference-column tint: mint for coach targets, violet accent for AI. */
+export type SetReferenceTone = 'coach' | 'ai' | 'none';
+export interface WorkoutSet {
+    id: string;
+    setType: SetType;
+    /** SET-column label override. Default: `W` warmup · working sets numbered `1,2,…` · `D` drop · `F` failure. */
+    label?: string;
+    weight?: number;
+    reps?: number;
+    unit?: 'kg' | 'lb';
+    /** Reference readout (e.g. the coach/AI recommendation `80×5`). */
+    reference?: string;
+    /** Reference tint — `coach` mint · `ai` violet accent · `none` faint (default). */
+    referenceTone?: SetReferenceTone;
+    done?: boolean;
+    /** Personal record — stamps a red `PR` badge next to the value once `done`. */
+    isPr?: boolean;
+    /** The set being performed now — subtle cyan row tint. */
+    isCurrent?: boolean;
+}
+export type SetTableColumn = 'set' | 'value' | 'reference' | 'check';
+export interface SetTableProps {
+    /** The sets, in order. */
+    sets: WorkoutSet[];
+    /** Columns to render, in this order (default all 4). */
+    columns?: SetTableColumn[];
+    /** Values are tappable (tap → `onSetPress`); they stay plain text — only
+     *  the CURRENT set's value gets the cyan-accented box ("you are here"). */
+    editable?: boolean;
+    /** Row tapped (open the set editor). */
+    onSetPress?: (id: string) => void;
+    /** Done-check toggled. */
+    onTogglePress?: (id: string) => void;
+    /** When given, renders the trailing `+ Add set` row. */
+    onAddSet?: () => void;
+    /** Add-row label (default `'Add set'`). */
+    addLabel?: string;
+    /** Reference column header (default `'Coach rec'`). */
+    referenceHeader?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/** Default SET-column labels: warmup `W`, drop `D`, failure `F`, working sets numbered `1,2,…`. */
+export declare function setLabels(sets: readonly Pick<WorkoutSet, 'setType' | 'label'>[]): string[];
+/**
+ * SetTable — the per-set workout table, the training design's core primitive.
+ * Native twin of the web `SetTable` (same prop API): one row per set with the
+ * colored SET label (`W`/`1`/`2`/`D`/`F` — warmup amber, working cyan, drop
+ * violet, failure magenta), the centered mono `weight×reps` value, the
+ * right-aligned mono reference (coach mint / AI violet accent), and the done
+ * check (filled mint gradient once done). Current set = subtle cyan row
+ * tint; done = subtle mint tint; a PR'd done set floats a red `PrBadge`
+ * right of the value without shifting the centered number.
+ */
+export declare function SetTable({ sets, columns, editable, onSetPress, onTogglePress, onAddSet, addLabel, referenceHeader, style, }: SetTableProps): import("react").JSX.Element;
+//# sourceMappingURL=SetTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetTable.d.ts","sourceRoot":"","sources":["../../../src/components/SetTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOjG,sDAAsD;AACtD,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,2EAA2E;AAC3E,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,+GAA+G;IAC/G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;AAIrE,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B;+EAC2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,0BAA0B;IAC1B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,mGAAmG;AACnG,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,OAAO,CAAC,EAAE,GAAG,MAAM,EAAE,CAO1F;AAyCD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAqB,EACrB,QAAgB,EAChB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,QAAoB,EACpB,eAA6B,EAC7B,KAAK,GACN,EAAE,aAAa,+BAgJf"}

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

@@ -0,0 +1,40 @@
+import { type ViewProps } from 'react-native';
+export type ShareCardGradient = 'flux' | 'cta' | 'mint' | 'violet';
+export type ShareCardSize = 'sm' | 'md' | 'lg';
+export interface ShareCardStat {
+    label: string;
+    value: string;
+}
+export interface ShareCardProps extends ViewProps {
+    /** small mono eyebrow above the metric (e.g. a date range or "Avg energy"). */
+    title?: string;
+    /** the headline — a number or short string (shown big, or inside the `ring`). */
+    metric: string | number;
+    /** small mono caption under the metric (e.g. a zone, "out of 100"). */
+    metricLabel?: string;
+    /** render a `Ring` with `metric` as its centered readout instead of a big number.
+     *  `value` is mapped onto 0–100 against `max` (default 100). */
+    ring?: {
+        value: number;
+        max?: number;
+    };
+    /** up to 3 supporting stats (rendered with the `Stat` primitive). */
+    stats?: ShareCardStat[];
+    /** show the LockIn90 `BrandMark` lockup + watermark @default true */
+    brand?: boolean;
+    /** aurora wash + ring/headline gradient @default 'flux' */
+    gradient?: ShareCardGradient;
+    /** share aspect + scale @default 'md' (sm 1:1 · md 4:5 · lg 9:16) */
+    size?: ShareCardSize;
+}
+/**
+ * ShareCard — the branded, shareable progress/score card users post to socials:
+ * a `BrandMark` lockup, a headline `metric` (a big `GradientText` number or a
+ * `Ring` readout), an optional caption, and up to three supporting `Stat`s, on
+ * an Aurora-gradient wash. The `gradient` token drives the wash + ring/text
+ * gradient; `size` picks the share aspect (1:1 / 4:5 / 9:16). Composed from
+ * BrandMark + GradientText + Ring + Stat. Mirrors the web `@lockin90/ui`
+ * ShareCard. This is the *only* sanctioned share card — never hand-roll one.
+ */
+export declare function ShareCard({ title, metric, metricLabel, ring, stats, brand, gradient, size, style, ...rest }: ShareCardProps): import("react").JSX.Element;
+//# sourceMappingURL=ShareCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareCard.d.ts","sourceRoot":"","sources":["../../../src/components/ShareCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;oEACgE;IAChE,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,qEAAqE;IACrE,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,qEAAqE;IACrE,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAWD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAY,EACZ,QAAiB,EACjB,IAAW,EACX,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,+BAqDhB"}

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

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+export interface SheetProps {
+    /** Show the sheet. When false, nothing renders. */
+    open?: boolean;
+    /** Called on scrim tap or Android back. */
+    onClose?: () => void;
+    /** Edge the panel slides in from. Bottom = full-width bottom sheet with a
+     *  drag handle; right/left = full-height side drawer. */
+    side?: 'bottom' | 'right' | 'left';
+    /** Optional header title (font-display). */
+    title?: string;
+    /** Body content. */
+    children?: ReactNode;
+}
+/** Side drawer + bottom sheet over a dimmed scrim. The bottom variant is
+ *  anchored to the bottom edge with rounded top corners and a centered drag
+ *  handle; right/left variants are full-height ~360px edge panels. Closes on
+ *  scrim tap + Android back; the panel stops propagation. The bottom variant's
+ *  header strip (handle + title) is draggable: pull down past ~25% of the
+ *  sheet height (or fling) to dismiss, otherwise it springs back. */
+export declare function Sheet({ open, onClose, side, title, children }: SheetProps): import("react").JSX.Element;
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAc1D,MAAM,WAAW,UAAU;IACzB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;6DACyD;IACzD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AASD;;;;;qEAKqE;AACrE,wBAAgB,KAAK,CAAC,EAAE,IAAW,EAAE,OAAO,EAAE,IAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAsF3F"}

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

@@ -0,0 +1,9 @@
+import { type ViewProps, type DimensionValue } from 'react-native';
+export interface SkeletonProps extends ViewProps {
+    width?: DimensionValue;
+    height?: DimensionValue;
+    radius?: number;
+}
+/** Placeholder block (static fill; wrap with an Animated shimmer if desired). */
+export declare function Skeleton({ width, height, radius, style, ...rest }: SkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGzE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iFAAiF;AACjF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAW,EAAE,MAAiB,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAEhG"}