zero-to-app 2.0.0

package/dist/components/ui/BlurButton.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Animated } from 'react-native';
+interface BlurButtonProps {
+    onPress: () => void;
+    children: React.ReactNode;
+    intensity?: number;
+    tint?: 'light' | 'dark' | 'default';
+    style?: any;
+    scaleValue?: Animated.Value;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
+    activeOpacity?: number;
+}
+declare const BlurButton: React.FC<BlurButtonProps>;
+export { BlurButton };
+//# sourceMappingURL=BlurButton.d.ts.map

package/dist/components/ui/BlurButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlurButton.d.ts","sourceRoot":"","sources":["../../../components/ui/BlurButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsC,QAAQ,EAAE,MAAM,cAAc,CAAC;AAK5E,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2BzC,CAAC;AAkBF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/BlurButton.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { StyleSheet, TouchableOpacity, Animated } from 'react-native';
+import { BlurView } from 'expo-blur';
+import { ThemeContext } from '../../theme';
+const BlurButton = ({ onPress, children, intensity = 80, tint = 'dark', style, scaleValue, onPressIn, onPressOut, activeOpacity = 0.9, }) => {
+    const theme = useContext(ThemeContext);
+    return (_jsx(Animated.View, { style: scaleValue ? { transform: [{ scale: scaleValue }] } : undefined, children: _jsx(BlurView, { intensity: intensity, tint: tint, style: [styles.blurButton, { borderColor: theme.values.borderColor }, style], children: _jsx(TouchableOpacity, { style: styles.touchable, onPress: onPress, onPressIn: onPressIn, onPressOut: onPressOut, activeOpacity: activeOpacity, children: children }) }) }));
+};
+const styles = StyleSheet.create({
+    blurButton: {
+        borderRadius: 100,
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        borderWidth: 0.5,
+        overflow: 'hidden',
+    },
+    touchable: {
+        paddingHorizontal: 20,
+        paddingVertical: 8,
+    },
+});
+export { BlurButton };
+//# sourceMappingURL=BlurButton.js.map

package/dist/components/ui/BlurButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlurButton.js","sourceRoot":"","sources":["../../../components/ui/BlurButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAQ,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAc3C,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,MAAM,EACb,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,GAAG,GAAG,GACpB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YACnF,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,YACtH,KAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,YAE3B,QAAQ,GACQ,GACV,GACG,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,YAAY,EAAE,GAAG;QACjB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,WAAW,EAAE,GAAG;QAChB,QAAQ,EAAE,QAAQ;KACnB;IACD,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,24 @@
+import { GestureResponderEvent } from 'react-native';
+import * as Icons from '@expo/vector-icons';
+type IconLibrary = keyof typeof Icons;
+type ButtonProps = {
+    title: string;
+    onPress: (event: GestureResponderEvent) => void;
+    secondary?: boolean;
+    loading?: boolean;
+    icon?: {
+        library: IconLibrary;
+        name: string;
+        size?: number;
+        color?: string;
+    };
+    iconPosition?: 'left' | 'right';
+    style?: any;
+};
+/**
+ * A reusable button component that can be customized with different styles,
+ * loading states, and behavior based on props. It can also display an optional icon.
+ */
+declare const Button: ({ title, secondary, loading, icon, onPress, iconPosition, style, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/ui/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/ui/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EAItB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAK5C,KAAK,WAAW,GAAG,MAAM,OAAO,KAAK,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,WAAW,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF;;;GAGG;AAEH,QAAA,MAAM,MAAM,GAAI,oEAQb,WAAW,4CA8Eb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/Button.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useMemo } from 'react';
+import { ActivityIndicator, Pressable, StyleSheet, View, } from 'react-native';
+import * as Icons from '@expo/vector-icons';
+import { useBrand } from '../../brand';
+import { StyledText } from './StyledText';
+import { ThemeContext } from '../../theme';
+/**
+ * A reusable button component that can be customized with different styles,
+ * loading states, and behavior based on props. It can also display an optional icon.
+ */
+const Button = ({ title, secondary, loading, icon, onPress, iconPosition = 'right', style, }) => {
+    const theme = useContext(ThemeContext);
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        primary: {
+            maxHeight: 100,
+            minWidth: 200,
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: 15,
+            borderRadius: brand.borderRadius,
+            backgroundColor: brand.colors.primary,
+        },
+        secondary: {
+            maxHeight: 100,
+            minWidth: 200,
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: 15,
+            borderRadius: brand.borderRadius,
+            backgroundColor: 'transparent',
+            borderWidth: 2,
+            borderColor: brand.colors.secondary,
+        },
+        contentContainer: {
+            flexDirection: 'row', // Ensures icon and text are in a row
+            alignItems: 'center', // Vertically centers icon and text
+            justifyContent: 'center', // Horizontally centers icon and text
+        },
+        icon: {
+            marginLeft: 8, // Adds spacing between icon and text
+        },
+    }), [brand]);
+    return loading ? (_jsx(View, { children: _jsx(ActivityIndicator, { size: "small", color: secondary ? brand.colors.secondary : brand.colors.primary }) })) : (_jsx(Pressable, { onPress: onPress, style: [secondary ? styles.secondary : styles.primary, style], children: _jsxs(View, { style: styles.contentContainer, children: [icon && iconPosition === 'left' && (_jsx(View, { style: { marginRight: 8 }, children: icon.library && Icons[icon.library]
+                        ? React.createElement(Icons[icon.library], {
+                            name: icon.name,
+                            size: icon.size || 20,
+                            color: icon.color || (!secondary ? '#fff' : theme.values.color),
+                        })
+                        : null })), _jsx(StyledText, { fontSize: 'sm', color: !secondary ? '#FFFFFF' : theme.values.color, fontWeight: 500, numberOfLines: 1, align: "center", children: title }), icon && iconPosition === 'right' && (_jsx(View, { style: { marginLeft: 8 }, children: icon.library && Icons[icon.library]
+                        ? React.createElement(Icons[icon.library], {
+                            name: icon.name,
+                            size: icon.size || 20,
+                            color: icon.color || (!secondary ? '#fff' : theme.values.color),
+                        })
+                        : null }))] }) }));
+};
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/components/ui/Button.js.map

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

package/dist/components/ui/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error?: Error;
+}
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export { ErrorBoundary };
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ui/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../components/ui/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAC9D;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACrE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAK1D,MAAM;CAiBP;AAYD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/ErrorBoundary.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { StyledText } from './StyledText';
+class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('ErrorBoundary caught an error:', error, errorInfo);
+        this.props.onError?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.fallback) {
+                return this.props.fallback;
+            }
+            return (_jsx(View, { style: styles.errorContainer, children: _jsx(StyledText, { fontSize: "sm", color: "#666", align: "center", children: "Content temporarily unavailable" }) }));
+        }
+        return this.props.children;
+    }
+}
+const styles = StyleSheet.create({
+    errorContainer: {
+        padding: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f5f5f5',
+        borderRadius: 8,
+    },
+});
+export { ErrorBoundary };
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ui/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../components/ui/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa1C,MAAM,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACjF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAA0B;QACxD,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;QAClE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAC7B,CAAC;YAED,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,YAChC,KAAC,UAAU,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,gDAExC,GACR,CACR,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,cAAc,EAAE;QACd,OAAO,EAAE,EAAE;QACX,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/IconButton.d.ts

@@ -0,0 +1,13 @@
+import Feather from '@expo/vector-icons/Feather';
+type IconButtonProps = {
+    iconName: keyof typeof Feather.glyphMap;
+    onPress: () => void;
+    color?: string;
+    backgroundColor?: string;
+};
+/**
+ * Renders rounded icon button with icon from expo-vector icons.
+ */
+declare const IconButton: ({ iconName, onPress, color, backgroundColor }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { IconButton };
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/ui/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/ui/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,4BAA4B,CAAC;AAGjD,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,OAAO,OAAO,CAAC,QAAQ,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;GAEG;AAEH,QAAA,MAAM,UAAU,GAAI,+CAA+C,eAAe,4CAcjF,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/IconButton.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { StyleSheet, Pressable } from 'react-native';
+import Feather from '@expo/vector-icons/Feather';
+import { ThemeContext } from '../../theme';
+/**
+ * Renders rounded icon button with icon from expo-vector icons.
+ */
+const IconButton = ({ iconName, onPress, color, backgroundColor }) => {
+    //Initialize theme
+    const theme = useContext(ThemeContext);
+    return (_jsx(Pressable, { onPress: onPress, style: {
+            ...styles.container,
+            backgroundColor: backgroundColor ?? 'transparent',
+        }, children: _jsx(Feather, { name: iconName, size: 20, color: color ? theme.values.iconButtonIconColor : theme.values.color }) }));
+};
+export { IconButton };
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: 40,
+        height: 40,
+        borderRadius: 25,
+    },
+});
+//# sourceMappingURL=IconButton.js.map

package/dist/components/ui/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../components/ui/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,OAAO,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAS3C;;GAEG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAmB,EAAE,EAAE;IACpF,kBAAkB;IAClB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,GAAG,MAAM,CAAC,SAAS;YACnB,eAAe,EAAE,eAAe,IAAI,aAAa;SAClD,YACD,KAAC,OAAO,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAI,GACjG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAC"}

package/dist/components/ui/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Loading indicator
+ */
+declare const LoadingIndicator: () => import("react/jsx-runtime").JSX.Element;
+export { LoadingIndicator };
+//# sourceMappingURL=LoadingIndicator.d.ts.map

package/dist/components/ui/LoadingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../components/ui/LoadingIndicator.tsx"],"names":[],"mappings":"AAMA;;GAEG;AAEH,QAAA,MAAM,gBAAgB,+CAKrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/LoadingIndicator.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+//A spinner component that uses theme values to style the spinner.
+import { useContext } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { ThemeContext } from '../../theme';
+/**
+ * Loading indicator
+ */
+const LoadingIndicator = () => {
+    // Initialize theme
+    const theme = useContext(ThemeContext);
+    return _jsx(ActivityIndicator, { size: "large", color: theme.values.highlightColor });
+};
+export { LoadingIndicator };
+//# sourceMappingURL=LoadingIndicator.js.map

package/dist/components/ui/LoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../components/ui/LoadingIndicator.tsx"],"names":[],"mappings":";AAAA,kEAAkE;AAElE,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C;;GAEG;AAEH,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,mBAAmB;IACnB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,OAAO,KAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,GAAI,CAAC;AAChF,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/NotificationBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface NotificationBadgeProps {
+    count: number;
+    maxCount?: number;
+}
+export declare const NotificationBadge: React.FC<NotificationBadgeProps>;
+export {};
+//# sourceMappingURL=NotificationBadge.d.ts.map

package/dist/components/ui/NotificationBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.d.ts","sourceRoot":"","sources":["../../../components/ui/NotificationBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoB9D,CAAC"}

package/dist/components/ui/NotificationBadge.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, StyleSheet } from 'react-native';
+import { StyledText } from './StyledText';
+export const NotificationBadge = ({ count, maxCount = 99 }) => {
+    if (count <= 0)
+        return null;
+    const displayCount = count > maxCount ? `${maxCount}+` : count.toString();
+    return (_jsx(View, { style: styles.badge, children: _jsx(StyledText, { color: "white", fontSize: "sm", fontWeight: 600, align: "center", children: displayCount }) }));
+};
+const styles = StyleSheet.create({
+    badge: {
+        position: 'absolute',
+        top: -4,
+        right: -4,
+        backgroundColor: '#CC3366', // Using brand primary color
+        borderRadius: 8,
+        minWidth: 16,
+        height: 16,
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: 4,
+    },
+});
+//# sourceMappingURL=NotificationBadge.js.map

package/dist/components/ui/NotificationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.js","sourceRoot":"","sources":["../../../components/ui/NotificationBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,QAAQ,GAAG,EAAE,EACd,EAAE,EAAE;IACH,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAE1E,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YACvB,KAAC,UAAU,IACT,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAE,GAAG,EACf,KAAK,EAAC,QAAQ,YAEb,YAAY,GACF,GACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,CAAC;QACP,KAAK,EAAE,CAAC,CAAC;QACT,eAAe,EAAE,SAAS,EAAE,4BAA4B;QACxD,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,CAAC;KACrB;CACF,CAAC,CAAC"}

package/dist/components/ui/SkeletonCard.d.ts

@@ -0,0 +1,14 @@
+interface SkeletonCardProps {
+    width?: number | {
+        mobile: number;
+        web: number;
+    };
+    imageHeight?: number | {
+        mobile: number;
+        web: number;
+    };
+    textLines?: number[];
+}
+declare function SkeletonCard({ width, imageHeight, textLines, }: SkeletonCardProps): import("react/jsx-runtime").JSX.Element;
+export { SkeletonCard };
+//# sourceMappingURL=SkeletonCard.d.ts.map

package/dist/components/ui/SkeletonCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCard.d.ts","sourceRoot":"","sources":["../../../components/ui/SkeletonCard.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,WAAW,EACX,SAAwB,GACzB,EAAE,iBAAiB,2CA4DnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/SkeletonCard.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+import { useDimensions, breakpoints } from '../../hooks';
+function SkeletonCard({ width, imageHeight, textLines = [70, 40, 30], // Default: 3 lines with different widths
+ }) {
+    const theme = useContext(ThemeContext);
+    const dimensions = useDimensions();
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        skeletonImage: {
+            width: '100%',
+            borderRadius: brand.borderRadius,
+        },
+        infoContainer: {
+            marginTop: 10,
+            gap: 5,
+        },
+        skeletonText: {
+            height: 10,
+            borderRadius: 4,
+            marginTop: 5,
+        },
+    }), [brand]);
+    // Determine responsive dimensions
+    const cardWidth = typeof width === 'object'
+        ? dimensions.width > breakpoints.medium
+            ? width.web
+            : width.mobile
+        : width || (dimensions.width > breakpoints.medium ? 250 : 150);
+    const height = typeof imageHeight === 'object'
+        ? dimensions.width > breakpoints.medium
+            ? imageHeight.web
+            : imageHeight.mobile
+        : imageHeight || (dimensions.width > breakpoints.medium ? 150 : 200);
+    return (_jsxs(View, { style: [{ marginRight: 10 }, { width: cardWidth }], children: [_jsx(View, { style: [
+                    styles.skeletonImage,
+                    { backgroundColor: theme.values.isDark ? '#333333' : '#e0e0e0', height },
+                ] }), _jsx(View, { style: styles.infoContainer, children: textLines.map((widthPercent, index) => (_jsx(View, { style: [
+                        styles.skeletonText,
+                        {
+                            width: `${widthPercent}%`,
+                            backgroundColor: theme.values.isDark ? '#333333' : '#e0e0e0',
+                        },
+                    ] }, index))) })] }));
+}
+export { SkeletonCard };
+//# sourceMappingURL=SkeletonCard.js.map

package/dist/components/ui/SkeletonCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCard.js","sourceRoot":"","sources":["../../../components/ui/SkeletonCard.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzD,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,WAAW,EACX,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,yCAAyC;EACjD;IAClB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;QAC7C,aAAa,EAAE;YACb,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,KAAK,CAAC,YAAY;SACjC;QACD,aAAa,EAAE;YACb,SAAS,EAAE,EAAE;YACb,GAAG,EAAE,CAAC;SACP;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb;KACF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEb,kCAAkC;IAClC,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ;QACvB,CAAC,CAAC,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM;YACrC,CAAC,CAAC,KAAK,CAAC,GAAG;YACX,CAAC,CAAC,KAAK,CAAC,MAAM;QAChB,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEnE,MAAM,MAAM,GACV,OAAO,WAAW,KAAK,QAAQ;QAC7B,CAAC,CAAC,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM;YACrC,CAAC,CAAC,WAAW,CAAC,GAAG;YACjB,CAAC,CAAC,WAAW,CAAC,MAAM;QACtB,CAAC,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEzE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,aACtD,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,CAAC,aAAa;oBACpB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE;iBACzE,GACD,EACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAC9B,SAAS,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,IAAI,IAEH,KAAK,EAAE;wBACL,MAAM,CAAC,YAAY;wBACnB;4BACE,KAAK,EAAE,GAAG,YAAY,GAAG;4BACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;yBAC7D;qBACF,IAPI,KAAK,CAQV,CACH,CAAC,GACG,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/StyledText.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TextStyle } from 'react-native';
+type StyledTextProps = {
+    children: React.ReactNode;
+    fontSize?: 'sm' | 'md' | 'lg' | 'xl' | number;
+    align?: 'left' | 'center' | 'right';
+    color?: string;
+    bold?: boolean;
+    uppercase?: boolean;
+    numberOfLines?: number;
+    muted?: boolean;
+    fontWeight?: number;
+    style?: TextStyle;
+};
+export declare const StyledText: ({ children, fontSize, align, color, bold, numberOfLines, uppercase, muted, fontWeight, style, }: StyledTextProps) => React.ReactNode;
+export {};
+//# sourceMappingURL=StyledText.d.ts.map

package/dist/components/ui/StyledText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../components/ui/StyledText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3D,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iGAWxB,eAAe,KAAG,KAAK,CAAC,SA2B1B,CAAC"}

package/dist/components/ui/StyledText.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+export const StyledText = ({ children, fontSize = 'md', align = 'left', color, bold = false, numberOfLines, uppercase = false, muted = false, fontWeight, style, }) => {
+    const theme = useContext(ThemeContext);
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        sm: { fontSize: brand.fontSizes.small },
+        md: { fontSize: brand.fontSizes.medium },
+        lg: { fontSize: brand.fontSizes.large },
+        xl: { fontSize: brand.fontSizes.xlarge },
+    }), [brand]);
+    const textStyle = {
+        fontSize: typeof fontSize === 'number'
+            ? fontSize
+            : styles[fontSize]?.fontSize || brand.fontSizes.medium,
+        textAlign: align,
+        color: muted ? 'gray' : color || theme.values.color,
+        fontWeight: fontWeight ? fontWeight : bold ? '700' : 'normal',
+        letterSpacing: 1,
+        ...style, // Merge custom style if provided
+    };
+    return (_jsx(Text, { style: textStyle, numberOfLines: numberOfLines, children: uppercase ? children?.toString().toUpperCase() : children }));
+};
+//# sourceMappingURL=StyledText.js.map

package/dist/components/ui/StyledText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledText.js","sourceRoot":"","sources":["../../../components/ui/StyledText.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAe3C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,KAAK,EACb,UAAU,EACV,KAAK,GACW,EAAmB,EAAE;IACrC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;QAC7C,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;QACvC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE;QACxC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;QACvC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE;KACzC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEb,MAAM,SAAS,GAAc;QAC3B,QAAQ,EACN,OAAO,QAAQ,KAAK,QAAQ;YAC1B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM;QAC1D,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK;QACnD,UAAU,EAAE,UAAU,CAAC,CAAC,CAAE,UAAsC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QAC1F,aAAa,EAAE,CAAC;QAChB,GAAG,KAAK,EAAE,iCAAiC;KAC5C,CAAC;IACF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,YACjD,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,QAAQ,GACrD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ui/StyledTextInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TextInputProps } from 'react-native';
+interface CustomTextInputProps extends TextInputProps {
+    value: string;
+    inputHeight?: number;
+    onKeyDown?: (e: any) => void;
+}
+declare const StyledTextInput: (props: CustomTextInputProps) => React.JSX.Element;
+export { StyledTextInput };
+//# sourceMappingURL=StyledTextInput.d.ts.map

package/dist/components/ui/StyledTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTextInput.d.ts","sourceRoot":"","sources":["../../../components/ui/StyledTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAIL,cAAc,EAEf,MAAM,cAAc,CAAC;AAKtB,UAAU,oBAAqB,SAAQ,cAAc;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAmEhE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/StyledTextInput.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { StyleSheet, View, TextInput as RNTextInput, Platform, } from 'react-native';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+const StyledTextInput = (props) => {
+    const { value, inputHeight, ...textInputProps } = props;
+    const theme = useContext(ThemeContext);
+    const brand = useBrand();
+    const currentHeight = inputHeight || MIN_HEIGHT;
+    const isSingleLine = currentHeight <= MIN_HEIGHT;
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            width: '100%',
+            maxHeight: 200,
+            padding: 5,
+            alignSelf: 'center',
+            borderRadius: brand.borderRadius,
+        },
+        textInput: {
+            width: '100%',
+            fontSize: brand.fontSizes.medium,
+            borderWidth: 0, // Remove any internal border from the StyledTextInput
+            paddingHorizontal: 10,
+            paddingVertical: 10,
+            minHeight: MIN_HEIGHT,
+        },
+        webInput: {
+            // @ts-ignore - Web-specific styles
+            outlineStyle: 'none',
+            WebkitAppearance: 'none',
+            MozAppearance: 'none',
+            appearance: 'none',
+        },
+    }), [brand]);
+    return (_jsx(View, { style: [
+            styles.container,
+            {
+                borderColor: theme.values.borderColor,
+                borderWidth: theme.values.isDark ? 0 : 1,
+                backgroundColor: theme.values.isDark
+                    ? theme.values.borderColor
+                    : theme.values.backgroundColor,
+            },
+        ], children: _jsx(RNTextInput, { ...textInputProps, onKeyPress: props.onKeyPress, onContentSizeChange: props.onContentSizeChange, value: value, multiline: true, style: [
+                styles.textInput,
+                {
+                    color: theme.values.color,
+                    height: inputHeight ? currentHeight : undefined, // Only set height if provided
+                    minHeight: MIN_HEIGHT,
+                    maxHeight: MAX_HEIGHT,
+                    textAlignVertical: isSingleLine ? 'center' : 'top',
+                },
+                Platform.OS === 'web' && styles.webInput,
+            ], placeholderTextColor: theme.values.color, 
+            // @ts-ignore - onKeyDown is web-specific and not in React Native types
+            onKeyDown: props.onKeyDown }) }));
+};
+export { StyledTextInput };
+const MIN_HEIGHT = 40;
+const MAX_HEIGHT = 120;
+//# sourceMappingURL=StyledTextInput.js.map

package/dist/components/ui/StyledTextInput.js.map

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

package/dist/components/ui/TextLink.d.ts

@@ -0,0 +1,14 @@
+type TextLinkProps = {
+    text: string;
+    onPress?: () => void;
+    href?: string;
+    align?: 'left' | 'center' | 'right';
+    color?: string;
+    fontSize?: 'sm' | 'md' | 'lg' | 'xl' | number;
+};
+/**
+ * A pressable text component that can navigate to a URL or trigger an action.
+ */
+declare const TextLink: ({ text, onPress, href, align, color, fontSize }: TextLinkProps) => import("react/jsx-runtime").JSX.Element;
+export { TextLink };
+//# sourceMappingURL=TextLink.d.ts.map

package/dist/components/ui/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../components/ui/TextLink.tsx"],"names":[],"mappings":"AAKA,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,iDAAmE,aAAa,4CA4BjG,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/TextLink.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useContext } from 'react';
+import { Linking, Pressable, Platform } from 'react-native';
+import { StyledText } from './StyledText';
+import { ThemeContext } from '../../theme';
+/**
+ * A pressable text component that can navigate to a URL or trigger an action.
+ */
+const TextLink = ({ text, onPress, href, align = 'center', color, fontSize = 'sm' }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const theme = useContext(ThemeContext);
+    const handlePress = () => {
+        if (href) {
+            Linking.openURL(href);
+        }
+        else if (onPress) {
+            onPress();
+        }
+    };
+    // On web, use primary color (highlightColor) when hovered, otherwise use provided color
+    const textColor = Platform.OS === 'web' && isHovered ? theme.values.highlightColor : color;
+    return (_jsx(Pressable, { onPress: handlePress, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), children: _jsx(StyledText, { align: align, color: textColor, fontSize: fontSize, children: text }) }));
+};
+export { TextLink };
+//# sourceMappingURL=TextLink.js.map

package/dist/components/ui/TextLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../components/ui/TextLink.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAW3C;;GAEG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAiB,EAAE,EAAE;IACpG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,wFAAwF;IACxF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3F,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACnC,UAAU,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YACrC,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,YACjB,IAAI,GACM,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}