@lockin90/ui-native 0.0.0-stage → 1.0.1

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

@@ -0,0 +1,52 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type IconName } from './Icon';
+/** One tab: a glyph over a short label. */
+export interface TabBarItem {
+    /** Glyph. Pass a node, or an `IconName` to draw the shared icon set tinted
+     *  to the tab's active/inactive color automatically. */
+    icon: ReactNode | IconName;
+    label: string;
+}
+export interface TabBarProps {
+    /** Tabs, left→right. Defaults to a 5-tab Home/Log/Coach/Stats/More set. */
+    items?: TabBarItem[];
+    /** Index of the active tab. */
+    active?: number;
+    /** Fires with the pressed tab index. */
+    onChange?: (index: number) => void;
+    /** Index of the item rendered as an elevated center FAB — a gradient tile that
+     *  overhangs the bar top, label beneath. Omit for a flat bar. */
+    fabIndex?: number;
+    /** Press handler for the FAB item (falls back to `onChange(fabIndex)`). */
+    onFabPress?: () => void;
+    /** Floating rounded glass-pill bar (the mockups' `.tabbar`) instead of the
+     *  default solid pinned bar with a top border. Position it yourself with
+     *  `style` (e.g. `position:'absolute', left/right/bottom`). */
+    floating?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Bottom navigation bar — a glass row of icon-over-label tab buttons; the active
+ * tab glows in the accent color, the rest sit faint. Glass bar with a top
+ * border, meant to sit pinned to the bottom of a screen.
+ */
+export declare function TabBar({ items, active, onChange, fabIndex, onFabPress, floating, style, }: TabBarProps): import("react").JSX.Element;
+export interface FABProps {
+    /** Glyph rendered inside the button. Defaults to a plus. */
+    icon?: ReactNode;
+    /** Optional text — renders an extended (pill) FAB instead of a circle. */
+    label?: string;
+    /** Fires on press. */
+    onPress?: () => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+}
+/**
+ * Floating action button — a circular energy-gradient button with a strong glow
+ * and a press lift. With a `label` it grows into an extended pill FAB.
+ * Positioning is left to the consumer.
+ */
+export declare function FAB({ icon, label, onPress, disabled, style, accessibilityLabel, }: FABProps): import("react").JSX.Element;
+//# sourceMappingURL=TabBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar.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,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAS7C,2CAA2C;AAC3C,MAAM,WAAW,UAAU;IACzB;4DACwD;IACxD,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;qEACiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;mEAE+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAoBD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAqB,EACrB,MAAU,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,+BA2Db;AAED,MAAM,WAAW,QAAQ;IACvB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,kBAAkB,GACnB,EAAE,QAAQ,+BA0BV"}

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

@@ -0,0 +1,64 @@
+import { type ReactNode } from 'react';
+export interface TableColumn {
+    /** Key looked up on each row to read the cell value. */
+    key: string;
+    /** Column header label (rendered mono uppercase). */
+    header: string;
+    /** Horizontal alignment for the header + cells. Default 'left'. */
+    align?: 'left' | 'right' | 'center';
+    /** Optional fixed column width (number of px). */
+    width?: number;
+    /** Render this column's cells in the mono font with tabular numerals. */
+    mono?: boolean;
+    /** Make this header pressable to sort by `key`. Pair with the Table sort props. */
+    sortable?: boolean;
+}
+export interface TableProps {
+    /** Column definitions. Defaults to a small billing sample. */
+    columns?: TableColumn[];
+    /** Row data — each cell value is read as `row[col.key]`. Defaults to a sample. */
+    rows?: Record<string, ReactNode>[];
+    /** Fired when a body row is pressed. */
+    onRowClick?: (row: Record<string, ReactNode>, index: number) => void;
+    /** Tighter vertical padding for data-dense admin tables. */
+    dense?: boolean;
+    /** Key of the currently-sorted column — that header brightens + shows its direction. */
+    sortKey?: string;
+    /** Sort direction of the active column. Default 'asc'. */
+    sortDir?: 'asc' | 'desc';
+    /** Fired with a sortable column's `key` when its header is pressed. */
+    onSort?: (key: string) => void;
+    /** Show a leading checkbox column with a select-all header checkbox. */
+    selectable?: boolean;
+    /** Stable key per row used for selection. Defaults to the row index as a string. */
+    rowKey?: (row: Record<string, ReactNode>, index: number) => string;
+    /** Controlled set of selected row keys. */
+    selectedKeys?: string[];
+    /** Fired with the next set of selected row keys when selection changes. */
+    onSelectionChange?: (keys: string[]) => void;
+    /**
+     * Per-row status tint. Return `'ok' | 'warn' | 'danger'` to give a row a subtle
+     * left-border + gradient tint (mint / amber / rose), or `undefined` for none.
+     * If omitted, the row's own `_tone` field is read as a fallback. Tints are purely
+     * decorative and don't change layout.
+     */
+    rowTone?: (row: Record<string, ReactNode>, index: number) => 'ok' | 'warn' | 'danger' | undefined;
+    /** Enable the expandable-detail-row affordance — adds a leading chevron column. */
+    expandable?: boolean;
+    /** Renders the full-width detail panel shown beneath an expanded row. */
+    renderDetail?: (row: Record<string, ReactNode>, index: number) => ReactNode;
+    /** Controlled set of expanded row keys (uses the same `rowKey` accessor). */
+    expandedKeys?: (string | number)[];
+    /** Fired with the next set of expanded row keys when an expand toggle changes. */
+    onExpandedChange?: (keys: (string | number)[]) => void;
+}
+/** Next expanded-keys list after toggling `key`: removed when present, appended
+ *  when absent (set semantics — duplicates collapse, order of survivors kept).
+ *  (Pure — extracted from the component so the bookkeeping is unit-testable.) */
+export declare function toggleExpandKey(keys: Iterable<string | number>, key: string | number): (string | number)[];
+/** Glass data table — RN has no `<table>`, so it's built with Views: a
+ *  mono-uppercase faint header row, then a Pressable hairline-bordered row per
+ *  datum, cells flexing by column with align + mono support and an opt-in dense
+ *  mode. Wrapped in a horizontal ScrollView for overflow. The base admin atom. */
+export declare function Table({ columns, rows, onRowClick, dense, sortKey, sortDir, onSort, selectable, rowKey, selectedKeys, onSelectionChange, rowTone, expandable, renderDetail, expandedKeys, onExpandedChange, }: TableProps): import("react").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,WAAW;IAC1B,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC;IACnC,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnE,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CACR,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9B,KAAK,EAAE,MAAM,KACV,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1C,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC5E,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACxD;AAoDD;;iFAEiF;AACjF,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,EAC/B,GAAG,EAAE,MAAM,GAAG,MAAM,GACnB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAKrB;AAoBD;;;kFAGkF;AAClF,wBAAgB,KAAK,CAAC,EACpB,OAAyB,EACzB,IAAmB,EACnB,UAAU,EACV,KAAK,EACL,OAAO,EACP,OAAe,EACf,MAAM,EACN,UAAkB,EAClB,MAA+B,EAC/B,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,UAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,gBAAgB,GACjB,EAAE,UAAU,+BA6MZ"}

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

@@ -0,0 +1,16 @@
+export interface TabsProps {
+    /** Tab labels, one button each. */
+    tabs?: string[];
+    /** Index of the active tab. */
+    active?: number;
+    /** Fires with the pressed tab index. */
+    onChange?: (index: number) => void;
+}
+/**
+ * Underline tab bar — a horizontal row of text tabs along a 1px bottom rail; the
+ * active tab is brighter and carries a 2px accent-gradient underline sitting on
+ * the rail. Distinct from the pill-track `SegmentedTabs`. Mirrors the web
+ * `@lockin90/ui` `Tabs`.
+ */
+export declare function Tabs({ tabs, active, onChange, }: TabsProps): import("react").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAA2C,EAC3C,MAAU,EACV,QAAQ,GACT,EAAE,SAAS,+BAgCX"}

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

@@ -0,0 +1,31 @@
+import { type ViewProps } from 'react-native';
+export interface TagCloudItem {
+    /** the tag text */
+    label: string;
+    /** relative importance / frequency — maps to one of 4 size buckets */
+    weight?: number;
+    /** per-tag press handler (overrides the cloud-level `onTagPress`) */
+    onPress?: () => void;
+}
+/** weight → size bucket. */
+export type TagCloudSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface TagCloudProps extends ViewProps {
+    /** the weighted tags to render */
+    tags: TagCloudItem[];
+    /**
+     * `mono` (default) keeps every pill the neutral glass/dim style, varying only
+     * size; `gradient` tints the heavier buckets with the energy spectrum.
+     */
+    colorMode?: 'mono' | 'gradient';
+    /** cloud-level press handler — fires for any tag without its own `onPress` */
+    onTagPress?: (tag: TagCloudItem) => void;
+}
+/**
+ * Map an arbitrary weight to one of 4 buckets. Treats the canonical 1..4 scale
+ * directly; values outside that clamp to the nearest bucket so any positive
+ * number still resolves sensibly.
+ */
+export declare function weightToSize(weight: number | undefined): TagCloudSize;
+/** Weighted tag cloud — flex-wrapped mono pills sized by importance. */
+export declare function TagCloud({ tags, colorMode, onTagPress, style, ...rest }: TagCloudProps): import("react").JSX.Element;
+//# sourceMappingURL=TagCloud.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagCloud.d.ts","sourceRoot":"","sources":["../../../src/components/TagCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAUjF,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,4BAA4B;AAC5B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,kCAAkC;IAClC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAMrE;AAgBD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAkB,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BA4B/F"}

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

@@ -0,0 +1,37 @@
+import { type ViewProps } from 'react-native';
+export interface TagInputProps extends ViewProps {
+    /** current tags (seeds internal state) */
+    tags?: string[];
+    /** called with the full tag list whenever it changes */
+    onChange?: (tags: string[]) => void;
+    /** placeholder for the text input */
+    placeholder?: string;
+    /** error state — red border + glow (e.g. a duplicate / invalid tag) */
+    invalid?: boolean;
+}
+/** Multi-value tag entry — removable mono pills + borderless input. */
+export declare function TagInput({ tags: tagsProp, onChange, placeholder, invalid, style, ...rest }: TagInputProps): import("react").JSX.Element;
+export interface CodeInputProps extends ViewProps {
+    /** number of code boxes */
+    length?: number;
+    /** controlled code value */
+    value?: string;
+    /** called with the joined code whenever it changes */
+    onChange?: (code: string) => void;
+    /** error state — red border + tint (e.g. wrong code) */
+    error?: boolean;
+    /** Web-parity alias of `error` — the web `CodeInput` names this `invalid`, so
+     *  the same prop works on both platforms. Either prop turns the boxes red. */
+    invalid?: boolean;
+}
+/** Spread a multi-char entry (paste / iOS SMS autofill delivered into one box)
+ *  across the code boxes from `index` on: chars past the last box are dropped,
+ *  and focus lands after the last written char (clamped to the last box).
+ *  (Pure — extracted from `onBoxChange` so the paste math is unit-testable.) */
+export declare function spreadCodeAcrossBoxes(chars: readonly string[], index: number, digits: string, length: number): {
+    code: string;
+    focusIndex: number;
+};
+/** Segmented N-digit verification code — auto-advance + backspace. */
+export declare function CodeInput({ length, value, onChange, error, invalid, style, ...rest }: CodeInputProps): import("react").JSX.Element;
+//# sourceMappingURL=TagInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAWtB,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EAAE,QAAgC,EACtC,QAAQ,EACR,WAA0B,EAC1B,OAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,+BA6Df;AASD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;kFAC8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;gFAGgF;AAChF,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAMtC;AAED,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,EAAE,MAAU,EAAE,KAAU,EAAE,QAAQ,EAAE,KAAa,EAAE,OAAe,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BA4F7H"}

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

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Who authored the template — coach/AI show a tinted source pill. */
+export type TemplateSource = 'coach' | 'ai' | 'manual';
+export interface TemplateCardProps {
+    /** Template name (display font). */
+    name: string;
+    /** Dim summary line (e.g. `'Chest · Arms · 5 ex · ~48m'`). */
+    meta?: string;
+    /** Bold emphasized fragment appended to the meta line after a `' · '`
+     *  separator (e.g. the exercise count `'5 ex'` — design `.tpl .mt b`,
+     *  reads slightly brighter than the rest of the meta line). */
+    metaCount?: string;
+    /** Faint mono footer (e.g. `'Last used 2d ago'`). */
+    lastUsed?: string;
+    /** Authoring source — `coach` mint pill · `ai` violet pill · `manual` none (default). */
+    source?: TemplateSource;
+    /** Accent color for the left edge bar (any token, e.g. `colors.cyan`) — the
+     *  edge bar renders only when `leading` is absent (see `leading`). */
+    tint?: string;
+    /**
+     * Leading 34×34 tinted icon tile (design `.tpl .ti.tile` — the row's
+     * primary identifier, e.g. `<Icon name={workoutTypeIcon(type)} />`).
+     * Colored from `tint` (13%-fill / 33%-border, the app's tile convention).
+     * When set, this REPLACES the plain `tint` edge bar (the mockup never
+     * shows both together).
+     */
+    leading?: ReactNode;
+    /** When set, the card becomes a `Pressable` (mirrors the web `onPress`). */
+    onPress?: () => void;
+    /** Trailing slot pinned right (chevron, menu, duration…). */
+    trailing?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * TemplateCard — a workout-template row card. Native twin of the web
+ * `TemplateCard` (same prop API): glass surface, display-font name, dim meta
+ * line, faint mono "last used", a small mint `Coach` / violet `AI` source
+ * pill when the template wasn't hand-built, and a `tint` accent bar down the
+ * left edge. With `onPress` the whole card is the tap target.
+ */
+export declare function TemplateCard({ name, meta, metaCount, lastUsed, source, tint, leading, onPress, trailing, style, }: TemplateCardProps): import("react").JSX.Element;
+//# sourceMappingURL=TemplateCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateCard.d.ts","sourceRoot":"","sources":["../../../src/components/TemplateCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjG,sEAAsE;AACtE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;mEAE+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yFAAyF;IACzF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;0EACsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAOD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAiB,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE,iBAAiB,+BAyDnB"}

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export type TimelineStatus = 'done' | 'now' | 'next';
+export interface TimelineItem {
+    title: string;
+    /** Optional time/date label, e.g. "Today", "In 2 months", "Q3 2026". */
+    date?: string;
+    description?: ReactNode;
+    status?: TimelineStatus;
+    statusLabel?: string;
+}
+export interface TimelineProps extends ViewProps {
+    items?: TimelineItem[];
+}
+/** Vertical milestone timeline — done → now → next, each with a time/date label
+ *  and a status chip. Native twin of the web Timeline (the "coming soon" component). */
+export declare function Timeline({ items, style, ...rest }: TimelineProps): import("react").JSX.Element;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOtE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB;AAqCD;wFACwF;AACxF,wBAAgB,QAAQ,CAAC,EAAE,KAAqB,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BA8BhF"}

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

@@ -0,0 +1,124 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Catalog variant names — one per timeline form in
+ *  `lockin90-design/charts/timeline-charts.html` (TL-01 … TL-20). */
+export type TimelineChartVariant = 'event-line' | 'now-strip' | 'planned-hollow' | 'zone-strip' | 'spark-under' | 'heat-ticks' | 'range-blocks' | 'multi-lane' | 'gantt-mini' | 'duration-brackets' | 'cluster-bubbles' | 'ticks-24h' | 'feed' | 'milestone-flags' | 'journey-line' | 'now-zone-strip';
+/** TL-01 SELECT MARKERS: plain dots / icon pins with glow heads / chip pills. */
+export type TimelineMarkerStyle = 'dots' | 'pins' | 'pills';
+/** TL-15 SELECT LAYOUT: rail on the left / centered with alternating sides. */
+export type TimelineFeedLayout = 'single-side' | 'alternating';
+/** A point-in-time event on the rail (or a row of the `feed` variant). */
+export interface TimelineEvent {
+    /** position along the rail as a 0–1 fraction of the visible window
+     *  (unused by `feed`, which lays rows out in array order) */
+    at?: number;
+    /** pill/chip text (pills · feed · milestone-flags) */
+    label?: string;
+    /** marker color (hex, e.g. `colors.mint`); defaults to `colors.mint` */
+    color?: string;
+    /** `feed` only: the small time caption beside the rail (e.g. `'7:10'`) */
+    time?: string;
+}
+/** A time range on the rail (`range-blocks` / `gantt-mini` / `duration-brackets`
+ *  and the rows inside a `TimelineLane`). */
+export interface TimelineSpan {
+    /** span start, 0–1 fraction of the window */
+    from: number;
+    /** span end, 0–1 fraction of the window */
+    to: number;
+    /** inline label (dark ink inside blocks · chip over brackets) */
+    label?: string;
+    /** span color (hex); defaults to `colors.mint` */
+    color?: string;
+}
+/** One named lane of the `multi-lane` variant. */
+export interface TimelineLane {
+    name: string;
+    spans: TimelineSpan[];
+}
+/** A density bubble of the `cluster-bubbles` variant — sized by `count`. */
+export interface TimelineCluster {
+    at: number;
+    count: number;
+    color?: string;
+}
+/** A milestone ring on the `journey-line` rail. */
+export interface TimelineMilestone {
+    at: number;
+    label: string;
+}
+/** An x-axis caption at a 0–1 fraction of the rail. */
+export interface TimelineAxisLabel {
+    at: number;
+    label: string;
+}
+/** One stop of the `zone-strip` band gradient (energy by hour). */
+export interface TimelineZoneStop {
+    offset: number;
+    color: string;
+    opacity?: number;
+}
+export interface TimelineChartProps {
+    /** catalog variant (TL-01 … TL-20); default `event-line` */
+    variant?: TimelineChartVariant;
+    /** rail events (event variants · `ticks-24h` · `feed` rows · `milestone-flags`) */
+    events?: TimelineEvent[];
+    /** time ranges (`range-blocks` / `gantt-mini` / `duration-brackets`) */
+    spans?: TimelineSpan[];
+    /** named lanes (`multi-lane`) */
+    lanes?: TimelineLane[];
+    /** density bubbles (`cluster-bubbles`) */
+    clusters?: TimelineCluster[];
+    /** TL-01 SELECT — event marker style; default `dots` */
+    markers?: TimelineMarkerStyle;
+    /** TL-15 SELECT — feed layout; default `single-side` */
+    layout?: TimelineFeedLayout;
+    /** NOW anchor (0–1): vertical rule + pulse; past/future split on
+     *  `now-strip`/`now-zone-strip` (future dots 35%) and `planned-hollow`
+     *  (future = dashed hollow rings). Defaults: 0.6 / 0.55 / 0.5 per variant. */
+    now?: number;
+    /** NOW rule caption (default `'NOW'`) */
+    nowLabel?: string;
+    /** zone band gradient stops (`zone-strip` / `now-zone-strip`); catalog default */
+    zoneStops?: TimelineZoneStop[];
+    /** faint context sparkline values 0–1 (`spark-under`; drawn on any rail variant) */
+    spark?: number[];
+    /** hourly values 0–1 → tick color by zone verdict (`heat-ticks`) */
+    heat?: number[];
+    /** journey position, 0–1 (`journey-line`; default 0.62) */
+    progress?: number;
+    /** chip riding the journey position (default `'DAY 56 · 62%'`; `''` hides) */
+    progressLabel?: string;
+    /** journey milestone rings (default START / DAY 30 / DAY 60 / DAY 90) */
+    milestones?: TimelineMilestone[];
+    /** top-left mono caption. Per-variant catalog default (`'TODAY'`,
+     *  `'TODAY · LOG'`, `'PROGRAM PHASES'`, `'MILESTONES · 90D'`,
+     *  `'90-DAY PROGRAM'`); pass `''` to hide. */
+    title?: string;
+    /** x-axis captions; catalog defaults per variant (6AM/NOON/11PM …) */
+    axisLabels?: TimelineAxisLabel[];
+    /** glow underlay — a Gaussian-blurred rail duplicate on `journey-line`,
+     *  glow shadow behind colored dots on the event variants */
+    shine?: boolean;
+    /** plot height in px (also the viewBox height); default 150
+     *  (`feed` auto-grows to fit its rows) */
+    height?: number;
+    /** accessible description of the chart */
+    ariaLabel?: string;
+    /** optional wrapper style */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * TimelineChart — the timeline family: events, spans and journeys through the
+ * day (catalog TL-01…TL-20). One component covers the 16 catalog forms via
+ * `variant`: event rails (dots / glowing icon pins / alternating chip pills,
+ * NOW split, planned-hollow, zone band, context spark, heat ticks), span lanes
+ * (range blocks, BODY/MIND/LIFE lanes, mini gantt with dependency elbows,
+ * duration brackets, cluster bubbles, 24h ticks) and feeds/journeys (vertical
+ * feed, milestone flags, the 90-day journey rail, the full now+zone day
+ * widget). The Svg stretches to the measured container width via a fixed
+ * viewBox + non-uniform scaling; dots, pills, pennants and text render as
+ * absolutely-positioned Views placed by percentage so they stay perfectly
+ * round and legible.
+ */
+export declare function TimelineChart({ variant, events, spans, lanes, clusters, markers, layout, now, nowLabel, zoneStops, spark, heat, progress, progressLabel, milestones, title, axisLabels, shine, height, ariaLabel, style, }: TimelineChartProps): import("react").JSX.Element;
+//# sourceMappingURL=TimelineChart.d.ts.map

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

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

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export type ToastTone = 'default' | 'success' | 'warn' | 'danger';
+export interface ToastProps extends Omit<ViewProps, 'children'> {
+    /** tints the leading icon + the subtle left accent rail */
+    tone?: ToastTone;
+    /** bold first line */
+    title?: string;
+    /** optional dimmer second line */
+    message?: ReactNode;
+    /** override the default tone icon (pass any node, e.g. an <Icon />) */
+    icon?: ReactNode;
+    /** show a × button; called when it's pressed */
+    onDismiss?: () => void;
+}
+/** Compact floating notification card — tone-tinted icon + title/message + optional dismiss. */
+export declare function Toast({ tone, title, message, icon, onDismiss, style, ...rest }: ToastProps): import("react").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKjF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAkBD,gGAAgG;AAChG,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,KAAe,EACf,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,+BAkCZ"}

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

@@ -0,0 +1,22 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ToggleSize = 'sm' | 'md';
+export interface ToggleProps {
+    /** whether the switch is on (default false) */
+    checked?: boolean;
+    /** fired with the next checked state when toggled */
+    onChange?: (checked: boolean) => void;
+    /** optional text rendered beside the switch */
+    label?: string;
+    /** control scale (default 'md') */
+    size?: ToggleSize;
+    /** when true, the switch is non-interactive and dimmed */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** On/off switch — the design `.switch`: OFF is a glass pill track (subtle
+ *  white fill + border-2) holding a solid text-dim knob; ON fills the TRACK
+ *  with the CTA gradient (violet→cyan) + accent glow and the knob goes dark
+ *  ink. Mirrors the web `.lk-toggle` 1:1 (lockin90-design settings screens).
+ *  An optional `label` is laid out in a row beside the switch. */
+export declare function Toggle({ checked, onChange, label, size, disabled, style, }: ToggleProps): import("react").JSX.Element;
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKjG,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD;;;;kEAIkE;AAClE,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,QAAQ,EACR,KAAK,EACL,IAAW,EACX,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,+BAyEb"}

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

@@ -0,0 +1,48 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ToolbarItem {
+    /** glyph rendered inside the button (an svg element or shared Icon) */
+    icon: ReactNode;
+    /** accessible label */
+    label?: string;
+    /** pressed/active state — accent tint */
+    active?: boolean;
+    onPress?: () => void;
+    /** render a thin vertical separator instead of a button */
+    divider?: boolean;
+}
+export interface ToolbarProps {
+    /** the buttons (and dividers) to render; defaults to a sample formatting set */
+    items?: ToolbarItem[];
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Horizontal icon-button group for rich-text formatting.
+ *
+ * Native has no `currentColor` inheritance, so each item glyph must set its own
+ * color: the default-set svgs use an explicit token color (`colors.textDim`) so
+ * they stay visible on the dark glass bar. Pass an already-colored glyph (or the
+ * shared `Icon`) for production use — for an active item, color it `colors.text`
+ * or `colors.accent` to match the accent tint.
+ */
+export declare function Toolbar({ items, style }: ToolbarProps): import("react").JSX.Element;
+export interface DropzoneProps {
+    /** primary prompt line */
+    label?: string;
+    /** secondary hint line (formats / size) */
+    hint?: string;
+    /** glyph rendered in the round badge; defaults to an upload icon */
+    icon?: ReactNode;
+    /**
+     * Fires on tap, before any picker opens. RN has no file-drop; when the optional
+     * `expo-document-picker` peer is installed the Dropzone opens the OS picker
+     * automatically, otherwise wire your own picker here.
+     */
+    onPress?: () => void;
+    /** receives the picked-file descriptors (from `expo-document-picker`, if present) */
+    onFiles?: (files: unknown[]) => void;
+    style?: StyleProp<ViewStyle>;
+}
+/** Dashed-border drop area — tap to trigger a picker (no native file drop). */
+export declare function Dropzone({ label, hint, icon, onPress, onFiles, style, }: DropzoneProps): import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAyBjG,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,IAAI,EAAE,SAAS,CAAC;IAChB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,gFAAgF;IAChF,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA8DD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,YAAY,+BAyBrE;AAUD,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,EACvB,KAA4C,EAC5C,IAA4B,EAC5B,IAAsB,EACtB,OAAO,EACP,OAAO,EACP,KAAK,GACN,EAAE,aAAa,+BA8Bf"}

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

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipProps {
+    /** the bubble text/content shown on press */
+    content?: ReactNode;
+    /** which side the bubble sits on relative to the trigger */
+    placement?: TooltipPlacement;
+    /** the trigger; if omitted a small "?" badge is rendered instead */
+    children?: ReactNode;
+}
+/** Press-to-show tooltip (native has no hover) — wraps a trigger and toggles a
+ *  glassy bubble positioned above/below/beside it in a transparent Modal,
+ *  anchored to the measured trigger and clamped on-screen. Tapping again (or the
+ *  backdrop) hides it. Mirrors the web `Tooltip` prop API + bubble styling. */
+export declare function Tooltip({ content, placement, children }: TooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmCD;;;+EAG+E;AAC/E,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,SAAiB,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAqGzF"}

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

@@ -0,0 +1,16 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface TypingIndicatorProps {
+    /** Optional leading text, e.g. "Sofia is typing" (default: none — just the dots). */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * TypingIndicator — a small left-aligned glass bubble (an incoming-message
+ * look) holding three dots that bounce/pulse in a staggered loop to signal
+ * someone composing. Mirrors the web `@lockin90/ui` `TypingIndicator` and the
+ * `DotsLoader` animation convention (1.2s-ish cycle, 0.16s stagger, -4px
+ * bounce + 0.7→1 scale + 0.5→1 opacity) using Animated loops. An optional
+ * `label` renders as small dim text before the dots.
+ */
+export declare function TypingIndicator({ label, style }: TypingIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=TypingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/TypingIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAID;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,oBAAoB,+BAkDrE"}