@twentyfirstmedia/ui-core 0.6.0 → 0.7.0

package/dist/components/types.d.ts

@@ -2977,4 +2977,336 @@ export interface QrCodeProps extends BaseProps {
     /** Accessible name (default "QR code"). */
     label?: string;
 }
+export interface Habit {
+    id: string;
+    label: string;
+    icon?: IconName;
+    tint?: Tint;
+    /** One entry per day, oldest first, today last: true done, false missed, null no data. */
+    days: (boolean | null)[];
+    /** Days in a row (shown as "12-day streak"). */
+    streak?: number;
+    /** A short target, e.g. "8 glasses" or "3× a week". */
+    goal?: string;
+}
+export interface HabitTrackerProps extends BaseProps {
+    habits: Habit[];
+    /** Labels of the day columns, oldest first (default: weekday initials ending today). */
+    dayLabels?: string[];
+    /** Today's box of a habit was toggled. */
+    onToggle?: (id: string, done: boolean) => void;
+    /** Accessible name of the list (default "Habits"). */
+    label?: string;
+}
+export type MoodLevel = 1 | 2 | 3 | 4 | 5;
+export interface MoodPickerProps extends BaseProps {
+    value?: MoodLevel | null;
+    defaultValue?: MoodLevel | null;
+    onChange?: (mood: MoodLevel) => void;
+    /** The question (default "How are you feeling?"). */
+    label?: ReactNode;
+    /** Words for the five levels, lowest first (default Awful, Low, Okay, Good, Great). */
+    levels?: [string, string, string, string, string];
+    /** Only the faces; the words stay as accessible names. */
+    compact?: boolean;
+}
+export interface VitalTileProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    label: string;
+    value: number;
+    unit?: string;
+    icon?: IconName;
+    /** The healthy range [low, high]; the tile says whether the value is below, in or above it. */
+    normal?: [number, number];
+    /** The whole scale of the band [min, max] (default: the normal range with room on both sides). */
+    scale?: [number, number];
+    /** Recent values, oldest first, drawn as a sparkline. */
+    trend?: number[];
+    /** Under the value: when it was measured, the source … */
+    caption?: ReactNode;
+    /** Digits after the decimal point (default 0). */
+    digits?: number;
+}
+export interface ActivityRing {
+    label: string;
+    value: number;
+    goal: number;
+    unit?: string;
+    tint?: Tint;
+}
+export interface ActivityRingsProps extends BaseProps {
+    /** Outer ring first. */
+    rings: ActivityRing[];
+    /** Diameter of the rings (default 132). */
+    size?: number;
+    /** Hide the legend beside the rings. */
+    legend?: boolean;
+    /** Accessible name (default "Activity"). */
+    label?: string;
+}
+export type SleepStage = "awake" | "rem" | "light" | "deep";
+export interface SleepSegment {
+    stage: SleepStage;
+    start: Date | string | number;
+    end: Date | string | number;
+}
+export interface SleepChartProps extends BaseProps {
+    /** The night in order, from falling asleep to getting up. */
+    segments: SleepSegment[];
+    /** Accessible name (default "Sleep stages"). */
+    label?: string;
+    /** Hide the totals per stage under the chart. */
+    summary?: boolean;
+}
+export interface MedicationItem {
+    id: string;
+    name: string;
+    dose?: string;
+    /** When, as shown ("08:00", "With breakfast"). */
+    time: string;
+    /** Set by the app, which knows the clock: default "taken" when `taken`, else "due". */
+    status?: "taken" | "due" | "missed" | "upcoming";
+    taken?: boolean;
+    note?: string;
+    icon?: IconName;
+}
+export interface MedicationListProps extends BaseProps {
+    items: MedicationItem[];
+    /** "Mark as taken" was pressed. */
+    onTake?: (id: string) => void;
+    /** Accessible name (default "Medication"). */
+    label?: string;
+}
+export interface JournalEntryProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    date: Date | string | number;
+    title?: string;
+    mood?: MoodLevel;
+    tags?: string[];
+    children?: ReactNode;
+    /** Buttons at the end (edit, share …). */
+    actions?: ReactNode;
+}
+export interface GoalCardProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    title: string;
+    value: number;
+    target: number;
+    /** How to show value and target (default number). */
+    format?: "number" | "money" | "percent";
+    /** Unit after numbers ("km", "books"). */
+    unit?: string;
+    currency?: string;
+    due?: Date | string | number;
+    icon?: IconName;
+    tint?: Tint;
+    milestones?: {
+        label: string;
+        done?: boolean;
+    }[];
+    /** A note under the progress ("€250 a month keeps you on track"). */
+    note?: ReactNode;
+}
+export interface InsightCardProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    title: string;
+    children?: ReactNode;
+    icon?: IconName;
+    tone?: "info" | "success" | "warning" | "highlight";
+    /** Above the title: area and time ("Money · 2 h ago"). */
+    meta?: ReactNode;
+    /** Where the insight comes from, as chips (like chat sources). */
+    sources?: Source[];
+    /** Why the assistant shows it; folded away behind "Why am I seeing this?". */
+    why?: ReactNode;
+    onAccept?: () => void;
+    acceptLabel?: string;
+    onSnooze?: () => void;
+    onDismiss?: () => void;
+}
+export interface ConsentScope {
+    id: string;
+    label: string;
+    description?: string;
+    granted: boolean;
+    /** Needed for the connection to work at all: shown, not switchable. */
+    required?: boolean;
+}
+export interface ConsentConnector {
+    id: string;
+    name: string;
+    icon?: IconName;
+    /** A logo instead of the icon. */
+    logo?: ReactNode;
+    /** What the assistant uses it for. */
+    purpose?: ReactNode;
+    scopes: ConsentScope[];
+    lastUsed?: Date | string | number;
+}
+export interface ConsentListProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    connectors: ConsentConnector[];
+    onScopeChange?: (connectorId: string, scopeId: string, granted: boolean) => void;
+    onRevoke?: (connectorId: string) => void;
+    /** Accessible name (default "Data access"). */
+    label?: string;
+}
+export interface BudgetCategory {
+    id: string;
+    label: string;
+    icon?: IconName;
+    tint?: Tint;
+    spent: number;
+    limit: number;
+}
+export interface BudgetListProps extends BaseProps {
+    categories: BudgetCategory[];
+    currency?: string;
+    /** A category was picked (to show its transactions). */
+    onSelect?: (id: string) => void;
+    /** Accessible name (default "Budgets"). */
+    label?: string;
+}
+export interface Subscription {
+    id: string;
+    name: string;
+    icon?: IconName;
+    /** A logo instead of the icon. */
+    logo?: ReactNode;
+    amount: number;
+    period: "week" | "month" | "year";
+    /** Next charge. */
+    next?: Date | string | number;
+    status?: "active" | "trial" | "cancelled";
+    category?: string;
+}
+export interface SubscriptionListProps extends BaseProps {
+    items: Subscription[];
+    currency?: string;
+    /** "Manage" on a subscription (cancel, change plan …). */
+    onManage?: (id: string) => void;
+    /** Hide the monthly and yearly totals. */
+    totals?: boolean;
+    /** Accessible name (default "Subscriptions"). */
+    label?: string;
+}
+export interface NetWorthCardProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    assets: {
+        label: string;
+        value: number;
+        icon?: IconName;
+    }[];
+    liabilities?: {
+        label: string;
+        value: number;
+        icon?: IconName;
+    }[];
+    /** Net worth over time, oldest first. */
+    history?: number[];
+    /** Change over `changeLabel` (e.g. +1,240 "since October"). */
+    change?: number;
+    changeLabel?: string;
+    currency?: string;
+    title?: string;
+}
+export interface DeadlineItem {
+    id: string;
+    title: string;
+    /** What kind: "Contract", "ID card", "Tax" … */
+    kind?: string;
+    icon?: IconName;
+    date: Date | string | number;
+    amount?: number;
+    done?: boolean;
+    note?: string;
+}
+export interface DeadlineListProps extends BaseProps {
+    items: DeadlineItem[];
+    /** The day to count from (default: now). Set it for server rendering and stable output. */
+    today?: Date | string | number;
+    /** Days ahead that count as soon (default 14). */
+    soon?: number;
+    currency?: string;
+    onDone?: (id: string) => void;
+    /** Accessible name (default "Deadlines"). */
+    label?: string;
+}
+export interface PolicyCardProps extends BaseProps {
+    /** `"glass"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `"solid"` opts out inside a glass `UIProvider`. */
+    surface?: Surface;
+    /** The kind of insurance: "Household contents", "Liability" … */
+    type: string;
+    insurer: string;
+    icon?: IconName;
+    tint?: Tint;
+    policyNumber?: string;
+    /** Show only the last four characters of the policy number. */
+    maskNumber?: boolean;
+    /** Sum insured: a number (money) or text ("unlimited"). */
+    coverage?: number | ReactNode;
+    premium?: {
+        amount: number;
+        period: "month" | "quarter" | "year";
+    };
+    deductible?: number;
+    renews?: Date | string | number;
+    status?: "active" | "pending" | "expiring" | "lapsed";
+    currency?: string;
+    /** Buttons at the foot (documents, report a claim …). */
+    actions?: ReactNode;
+}
+export interface CoverageRow {
+    id: string;
+    risk: string;
+    status: "covered" | "partial" | "none";
+    note?: ReactNode;
+    /** Which policy covers it. */
+    policy?: string;
+}
+export interface CoverageMatrixProps extends BaseProps {
+    rows: CoverageRow[];
+    /** Accessible name and caption (default "Coverage"). */
+    label?: string;
+}
+export interface ClaimStep {
+    label: string;
+    date?: Date | string | number;
+    state: "done" | "current" | "todo" | "failed";
+    note?: ReactNode;
+}
+export interface ClaimTimelineProps extends BaseProps {
+    title: string;
+    /** Reference and insurer under the title. */
+    meta?: ReactNode;
+    amount?: number;
+    currency?: string;
+    steps: ClaimStep[];
+}
+export interface LifeDocument {
+    id: string;
+    title: string;
+    category?: string;
+    icon?: IconName;
+    holder?: string;
+    expires?: Date | string | number;
+    /** "PDF · 240 KB" */
+    meta?: string;
+}
+export interface DocumentListProps extends BaseProps {
+    documents: LifeDocument[];
+    /** The day to count expiry from (default: now). */
+    today?: Date | string | number;
+    /** Days ahead that count as expiring soon (default 60). */
+    soon?: number;
+    onOpen?: (id: string) => void;
+    /** Accessible name (default "Documents"). */
+    label?: string;
+}
 //# sourceMappingURL=types.d.ts.map