@entropy-softworks/ui 2026.7.31

package/lib/components/connection-settings.jsx

@@ -0,0 +1,354 @@
+import React, { useEffect, useRef, useState } from "react";
+import { ActivityIndicator, Modal, Pressable, ScrollView, Text, useWindowDimensions, View, } from "react-native";
+import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
+import Animated, { FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withTiming, } from "react-native-reanimated";
+import { Check, ChevronDown, GripHorizontal, X } from "lucide-react-native";
+import { Button } from "./button";
+import { Input } from "./input";
+import { usePalette } from "../utils/palette";
+const SUCCESS = "#16a34a";
+function normalizeCustom(input) {
+    const v = input.trim().replace(/\/+$/, "");
+    if (!v) {
+        return "";
+    }
+    return /^https?:\/\//i.test(v) ? v : `https://${v}`;
+}
+const defaultValidate = (body) => {
+    const s = body?.status;
+    return s === "ok" || s === "healthy";
+};
+/**
+ * Connection dialog — a faithful port of simple-finance's, themed from the
+ * palette (so it tracks the active theme instead of hard-coded brand colors)
+ * and upstreamed here so both apps share one implementation. Draggable card
+ * (grip header, double-tap to recenter), Standalone/Cloud mode pills, a
+ * server dropdown (Entropy-hosted or self-hosted), and a live debounced
+ * health check. Standalone is gated until its backend lands.
+ */
+export function ConnectionSettings({ visible, onClose, mode, serverUrl, onSave, entropyUrl, healthPath = "/health", validateHealth = defaultValidate, allowStandalone = false, }) {
+    const { palette: p } = usePalette();
+    const [localMode, setLocalMode] = useState(mode);
+    const [endpoint, setEndpoint] = useState(serverUrl && serverUrl !== entropyUrl ? "custom" : "entropy");
+    const [custom, setCustom] = useState(serverUrl && serverUrl !== entropyUrl ? serverUrl : "");
+    const [open, setOpen] = useState(false);
+    const [test, setTest] = useState("idle");
+    const [testMsg, setTestMsg] = useState("");
+    // Re-sync to props whenever the dialog opens.
+    useEffect(() => {
+        if (!visible) {
+            return;
+        }
+        setLocalMode(mode);
+        setEndpoint(serverUrl && serverUrl !== entropyUrl ? "custom" : "entropy");
+        setCustom(serverUrl && serverUrl !== entropyUrl ? serverUrl : "");
+        setOpen(false);
+        setTest("idle");
+        setTestMsg("");
+    }, [visible, mode, serverUrl, entropyUrl]);
+    // Dropdown is rendered as the card's last child (so it always paints on
+    // top); we measure the selector to anchor it.
+    const cardRef = useRef(null);
+    const selRef = useRef(null);
+    const [menu, setMenu] = useState(null);
+    const toggleMenu = () => {
+        if (open) {
+            setOpen(false);
+            return;
+        }
+        selRef.current?.measureInWindow((x, y, w, h) => {
+            cardRef.current?.measureInWindow((cx, cy) => {
+                setMenu({ top: y - cy + h + 6, left: x - cx, width: w });
+                setOpen(true);
+            });
+        });
+    };
+    // ── Draggable card, clamped to stay on screen ──────────────────────────────
+    const win = useWindowDimensions();
+    const tx = useSharedValue(0);
+    const ty = useSharedValue(0);
+    const startX = useSharedValue(0);
+    const startY = useSharedValue(0);
+    const cardW = useSharedValue(0);
+    const cardH = useSharedValue(0);
+    useEffect(() => {
+        if (visible) {
+            tx.value = 0;
+            ty.value = 0;
+        }
+    }, [visible, tx, ty]);
+    const drag = Gesture.Pan()
+        .onBegin(() => {
+        startX.value = tx.value;
+        startY.value = ty.value;
+    })
+        .onUpdate((e) => {
+        const maxX = Math.max(0, (win.width - cardW.value) / 2 - 8);
+        const maxY = Math.max(0, (win.height - cardH.value) / 2 - 8);
+        tx.value = Math.min(maxX, Math.max(-maxX, startX.value + e.translationX));
+        ty.value = Math.min(maxY, Math.max(-maxY, startY.value + e.translationY));
+    });
+    const recenter = Gesture.Tap()
+        .numberOfTaps(2)
+        .onEnd(() => {
+        tx.value = withTiming(0, { duration: 220 });
+        ty.value = withTiming(0, { duration: 220 });
+    });
+    const handleGesture = Gesture.Race(drag, recenter);
+    const dragStyle = useAnimatedStyle(() => ({
+        transform: [{ translateX: tx.value }, { translateY: ty.value }],
+    }));
+    const resolvedUrl = endpoint === "entropy" ? entropyUrl : normalizeCustom(custom);
+    const runTest = async (url) => {
+        if (!url) {
+            setTest("fail");
+            setTestMsg("Enter a server address");
+            return;
+        }
+        setTest("testing");
+        setTestMsg("");
+        try {
+            const res = await fetch(`${url}${healthPath}`, { method: "GET" });
+            const body = (await res.json().catch(() => ({})));
+            if (res.ok && validateHealth(body)) {
+                setTest("ok");
+                setTestMsg("Connected");
+            }
+            else {
+                setTest("fail");
+                setTestMsg(`Responded ${res.status}`);
+            }
+        }
+        catch (e) {
+            setTest("fail");
+            setTestMsg(e instanceof Error ? e.message : "Could not reach server");
+        }
+    };
+    const canSave = localMode === "standalone" || test === "ok";
+    // Auto-test (debounced) whenever the cloud endpoint changes.
+    useEffect(() => {
+        if (!visible || localMode !== "cloud") {
+            return;
+        }
+        if (!resolvedUrl) {
+            setTest("idle");
+            return;
+        }
+        const h = setTimeout(() => void runTest(resolvedUrl), 500);
+        return () => clearTimeout(h);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [visible, localMode, endpoint, custom, resolvedUrl]);
+    return (<Modal visible={visible} transparent animationType="none" onRequestClose={onClose} statusBarTranslucent>
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <Animated.View entering={FadeIn.duration(160)} exiting={FadeOut.duration(120)} style={{ flex: 1 }}>
+          <Pressable style={{
+            flex: 1,
+            backgroundColor: "#000000B0",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: 24,
+        }} onPress={onClose}>
+            <Animated.View entering={FadeIn.duration(180)} onLayout={(e) => {
+            cardW.value = e.nativeEvent.layout.width;
+            cardH.value = e.nativeEvent.layout.height;
+        }} style={[{ width: "100%", maxWidth: 520 }, dragStyle]}>
+              <Pressable ref={cardRef} onPress={(e) => e.stopPropagation()} style={{
+            backgroundColor: p.popover,
+            borderRadius: 24,
+            borderColor: p.border,
+            borderWidth: 1,
+            paddingHorizontal: 22,
+            paddingBottom: 22,
+            paddingTop: 10,
+            gap: 16,
+        }}>
+                {/* drag handle: whole header bar drags; double-tap recenters */}
+                <GestureDetector gesture={handleGesture}>
+                  <View style={{
+            marginHorizontal: -22,
+            paddingHorizontal: 22,
+            userSelect: "none",
+        }}>
+                    <View style={{ alignItems: "center", paddingVertical: 4 }}>
+                      <GripHorizontal size={20} color={p.mutedForeground}/>
+                    </View>
+                    <View style={{
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+        }}>
+                      <Text style={{ color: p.foreground, fontSize: 18, fontWeight: "700" }}>
+                        Connection
+                      </Text>
+                      <Pressable onPress={onClose} hitSlop={10} style={{ padding: 4 }}>
+                        <X size={20} color={p.mutedForeground}/>
+                      </Pressable>
+                    </View>
+                  </View>
+                </GestureDetector>
+
+                <ScrollView style={{ maxHeight: win.height * 0.66 }} contentContainerStyle={{ gap: 16 }} keyboardShouldPersistTaps="handled" showsVerticalScrollIndicator={false}>
+                  {/* mode segmented */}
+                  <View style={{
+            backgroundColor: p.muted,
+            borderRadius: 14,
+            padding: 4,
+            flexDirection: "row",
+            gap: 4,
+        }}>
+                    <ModePill label="Cloud" active={localMode === "cloud"} onPress={() => setLocalMode("cloud")} palette={p}/>
+                    <ModePill label="Standalone" active={localMode === "standalone"} disabled={!allowStandalone} onPress={() => setLocalMode("standalone")} palette={p}/>
+                  </View>
+
+                  {localMode === "standalone" ? (<Text style={{ color: p.mutedForeground, fontSize: 13, lineHeight: 19 }}>
+                      {allowStandalone
+                ? "Private by default. Your vault stays on this device — no account, no server."
+                : "On-device, account-free mode is coming soon. For now, sign in to your Entropy or self-hosted server."}
+                    </Text>) : (<View style={{ gap: 12 }}>
+                      <Text style={{ color: p.mutedForeground, fontSize: 13, lineHeight: 19 }}>
+                        Sign in to sync across devices. Use Entropy&apos;s hosted server or point at
+                        one you run yourself.
+                      </Text>
+
+                      {/* endpoint selector — dropdown floats as an overlay so the
+                dialog never resizes when it opens. */}
+                      <View style={{ position: "relative", zIndex: open ? 100 : 1 }}>
+                        <Text style={{
+                color: p.mutedForeground,
+                fontSize: 13,
+                fontWeight: "500",
+                marginBottom: 6,
+            }}>
+                          Server
+                        </Text>
+                        <Pressable ref={selRef} onPress={toggleMenu} style={{
+                height: 52,
+                borderRadius: 14,
+                backgroundColor: p.background,
+                borderWidth: 1,
+                borderColor: open ? p.primary : p.border,
+                flexDirection: "row",
+                alignItems: "center",
+                paddingHorizontal: 14,
+            }}>
+                          <View style={{ flex: 1 }}>
+                            <Text style={{ color: p.foreground, fontSize: 15, fontWeight: "500" }}>
+                              {endpoint === "entropy" ? "Entropy Cloud" : "Custom server"}
+                            </Text>
+                            <Text style={{ color: p.mutedForeground, fontSize: 11, marginTop: 1 }}>
+                              {endpoint === "entropy" ? entropyUrl : "DNS / IP / host:port"}
+                            </Text>
+                          </View>
+                          <Animated.View style={{ transform: [{ rotate: open ? "180deg" : "0deg" }] }}>
+                            <ChevronDown size={18} color={p.mutedForeground}/>
+                          </Animated.View>
+                        </Pressable>
+                      </View>
+
+                      {endpoint === "custom" ? (<Input label="Address" placeholder="vault.example.com  ·  192.168.1.10:8080" autoCapitalize="none" autoCorrect={false} keyboardType="url" value={custom} onChangeText={setCustom}/>) : null}
+
+                      {/* live connection status — fixed height, never shifts layout */}
+                      <Pressable onPress={() => void runTest(resolvedUrl)} style={{ height: 22, flexDirection: "row", alignItems: "center", gap: 7 }} accessibilityRole="button" accessibilityLabel="Test connection">
+                        {test === "testing" ? (<>
+                            <ActivityIndicator size="small" color={p.mutedForeground}/>
+                            <Text style={{ color: p.mutedForeground, fontSize: 13 }}>
+                              Checking connection…
+                            </Text>
+                          </>) : test === "ok" ? (<>
+                            <Dot color={SUCCESS}/>
+                            <Text style={{ color: SUCCESS, fontSize: 13, fontWeight: "500" }}>
+                              {testMsg}
+                            </Text>
+                          </>) : test === "fail" ? (<>
+                            <Dot color={p.destructive}/>
+                            <Text numberOfLines={1} style={{ color: p.destructive, fontSize: 13, flex: 1 }}>
+                              {testMsg} · tap to retry
+                            </Text>
+                          </>) : (<>
+                            <Dot color={p.mutedForeground}/>
+                            <Text style={{ color: p.mutedForeground, fontSize: 13 }}>
+                              Not checked
+                            </Text>
+                          </>)}
+                      </Pressable>
+                    </View>)}
+
+                  <View style={{ position: "relative", zIndex: 0 }}>
+                    <Button className="w-full" disabled={!canSave} onPress={() => onSave(localMode, localMode === "cloud" ? resolvedUrl : "")} accessibilityLabel="Save connection settings">
+                      Save
+                    </Button>
+                  </View>
+                </ScrollView>
+
+                {/* Server dropdown — rendered last so it paints above everything,
+            anchored under the selector via measurement. */}
+                {open && menu ? (<>
+                    <Pressable onPress={() => setOpen(false)} style={{ position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }}/>
+                    <Animated.View entering={FadeIn.duration(120)} style={{
+                position: "absolute",
+                top: menu.top,
+                left: menu.left,
+                width: menu.width,
+                borderRadius: 14,
+                borderWidth: 1,
+                borderColor: p.border,
+                backgroundColor: p.background,
+                overflow: "hidden",
+                boxShadow: "0px 10px 18px rgba(0,0,0,0.5)",
+                elevation: 12,
+            }}>
+                      <Option label="Entropy Cloud" sub={entropyUrl} active={endpoint === "entropy"} onPress={() => {
+                setEndpoint("entropy");
+                setOpen(false);
+            }} palette={p}/>
+                      <Option label="Custom server" sub="DNS / IP / host:port" active={endpoint === "custom"} onPress={() => {
+                setEndpoint("custom");
+                setOpen(false);
+            }} palette={p}/>
+                    </Animated.View>
+                  </>) : null}
+              </Pressable>
+            </Animated.View>
+          </Pressable>
+        </Animated.View>
+      </GestureHandlerRootView>
+    </Modal>);
+}
+function Dot({ color }) {
+    return <View style={{ width: 8, height: 8, borderRadius: 999, backgroundColor: color }}/>;
+}
+function ModePill({ label, active, disabled, onPress, palette: p, }) {
+    return (<Pressable onPress={() => !disabled && onPress()} disabled={disabled} style={{
+            flex: 1,
+            paddingVertical: 9,
+            borderRadius: 10,
+            alignItems: "center",
+            backgroundColor: active ? p.primary : "transparent",
+            opacity: disabled ? 0.45 : 1,
+        }}>
+      <Text style={{
+            fontSize: 14,
+            fontWeight: active ? "700" : "500",
+            color: active ? p.primaryForeground : p.foreground,
+        }}>
+        {label}
+      </Text>
+    </Pressable>);
+}
+function Option({ label, sub, active, onPress, palette: p, }) {
+    return (<Pressable onPress={onPress} style={{
+            flexDirection: "row",
+            alignItems: "center",
+            paddingHorizontal: 14,
+            paddingVertical: 11,
+            backgroundColor: active ? p.muted : p.background,
+        }}>
+      <View style={{ flex: 1 }}>
+        <Text style={{ color: p.foreground, fontSize: 14, fontWeight: "500" }}>{label}</Text>
+        <Text style={{ color: p.mutedForeground, fontSize: 11, marginTop: 1 }}>{sub}</Text>
+      </View>
+      {active ? <Check size={16} color={p.primary}/> : null}
+    </Pressable>);
+}
+export default ConnectionSettings;
+//# sourceMappingURL=connection-settings.jsx.map

package/lib/components/connection-settings.jsx.map

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

package/lib/components/context-menu.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+declare const ContextMenu: {
+    ({ asChild, relativeTo, onOpenChange: onOpenChangeProp, ref, ...viewProps }: import("react-native").ViewProps & {
+        asChild?: boolean;
+    } & {
+        onOpenChange?: (open: boolean) => void;
+        relativeTo?: "longPress" | "trigger";
+    } & React.RefAttributes<import("react-native").View>): React.JSX.Element;
+    displayName: string;
+};
+declare const ContextMenuTrigger: {
+    ({ asChild, onLongPress: onLongPressProp, disabled, onAccessibilityAction: onAccessibilityActionProp, ref, ...props }: Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+        asChild?: boolean;
+    } & {
+        onKeyDown?: (ev: React.KeyboardEvent) => void;
+        onKeyUp?: (ev: React.KeyboardEvent) => void;
+    } & React.RefAttributes<import("@rn-primitives/context-menu").TriggerRef>): React.JSX.Element;
+    displayName: string;
+};
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & import("@rn-primitives/types").PositionedContentProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<import("react-native").View>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & {
+    textValue?: string;
+    closeOnPress?: boolean;
+} & React.RefAttributes<import("react-native").View>, "ref"> & {
+    className?: string;
+    inset?: boolean;
+    variant?: "default" | "destructive";
+} & React.RefAttributes<import("react-native").View>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    decorative?: boolean;
+} & React.RefAttributes<import("react-native").View>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<import("react-native").View>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<import("react-native").TextProps & {
+    asChild?: boolean;
+} & React.RefAttributes<import("react-native").Text>, "ref"> & {
+    className?: string;
+    inset?: boolean;
+} & React.RefAttributes<import("react-native").Text>>;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuLabel, };
+//# sourceMappingURL=context-menu.d.ts.map

package/lib/components/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,WAAW;;;;;;;;CAA4B,CAAC;AAC9C,QAAA,MAAM,kBAAkB;;;;;;;;CAA+B,CAAC;AAExD,QAAA,MAAM,kBAAkB;;;gBAE8D,MAAM;qDAqB1F,CAAC;AAGH,QAAA,MAAM,eAAe;;;;;;;;;gBAGL,MAAM;YACV,OAAO;cACL,SAAS,GAAG,aAAa;qDAcrC,CAAC;AAGH,QAAA,MAAM,oBAAoB;;;;;gBAE8D,MAAM;qDAO5F,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;gBAGN,MAAM;YACV,OAAO;qDAYjB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}

package/lib/components/context-menu.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+import * as ContextMenuPrimitive from "@rn-primitives/context-menu";
+import { cn } from "../utils/cn";
+import { useColorScheme } from "nativewind";
+const ContextMenu = ContextMenuPrimitive.Root;
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => {
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    return (<ContextMenuPrimitive.Portal>
+      <ContextMenuPrimitive.Overlay>
+        <ContextMenuPrimitive.Content ref={ref} className={cn("z-50 min-w-[160px] rounded-lg border border-border p-1", isDark ? "bg-neutral-900" : "bg-white", "shadow-lg", className)} {...props}/>
+      </ContextMenuPrimitive.Overlay>
+    </ContextMenuPrimitive.Portal>);
+});
+ContextMenuContent.displayName = "ContextMenuContent";
+const ContextMenuItem = React.forwardRef(({ className, inset, variant, ...props }, ref) => (<ContextMenuPrimitive.Item ref={ref} className={cn("flex-row items-center rounded-md px-2 py-1.5", "active:bg-neutral-200 dark:active:bg-neutral-700", inset && "pl-8", variant === "destructive" && "active:bg-red-100 dark:active:bg-red-900/30", className)} {...props}/>));
+ContextMenuItem.displayName = "ContextMenuItem";
+const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (<ContextMenuPrimitive.Separator ref={ref} className={cn("my-1 h-px bg-border dark:bg-neutral-700", className)} {...props}/>));
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (<ContextMenuPrimitive.Label ref={ref} className={cn("px-2 py-1.5 text-xs font-semibold text-foreground dark:text-white", inset && "pl-8", className)} {...props}/>));
+ContextMenuLabel.displayName = "ContextMenuLabel";
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuLabel, };
+//# sourceMappingURL=context-menu.jsx.map

package/lib/components/context-menu.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.jsx","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAC9C,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAExD,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,KAAK,MAAM,CAAC;IAEtC,OAAO,CACL,CAAC,oBAAoB,CAAC,MAAM,CAC1B;MAAA,CAAC,oBAAoB,CAAC,OAAO,CAC3B;QAAA,CAAC,oBAAoB,CAAC,OAAO,CAC3B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,CAAC,EAAE,CACX,wDAAwD,EACxD,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,EAEd;MAAA,EAAE,oBAAoB,CAAC,OAAO,CAChC;IAAA,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAC/B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAOtC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClD,CAAC,oBAAoB,CAAC,IAAI,CACxB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,CAAC,EAAE,CACX,8CAA8C,EAC9C,kDAAkD,EAClD,KAAK,IAAI,MAAM,EACf,OAAO,KAAK,aAAa,IAAI,6CAA6C,EAC1E,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,EACV,CACH,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,CAAC,oBAAoB,CAAC,SAAS,CAC7B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,CAAC,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,CAAC,CACpE,IAAI,KAAK,CAAC,EACV,CACH,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAMvC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,CAAC,oBAAoB,CAAC,KAAK,CACzB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,CAAC,EAAE,CACX,mEAAmE,EACnE,KAAK,IAAI,MAAM,EACf,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,EACV,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}

package/lib/components/data-table.d.ts

@@ -0,0 +1,59 @@
+import React from "react";
+import { type ViewStyle } from "react-native";
+export interface DataTableColumn<T> {
+    /** Stable identifier for the column; also the default cell value source. */
+    key: string;
+    /** Header label. */
+    header: string;
+    /** Fixed width (px). Mutually exclusive with `flex`; `width` wins if both set. */
+    width?: number;
+    /** Flex grow factor when no fixed `width` is given. Defaults to 1. */
+    flex?: number;
+    /** Custom cell renderer. Receives the whole row. */
+    render?: (row: T) => React.ReactNode;
+    /** Cell + header horizontal alignment. Defaults to "left". */
+    align?: "left" | "center" | "right";
+}
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    /** Stable key for each row — required by the underlying list. */
+    keyExtractor: (row: T, index: number) => string;
+    /** Row press handler; when set, rows become pressable. */
+    onRowPress?: (row: T) => void;
+    /** Replaces the body with skeleton rows while true. */
+    loading?: boolean;
+    /** Number of skeleton rows to show while loading. Defaults to 5. */
+    loadingRowCount?: number;
+    /** Rendered when `data` is empty and not loading. */
+    emptyState?: React.ReactNode;
+    /** Fallback empty message when `emptyState` is not provided. */
+    emptyMessage?: string;
+    className?: string;
+}
+/**
+ * Resolve a column's layout style. `width` (fixed px) takes precedence over
+ * `flex` (grow factor, default 1). Kept pure so layout rules are unit-testable
+ * without a render host.
+ */
+export declare function resolveColumnStyle<T>(column: DataTableColumn<T>): ViewStyle;
+/** Which body the table renders: skeleton rows, an empty placeholder, or data. */
+export type DataTableBodyMode = "loading" | "empty" | "data";
+/**
+ * Decide the body mode from the loading flag + row count. Loading wins over
+ * everything; an empty data set (when not loading) shows the empty state.
+ * Pure so the branch logic is unit-testable without a render host.
+ */
+export declare function dataTableBodyMode(loading: boolean, rowCount: number): DataTableBodyMode;
+/**
+ * Generic, typed data table for admin dashboards. Renders a sticky-ish header
+ * row above a virtualised `FlatList` body (react-native's built-in list — the
+ * package does not depend on `@shopify/flash-list`, and adding a runtime dep is
+ * out of scope). Works on RN web (the primary admin target) and native.
+ *
+ * Loading shows skeleton rows; an empty data set shows `emptyState` (or
+ * `emptyMessage`). Columns size by fixed `width` or `flex`, support custom
+ * `render`, and alignment.
+ */
+export declare function DataTable<T>({ columns, data, keyExtractor, onRowPress, loading, loadingRowCount, emptyState, emptyMessage, className, }: DataTableProps<T>): React.JSX.Element;
+//# sourceMappingURL=data-table.d.ts.map

package/lib/components/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/components/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9F,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,4EAA4E;IAC5E,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,iEAAiE;IACjE,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,CAY3E;AAED,kFAAkF;AAClF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7D;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,iBAAiB,CAKvF;AA0ED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,OAAe,EACf,eAAmB,EACnB,UAAU,EACV,YAAwB,EACxB,SAAS,GACV,EAAE,cAAc,CAAC,CAAC,CAAC,qBA0CnB"}

package/lib/components/data-table.jsx

@@ -0,0 +1,101 @@
+import React from "react";
+import { FlatList, Pressable, View } from "react-native";
+import { cn } from "../utils/cn";
+import { MutedText, Text } from "./text";
+import { Skeleton } from "./skeleton";
+const alignClass = {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right",
+};
+const alignItems = {
+    left: "flex-start",
+    center: "center",
+    right: "flex-end",
+};
+/**
+ * Resolve a column's layout style. `width` (fixed px) takes precedence over
+ * `flex` (grow factor, default 1). Kept pure so layout rules are unit-testable
+ * without a render host.
+ */
+export function resolveColumnStyle(column) {
+    const align = column.align ?? "left";
+    const base = {
+        paddingHorizontal: 12,
+        paddingVertical: 12,
+        justifyContent: "center",
+        alignItems: alignItems[align],
+    };
+    if (typeof column.width === "number") {
+        return { ...base, width: column.width };
+    }
+    return { ...base, flex: column.flex ?? 1 };
+}
+/**
+ * Decide the body mode from the loading flag + row count. Loading wins over
+ * everything; an empty data set (when not loading) shows the empty state.
+ * Pure so the branch logic is unit-testable without a render host.
+ */
+export function dataTableBodyMode(loading, rowCount) {
+    if (loading) {
+        return "loading";
+    }
+    return rowCount === 0 ? "empty" : "data";
+}
+function HeaderRowInner({ columns }) {
+    return (<View className={cn("flex-row border-b border-border bg-card dark:border-neutral-800 dark:bg-neutral-900/50")} accessibilityRole="header">
+      {columns.map((column) => (<View key={column.key} style={resolveColumnStyle(column)}>
+          <Text className={cn("text-xs font-semibold uppercase tracking-wider text-muted-foreground", alignClass[column.align ?? "left"])} numberOfLines={1}>
+            {column.header}
+          </Text>
+        </View>))}
+    </View>);
+}
+// Memoized so an unchanged row (stable `columns` + `onPress` identity) skips
+// re-rendering when the FlatList recycles. `React.memo` on a generic function
+// erases the type parameter, so we cast back to a generic-preserving signature.
+const HeaderRow = React.memo(HeaderRowInner);
+function DataRowInner({ row, columns, onPress, }) {
+    const cells = (<>
+      {columns.map((column) => (<View key={column.key} style={resolveColumnStyle(column)}>
+          {column.render ? (column.render(row)) : (<Text className={cn("text-sm text-foreground", alignClass[column.align ?? "left"])}>
+              {String(row[column.key] ?? "")}
+            </Text>)}
+        </View>))}
+    </>);
+    if (onPress) {
+        return (<Pressable className="flex-row border-b border-border active:bg-accent dark:border-neutral-800" onPress={() => onPress(row)} accessibilityRole="button">
+        {cells}
+      </Pressable>);
+    }
+    return <View className="flex-row border-b border-border dark:border-neutral-800">{cells}</View>;
+}
+const DataRow = React.memo(DataRowInner);
+/**
+ * Generic, typed data table for admin dashboards. Renders a sticky-ish header
+ * row above a virtualised `FlatList` body (react-native's built-in list — the
+ * package does not depend on `@shopify/flash-list`, and adding a runtime dep is
+ * out of scope). Works on RN web (the primary admin target) and native.
+ *
+ * Loading shows skeleton rows; an empty data set shows `emptyState` (or
+ * `emptyMessage`). Columns size by fixed `width` or `flex`, support custom
+ * `render`, and alignment.
+ */
+export function DataTable({ columns, data, keyExtractor, onRowPress, loading = false, loadingRowCount = 5, emptyState, emptyMessage = "No data", className, }) {
+    const mode = dataTableBodyMode(loading, data.length);
+    // Stable `renderItem` identity (only re-created when `columns`/`onRowPress`
+    // change) so the memoized `DataRow` can recycle. `extraData` tells FlatList
+    // to re-render rows when either of those closed-over deps change.
+    const renderItem = React.useCallback(({ item }) => <DataRow row={item} columns={columns} onPress={onRowPress}/>, [columns, onRowPress]);
+    return (<View className={cn("overflow-hidden rounded-lg border border-border dark:border-neutral-800", className)}>
+      <HeaderRow columns={columns}/>
+      {mode === "loading" ? (<View>
+          {Array.from({ length: loadingRowCount }).map((_, i) => (<View key={i} className="flex-row items-center border-b border-border px-3 py-3 dark:border-neutral-800">
+              <Skeleton className="h-4 flex-1"/>
+            </View>))}
+        </View>) : mode === "empty" ? (<View className="items-center justify-center px-4 py-12">
+          {emptyState ?? <MutedText className="text-sm">{emptyMessage}</MutedText>}
+        </View>) : (<FlatList data={data} keyExtractor={keyExtractor} renderItem={renderItem} extraData={[columns, onRowPress]}/>)}
+    </View>);
+}
+//# sourceMappingURL=data-table.jsx.map