@spatika/react 1.0.0

package/dist/composites/PinPad.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from "react";
+export type PinPadProps = {
+    onComplete: (pin: string) => void;
+    title?: string;
+    error?: string;
+    loading?: boolean;
+    length?: number;
+    className?: string;
+};
+/**
+ * Numeric PIN pad with dot indicators. Length, copy, and styles are customizable.
+ */
+export declare function PinPad({ onComplete, title, error, loading, length, className, }: PinPadProps): import("react").JSX.Element;
+export type LockOverlayProps = {
+    open: boolean;
+    title?: string;
+    error?: string;
+    loading?: boolean;
+    onComplete: (pin: string) => void;
+    branding?: ReactNode;
+    secondaryAction?: ReactNode;
+    className?: string;
+    length?: number;
+};
+/**
+ * Full-screen lock overlay wrapping PinPad.
+ */
+export declare function LockOverlay({ open, title, error, loading, onComplete, branding, secondaryAction, className, length, }: LockOverlayProps): import("react").JSX.Element | null;
+//# sourceMappingURL=PinPad.d.ts.map

package/dist/composites/PinPad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinPad.d.ts","sourceRoot":"","sources":["../../src/composites/PinPad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAmB,EACnB,KAAK,EACL,OAAO,EACP,MAAU,EACV,SAAS,GACV,EAAE,WAAW,+BAiGb;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAgB,EAChB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,eAAe,EACf,SAAS,EACT,MAAM,GACP,EAAE,gBAAgB,sCAelB"}

package/dist/composites/PinPad.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Delete, X } from "lucide-react";
+import { cn } from "../lib/cn";
+/**
+ * Numeric PIN pad with dot indicators. Length, copy, and styles are customizable.
+ */
+export function PinPad({ onComplete, title = "Enter PIN", error, loading, length = 6, className, }) {
+    const [pin, setPin] = useState([]);
+    const handleNumber = (n) => {
+        if (loading || pin.length >= length)
+            return;
+        const next = [...pin, n];
+        setPin(next);
+        if (next.length === length)
+            onComplete(next.join(""));
+    };
+    useEffect(() => {
+        if (error) {
+            const t = setTimeout(() => setPin([]), 400);
+            return () => clearTimeout(t);
+        }
+    }, [error]);
+    useEffect(() => {
+        const onKey = (e) => {
+            if (loading)
+                return;
+            if (e.key >= "0" && e.key <= "9")
+                handleNumber(e.key);
+            if (e.key === "Backspace")
+                setPin((p) => p.slice(0, -1));
+            if (e.key === "Escape")
+                setPin([]);
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    });
+    const keys = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "clear", "0", "del"];
+    return (_jsxs("div", { "data-slot": "pin-pad", className: cn("flex w-full max-w-xs flex-col items-center gap-8", className), children: [_jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h2", { className: "text-2xl font-black uppercase tracking-tighter text-foreground", children: title }), error ? _jsx("p", { className: "text-sm font-bold text-destructive", children: error }) : null] }), _jsx("div", { className: "flex gap-3", children: Array.from({ length }, (_, i) => (_jsx("span", { className: cn("size-4 rounded-full border-2 transition-all", i < pin.length
+                        ? "border-primary bg-primary shadow-[0_0_15px_color-mix(in_srgb,var(--primary)_50%,transparent)]"
+                        : "border-border/60 bg-transparent") }, i))) }), _jsx("div", { className: "grid grid-cols-3 gap-4", children: keys.map((key) => {
+                    if (key === "clear") {
+                        return (_jsx("button", { type: "button", disabled: loading, "aria-label": "Clear", className: "flex size-16 items-center justify-center rounded-full text-destructive active:scale-95", onClick: () => setPin([]), children: _jsx(X, { className: "size-6" }) }, key));
+                    }
+                    if (key === "del") {
+                        return (_jsx("button", { type: "button", disabled: loading, "aria-label": "Delete", className: "flex size-16 items-center justify-center rounded-full text-muted-foreground active:scale-95", onClick: () => setPin((p) => p.slice(0, -1)), children: _jsx(Delete, { className: "size-6" }) }, key));
+                    }
+                    return (_jsx("button", { type: "button", disabled: loading, className: "flex size-16 items-center justify-center rounded-full text-2xl font-black text-foreground transition-colors hover:bg-muted/40 active:scale-95 active:bg-primary/20", onClick: () => handleNumber(key), children: key }, key));
+                }) })] }));
+}
+/**
+ * Full-screen lock overlay wrapping PinPad.
+ */
+export function LockOverlay({ open, title = "Unlock", error, loading, onComplete, branding, secondaryAction, className, length, }) {
+    if (!open)
+        return null;
+    return (_jsxs("div", { "data-slot": "lock-overlay", className: cn("fixed inset-0 z-[200] flex flex-col items-center justify-center gap-8 bg-background/80 px-6 backdrop-blur-xl", className), children: [branding, _jsx(PinPad, { title: title, error: error, loading: loading, onComplete: onComplete, length: length }), secondaryAction] }));
+}

package/dist/composites/ProfileHero.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from "react";
+import { type CoverPatternKind } from "../lib/cover-pattern";
+export type ProfileHeroProps = {
+    name: string;
+    alias?: string;
+    coverUrl?: string;
+    avatarUrl?: string;
+    hideImages?: boolean;
+    statusBadges?: ReactNode;
+    metaLines?: ReactNode;
+    stats?: ReactNode;
+    tags?: ReactNode;
+    topLeading?: ReactNode;
+    topActions?: ReactNode;
+    avatarAccessory?: ReactNode;
+    onAvatarClick?: () => void;
+    className?: string;
+    coverClassName?: string;
+    identityClassName?: string;
+    children?: ReactNode;
+    /** Seed for the generated cover when no photo is set. */
+    coverSeed?: string;
+    coverHue?: number;
+    coverKind?: CoverPatternKind | null;
+    dark?: boolean;
+    warm?: boolean;
+};
+/**
+ * Profile / entity hero: cover bleeds into app chrome, overlapping avatar
+ * notches the frosted identity plate. Stacked in a narrow column; left-notched
+ * once the plate is wide enough (container query, not viewport).
+ */
+export declare function ProfileHero({ name, alias, coverUrl, avatarUrl, hideImages, statusBadges, metaLines, stats, tags, topLeading, topActions, avatarAccessory, onAvatarClick, className, coverClassName, identityClassName, children, coverSeed, coverHue, coverKind, dark, warm, }: ProfileHeroProps): import("react").JSX.Element;
+//# sourceMappingURL=ProfileHero.d.ts.map

package/dist/composites/ProfileHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHero.d.ts","sourceRoot":"","sources":["../../src/composites/ProfileHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG9E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,eAAe,EACf,aAAa,EACb,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAc,EACd,SAAS,EACT,IAAI,EACJ,IAAI,GACL,EAAE,gBAAgB,+BAiGlB"}

package/dist/composites/ProfileHero.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+import { getInitials } from "../lib/avatar-utils";
+import { coverMutedClass, coverPlateClass, coverTitleClass, } from "../lib/cover-chrome";
+import { getCoverPattern } from "../lib/cover-pattern";
+import { CoverPattern } from "./CoverPattern";
+/**
+ * Profile / entity hero: cover bleeds into app chrome, overlapping avatar
+ * notches the frosted identity plate. Stacked in a narrow column; left-notched
+ * once the plate is wide enough (container query, not viewport).
+ */
+export function ProfileHero({ name, alias, coverUrl, avatarUrl, hideImages, statusBadges, metaLines, stats, tags, topLeading, topActions, avatarAccessory, onAvatarClick, className, coverClassName, identityClassName, children, coverSeed, coverHue = 210, coverKind, dark, warm, }) {
+    const initials = getInitials(name);
+    const seed = coverSeed ?? name;
+    const scene = getCoverPattern({ seed, hue: coverHue, dark, warm, kind: coverKind });
+    const ink = scene.headerInk;
+    return (_jsxs("div", { "data-slot": "profile-hero", className: cn("relative overflow-visible", className), children: [_jsxs("div", { className: cn("relative min-h-[9rem] overflow-hidden sm:min-h-[12rem] lg:min-h-[13rem]", coverClassName), children: [_jsxs("div", { className: "cover-media cover-media--profile sm:rounded-b-[2rem]", "aria-hidden": true, children: [!hideImages && coverUrl ? (_jsx("img", { src: coverUrl, alt: "", className: "absolute inset-0 size-full object-cover" })) : (_jsx(CoverPattern, { seed: seed, hue: coverHue, dark: dark, warm: warm, kind: coverKind })), _jsx("div", { className: "absolute inset-x-0 top-0 h-8 bg-gradient-to-b from-black/[0.04] to-transparent dark:from-black/12" }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[22%] bg-gradient-to-t from-black/[0.03] via-transparent to-transparent dark:from-black/10" })] }), _jsxs("div", { className: "relative z-10 flex min-h-[9rem] items-start justify-between gap-2 p-3 sm:min-h-[12rem] sm:p-4 lg:min-h-[13rem]", children: [_jsx("div", { children: topLeading }), topActions ? (_jsx("div", { "data-cover-ink": ink, className: "cover-floating-shell flex items-center gap-1 p-1", children: topActions })) : null] })] }), _jsx("div", { className: "relative z-10 px-3 pb-4 sm:px-4 sm:pb-5 lg:px-8", children: _jsxs("div", { className: cn("profile-identity", identityClassName), children: [_jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 rounded-[1.35rem] profile-identity__plate", coverPlateClass(ink)) }), _jsxs("div", { className: "profile-identity__body", children: [_jsxs("button", { type: "button", disabled: !onAvatarClick, onClick: onAvatarClick, "aria-label": name, className: "profile-identity__avatar", children: [_jsx("span", { className: "flex items-center justify-center overflow-hidden rounded-full border-[3px] border-white bg-muted text-lg font-black leading-none text-primary shadow-[0_16px_40px_rgba(0,0,0,0.38)] dark:border-white/30", style: {
+                                                width: "var(--profile-avatar-size)",
+                                                height: "var(--profile-avatar-size)",
+                                            }, children: !hideImages && avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "size-full object-cover" })) : (initials) }), avatarAccessory] }), _jsxs("div", { className: "profile-identity__copy", children: [_jsxs("div", { className: "profile-identity__heading", children: [_jsx("h1", { className: cn("truncate text-[1.15rem] font-black leading-tight tracking-tight sm:text-2xl", coverTitleClass(ink)), children: name }), statusBadges] }), alias ? (_jsx("p", { className: cn("mt-0.5 truncate text-sm font-medium", coverMutedClass(ink)), children: alias })) : null, metaLines ? (_jsx("div", { className: cn("mt-2 space-y-1 text-sm", coverMutedClass(ink)), children: metaLines })) : null, stats ? _jsx("div", { className: "mt-3", children: stats }) : null, tags ? _jsx("div", { className: "profile-identity__tags", children: tags }) : null] })] }), children ? _jsx("div", { className: "relative z-10 px-3 pb-3 sm:px-6", children: children }) : null] }) })] }));
+}

package/dist/composites/QuickFilterRail.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+export type QuickFilterItem = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    count?: number;
+};
+export type QuickFilterGroup = {
+    id?: string;
+    label?: string;
+    items: QuickFilterItem[];
+};
+export type QuickFilterRailProps = {
+    groups: QuickFilterGroup[];
+    value?: string | string[];
+    onChange?: (id: string) => void;
+    /** solid = filled primary when active (directory style); soft = tinted (default chip) */
+    activeStyle?: "solid" | "soft";
+    className?: string;
+};
+/**
+ * Horizontal scroll filter rail with optional grouped sections.
+ */
+export declare function QuickFilterRail({ groups, value, onChange, activeStyle, className, }: QuickFilterRailProps): import("react").JSX.Element;
+//# sourceMappingURL=QuickFilterRail.d.ts.map

package/dist/composites/QuickFilterRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilterRail.d.ts","sourceRoot":"","sources":["../../src/composites/QuickFilterRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAoB,EACpB,SAAS,GACV,EAAE,oBAAoB,+BAwDtB"}

package/dist/composites/QuickFilterRail.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+import { Chip } from "./Chip";
+/**
+ * Horizontal scroll filter rail with optional grouped sections.
+ */
+export function QuickFilterRail({ groups, value, onChange, activeStyle = "soft", className, }) {
+    const selected = Array.isArray(value) ? value : value ? [value] : [];
+    return (_jsx("div", { "data-slot": "quick-filter-rail", className: cn("flex gap-2 overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", className), children: groups.map((group, gi) => (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [gi > 0 ? _jsx("div", { className: "h-6 w-px shrink-0 bg-border/50" }) : null, group.label ? (_jsx("span", { className: "shrink-0 text-[10px] font-black uppercase tracking-widest text-muted-foreground/70", children: group.label })) : null, group.items.map((item) => {
+                    const active = selected.includes(item.id);
+                    return (_jsxs(Chip, { variant: "filter", active: activeStyle === "soft" ? active : false, onClick: () => onChange?.(item.id), className: cn("shrink-0 gap-1.5", activeStyle === "solid" &&
+                            (active
+                                ? "border-primary/60 bg-primary text-primary-foreground hover:bg-primary"
+                                : "border-border/40 bg-card/40")), children: [item.icon, item.label, typeof item.count === "number" ? (_jsx("span", { className: cn("ml-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[9px] font-black", active && activeStyle === "solid"
+                                    ? "bg-primary-foreground/20 text-primary-foreground"
+                                    : "bg-primary/15 text-primary"), children: item.count })) : null] }, item.id));
+                })] }, group.id ?? group.label ?? gi))) }));
+}

package/dist/composites/QuickSettings.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+export type QuickSettingsProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    children: ReactNode;
+    /** side sheet from right (default) or bottom drawer-like panel */
+    side?: "right" | "left";
+    className?: string;
+};
+/**
+ * Sliding quick-settings panel — appearance, density, toggles, etc.
+ */
+export declare function QuickSettings({ open, onOpenChange, title, description, children, side, className, }: QuickSettingsProps): import("react").JSX.Element | null;
+export declare function QuickSettingsGroup({ title, children, className, }: {
+    title: string;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function QuickSettingsRow({ label, description, control, className, }: {
+    label: string;
+    description?: string;
+    control: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=QuickSettings.d.ts.map

package/dist/composites/QuickSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickSettings.d.ts","sourceRoot":"","sources":["../../src/composites/QuickSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAwB,EACxB,WAAW,EACX,QAAQ,EACR,IAAc,EACd,SAAS,GACV,EAAE,kBAAkB,sCA2CpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BASA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAkBA"}

package/dist/composites/QuickSettings.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { cn } from "../lib/cn";
+import { Button } from "../primitives/Button";
+/**
+ * Sliding quick-settings panel — appearance, density, toggles, etc.
+ */
+export function QuickSettings({ open, onOpenChange, title = "Quick settings", description, children, side = "right", className, }) {
+    if (!open)
+        return null;
+    return (_jsxs("div", { "data-slot": "quick-settings", className: "fixed inset-0 z-50", children: [_jsx("button", { type: "button", "aria-label": "Close settings", className: "absolute inset-0 bg-[var(--modal-overlay-bg)] backdrop-blur-[var(--modal-overlay-blur)]", onClick: () => onOpenChange(false) }), _jsxs("aside", { role: "dialog", "aria-modal": "true", "aria-label": title, className: cn("glass-menu absolute top-0 flex h-full w-full max-w-sm flex-col shadow-2xl", side === "right" ? "right-0 border-l" : "left-0 border-r", "border-border/40", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-3 border-b border-border/40 px-4 py-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-black tracking-tight", children: title }), description ? (_jsx("p", { className: "mt-0.5 text-xs font-medium text-muted-foreground", children: description })) : null] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Close", onClick: () => onOpenChange(false), children: _jsx(X, { className: "size-4" }) })] }), _jsx("div", { className: "flex-1 space-y-5 overflow-y-auto px-4 py-4", children: children })] })] }));
+}
+export function QuickSettingsGroup({ title, children, className, }) {
+    return (_jsxs("div", { "data-slot": "quick-settings-group", className: cn("space-y-3", className), children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-muted-foreground/70", children: title }), _jsx("div", { className: "space-y-2", children: children })] }));
+}
+export function QuickSettingsRow({ label, description, control, className, }) {
+    return (_jsxs("div", { "data-slot": "quick-settings-row", className: cn("flex items-center justify-between gap-3 rounded-xl border border-border/40 bg-background/30 px-3 py-2.5", className), children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-bold", children: label }), description ? (_jsx("p", { className: "text-xs text-muted-foreground", children: description })) : null] }), _jsx("div", { className: "shrink-0", children: control })] }));
+}

package/dist/composites/RichTextEditor.d.ts

@@ -0,0 +1,13 @@
+export type RichTextEditorProps = {
+    value?: string;
+    onChange?: (html: string) => void;
+    placeholder?: string;
+    className?: string;
+    minHeightClassName?: string;
+};
+/**
+ * Lightweight rich-text surface (contenteditable) for notes and captions.
+ * Pair with TipTap or another full editor in your app when you need tables or advanced media.
+ */
+export declare function RichTextEditor({ value, onChange, placeholder, className, minHeightClassName, }: RichTextEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/composites/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../src/composites/RichTextEditor.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAU,EACV,QAAQ,EACR,WAAgC,EAChC,SAAS,EACT,kBAA+B,GAChC,EAAE,mBAAmB,+BAyErB"}

package/dist/composites/RichTextEditor.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Bold, Italic, List, ListOrdered, Underline as UnderlineIcon, } from "lucide-react";
+import { cn } from "../lib/cn";
+import { Button } from "../primitives/Button";
+/**
+ * Lightweight rich-text surface (contenteditable) for notes and captions.
+ * Pair with TipTap or another full editor in your app when you need tables or advanced media.
+ */
+export function RichTextEditor({ value = "", onChange, placeholder = "Write something…", className, minHeightClassName = "min-h-40", }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current && value !== ref.current.innerHTML) {
+            ref.current.innerHTML = value;
+        }
+    }, [value]);
+    const exec = (command) => {
+        document.execCommand(command);
+        onChange?.(ref.current?.innerHTML ?? "");
+        ref.current?.focus();
+    };
+    return (_jsxs("div", { "data-slot": "rich-text-editor", className: cn("overflow-hidden rounded-[var(--radius-card)] border border-border/50 bg-input-background", className), children: [_jsxs("div", { className: "flex flex-wrap gap-1 border-b border-border/40 bg-muted/30 p-1.5", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Bold", onClick: () => exec("bold"), children: _jsx(Bold, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Italic", onClick: () => exec("italic"), children: _jsx(Italic, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Underline", onClick: () => exec("underline"), children: _jsx(UnderlineIcon, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Bullet list", onClick: () => exec("insertUnorderedList"), children: _jsx(List, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Numbered list", onClick: () => exec("insertOrderedList"), children: _jsx(ListOrdered, { className: "size-4" }) })] }), _jsx("div", { ref: ref, role: "textbox", "aria-multiline": "true", contentEditable: true, suppressContentEditableWarning: true, "data-placeholder": placeholder, className: cn("px-3 py-2 text-sm outline-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]", minHeightClassName), onInput: () => onChange?.(ref.current?.innerHTML ?? "") })] }));
+}

package/dist/composites/SearchField.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, ReactNode } from "react";
+export type SearchFieldProps = ComponentProps<"input"> & {
+    containerClassName?: string;
+    leading?: ReactNode;
+};
+/** Search input with leading icon — mobile-friendly min height. */
+export declare function SearchField({ className, containerClassName, leading, ...props }: SearchFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=SearchField.d.ts.map

package/dist/composites/SearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../src/composites/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,mEAAmE;AACnE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAqBlB"}

package/dist/composites/SearchField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { cn } from "../lib/cn";
+import { Input } from "../primitives/Input";
+/** Search input with leading icon — mobile-friendly min height. */
+export function SearchField({ className, containerClassName, leading, ...props }) {
+    return (_jsxs("div", { "data-slot": "search-field", className: cn("relative w-full", containerClassName), children: [_jsx("span", { className: "pointer-events-none absolute inset-y-0 left-0 z-10 flex items-center pl-3 text-muted-foreground", children: leading ?? _jsx(Search, { className: "h-4 w-4 shrink-0", "aria-hidden": true }) }), _jsx(Input, { className: cn("h-11 py-0 pl-9 leading-none", "[&::-webkit-search-decoration]:appearance-none [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", className), type: "search", ...props })] }));
+}

package/dist/composites/SectionPanel.d.ts

@@ -0,0 +1,16 @@
+import type { LucideIcon } from "lucide-react";
+import type { ReactNode } from "react";
+export type SectionPanelProps = {
+    icon: LucideIcon;
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+    className?: string;
+    fullWidth?: boolean;
+    trailing?: ReactNode;
+};
+/**
+ * Glassmorphic settings / admin section with icon tile and uppercase subtitle.
+ */
+export declare function SectionPanel({ icon: Icon, title, subtitle, children, className, fullWidth, trailing, }: SectionPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionPanel.d.ts.map

package/dist/composites/SectionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionPanel.d.ts","sourceRoot":"","sources":["../../src/composites/SectionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,+BAiCnB"}

package/dist/composites/SectionPanel.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+/**
+ * Glassmorphic settings / admin section with icon tile and uppercase subtitle.
+ */
+export function SectionPanel({ icon: Icon, title, subtitle, children, className, fullWidth = false, trailing, }) {
+    return (_jsxs("section", { "data-slot": "section-panel", className: cn("group relative flex flex-col gap-5 overflow-hidden border border-border/30 bg-card/60 p-5 shadow-2xl backdrop-blur-md sm:gap-6 sm:p-6", "rounded-[var(--radius-card)]", fullWidth && "md:col-span-2", className), children: [_jsx("div", { className: "pointer-events-none absolute -right-12 -top-12 h-48 w-48 rounded-full bg-primary/5 blur-3xl transition-colors duration-700 group-hover:bg-primary/10" }), _jsxs("div", { className: "relative flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx("div", { className: "shrink-0 rounded-xl border border-primary/20 bg-primary/10 p-2 shadow-inner", children: _jsx(Icon, { className: "h-4 w-4 text-primary" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-lg font-black tracking-tight text-foreground", children: title }), subtitle ? (_jsx("p", { className: "mt-0.5 text-[10px] font-black uppercase tracking-widest text-muted-foreground/60", children: subtitle })) : null] })] }), trailing ? _jsx("div", { className: "relative shrink-0", children: trailing }) : null] }), _jsx("div", { className: "relative", children: children })] }));
+}

package/dist/composites/SegmentedControl.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+export type SegmentedControlOption<T extends string = string> = {
+    value: T;
+    label: ReactNode;
+    disabled?: boolean;
+};
+export type SegmentedControlProps<T extends string = string> = {
+    options: SegmentedControlOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    className?: string;
+    size?: "sm" | "md";
+    "aria-label"?: string;
+};
+/** Single-select segmented toggle (income/expense, period, etc.). */
+export declare function SegmentedControl<T extends string = string>({ options, value, onChange, className, size, "aria-label": ariaLabel, }: SegmentedControlProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/composites/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/composites/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC7D,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC1D,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAW,EACX,YAAY,EAAE,SAAS,GACxB,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BAmC1B"}

package/dist/composites/SegmentedControl.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+/** Single-select segmented toggle (income/expense, period, etc.). */
+export function SegmentedControl({ options, value, onChange, className, size = "md", "aria-label": ariaLabel, }) {
+    return (_jsx("div", { "data-slot": "segmented-control", role: "radiogroup", "aria-label": ariaLabel, className: cn("inline-flex items-center rounded-xl border border-border/50 bg-muted/25 p-1", className), children: options.map((opt) => {
+            const active = opt.value === value;
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": active, disabled: opt.disabled, onClick: () => onChange(opt.value), className: cn("rounded-lg font-bold transition-colors disabled:pointer-events-none disabled:opacity-40", size === "sm" ? "px-2.5 py-1 text-xs" : "px-3.5 py-1.5 text-sm", active
+                    ? "bg-background text-foreground shadow-sm"
+                    : "text-muted-foreground hover:text-foreground"), children: opt.label }, opt.value));
+        }) }));
+}

package/dist/composites/StatCard.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export type StatCardProps = {
+    label: string;
+    value: string | number;
+    hint?: string;
+    icon?: ReactNode;
+    className?: string;
+};
+/** Compact metric tile using elevated app-card surface. */
+export declare function StatCard({ label, value, hint, icon, className }: StatCardProps): import("react").JSX.Element;
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/composites/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../src/composites/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,2DAA2D;AAC3D,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,aAAa,+BAa9E"}

package/dist/composites/StatCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+/** Compact metric tile using elevated app-card surface. */
+export function StatCard({ label, value, hint, icon, className }) {
+    return (_jsxs("div", { "data-slot": "stat-card", className: cn("app-stat-card p-4 sm:p-5", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-muted-foreground", children: label }), icon ? _jsx("div", { className: "text-primary", children: icon }) : null] }), _jsx("p", { className: "mt-2 text-2xl font-black tracking-tight text-foreground", children: value }), hint ? _jsx("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: hint }) : null] }));
+}

package/dist/composites/StatusDot.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+declare const statusDotVariants: (props?: ({
+    tone?: "danger" | "primary" | "neutral" | "success" | "warning" | null | undefined;
+    pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function StatusDot({ className, tone, pulse, label, }: VariantProps<typeof statusDotVariants> & {
+    className?: string;
+    label?: string;
+}): import("react").JSX.Element;
+export { statusDotVariants };
+//# sourceMappingURL=StatusDot.d.ts.map

package/dist/composites/StatusDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../src/composites/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,iBAAiB;;;8EAerB,CAAC;AAEH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BASA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/composites/StatusDot.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const statusDotVariants = cva("inline-block size-2 shrink-0 rounded-full", {
+    variants: {
+        tone: {
+            neutral: "bg-muted-foreground/50",
+            success: "bg-[var(--accent-info)]",
+            warning: "bg-[var(--accent-warm)]",
+            danger: "bg-destructive",
+            primary: "bg-primary",
+        },
+        pulse: {
+            true: "animate-pulse",
+            false: "",
+        },
+    },
+    defaultVariants: { tone: "neutral", pulse: false },
+});
+export function StatusDot({ className, tone, pulse, label, }) {
+    return (_jsx("span", { "data-slot": "status-dot", role: label ? "img" : undefined, "aria-label": label, className: cn(statusDotVariants({ tone, pulse }), className) }));
+}
+export { statusDotVariants };

package/dist/composites/SurfaceCard.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const surfaceCardVariants: (props?: ({
+    tone?: "secondary" | "primary" | "detail" | "tertiary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SurfaceCardProps = React.ComponentProps<"div"> & VariantProps<typeof surfaceCardVariants>;
+/**
+ * Profile / hierarchy surface card (primary → tertiary visual weight).
+ */
+declare const SurfaceCard: React.ForwardRefExoticComponent<Omit<SurfaceCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { SurfaceCard, surfaceCardVariants };
+//# sourceMappingURL=SurfaceCard.d.ts.map

package/dist/composites/SurfaceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurfaceCard.d.ts","sourceRoot":"","sources":["../../src/composites/SurfaceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASlE,QAAA,MAAM,mBAAmB;;8EAYvB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACxD,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE3C;;GAEG;AACH,QAAA,MAAM,WAAW,sGAUhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/composites/SurfaceCard.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+import { surfaceDetailClass, surfacePrimaryClass, surfaceSecondaryClass, surfaceTertiaryClass, } from "../lib/surfaces";
+const surfaceCardVariants = cva("", {
+    variants: {
+        tone: {
+            primary: surfacePrimaryClass,
+            secondary: surfaceSecondaryClass,
+            detail: surfaceDetailClass,
+            tertiary: surfaceTertiaryClass,
+        },
+    },
+    defaultVariants: {
+        tone: "primary",
+    },
+});
+/**
+ * Profile / hierarchy surface card (primary → tertiary visual weight).
+ */
+const SurfaceCard = React.forwardRef(({ className, tone, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "surface-card", "data-tone": tone ?? "primary", className: cn(surfaceCardVariants({ tone }), className), ...props })));
+SurfaceCard.displayName = "SurfaceCard";
+export { SurfaceCard, surfaceCardVariants };

package/dist/composites/Timeline.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export type TimelineItemProps = {
+    title: string;
+    meta?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    trailing?: ReactNode;
+    active?: boolean;
+    className?: string;
+};
+/** Single activity / journal row inside a Timeline. */
+export declare function TimelineItem({ title, meta, description, icon, trailing, active, className, }: TimelineItemProps): import("react").JSX.Element;
+export type TimelineProps = {
+    children: ReactNode;
+    className?: string;
+};
+/** Vertical activity / journal feed. */
+export declare function Timeline({ children, className }: TimelineProps): import("react").JSX.Element;
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/composites/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/composites/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,uDAAuD;AACvD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,iBAAiB,+BAiCnB;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wCAAwC;AACxC,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,+BAM9D"}

package/dist/composites/Timeline.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+/** Single activity / journal row inside a Timeline. */
+export function TimelineItem({ title, meta, description, icon, trailing, active, className, }) {
+    return (_jsxs("li", { "data-slot": "timeline-item", className: cn("relative flex gap-3 pb-5 last:pb-0", className), children: [_jsxs("div", { className: "flex w-8 shrink-0 flex-col items-center", children: [_jsx("div", { className: cn("flex h-8 w-8 items-center justify-center rounded-xl border text-muted-foreground", active
+                            ? "border-primary/35 bg-primary/10 text-primary"
+                            : "border-border/50 bg-muted/20"), children: icon ?? _jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current" }) }), _jsx("div", { className: "mt-1 w-px flex-1 bg-border/50", "aria-hidden": true })] }), _jsxs("div", { className: "min-w-0 flex-1 pt-0.5", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-bold text-foreground", children: title }), meta ? _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: meta }) : null] }), trailing ? _jsx("div", { className: "shrink-0", children: trailing }) : null] }), description ? (_jsx("div", { className: "mt-1.5 text-sm text-muted-foreground", children: description })) : null] })] }));
+}
+/** Vertical activity / journal feed. */
+export function Timeline({ children, className }) {
+    return (_jsx("ul", { "data-slot": "timeline", className: cn("space-y-0", className), children: children }));
+}

package/dist/composites/Toast.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from "react";
+export type ToastTone = "default" | "success" | "warn" | "danger";
+export type ToastItem = {
+    id: string;
+    title: string;
+    description?: string;
+    tone?: ToastTone;
+    durationMs?: number;
+};
+type ToastContextValue = {
+    toasts: ToastItem[];
+    toast: (item: Omit<ToastItem, "id"> & {
+        id?: string;
+    }) => string;
+    dismiss: (id: string) => void;
+};
+export declare function useToast(): ToastContextValue;
+export type ToasterProps = {
+    children?: ReactNode;
+    className?: string;
+    position?: "top-right" | "bottom-right" | "top-center" | "bottom-center";
+};
+/** App-level toast host + provider. Wrap the app once and call useToast(). */
+export declare function Toaster({ children, className, position, }: ToasterProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/composites/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/composites/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACjE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAMF,wBAAgB,QAAQ,sBAIvB;AASD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,YAAY,GAAG,eAAe,CAAC;CAC1E,CAAC;AAEF,8EAA8E;AAC9E,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,QAAyB,GAC1B,EAAE,YAAY,+BA+Ed"}