@entropy-softworks/ui 2026.7.31

package/lib/components/input.jsx

@@ -0,0 +1,95 @@
+import React, { forwardRef, useState } from "react";
+import { Pressable, TextInput, View, } from "react-native";
+import { cn } from "../utils/cn";
+import { ErrorText, Label } from "./text";
+import { Ionicons } from "@expo/vector-icons";
+import { useColorScheme } from "nativewind";
+export const Input = forwardRef(({ className, containerClassName, label, labelClassName, error, errorClassName, invalid, leftIcon, rightIcon, isPassword = false, showPasswordToggle = true, containerStyle, onFocus, onBlur, secureTextEntry, ...props }, ref) => {
+    const showInvalid = invalid || !!error;
+    const [showPassword, setShowPassword] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    const handleFocus = (e) => {
+        setIsFocused(true);
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        setIsFocused(false);
+        onBlur?.(e);
+    };
+    const shouldShowPassword = isPassword && !showPassword;
+    const showToggle = isPassword && showPasswordToggle;
+    let borderClass;
+    if (showInvalid) {
+        borderClass = "border-2 border-destructive";
+    }
+    else if (isFocused) {
+        borderClass = "border-2 border-primary";
+    }
+    else {
+        borderClass = "border border-border";
+    }
+    return (<View className={cn("w-full", containerClassName)} style={containerStyle}>
+        {label ? <Label className={cn("mb-2", labelClassName)}>{label}</Label> : null}
+
+        <View className={cn("h-12 flex-row items-center rounded-lg bg-card pl-3", showToggle ? "pr-1" : "pr-3", borderClass, className)}>
+          {leftIcon ? <View className="mr-2">{leftIcon}</View> : null}
+
+          <TextInput ref={ref} className="flex-1 py-2 text-base text-foreground dark:text-white" placeholderTextColor={isDark ? "#737373" : "#A3A3A3"} onFocus={handleFocus} onBlur={handleBlur} secureTextEntry={secureTextEntry ?? shouldShowPassword} {...props}/>
+
+          {showToggle ? (<Pressable onPress={() => setShowPassword(!showPassword)} className="px-2 py-2" hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
+              <Ionicons name={showPassword ? "eye-off-outline" : "eye-outline"} size={20} color={isDark ? "#A3A3A3" : "#737373"}/>
+            </Pressable>) : null}
+
+          {rightIcon && !showToggle ? <View className="ml-2">{rightIcon}</View> : null}
+        </View>
+
+        {error ? <ErrorText className={cn("mt-2", errorClassName)}>{error}</ErrorText> : null}
+      </View>);
+});
+Input.displayName = "Input";
+export const SearchInput = forwardRef(({ className, ...props }, ref) => {
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    return (<Input ref={ref} className={className} leftIcon={<Ionicons name="search-outline" size={20} color={isDark ? "#A3A3A3" : "#737373"}/>} placeholder="Search..." returnKeyType="search" {...props}/>);
+});
+SearchInput.displayName = "SearchInput";
+export const EmailInput = forwardRef(({ className, ...props }, ref) => {
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    return (<Input ref={ref} className={className} leftIcon={<Ionicons name="mail-outline" size={20} color={isDark ? "#A3A3A3" : "#737373"}/>} placeholder="you@example.com" keyboardType="email-address" autoCapitalize="none" autoCorrect={false} textContentType="emailAddress" autoComplete="email" {...props}/>);
+});
+EmailInput.displayName = "EmailInput";
+export const PasswordInput = forwardRef(({ className, ...props }, ref) => {
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    return (<Input ref={ref} className={className} leftIcon={<Ionicons name="lock-closed-outline" size={20} color={isDark ? "#A3A3A3" : "#737373"}/>} placeholder="••••••••" isPassword autoCapitalize="none" autoCorrect={false} textContentType="password" autoComplete="password" {...props}/>);
+});
+PasswordInput.displayName = "PasswordInput";
+export const TextArea = forwardRef(({ className, containerClassName, ...props }, ref) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    const handleFocus = (e) => {
+        setIsFocused(true);
+        props.onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        setIsFocused(false);
+        props.onBlur?.(e);
+    };
+    return (<View className={cn("w-full", containerClassName)}>
+        {props.label ? <Label className="mb-2">{props.label}</Label> : null}
+
+        <View className={cn("min-h-[100px] rounded-lg bg-background px-3 py-3 dark:bg-black", isFocused
+            ? "border-2 border-foreground"
+            : "border border-border dark:border-neutral-800", className)}>
+          <TextInput ref={ref} className="text-base text-foreground dark:text-white" placeholderTextColor={isDark ? "#737373" : "#A3A3A3"} multiline numberOfLines={4} textAlignVertical="top" onFocus={handleFocus} onBlur={handleBlur} {...props}/>
+        </View>
+
+        {props.error ? <ErrorText className="mt-2">{props.error}</ErrorText> : null}
+      </View>);
+});
+TextArea.displayName = "TextArea";
+//# sourceMappingURL=input.jsx.map

package/lib/components/input.jsx.map

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

package/lib/components/item-icon.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+export interface ItemIconProps {
+    /**
+     * Stored icon reference. Either a literal URL, a `custom:<uploadId>`
+     * marker (fetched through the auth-aware transport), or null/empty
+     * to fall back to the favicon proxy.
+     */
+    iconUrl?: string | null;
+    /** Site URL the favicon proxy derives a public URL from. */
+    siteUrl?: string | null;
+    /** Tile size in pixels (square). Defaults to 40. */
+    size?: number;
+    /** Inner image size. Defaults to roughly 60% of `size`. */
+    imageSize?: number;
+    /** Tile corner radius. Defaults to 25% of `size`. */
+    borderRadius?: number;
+    /** Tile background override. Defaults to the secondary surface. */
+    background?: string;
+    /** Globe-glyph color override. Defaults to muted-foreground. */
+    fallbackColor?: string;
+    /** Favicon proxy path on the configured API server. Defaults to `/favicon`. */
+    faviconPath?: string;
+    /** Upload-fetch path prefix. Defaults to `/uploads`. */
+    uploadsPath?: string;
+}
+/**
+ * Per-item icon: shows the custom upload, falls back to the favicon
+ * proxy, then to a generic globe glyph on a tile-toned square. Shared
+ * between RN clients (mobile) and RN-Web (extension popup).
+ */
+export declare const ItemIcon: React.NamedExoticComponent<ItemIconProps>;
+//# sourceMappingURL=item-icon.d.ts.map

package/lib/components/item-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-icon.d.ts","sourceRoot":"","sources":["../../src/components/item-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,2CAmEnB,CAAC"}

package/lib/components/item-icon.jsx

@@ -0,0 +1,54 @@
+import React, { useEffect, useState } from "react";
+import { Image, Platform, View } from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+import { useColorScheme } from "nativewind";
+import { resolveIcon } from "../services/favicon";
+import { useUploadBlobUrl } from "../hooks/useUploadBlobUrl";
+// react-native-web forwards `loading` and `decoding` to the underlying
+// <img>; RN's TS types don't expose these props, so we cast through a
+// Record<string, string> for the web branch.
+const WEB_LAZY_PROPS = Platform.OS === "web" ? { loading: "lazy", decoding: "async" } : {};
+/**
+ * Per-item icon: shows the custom upload, falls back to the favicon
+ * proxy, then to a generic globe glyph on a tile-toned square. Shared
+ * between RN clients (mobile) and RN-Web (extension popup).
+ */
+export const ItemIcon = React.memo(function ItemIcon({ iconUrl, siteUrl, size = 40, imageSize, borderRadius, background, fallbackColor, faviconPath = "/favicon", uploadsPath = "/uploads", }) {
+    const { colorScheme } = useColorScheme();
+    const isDark = colorScheme === "dark";
+    const resolved = resolveIcon({ iconUrl, siteUrl, faviconPath });
+    const uploadId = resolved.kind === "upload" ? resolved.uploadId : null;
+    const upload = useUploadBlobUrl(uploadId, uploadsPath);
+    const directUri = resolved.kind === "url" ? resolved.uri : null;
+    const [urlErrored, setUrlErrored] = useState(false);
+    useEffect(() => {
+        setUrlErrored(false);
+    }, [directUri]);
+    const renderUri = uploadId ? upload.uri : directUri;
+    const renderErrored = uploadId ? upload.errored : urlErrored;
+    const onError = () => {
+        if (uploadId) {
+            upload.setErrored(true);
+        }
+        else {
+            setUrlErrored(true);
+        }
+    };
+    const tileBg = background ?? (isDark ? "rgb(38, 38, 38)" : "rgb(245, 245, 245)");
+    const tileRadius = borderRadius ?? size * 0.25;
+    const innerSize = imageSize ?? Math.round(size * 0.6);
+    const globeColor = fallbackColor ?? (isDark ? "rgb(163, 163, 163)" : "rgb(115, 115, 115)");
+    const showFallback = !renderUri || renderErrored;
+    return (<View style={{
+            width: size,
+            height: size,
+            borderRadius: tileRadius,
+            backgroundColor: tileBg,
+            alignItems: "center",
+            justifyContent: "center",
+            overflow: "hidden",
+        }}>
+      {showFallback ? (<Ionicons name="globe-outline" size={Math.round(innerSize * 0.85)} color={globeColor}/>) : (<Image source={{ uri: renderUri ?? "" }} style={{ width: innerSize, height: innerSize }} resizeMode="contain" onError={onError} accessibilityIgnoresInvertColors {...WEB_LAZY_PROPS}/>)}
+    </View>);
+});
+//# sourceMappingURL=item-icon.jsx.map

package/lib/components/item-icon.jsx.map

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

package/lib/components/label.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@rn-primitives/types").SlottablePressableProps, "style" | "children" | "hitSlop"> & {
+    children: React.ReactNode;
+    style?: import("react-native").ViewStyle;
+} & React.RefAttributes<import("react-native").View>, "ref"> & React.RefAttributes<import("react-native").View>>;
+declare const FormLabelText: React.ForwardRefExoticComponent<Omit<import("react-native").TextProps & {
+    asChild?: boolean;
+} & {
+    nativeID?: string;
+    htmlFor?: string;
+} & React.RefAttributes<import("react-native").Text>, "ref"> & React.RefAttributes<import("react-native").Text>>;
+export { FormLabel, FormLabelText };
+//# sourceMappingURL=label.d.ts.map

package/lib/components/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,SAAS;;;gHAKb,CAAC;AAGH,QAAA,MAAM,aAAa;;;;;gHASjB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}

package/lib/components/label.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+import * as LabelPrimitive from "@rn-primitives/label";
+import { cn } from "../utils/cn";
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => (<LabelPrimitive.Root ref={ref} className={cn("", className)} {...props}/>));
+FormLabel.displayName = "FormLabel";
+const FormLabelText = React.forwardRef(({ className, ...props }, ref) => (<LabelPrimitive.Text ref={ref} className={cn("text-sm font-medium text-foreground dark:text-white", className)} {...props}/>));
+FormLabelText.displayName = "FormLabelText";
+export { FormLabel, FormLabelText };
+//# sourceMappingURL=label.jsx.map

package/lib/components/label.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.jsx","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC3E,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,CAAC,cAAc,CAAC,IAAI,CAClB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,CAAC,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,CAAC,CAChF,IAAI,KAAK,CAAC,EACV,CACH,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}

package/lib/components/legal-dialog.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface LegalDialogProps {
+    visible: boolean;
+    onClose: () => void;
+    /** e.g. "Terms of Service" / "Privacy Policy". */
+    title: string;
+    /** Body copy. Split into paragraphs on blank lines. App-supplied so each
+     * app customises the wording; the dialog itself is themed by the palette. */
+    content?: string;
+}
+/**
+ * Reusable legal popup (Terms / Privacy / etc). A scrollable dialog instead
+ * of a dedicated route — apps pass their own `content` and inherit the
+ * active theme. Built on the shared `Dialog`.
+ */
+export declare function LegalDialog({ visible, onClose, title, content }: LegalDialogProps): React.JSX.Element;
+export default LegalDialog;
+//# sourceMappingURL=legal-dialog.d.ts.map

package/lib/components/legal-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legal-dialog.d.ts","sourceRoot":"","sources":["../../src/components/legal-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;iFAC6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,qBAwBjF;AAED,eAAe,WAAW,CAAC"}

package/lib/components/legal-dialog.jsx

@@ -0,0 +1,31 @@
+import React from "react";
+import { ScrollView, Text, useWindowDimensions, View } from "react-native";
+import { Dialog } from "./dialog";
+import { EntropyByline } from "./entropy-mark";
+/**
+ * Reusable legal popup (Terms / Privacy / etc). A scrollable dialog instead
+ * of a dedicated route — apps pass their own `content` and inherit the
+ * active theme. Built on the shared `Dialog`.
+ */
+export function LegalDialog({ visible, onClose, title, content }) {
+    const { height } = useWindowDimensions();
+    const paragraphs = (content ?? `${title} for this application.`)
+        .trim()
+        .split(/\n{2,}/)
+        .map((p) => p.trim())
+        .filter(Boolean);
+    return (<Dialog visible={visible} onClose={onClose} title={title} maxWidth={560} draggable>
+      <ScrollView style={{ maxHeight: height * 0.6 }} showsVerticalScrollIndicator={false}>
+        <View style={{ gap: 12, paddingBottom: 4 }}>
+          {paragraphs.map((p, i) => (<Text key={i} className="text-sm leading-5 text-muted-foreground">
+              {p}
+            </Text>))}
+          <View style={{ marginTop: 16 }}>
+            <EntropyByline size={16}/>
+          </View>
+        </View>
+      </ScrollView>
+    </Dialog>);
+}
+export default LegalDialog;
+//# sourceMappingURL=legal-dialog.jsx.map

package/lib/components/legal-dialog.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"legal-dialog.jsx","sourceRoot":"","sources":["../../src/components/legal-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAY/C;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAoB;IAChF,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,GAAG,KAAK,wBAAwB,CAAC;SAC7D,IAAI,EAAE;SACN,KAAK,CAAC,QAAQ,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,OAAO,CACL,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAChF;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,4BAA4B,CAAC,CAAC,KAAK,CAAC,CAClF;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CACzC;UAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,yCAAyC,CAC/D;cAAA,CAAC,CAAC,CACJ;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACF;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7B;YAAA,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC1B;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/lib/components/license-gate.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface LicenseGateProps {
+    children: React.ReactNode;
+    /** Rendered while a license check is pending/denied once licensing is wired. */
+    fallback?: React.ReactNode;
+}
+/**
+ * Structural licensing gate. With `EXPO_PUBLIC_ENABLE_LICENSING` unset/false
+ * (self-host default) it's a pass-through. SaaS production ships the flag
+ * `true`; the actual licensing/subscription check lives in a separate app and
+ * plugs in here later. Wrapping the app root with this now means the gate
+ * exists identically everywhere — flipping the env var (and adding the check)
+ * is the only change needed to enforce it.
+ */
+export declare function LicenseGate({ children }: LicenseGateProps): React.JSX.Element;
+export default LicenseGate;
+//# sourceMappingURL=license-gate.d.ts.map

package/lib/components/license-gate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"license-gate.d.ts","sourceRoot":"","sources":["../../src/components/license-gate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBAQzD;AAED,eAAe,WAAW,CAAC"}

package/lib/components/license-gate.jsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { ENABLE_LICENSING } from "../flags";
+/**
+ * Structural licensing gate. With `EXPO_PUBLIC_ENABLE_LICENSING` unset/false
+ * (self-host default) it's a pass-through. SaaS production ships the flag
+ * `true`; the actual licensing/subscription check lives in a separate app and
+ * plugs in here later. Wrapping the app root with this now means the gate
+ * exists identically everywhere — flipping the env var (and adding the check)
+ * is the only change needed to enforce it.
+ */
+export function LicenseGate({ children }) {
+    if (!ENABLE_LICENSING) {
+        return <>{children}</>;
+    }
+    // TODO(saas): delegate to the licensing app — validate subscription/seat and
+    // render `fallback` when invalid. Until then, enabling the flag is a no-op
+    // pass-through so the wiring can ship ahead of the integration.
+    return <>{children}</>;
+}
+export default LicenseGate;
+//# sourceMappingURL=license-gate.jsx.map

package/lib/components/license-gate.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"license-gate.jsx","sourceRoot":"","sources":["../../src/components/license-gate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAQ5C;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;IACzB,CAAC;IACD,6EAA6E;IAC7E,2EAA2E;IAC3E,gEAAgE;IAChE,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC;AAED,eAAe,WAAW,CAAC"}

package/lib/components/logo.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface BrandHeaderProps {
+    /** Icon size in pixels. Wordmark text scales relative. */
+    size?: number;
+    /** Hide the wordmark and show just the icon. Useful in tight headers. */
+    iconOnly?: boolean;
+}
+/**
+ * Brand header — pairs the configured `AppConfig.Logo` with the `appName`
+ * wordmark. Apps register their logo + name via `AppConfigProvider`; this
+ * widget renders them at a uniform size across screens (welcome, login,
+ * settings header, extension popup header).
+ */
+export declare function BrandHeader({ size, iconOnly }: BrandHeaderProps): React.JSX.Element;
+//# sourceMappingURL=logo.d.ts.map

package/lib/components/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../src/components/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,QAAgB,EAAE,EAAE,gBAAgB,qBAe5E"}

package/lib/components/logo.jsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { View } from "react-native";
+import { Text } from "./text";
+import { useAppConfig } from "../context/AppConfigContext";
+/**
+ * Brand header — pairs the configured `AppConfig.Logo` with the `appName`
+ * wordmark. Apps register their logo + name via `AppConfigProvider`; this
+ * widget renders them at a uniform size across screens (welcome, login,
+ * settings header, extension popup header).
+ */
+export function BrandHeader({ size = 32, iconOnly = false }) {
+    const { appName, Logo } = useAppConfig();
+    return (<View className="flex-row items-center" style={{ gap: 10 }}>
+      <Logo width={size} height={size}/>
+      {iconOnly ? null : (<Text className="font-sans-bold text-foreground" style={{ fontSize: Math.round(size * 0.6), letterSpacing: -0.5 }}>
+          {appName}
+        </Text>)}
+    </View>);
+}
+//# sourceMappingURL=logo.jsx.map

package/lib/components/logo.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.jsx","sourceRoot":"","sources":["../../src/components/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAS3D;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAoB;IAC3E,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IACzC,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACzD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAChC;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,CAAC,IAAI,CACH,SAAS,CAAC,gCAAgC,CAC1C,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC,CAEjE;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}

package/lib/components/onboarding-wizard.d.ts

@@ -0,0 +1,89 @@
+import React from "react";
+/**
+ * Optional brand color overrides so onboarding matches the host app's sign-in
+ * styling instead of the generic theme palette. Any omitted key falls back to
+ * the active palette.
+ */
+export interface OnboardingTheme {
+    background?: string;
+    card?: string;
+    border?: string;
+    foreground?: string;
+    mutedForeground?: string;
+    primary?: string;
+    primaryForeground?: string;
+    /** Icon-tile background on OnboardingOptionCard. */
+    iconBackground?: string;
+}
+export interface OnboardingStepApi {
+    /** Advance to the next step (or finish on the last step). */
+    next: () => void;
+    /** Go back to the previous step (no-op on the first). */
+    back: () => void;
+    index: number;
+    total: number;
+    isLast: boolean;
+}
+export interface OnboardingStepDef {
+    key: string;
+    title: string;
+    subtitle?: string;
+    /** Step body. Receives the wizard api so its own actions can advance. */
+    content: (api: OnboardingStepApi) => React.ReactNode;
+    /** Show a "skip" affordance that advances without completing the step. */
+    canSkip?: boolean;
+    /** Override the primary button label for this step. */
+    primaryLabel?: string;
+    /** Hide the footer primary button (the step drives its own advance). */
+    hidePrimary?: boolean;
+    /**
+     * Gate advancing: when false the primary button is disabled (e.g. a required
+     * step the user hasn't satisfied yet, like mandatory MFA enrollment).
+     * Defaults to true.
+     */
+    canContinue?: boolean;
+    /**
+     * Already-satisfied step. Counts toward the total + shows a filled progress
+     * dot, but its body is never rendered — the wizard starts at the first
+     * not-done step and skips done ones. Lets a resumed onboarding show absolute
+     * position ("Step 3 of 3") instead of remaining-only ("1 of 1").
+     */
+    done?: boolean;
+}
+export interface OnboardingWizardProps {
+    steps: OnboardingStepDef[];
+    /** Called after the final step's continue/skip. Mark onboarding complete here. */
+    onComplete: () => void | Promise<void>;
+    /** Branding slot rendered above the progress + card (e.g. logo + app name). */
+    header?: React.ReactNode;
+    /** Card max width on large screens / web so it reads as an overlay, not full-bleed. */
+    maxWidth?: number;
+    /** Show the "Step X of N" label under the progress dots. Default true. */
+    showStepLabel?: boolean;
+    /** Brand color overrides so the chrome matches the app's sign-in styling. */
+    theme?: OnboardingTheme;
+    skipLabel?: string;
+    finishLabel?: string;
+    continueLabel?: string;
+}
+export declare function OnboardingWizard({ steps, onComplete, header, maxWidth, showStepLabel, theme, skipLabel, finishLabel, continueLabel, }: OnboardingWizardProps): React.JSX.Element | null;
+export interface OnboardingOptionCardProps {
+    icon?: React.ReactNode;
+    title: string;
+    subtitle?: string;
+    /** Trailing element (e.g. a spinner or chevron). */
+    right?: React.ReactNode;
+    onPress?: () => void;
+    /** Highlight the card (e.g. completed/selected) with the primary color. */
+    selected?: boolean;
+    /** Brand color overrides to match the app's sign-in styling. */
+    theme?: OnboardingTheme;
+}
+/**
+ * Tappable card for onboarding step bodies — an icon tile, title + subtitle,
+ * and optional trailing slot. Domain-agnostic; apps drop these into a wizard
+ * step to offer choices (add passkey, connect a bank, …).
+ */
+export declare function OnboardingOptionCard({ icon, title, subtitle, right, onPress, selected, theme, }: OnboardingOptionCardProps): React.JSX.Element;
+export default OnboardingWizard;
+//# sourceMappingURL=onboarding-wizard.d.ts.map

package/lib/components/onboarding-wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-wizard.d.ts","sourceRoot":"","sources":["../../src/components/onboarding-wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AASD,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,yDAAyD;IACzD,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,OAAO,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,kFAAkF;IAClF,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAc,EACd,aAAoB,EACpB,KAAK,EACL,SAA0B,EAC1B,WAAsB,EACtB,aAA0B,GAC3B,EAAE,qBAAqB,4BAgLvB;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE,yBAAyB,qBAqD3B;AAED,eAAe,gBAAgB,CAAC"}