@lockin90/ui-native 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,58 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/state-charts.html`). */
+export type ChartStateVariant = 'skeleton-chart' | 'loading-ring' | 'empty-cta' | 'locked-forecast' | 'error-retry' | 'partial-sync';
+export interface ChartStateProps {
+    /** state form (default `'skeleton-chart'`, SV-01) */
+    variant?: ChartStateVariant;
+    /** faint mono caption at the top-left (per-variant catalog default:
+     *  LOADING / SYNCING / NO DATA / NOT ENOUGH DATA / ERROR / PARTIAL DATA) */
+    title?: string;
+    /** the main dim line — the plain-words reason (per-variant default, e.g.
+     *  `'NO MEALS LOGGED YET'`, `"COULDN'T LOAD ENERGY DATA"`) */
+    message?: string;
+    /** `loading-ring` — the second, fainter line: what is actually syncing
+     *  (default 'SYNCING WHOOP + OURA') */
+    detail?: string;
+    /** faint bottom note (skeleton + partial-sync catalog defaults; `''` hides) */
+    caption?: string;
+    /** CTA pill text — `empty-cta` (filled, default 'LOG YOUR FIRST MEAL') and
+     *  `error-retry` (outline, default 'RETRY'); `''` hides the pill */
+    cta?: string;
+    /** pill tint (defaults: empty-cta mint · error-retry coral) */
+    ctaColor?: string;
+    /** press handler for the CTA/RETRY pill — makes it an accessible button */
+    onCtaPress?: () => void;
+    /** `skeleton-chart` — placeholder bar heights 0–1 (default: the catalog 9) */
+    bars?: number[];
+    /** `empty-cta` — dashed ghost-bar heights 0–1 (default `[0.35, 0.55, 0.45]`) */
+    ghostBars?: number[];
+    /** `locked-forecast` ghost curve / `partial-sync` line — values 0–1
+     *  (defaults: the catalog's seeded waves) */
+    data?: number[];
+    /** `locked-forecast` — days of data collected so far (default 3) */
+    progress?: number;
+    /** `locked-forecast` — days required to unlock (default 7) */
+    total?: number;
+    /** `partial-sync` — index of the last synced point (default 8); the line
+     *  is solid through it, dashed ghost after */
+    syncedIndex?: number;
+    /** `partial-sync` — chip at the sync boundary (default 'SYNC PENDING') */
+    pendingLabel?: string;
+    /** glow underlay — wider faint duplicate shapes on native, never filters */
+    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>;
+}
+/**
+ * ChartState — the kit's chart non-data state (catalog family `state-charts`,
+ * SV-01…SV-06): loading, empty, locked, error and partial-sync rendered at
+ * REAL chart geometry so the card doesn't shift when data lands. Native twin
+ * of `@lockin90/ui` ChartState — same prop API + geometry; the partial-sync
+ * pulse is a static dot + halo and glows are wider faint duplicates.
+ */
+export declare function ChartState({ variant, title, message, detail, caption, cta, ctaColor, onCtaPress, bars, ghostBars, data, progress, total, syncedIndex, pendingLabel, shine, width, height, style, }: ChartStateProps): import("react").JSX.Element;
+//# sourceMappingURL=ChartState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartState.d.ts","sourceRoot":"","sources":["../../../src/components/ChartState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAapE,0EAA0E;AAC1E,MAAM,MAAM,iBAAiB,GACzB,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;gFAC4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;kEAC8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;2CACuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;wEACoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;iDAC6C;IAC7C,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;kDAC8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,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;AAyOD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAA0B,EAC1B,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,GAAG,EACH,QAAQ,EACR,UAAU,EACV,IAA4B,EAC5B,SAA8B,EAC9B,IAAI,EACJ,QAAY,EACZ,KAAS,EACT,WAAe,EACf,YAA6B,EAC7B,KAAa,EACb,KAAS,EACT,MAAU,EACV,KAAK,GACN,EAAE,eAAe,+BAgJjB"}

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

@@ -0,0 +1,44 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface CheckboxProps {
+    /** controlled checked state */
+    checked?: boolean;
+    /** show a dash instead of a tick (mixed selection) */
+    indeterminate?: boolean;
+    /** fires with the next checked value */
+    onChange?: (checked: boolean) => void;
+    /** text beside the box */
+    label?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Custom checkbox — accent-filled box with a tick (or dash when indeterminate). */
+export declare function Checkbox({ checked, indeterminate, onChange, label, disabled, style, }: CheckboxProps): import("react").JSX.Element;
+export interface RadioProps {
+    /** controlled selected state */
+    checked?: boolean;
+    /** fires with the next checked value */
+    onChange?: (checked: boolean) => void;
+    /** text beside the dot */
+    label?: string;
+    value?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Custom radio — accent dot fills the ring when selected. */
+export declare function Radio({ checked, onChange, label, disabled, style, }: RadioProps): import("react").JSX.Element;
+export interface RadioOption {
+    value: string;
+    label: string;
+}
+export interface RadioGroupProps {
+    options?: RadioOption[];
+    /** currently selected value */
+    value?: string;
+    /** fires with the chosen option value */
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** A vertical column of mutually-exclusive radios. */
+export declare function RadioGroup({ options, value, onChange, disabled, style, }: RadioGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAqBjG,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,oFAAoF;AACpF,wBAAgB,QAAQ,CAAC,EACvB,OAAe,EACf,aAAqB,EACrB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,aAAa,+BAgBf;AAGD,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,8DAA8D;AAC9D,wBAAgB,KAAK,CAAC,EACpB,OAAe,EACf,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,UAAU,+BAeZ;AAGD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,sDAAsD;AACtD,wBAAgB,UAAU,CAAC,EACzB,OAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,GACN,EAAE,eAAe,+BAiBjB"}

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

@@ -0,0 +1,17 @@
+import { type ViewProps } from 'react-native';
+export type ChipTone = 'default' | 'neutral' | 'high' | 'mid' | 'low' | 'accent' | 'pr';
+/** `md` (default) is the standard status pill; `sm` is the compact count/status
+ *  badge — tighter box, 10px tabular mono, filled-gradient accent. With `dot`,
+ *  `sm` collapses to a bare glowing circle. */
+export type ChipSize = 'sm' | 'md';
+export interface ChipProps extends ViewProps {
+    tone?: ChipTone;
+    /** leading glowing dot in the current color */
+    dot?: boolean;
+    /** `md` (default) status pill · `sm` compact count/status badge (see `ChipSize`). */
+    size?: ChipSize;
+    label: string;
+}
+/** Status pill — mono label, signal-colored tones. `size="sm"` is the compact badge. */
+export declare function Chip({ tone, dot, size, label, style, ...rest }: ChipProps): import("react").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;AACxF;;+CAE+C;AAC/C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,qFAAqF;IACrF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAoCD,wFAAwF;AACxF,wBAAgB,IAAI,CAAC,EAAE,IAAgB,EAAE,GAAG,EAAE,IAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAyC5F"}

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

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ChoiceChipSize = 'sm' | 'md';
+export interface ChoiceChipProps {
+    /** Selected (`.on`) state — accent border + tint + brighter text. */
+    selected?: boolean;
+    /** Pill size. */
+    size?: ChoiceChipSize;
+    /** Leading glow dot (ignored when `icon` is set). */
+    leadingDot?: boolean;
+    /** Leading glyph (overrides `leadingDot`). */
+    icon?: ReactNode;
+    /** Stacked grid-cell layout — icon ABOVE a small centred label, rounded-rect,
+     *  fills its flex cell (vs the default inline pill). For quick-action grids. */
+    stacked?: boolean;
+    /** Disable the pill. */
+    disabled?: boolean;
+    /** Fired on press. */
+    onPress?: () => void;
+    /** Label. */
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * ChoiceChip — a pressable, selectable filter pill (multi-select). The native
+ * twin of the web `ChoiceChip`: a `Pressable` pill whose `selected` state tints
+ * to the accent token. Distinct from the display-only `Chip` and the
+ * single-select `SegmentedTabs`.
+ */
+export declare function ChoiceChip({ selected, size, leadingDot, icon, stacked, disabled, onPress, children, style, }: ChoiceChipProps): import("react").JSX.Element;
+//# sourceMappingURL=ChoiceChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceChip.d.ts","sourceRoot":"","sources":["../../../src/components/ChoiceChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjG,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;oFACgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAgB,EAChB,IAAW,EACX,UAAU,EACV,IAAI,EACJ,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,+BAmCjB"}

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

@@ -0,0 +1,18 @@
+export interface CodeBlockProps {
+    /** The raw code / JSON / identifier shown in the block. */
+    code: string;
+    /** Optional header title, e.g. 'Response' / 'Incident ID' / a filename. */
+    label?: string;
+    /** Render a CopyButton (value=code) in the header. Default true. */
+    copyable?: boolean;
+    /** Wrap long lines instead of horizontal scrolling. Default false. */
+    wrap?: boolean;
+    /** Cap the scroll area height (px); content scrolls vertically past it. */
+    maxHeight?: number;
+}
+/** Monospace code / JSON block on a dark inset surface. Optional header
+ *  (label + traffic-light dots + copy) over a horizontally scrolling mono body
+ *  (or wrapped), optionally height-capped with vertical scroll. Mirrors the web
+ *  `CodeBlock` prop API. Used for raw-record/JSON viewers, incident IDs, keys. */
+export declare function CodeBlock({ code, label, copyable, wrap, maxHeight }: CodeBlockProps): import("react").JSX.Element;
+//# sourceMappingURL=CodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;kFAGkF;AAClF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAe,EAAE,IAAY,EAAE,SAAS,EAAE,EAAE,cAAc,+BA+ClG"}

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

@@ -0,0 +1,22 @@
+import { type TextInputProps } from 'react-native';
+export interface CodeFieldProps extends Omit<TextInputProps, 'value' | 'onChange' | 'onChangeText'> {
+    /** Current code / embed string. */
+    value: string;
+    /** Fired with the next string on every edit. */
+    onChange: (value: string) => void;
+    /** Optional language label rendered as a chip in the header (e.g. 'html', 'json'). */
+    language?: string;
+    /** Placeholder shown when empty. */
+    placeholder?: string;
+    /** Visible rows of the input. Default 8. */
+    rows?: number;
+    /** Invalid state — red border. */
+    invalid?: boolean;
+    /** Wrap long lines. On native the multiline input always wraps; kept for prop parity. */
+    wrap?: boolean;
+}
+/** Editable multiline monospace code / embed input on the same dark inset
+ *  surface as `CodeBlock`. Mirrors the web `CodeField` prop API. Tab-to-insert
+ *  is web-only (no soft-keyboard Tab on native); otherwise identical. */
+export declare function CodeField({ value, onChange, language, placeholder, rows, invalid, wrap: _wrap, style, onFocus, onBlur, ...rest }: CodeFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=CodeField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACnE,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;yEAEyE;AACzE,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAQ,EACR,OAAe,EAGf,IAAI,EAAE,KAAa,EACnB,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,cAAc,+BAsDhB"}

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

@@ -0,0 +1,20 @@
+export interface ColorPickerProps {
+    /** Current color as a hex string (e.g. "#7C5CFF" or "#7C5CFF80" when alpha). */
+    value: string;
+    /** Fires with the next hex string whenever the color changes. */
+    onChange: (hex: string) => void;
+    /** Preset swatch hexes shown in the grid. Defaults to the Aurora spectrum. */
+    swatches?: string[];
+    /** Allow editing an 8-digit (#RRGGBBAA) alpha channel. Default false. */
+    allowAlpha?: boolean;
+    /** Optional small mono label above the trigger. */
+    label?: string;
+    /** Marks the field invalid (red hex Input). */
+    invalid?: boolean;
+}
+/** Swatch-trigger color field (native parity of the web `ColorPicker`). The
+ *  trigger chip shows the current color; tapping it opens a Modal with a hex
+ *  `TextInput` and a grid of preset swatches. There is no OS color wheel on
+ *  native — choose a preset or type a hex. Reuses Input + Modal. */
+export declare function ColorPicker({ value, onChange, swatches, allowAlpha, label, invalid, }: ColorPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA2BD;;;oEAGoE;AACpE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAA2B,EAC3B,UAAkB,EAClB,KAAK,EACL,OAAe,GAChB,EAAE,gBAAgB,+BAoDlB"}

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

@@ -0,0 +1,56 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ComboChartVariant = 'bars-line' | 'area-line' | 'bars-plan';
+/** One combo metric: a named series with its own token + scale. */
+export interface ComboMetric {
+    /** Legend name — the pill reads '<GEOMETRY> · <label>' ('TRAIN MIN'). */
+    label: string;
+    /** Raw values, one per step (rest days ≤ 0 skip their bar). */
+    data: number[];
+    /** Color token override (e.g. colors.lime); defaults per variant. */
+    color?: string;
+    /** The value that maps to the plot top. Default `max(data)/0.94`
+     *  (catalog headroom) — pass `1` for ready-made 0–1 fractions. */
+    max?: number;
+    /** Bars fill opacity (bars metric only). */
+    opacity?: number;
+}
+export interface ComboChartProps {
+    /** Catalog variant (CB-01 / CB-04 / CB-05). */
+    variant?: ComboChartVariant;
+    /** The bars metric — drawn as the filled area on `area-line`. */
+    bars?: ComboMetric;
+    /** The line metric — drawn as dashed plan steps on `bars-plan`. */
+    line?: ComboMetric;
+    /** Top-left mono caption ('TRAINING × ENERGY'). */
+    title?: string;
+    /** Dashed goal rule, in the LINE metric's units (the kcal×weight card). */
+    goal?: number;
+    /** Goal rule pill ('GOAL 78KG'); '' hides the pill (the rule stays). */
+    goalLabel?: string;
+    /** Bottom-left faint label ('14 DAYS' — the catalog default card); '' hides. */
+    caption?: string;
+    /** Chip-pill annotation near the baseline ('PROGRESSIVE OVERLOAD'); '' hides. */
+    note?: string;
+    /** Stacked legend pills, top-right ('BARS · TRAIN MIN' / 'LINE · ENERGY'). */
+    legend?: boolean;
+    /** Interior gridlines + baseline (the catalog grid). */
+    grid?: boolean;
+    /** Soft glow underlay along the smooth line (the catalog glow modifier). */
+    shine?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * ComboChart — dual-metric chart for product surfaces (catalog family
+ * CB-01/04/05): two metrics, one canvas. `bars-line` (default) is THE
+ * dual-metric dashboard chart — bars for one metric, a smooth line for the
+ * other, stacked legend pills naming both; the metric pair + tokens are the
+ * SELECT (workouts×energy, sleep×HRV, kcal×weight + goal rule …).
+ * `area-line` fills the first metric as an area under the companion line
+ * (load vs capacity); `bars-plan` draws volume bars against a dashed white
+ * stepped plan line (the progressive-overload ramp).
+ */
+export declare function ComboChart({ variant, bars, line, title, goal, goalLabel, caption, note, legend, grid, shine, ariaLabel, style, }: ComboChartProps): import("react").JSX.Element;
+//# sourceMappingURL=ComboChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboChart.d.ts","sourceRoot":"","sources":["../../../src/components/ComboChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAYhF,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,mEAAmE;AACnE,MAAM,WAAW,WAAW;IAC1B,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;sEACkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iEAAiE;IACjE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA4ND;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAqB,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAkB,EAClB,OAAO,EACP,IAAI,EACJ,MAAa,EACb,IAAW,EACX,KAAa,EACb,SAAyB,EACzB,KAAK,GACN,EAAE,eAAe,+BAuKjB"}

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

@@ -0,0 +1,39 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ComboboxOption {
+    /** Stable identifier passed back to `onSelect`. */
+    value: string;
+    /** Primary line shown in the result row. */
+    label: string;
+    /** Optional dimmer second line under the label. */
+    sublabel?: string;
+}
+export interface ComboboxProps {
+    /** Current results to show (the consumer fetches/filters these). */
+    options: ComboboxOption[];
+    /** Fired as the user types — the consumer debounces/fetches and feeds `options`. */
+    onSearch: (query: string) => void;
+    /** Fired when a result row is chosen; the panel then closes. */
+    onSelect: (option: ComboboxOption) => void;
+    /** Placeholder copy for the search field. */
+    placeholder?: string;
+    /** Show a loading row while results fetch. */
+    loading?: boolean;
+    /** Shown when the query is non-empty, there are no options, and not loading. */
+    emptyText?: string;
+    /** Optional controlled query text. */
+    value?: string;
+    /** Extra style on the root wrapper. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Combobox — a search field (magnifier + clear) with an inline results panel
+ * below it. Each result is a `ListRow` (label + optional sublabel); choosing
+ * one calls `onSelect` and closes the panel. While `loading`, a `DotsLoader`
+ * row shows; a non-empty query with zero options (and not loading) shows the
+ * `emptyText` row. Manages its own query and open state, respecting a
+ * controlled `value` when provided. Mirrors the web `@lockin90/ui` Combobox —
+ * same name, props, and visual result list (rendered inline rather than in a
+ * portaled dropdown).
+ */
+export declare function Combobox({ options, onSearch, onSelect, placeholder, loading, emptyText, value, style, }: ComboboxProps): import("react").JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMtF,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gEAAgE;IAChE,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAuB,EACvB,OAAe,EACf,SAAwB,EACxB,KAAK,EACL,KAAK,GACN,EAAE,aAAa,+BAwDf"}

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

@@ -0,0 +1,80 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type CompareChartVariant = 'slope-panel' | 'dumbbell-rows' | 'bump-ranks' | 'delta-arrows' | 'mirror-bars' | 'cohort-slopes' | 'ladder-steps';
+/** One before/after metric on the shared 0–1 normalized scale. The printed
+ *  delta = `round((after − before) * 100)`, signed. */
+export interface CompareMetric {
+    /** Metric name, drawn in mono (e.g. "ENERGY"). */
+    name: string;
+    /** Day-1 value, 0–1. */
+    before: number;
+    /** Day-90 value, 0–1. */
+    after: number;
+    /** Color token override (e.g. `colors.violet`). Down-moves still render
+     *  `colors.zoneLow` in slope-panel / dumbbell-rows / delta-arrows (catalog). */
+    color?: string;
+}
+/** One bump-ranks series — rank 1 = the top lane. */
+export interface RankSeries {
+    /** Series name, drawn in mono left of the first point. */
+    name: string;
+    /** Rank per column (1 = top); lanes span to the max rank across series. */
+    ranks: number[];
+    /** Color token override (e.g. `colors.violet`). */
+    color?: string;
+}
+/** One ladder-steps milestone — `value` is the 0–1 dot height. */
+export interface LadderStep {
+    /** Milestone name, drawn in a chip-pill above the dot. */
+    label: string;
+    /** Dot height, 0–1. */
+    value: number;
+    /** done = mint-60% · now = solid mint + pulse · ahead = faint + dashed link. */
+    state: 'done' | 'now' | 'ahead';
+}
+export interface CompareChartProps {
+    /** Catalog variant (CP-01 … CP-07). */
+    variant?: CompareChartVariant;
+    /** Before/after metrics — slope-panel (first 4) / dumbbell-rows /
+     *  delta-arrows / mirror-bars / cohort-slopes (hero = `metrics[0]`). */
+    metrics?: CompareMetric[];
+    /** Rank series for `bump-ranks`. */
+    series?: RankSeries[];
+    /** Milestones for `ladder-steps`. */
+    steps?: LadderStep[];
+    /** Faint ghost slopes behind the `cohort-slopes` hero. */
+    cohort?: Array<{
+        before: number;
+        after: number;
+    }>;
+    /** Top-left mono caption (e.g. 'DAY 1 → DAY 90'). */
+    title?: string;
+    /** Left column caption (slope variants) / left mirror caption. */
+    startLabel?: string;
+    /** Right column caption (slope variants) / right mirror caption. */
+    endLabel?: string;
+    /** Hero chip-pill for `cohort-slopes` (e.g. 'ENERGY +26 IN 90 DAYS'),
+     *  drawn top-center. */
+    badge?: string;
+    /** `bump-ranks` x captions; defaults to W1…Wn. */
+    columns?: string[];
+    /** `dumbbell-rows` footer caption; `''` hides it. */
+    legend?: string;
+    /** Wider faint glow duplicate under the slope lines (catalog glow modifier). */
+    shine?: boolean;
+    /** Accessible description of the chart. */
+    ariaLabel?: string;
+    /** Optional container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * CompareChart — before/after compare chart for product surfaces (catalog
+ * family CP-01…CP-07). `slope-panel` draws one slope per metric between the
+ * DAY 1 / DAY 90 columns (up = own hue, down = coral); `dumbbell-rows` draws
+ * dim-start → solid-end dot pairs; `bump-ranks` draws smooth rank lines over
+ * lanes; `delta-arrows` draws signed arrow bars off a center zero-line;
+ * `mirror-bars` mirrors before/after bars around a center spine;
+ * `cohort-slopes` puts the hero metric's slope over faint cohort ghosts;
+ * `ladder-steps` climbs milestone dots with a static-halo NOW. Values are 0–1.
+ */
+export declare function CompareChart({ variant, metrics, series, steps, cohort, title, startLabel, endLabel, badge, columns, legend, shine, ariaLabel, style, }: CompareChartProps): import("react").JSX.Element;
+//# sourceMappingURL=CompareChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompareChart.d.ts","sourceRoot":"","sources":["../../../src/components/CompareChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAchF,MAAM,MAAM,mBAAmB,GAC3B,aAAa,GACb,eAAe,GACf,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB;uDACuD;AACvD,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qDAAqD;AACrD,MAAM,WAAW,UAAU;IACzB,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,kEAAkE;AAClE,MAAM,WAAW,UAAU;IACzB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;4EACwE;IACxE,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,oCAAoC;IACpC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,qCAAqC;IACrC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;4BACwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAqKD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAuB,EACvB,OAAyB,EACzB,MAAuB,EACvB,KAAqB,EACrB,MAAM,EACN,KAAK,EACL,UAAoB,EACpB,QAAmB,EACnB,KAAK,EACL,OAAO,EACP,MAAuC,EACvC,KAAa,EACb,SAAuC,EACvC,KAAK,GACN,EAAE,iBAAiB,+BA8WnB"}

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

@@ -0,0 +1,83 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names (`lockin90-design/charts/composite-charts.html`). */
+export type CompositeChartVariant = 'treemap' | 'horizon-rows' | 'calendar-micro' | 'goal-tree';
+/** One `treemap` tile (CM-01). */
+export interface CompositeTreemapItem {
+    /** tile label (e.g. 'SLEEP') */
+    label: string;
+    /** share, in percent (drives the % caption + zone coloring) */
+    value: number;
+    /** tile hue (token; used by `coloring="time"`) */
+    color?: string;
+}
+/** One `horizon-rows` metric band (CM-03). */
+export interface CompositeHorizonRow {
+    /** row label at the left (e.g. 'ENERGY') */
+    label: string;
+    /** band hue (token; default mint) */
+    color?: string;
+    /** daily values 0–1, oldest → newest */
+    values: number[];
+}
+/** One ring of the `goal-tree` (CM-07) — the root or a child habit. */
+export interface CompositeGoalNode {
+    /** chip label (root above, children below) */
+    label: string;
+    /** ring fill 0–100 — also the center readout */
+    value: number;
+    /** ring hue (token; root defaults mint) */
+    color?: string;
+}
+export interface CompositeChartProps {
+    /** chart form (default `'treemap'`, CM-01) */
+    variant?: CompositeChartVariant;
+    /** `treemap` — the tiles (default: the catalog's 6-way week split) */
+    items?: CompositeTreemapItem[];
+    /** `treemap` — SELECT COLORING: own `time`-share hues / `zone` verdicts
+     *  (> 20% high · > 10% mid · else low) — default `'time'` */
+    coloring?: 'time' | 'zone';
+    /** `horizon-rows` — the metric bands (default: the catalog's 4 × 40 days) */
+    rows?: CompositeHorizonRow[];
+    /** `horizon-rows` — SELECT MODE: `absolute` values / folded `deviation`
+     *  (|v − 0.5|·2 vs baseline) — default `'absolute'` */
+    mode?: 'absolute' | 'deviation';
+    /** `calendar-micro` — one series per day, 0–1 (7 per row; default: the
+     *  catalog's 28 seeded days) */
+    days?: number[][];
+    /** `calendar-micro` — SELECT CELL: `spark`line / `bars` — default `'spark'` */
+    cell?: 'spark' | 'bars';
+    /** `calendar-micro` — weekday letters under the columns (default 'MTWTFSS') */
+    weekLabels?: string;
+    /** `goal-tree` — the root goal ring (default: the catalog's ENERGY 74) */
+    root?: CompositeGoalNode;
+    /** `goal-tree` — the child habit rings (default: the catalog's 3) */
+    branches?: CompositeGoalNode[];
+    /** `horizon-rows` — faint caption at the bottom-right (per-mode default) */
+    legend?: string;
+    /** faint mono caption at the top-left (per-variant catalog default) */
+    title?: string;
+    /** glow underlay — wider faint duplicate shapes on native, never filters */
+    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>;
+}
+/**
+ * CompositeChart — the kit's density/structure composite (catalog family
+ * `composite-charts`, CM-01/03/05/07): many numbers in one compact canvas.
+ * Native twin of `@lockin90/ui` CompositeChart — same prop API + geometry;
+ * `shine` glows are real Gaussian-blurred duplicate shapes.
+ *
+ * - `treemap` (CM-01, default) — nested rounded rects, 28% fills + tinted
+ *   borders; SELECT `coloring`: `time` hues / `zone` verdicts.
+ * - `horizon-rows` (CM-03) — folded 2-layer opacity bands; SELECT `mode`:
+ *   `absolute` / `deviation` vs baseline.
+ * - `calendar-micro` (CM-05) — month grid of zone-colored micro-charts;
+ *   SELECT `cell`: `spark` / `bars`.
+ * - `goal-tree` (CM-07) — root goal ring + child habit rings + connectors.
+ */
+export declare function CompositeChart({ variant, items, coloring, rows, mode, days, cell, weekLabels, root, branches, legend, title, shine, width, height, style, }: CompositeChartProps): import("react").JSX.Element;
+//# sourceMappingURL=CompositeChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeChart.d.ts","sourceRoot":"","sources":["../../../src/components/CompositeChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAYpE,8EAA8E;AAC9E,MAAM,MAAM,qBAAqB,GAC7B,SAAS,GACT,cAAc,GACd,gBAAgB,GAChB,WAAW,CAAC;AAEhB,kCAAkC;AAClC,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,8CAA8C;AAC9C,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,uEAAuE;AACvE,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B;iEAC6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B;2DACuD;IACvD,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC;oCACgC;IAChC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,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;AAuPD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAmB,EACnB,KAAqB,EACrB,QAAiB,EACjB,IAAmB,EACnB,IAAiB,EACjB,IAAI,EACJ,IAAc,EACd,UAAsB,EACtB,IAAmB,EACnB,QAA2B,EAC3B,MAAM,EACN,KAAK,EACL,KAAa,EACb,KAAS,EACT,MAAU,EACV,KAAK,GACN,EAAE,mBAAmB,+BAoPrB"}

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

@@ -0,0 +1,28 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type CountdownUnit = 'days' | 'hours' | 'minutes' | 'seconds';
+export interface CountdownProps {
+    /** Target epoch (ms). When set, the countdown ticks live every second and clears on unmount. */
+    to?: number;
+    /** Static parts shown when `to` is not provided (a fixed, non-ticking countdown). */
+    parts?: {
+        days?: number;
+        hours?: number;
+        minutes?: number;
+        seconds?: number;
+    };
+    /** Which cells to render, in order. Defaults to all four. */
+    units?: CountdownUnit[];
+    /** The unit cell to render glowing (the `.lit` accent cell). */
+    highlightUnit?: CountdownUnit;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Countdown — a row of glass cells (days / hours / minutes / seconds), each a big
+ * display number with a mono unit label, counting down to a target time.
+ *
+ * Pass `to` (epoch ms) to tick live every second, or `parts` for a static render.
+ * `highlightUnit` glows one cell with the accent border + glow. Clamps at zero.
+ * Native analogue of the web `Countdown` — identical prop API.
+ */
+export declare function Countdown({ to, parts, units, highlightUnit, style }: CountdownProps): import("react").JSX.Element;
+//# sourceMappingURL=Countdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../../src/components/Countdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAWrE,MAAM,WAAW,cAAc;IAC7B,gGAAgG;IAChG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9E,6DAA6D;IAC7D,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,gEAAgE;IAChE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAkBD;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAiB,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,cAAc,+BA2D/F"}

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

@@ -0,0 +1,26 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Card-art gradient (mirrors the `@lockin90/tokens` gradient tokens). */
+export type CardGradient = 'cta' | 'flux' | 'violet' | 'mint' | 'warm';
+export interface CreditCardVisualProps {
+    /** last 4 digits — rendered as `•••• •••• •••• {last4}` */
+    last4: string;
+    /** cardholder name (uppercased for display) */
+    holder?: string;
+    /** expiry, `'MM/YY'` */
+    expiry?: string;
+    /** brand label shown top-right, e.g. `'VISA'` (plain text, not a logo) */
+    brand?: string;
+    /** card-art gradient @default 'cta' */
+    gradient?: CardGradient;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * CreditCardVisual — a credit-card-aspect (≈1.586:1) gradient panel mirroring the
+ * `.creditcard` art in the billing mockup: a brand label top-right, a metallic
+ * chip glyph, the masked card-number row (mono, letter-spaced) and a bottom row
+ * with the cardholder (mono uppercase) + expiry. The chosen `gradient` fills the
+ * art (via `expo-linear-gradient`) behind a subtle sheen. Tokens-driven; web twin
+ * lives in `@lockin90/ui` with an identical name, props and visuals.
+ */
+export declare function CreditCardVisual({ last4, holder, expiry, brand, gradient, style }: CreditCardVisualProps): import("react").JSX.Element;
+//# sourceMappingURL=CreditCardVisual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardVisual.d.ts","sourceRoot":"","sources":["../../../src/components/CreditCardVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAeD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAgB,EAAE,KAAK,EAAE,EAAE,qBAAqB,+BAmChH"}