kaiwen-expo 1.0.0

package/README.md

@@ -0,0 +1,50 @@
+# Welcome to your Expo app 👋
+
+This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+
+## Get started
+
+1. Install dependencies
+
+   ```bash
+   npm install
+   ```
+
+2. Start the app
+
+   ```bash
+   npx expo start
+   ```
+
+In the output, you'll find options to open the app in a
+
+- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
+- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
+- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
+- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
+
+You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+## Get a fresh project
+
+When you're ready, run:
+
+```bash
+npm run reset-project
+```
+
+This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+
+## Learn more
+
+To learn more about developing your project with Expo, look at the following resources:
+
+- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+
+## Join the community
+
+Join our community of developers creating universal apps.
+
+- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
+- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.

package/dist/components/CustomButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface CustomButtonProps {
+    title: string;
+    onPress: () => void;
+    variant?: 'primary' | 'secondary' | 'outline' | 'success' | 'danger';
+    size?: 'small' | 'medium' | 'large';
+    loading?: boolean;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+}
+export declare const CustomButton: React.FC<CustomButtonProps>;
+export default CustomButton;
+//# sourceMappingURL=CustomButton.d.ts.map

package/dist/components/CustomButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomButton.d.ts","sourceRoot":"","sources":["../../src/components/CustomButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAML,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgHpD,CAAC;AA8CF,eAAe,YAAY,CAAC"}

package/dist/components/CustomButton.js

@@ -0,0 +1,136 @@
+import React, { useRef } from 'react';
+import { Text, StyleSheet, Pressable, Animated, ActivityIndicator, } from 'react-native';
+import { useLibraryTheme } from '../context/LibraryProvider';
+export const CustomButton = ({ title, onPress, variant = 'primary', size = 'medium', loading = false, disabled = false, style, textStyle, }) => {
+    const { colors } = useLibraryTheme();
+    const scaleAnim = useRef(new Animated.Value(1)).current;
+    const handlePressIn = () => {
+        if (disabled || loading)
+            return;
+        Animated.spring(scaleAnim, {
+            toValue: 0.96,
+            useNativeDriver: true,
+            tension: 100,
+            friction: 6,
+        }).start();
+    };
+    const handlePressOut = () => {
+        if (disabled || loading)
+            return;
+        Animated.spring(scaleAnim, {
+            toValue: 1,
+            useNativeDriver: true,
+            tension: 100,
+            friction: 6,
+        }).start();
+    };
+    // Button styles based on theme and variant
+    const getButtonStyles = () => {
+        const base = [styles.button];
+        // Sizes
+        if (size === 'small')
+            base.push(styles.small);
+        else if (size === 'large')
+            base.push(styles.large);
+        else
+            base.push(styles.medium);
+        // Variants
+        switch (variant) {
+            case 'primary':
+                base.push({ backgroundColor: colors.primary });
+                break;
+            case 'secondary':
+                base.push({ backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border });
+                break;
+            case 'outline':
+                base.push({ backgroundColor: 'transparent', borderWidth: 2, borderColor: colors.primary });
+                break;
+            case 'success':
+                base.push({ backgroundColor: colors.success });
+                break;
+            case 'danger':
+                base.push({ backgroundColor: colors.error });
+                break;
+        }
+        if (disabled || loading) {
+            base.push({ opacity: 0.6 });
+        }
+        return base;
+    };
+    // Text styles based on variant
+    const getTextStyles = () => {
+        const base = [styles.text];
+        // Sizes
+        if (size === 'small')
+            base.push(styles.textSmall);
+        else if (size === 'large')
+            base.push(styles.textLarge);
+        else
+            base.push(styles.textMedium);
+        // Color based on variant
+        if (variant === 'outline') {
+            base.push({ color: colors.primary });
+        }
+        else if (variant === 'secondary') {
+            base.push({ color: colors.text });
+        }
+        else {
+            base.push({ color: '#ffffff' });
+        }
+        return base;
+    };
+    return (<Animated.View style={{ transform: [{ scale: scaleAnim }] }}>
+      <Pressable onPress={disabled || loading ? undefined : onPress} onPressIn={handlePressIn} onPressOut={handlePressOut} style={({ pressed }) => [
+            getButtonStyles(),
+            pressed && !disabled && !loading && styles.pressed,
+            style,
+        ]}>
+        {loading ? (<ActivityIndicator color={variant === 'outline' ? colors.primary : variant === 'secondary' ? colors.text : '#ffffff'} size="small"/>) : (<Text style={[getTextStyles(), textStyle]}>{title}</Text>)}
+      </Pressable>
+    </Animated.View>);
+};
+const styles = StyleSheet.create({
+    button: {
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'row',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.08,
+        shadowRadius: 4,
+        elevation: 2,
+    },
+    pressed: {
+        opacity: 0.9,
+    },
+    // Sizes
+    small: {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+    },
+    medium: {
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+    },
+    large: {
+        paddingVertical: 16,
+        paddingHorizontal: 32,
+    },
+    // Text Sizes
+    text: {
+        fontWeight: '600',
+        textAlign: 'center',
+    },
+    textSmall: {
+        fontSize: 14,
+    },
+    textMedium: {
+        fontSize: 16,
+    },
+    textLarge: {
+        fontSize: 18,
+    },
+});
+export default CustomButton;
+//# sourceMappingURL=CustomButton.js.map

package/dist/components/CustomButton.js.map

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

package/dist/components/CustomCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface CustomCardProps {
+    title?: string;
+    subtitle?: string;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    subtitleStyle?: StyleProp<TextStyle>;
+}
+export declare const CustomCard: React.FC<CustomCardProps>;
+export default CustomCard;
+//# sourceMappingURL=CustomCard.d.ts.map

package/dist/components/CustomCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCard.d.ts","sourceRoot":"","sources":["../../src/components/CustomCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGvF,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ChD,CAAC;AA0CF,eAAe,UAAU,CAAC"}

package/dist/components/CustomCard.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useLibraryTheme } from '../context/LibraryProvider';
+export const CustomCard = ({ title, subtitle, children, footer, style, titleStyle, subtitleStyle, }) => {
+    const { colors } = useLibraryTheme();
+    return (<View style={[
+            styles.card,
+            {
+                backgroundColor: colors.card,
+                borderColor: colors.border,
+                shadowColor: colors.shadow,
+            },
+            style,
+        ]}>
+      {(title || subtitle) && (<View style={[styles.header, { borderBottomColor: colors.border }]}>
+          {title && <Text style={[styles.title, { color: colors.text }, titleStyle]}>{title}</Text>}
+          {subtitle && (<Text style={[styles.subtitle, { color: colors.textMuted }, subtitleStyle]}>
+              {subtitle}
+            </Text>)}
+        </View>)}
+
+      <View style={styles.body}>{children}</View>
+
+      {footer && (<View style={[styles.footer, { borderTopColor: colors.border }]}>
+          {footer}
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    card: {
+        borderRadius: 16,
+        borderWidth: 1,
+        padding: 16,
+        marginVertical: 8,
+        // Shadow
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.05,
+        shadowRadius: 8,
+        elevation: 3,
+    },
+    header: {
+        paddingBottom: 12,
+        borderBottomWidth: 1,
+        marginBottom: 12,
+    },
+    title: {
+        fontSize: 18,
+        fontWeight: '700',
+        letterSpacing: -0.2,
+    },
+    subtitle: {
+        fontSize: 13,
+        marginTop: 4,
+        fontWeight: '400',
+    },
+    body: {
+        flexShrink: 1,
+    },
+    footer: {
+        paddingTop: 12,
+        borderTopWidth: 1,
+        marginTop: 12,
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+    },
+});
+export default CustomCard;
+//# sourceMappingURL=CustomCard.js.map

package/dist/components/CustomCard.js.map

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

package/dist/constants/colors.d.ts

@@ -0,0 +1,29 @@
+export declare const Colors: {
+    light: {
+        primary: string;
+        primaryGradient: string[];
+        background: string;
+        card: string;
+        text: string;
+        textMuted: string;
+        border: string;
+        success: string;
+        error: string;
+        shadow: string;
+    };
+    dark: {
+        primary: string;
+        primaryGradient: string[];
+        background: string;
+        card: string;
+        text: string;
+        textMuted: string;
+        border: string;
+        success: string;
+        error: string;
+        shadow: string;
+    };
+};
+export type ThemeType = 'light' | 'dark';
+export default Colors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/constants/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,eAAe,MAAM,CAAC"}

package/dist/constants/colors.js

@@ -0,0 +1,29 @@
+// Premium Harmonious Color Palette
+export const Colors = {
+    light: {
+        primary: '#6366f1', // Indigo
+        primaryGradient: ['#6366f1', '#a855f7'], // Indigo to Purple
+        background: '#f8fafc', // Slate 50
+        card: '#ffffff',
+        text: '#0f172a', // Slate 900
+        textMuted: '#64748b', // Slate 500
+        border: '#e2e8f0', // Slate 200
+        success: '#10b981', // Emerald 500
+        error: '#ef4444', // Red 500
+        shadow: '#000000',
+    },
+    dark: {
+        primary: '#818cf8', // Indigo lightened for dark theme
+        primaryGradient: ['#818cf8', '#c084fc'], // Light Indigo to Light Purple
+        background: '#0f172a', // Slate 900
+        card: '#1e293b', // Slate 800
+        text: '#f8fafc', // Slate 50
+        textMuted: '#94a3b8', // Slate 400
+        border: '#334155', // Slate 700
+        success: '#34d399', // Emerald 400
+        error: '#f87171', // Red 400
+        shadow: '#000000',
+    }
+};
+export default Colors;
+//# sourceMappingURL=colors.js.map

package/dist/constants/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE;QACL,OAAO,EAAE,SAAS,EAAE,SAAS;QAC7B,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,mBAAmB;QAC5D,UAAU,EAAE,SAAS,EAAE,WAAW;QAClC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS,EAAE,YAAY;QAC7B,SAAS,EAAE,SAAS,EAAE,YAAY;QAClC,MAAM,EAAE,SAAS,EAAE,YAAY;QAC/B,OAAO,EAAE,SAAS,EAAE,cAAc;QAClC,KAAK,EAAE,SAAS,EAAE,UAAU;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS,EAAE,kCAAkC;QACtD,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,+BAA+B;QACxE,UAAU,EAAE,SAAS,EAAE,YAAY;QACnC,IAAI,EAAE,SAAS,EAAE,YAAY;QAC7B,IAAI,EAAE,SAAS,EAAE,WAAW;QAC5B,SAAS,EAAE,SAAS,EAAE,YAAY;QAClC,MAAM,EAAE,SAAS,EAAE,YAAY;QAC/B,OAAO,EAAE,SAAS,EAAE,cAAc;QAClC,KAAK,EAAE,SAAS,EAAE,UAAU;QAC5B,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/context/LibraryProvider.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import Colors, { ThemeType } from '../constants/colors';
+export interface ThemeContextProps {
+    theme: ThemeType;
+    colors: typeof Colors.light;
+    isDark: boolean;
+    setTheme: (theme: ThemeType) => void;
+    toggleTheme: () => void;
+}
+export declare const LibraryProvider: React.FC<{
+    children: React.ReactNode;
+    defaultTheme?: ThemeType;
+}>;
+export declare const useLibraryTheme: () => ThemeContextProps;
+export default LibraryProvider;
+//# sourceMappingURL=LibraryProvider.d.ts.map

package/dist/context/LibraryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryProvider.d.ts","sourceRoot":"","sources":["../../src/context/LibraryProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,SAAS,CAAA;CAAE,CA6B7F,CAAC;AAEF,eAAO,MAAM,eAAe,yBAa3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/context/LibraryProvider.js

@@ -0,0 +1,40 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import { useColorScheme } from 'react-native';
+import Colors from '../constants/colors';
+const ThemeContext = createContext(undefined);
+export const LibraryProvider = ({ children, defaultTheme, }) => {
+    const systemScheme = useColorScheme();
+    const [theme, setThemeState] = useState(defaultTheme || systemScheme || 'light');
+    useEffect(() => {
+        if (!defaultTheme && systemScheme) {
+            setThemeState(systemScheme);
+        }
+    }, [systemScheme, defaultTheme]);
+    const setTheme = (newTheme) => {
+        setThemeState(newTheme);
+    };
+    const toggleTheme = () => {
+        setThemeState((prev) => (prev === 'light' ? 'dark' : 'light'));
+    };
+    const currentColors = Colors[theme];
+    const isDark = theme === 'dark';
+    return (<ThemeContext.Provider value={{ theme, colors: currentColors, isDark, setTheme, toggleTheme }}>
+      {children}
+    </ThemeContext.Provider>);
+};
+export const useLibraryTheme = () => {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        // If not wrapped in a LibraryProvider, fallback to light mode properties to avoid crashing
+        return {
+            theme: 'light',
+            colors: Colors.light,
+            isDark: false,
+            setTheme: () => { },
+            toggleTheme: () => { },
+        };
+    }
+    return context;
+};
+export default LibraryProvider;
+//# sourceMappingURL=LibraryProvider.js.map

package/dist/context/LibraryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryProvider.js","sourceRoot":"","sources":["../../src/context/LibraryProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,MAAqB,MAAM,qBAAqB,CAAC;AAUxD,MAAM,YAAY,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,eAAe,GAAsE,CAAC,EACjG,QAAQ,EACR,YAAY,GACb,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,YAAY,IAAI,YAAY,IAAI,OAAO,CAAC,CAAC;IAE5F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,YAAY,EAAE,CAAC;YAClC,aAAa,CAAC,YAAY,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,MAAM,QAAQ,GAAG,CAAC,QAAmB,EAAE,EAAE;QACvC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,CAAC;IAEhC,OAAO,CACL,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAC5F;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,YAAY,CAAC,QAAQ,CAAC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,2FAA2F;QAC3F,OAAO;YACL,KAAK,EAAE,OAAoB;YAC3B,MAAM,EAAE,MAAM,CAAC,KAAK;YACpB,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;YAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;SACtB,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom React Hook to toggle boolean states.
+ * Returns a tuple containing: [value, toggle, setTrue, setFalse]
+ */
+export declare const useToggle: (initialValue?: boolean) => readonly [boolean, () => void, () => void, () => void];
+export default useToggle;
+//# sourceMappingURL=useToggle.d.ts.map

package/dist/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,sBAAoB,2DAgB7C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/hooks/useToggle.js

@@ -0,0 +1,20 @@
+import { useState, useCallback } from 'react';
+/**
+ * Custom React Hook to toggle boolean states.
+ * Returns a tuple containing: [value, toggle, setTrue, setFalse]
+ */
+export const useToggle = (initialValue = false) => {
+    const [value, setValue] = useState(initialValue);
+    const toggle = useCallback(() => {
+        setValue((prev) => !prev);
+    }, []);
+    const setTrue = useCallback(() => {
+        setValue(true);
+    }, []);
+    const setFalse = useCallback(() => {
+        setValue(false);
+    }, []);
+    return [value, toggle, setTrue, setFalse];
+};
+export default useToggle;
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,KAAK,EAAE,EAAE;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAU,CAAC;AACrD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { CustomButton, type CustomButtonProps } from './components/CustomButton';
+export { CustomCard, type CustomCardProps } from './components/CustomCard';
+export { useToggle } from './hooks/useToggle';
+export { capitalize, formatDate, formatCurrency } from './utils/format';
+export { Colors, type ThemeType } from './constants/colors';
+export { LibraryProvider, useLibraryTheme, type ThemeContextProps } from './context/LibraryProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAO,EAAE,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+// Export components
+export { CustomButton } from './components/CustomButton';
+export { CustomCard } from './components/CustomCard';
+// Export hooks
+export { useToggle } from './hooks/useToggle';
+// Export utilities
+export { capitalize, formatDate, formatCurrency } from './utils/format';
+// Export theme and constants
+export { Colors } from './constants/colors';
+export { LibraryProvider, useLibraryTheme } from './context/LibraryProvider';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,YAAY,EAA0B,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAE3E,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,mBAAmB;AACnB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAExE,6BAA6B;AAC7B,OAAO,EAAE,MAAM,EAAkB,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,eAAe,EAA0B,MAAM,2BAA2B,CAAC"}

package/dist/utils/format.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Capitalizes the first letter of a string.
+ */
+export declare const capitalize: (str: string) => string;
+/**
+ * Formats a date string or timestamp into a readable format (e.g., DD.MM.YYYY).
+ */
+export declare const formatDate: (dateInput: string | number | Date) => string;
+/**
+ * Formats a number to currency format (TL by default).
+ */
+export declare const formatCurrency: (amount: number, locale?: string, currency?: string) => string;
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,MAGxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,GAAG,MAAM,GAAG,IAAI,KAAG,MAO9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,EAAE,eAAgB,EAAE,iBAAgB,KAAG,MAKnF,CAAC"}

package/dist/utils/format.js

@@ -0,0 +1,30 @@
+/**
+ * Capitalizes the first letter of a string.
+ */
+export const capitalize = (str) => {
+    if (!str)
+        return '';
+    return str.charAt(0).toUpperCase() + str.slice(1);
+};
+/**
+ * Formats a date string or timestamp into a readable format (e.g., DD.MM.YYYY).
+ */
+export const formatDate = (dateInput) => {
+    const date = new Date(dateInput);
+    if (isNaN(date.getTime()))
+        return '';
+    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = date.getFullYear();
+    return `${day}.${month}.${year}`;
+};
+/**
+ * Formats a number to currency format (TL by default).
+ */
+export const formatCurrency = (amount, locale = 'tr-TR', currency = 'TRY') => {
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: currency,
+    }).format(amount);
+};
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IAChD,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IACpB,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,SAAiC,EAAU,EAAE;IACtE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAChC,OAAO,GAAG,GAAG,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,MAAM,GAAG,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAU,EAAE;IAC3F,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACnC,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,QAAQ;KACnB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACpB,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "kaiwen-expo",
+  "version": "1.0.0",
+  "description": "Custom Expo UI components, hooks, and helpers library.",
+  "main": "expo-router/entry",
+  "react-native": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "start": "expo start",
+    "reset-project": "node ./scripts/reset-project.js",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "lint": "expo lint",
+    "build": "tsc --project tsconfig.build.json"
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^15.0.3",
+    "@react-navigation/bottom-tabs": "^7.4.0",
+    "@react-navigation/elements": "^2.6.3",
+    "@react-navigation/native": "^7.1.8",
+    "expo": "~54.0.34",
+    "expo-constants": "~18.0.13",
+    "expo-font": "~14.0.11",
+    "expo-haptics": "~15.0.8",
+    "expo-image": "~3.0.11",
+    "expo-linking": "~8.0.12",
+    "expo-router": "~6.0.23",
+    "expo-splash-screen": "~31.0.13",
+    "expo-status-bar": "~3.0.9",
+    "expo-symbols": "~1.0.8",
+    "expo-system-ui": "~6.0.9",
+    "expo-web-browser": "~15.0.11",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-worklets": "0.5.1",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-screens": "~4.16.0",
+    "react-native-web": "~0.21.0"
+  },
+  "peerDependencies": {
+    "expo": ">=54.0.0",
+    "react": ">=19.0.0",
+    "react-native": ">=0.81.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.1.0",
+    "typescript": "~5.9.2",
+    "eslint": "^9.25.0",
+    "eslint-config-expo": "~10.0.0"
+  },
+  "private": false
+}

package/src/components/CustomButton.tsx

@@ -0,0 +1,183 @@
+import React, { useRef } from 'react';
+import {
+  Text,
+  StyleSheet,
+  Pressable,
+  Animated,
+  ActivityIndicator,
+  StyleProp,
+  ViewStyle,
+  TextStyle,
+} from 'react-native';
+import { useLibraryTheme } from '../context/LibraryProvider';
+
+export interface CustomButtonProps {
+  title: string;
+  onPress: () => void;
+  variant?: 'primary' | 'secondary' | 'outline' | 'success' | 'danger';
+  size?: 'small' | 'medium' | 'large';
+  loading?: boolean;
+  disabled?: boolean;
+  style?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+}
+
+export const CustomButton: React.FC<CustomButtonProps> = ({
+  title,
+  onPress,
+  variant = 'primary',
+  size = 'medium',
+  loading = false,
+  disabled = false,
+  style,
+  textStyle,
+}) => {
+  const { colors } = useLibraryTheme();
+  const scaleAnim = useRef(new Animated.Value(1)).current;
+
+  const handlePressIn = () => {
+    if (disabled || loading) return;
+    Animated.spring(scaleAnim, {
+      toValue: 0.96,
+      useNativeDriver: true,
+      tension: 100,
+      friction: 6,
+    }).start();
+  };
+
+  const handlePressOut = () => {
+    if (disabled || loading) return;
+    Animated.spring(scaleAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      tension: 100,
+      friction: 6,
+    }).start();
+  };
+
+  // Button styles based on theme and variant
+  const getButtonStyles = (): any[] => {
+    const base: any[] = [styles.button];
+
+    // Sizes
+    if (size === 'small') base.push(styles.small);
+    else if (size === 'large') base.push(styles.large);
+    else base.push(styles.medium);
+
+    // Variants
+    switch (variant) {
+      case 'primary':
+        base.push({ backgroundColor: colors.primary });
+        break;
+      case 'secondary':
+        base.push({ backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border });
+        break;
+      case 'outline':
+        base.push({ backgroundColor: 'transparent', borderWidth: 2, borderColor: colors.primary });
+        break;
+      case 'success':
+        base.push({ backgroundColor: colors.success });
+        break;
+      case 'danger':
+        base.push({ backgroundColor: colors.error });
+        break;
+    }
+
+    if (disabled || loading) {
+      base.push({ opacity: 0.6 });
+    }
+
+    return base;
+  };
+
+  // Text styles based on variant
+  const getTextStyles = (): any[] => {
+    const base: any[] = [styles.text];
+
+    // Sizes
+    if (size === 'small') base.push(styles.textSmall);
+    else if (size === 'large') base.push(styles.textLarge);
+    else base.push(styles.textMedium);
+
+    // Color based on variant
+    if (variant === 'outline') {
+      base.push({ color: colors.primary });
+    } else if (variant === 'secondary') {
+      base.push({ color: colors.text });
+    } else {
+      base.push({ color: '#ffffff' });
+    }
+
+    return base;
+  };
+
+  return (
+    <Animated.View style={{ transform: [{ scale: scaleAnim }] }}>
+      <Pressable
+        onPress={disabled || loading ? undefined : onPress}
+        onPressIn={handlePressIn}
+        onPressOut={handlePressOut}
+        style={({ pressed }) => [
+          getButtonStyles(),
+          pressed && !disabled && !loading && styles.pressed,
+          style,
+        ]}
+      >
+        {loading ? (
+          <ActivityIndicator
+            color={variant === 'outline' ? colors.primary : variant === 'secondary' ? colors.text : '#ffffff'}
+            size="small"
+          />
+        ) : (
+          <Text style={[getTextStyles(), textStyle]}>{title}</Text>
+        )}
+      </Pressable>
+    </Animated.View>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.08,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  pressed: {
+    opacity: 0.9,
+  },
+  // Sizes
+  small: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+  },
+  medium: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+  },
+  large: {
+    paddingVertical: 16,
+    paddingHorizontal: 32,
+  },
+  // Text Sizes
+  text: {
+    fontWeight: '600',
+    textAlign: 'center',
+  },
+  textSmall: {
+    fontSize: 14,
+  },
+  textMedium: {
+    fontSize: 16,
+  },
+  textLarge: {
+    fontSize: 18,
+  },
+});
+
+export default CustomButton;

package/src/components/CustomCard.tsx

@@ -0,0 +1,100 @@
+import React from 'react';
+import { View, Text, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { useLibraryTheme } from '../context/LibraryProvider';
+
+export interface CustomCardProps {
+  title?: string;
+  subtitle?: string;
+  children?: React.ReactNode;
+  footer?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  titleStyle?: StyleProp<TextStyle>;
+  subtitleStyle?: StyleProp<TextStyle>;
+}
+
+export const CustomCard: React.FC<CustomCardProps> = ({
+  title,
+  subtitle,
+  children,
+  footer,
+  style,
+  titleStyle,
+  subtitleStyle,
+}) => {
+  const { colors } = useLibraryTheme();
+
+  return (
+    <View
+      style={[
+        styles.card,
+        {
+          backgroundColor: colors.card,
+          borderColor: colors.border,
+          shadowColor: colors.shadow,
+        },
+        style,
+      ]}
+    >
+      {(title || subtitle) && (
+        <View style={[styles.header, { borderBottomColor: colors.border }]}>
+          {title && <Text style={[styles.title, { color: colors.text }, titleStyle]}>{title}</Text>}
+          {subtitle && (
+            <Text style={[styles.subtitle, { color: colors.textMuted }, subtitleStyle]}>
+              {subtitle}
+            </Text>
+          )}
+        </View>
+      )}
+
+      <View style={styles.body}>{children}</View>
+
+      {footer && (
+        <View style={[styles.footer, { borderTopColor: colors.border }]}>
+          {footer}
+        </View>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  card: {
+    borderRadius: 16,
+    borderWidth: 1,
+    padding: 16,
+    marginVertical: 8,
+    // Shadow
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.05,
+    shadowRadius: 8,
+    elevation: 3,
+  },
+  header: {
+    paddingBottom: 12,
+    borderBottomWidth: 1,
+    marginBottom: 12,
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '700',
+    letterSpacing: -0.2,
+  },
+  subtitle: {
+    fontSize: 13,
+    marginTop: 4,
+    fontWeight: '400',
+  },
+  body: {
+    flexShrink: 1,
+  },
+  footer: {
+    paddingTop: 12,
+    borderTopWidth: 1,
+    marginTop: 12,
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+  },
+});
+
+export default CustomCard;

package/src/constants/colors.ts

@@ -0,0 +1,30 @@
+// Premium Harmonious Color Palette
+export const Colors = {
+  light: {
+    primary: '#6366f1', // Indigo
+    primaryGradient: ['#6366f1', '#a855f7'], // Indigo to Purple
+    background: '#f8fafc', // Slate 50
+    card: '#ffffff',
+    text: '#0f172a', // Slate 900
+    textMuted: '#64748b', // Slate 500
+    border: '#e2e8f0', // Slate 200
+    success: '#10b981', // Emerald 500
+    error: '#ef4444', // Red 500
+    shadow: '#000000',
+  },
+  dark: {
+    primary: '#818cf8', // Indigo lightened for dark theme
+    primaryGradient: ['#818cf8', '#c084fc'], // Light Indigo to Light Purple
+    background: '#0f172a', // Slate 900
+    card: '#1e293b', // Slate 800
+    text: '#f8fafc', // Slate 50
+    textMuted: '#94a3b8', // Slate 400
+    border: '#334155', // Slate 700
+    success: '#34d399', // Emerald 400
+    error: '#f87171', // Red 400
+    shadow: '#000000',
+  }
+};
+
+export type ThemeType = 'light' | 'dark';
+export default Colors;

package/src/context/LibraryProvider.tsx

@@ -0,0 +1,61 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import { useColorScheme } from 'react-native';
+import Colors, { ThemeType } from '../constants/colors';
+
+export interface ThemeContextProps {
+  theme: ThemeType;
+  colors: typeof Colors.light;
+  isDark: boolean;
+  setTheme: (theme: ThemeType) => void;
+  toggleTheme: () => void;
+}
+
+const ThemeContext = createContext<ThemeContextProps | undefined>(undefined);
+
+export const LibraryProvider: React.FC<{ children: React.ReactNode; defaultTheme?: ThemeType }> = ({
+  children,
+  defaultTheme,
+}) => {
+  const systemScheme = useColorScheme();
+  const [theme, setThemeState] = useState<ThemeType>(defaultTheme || systemScheme || 'light');
+
+  useEffect(() => {
+    if (!defaultTheme && systemScheme) {
+      setThemeState(systemScheme);
+    }
+  }, [systemScheme, defaultTheme]);
+
+  const setTheme = (newTheme: ThemeType) => {
+    setThemeState(newTheme);
+  };
+
+  const toggleTheme = () => {
+    setThemeState((prev) => (prev === 'light' ? 'dark' : 'light'));
+  };
+
+  const currentColors = Colors[theme];
+  const isDark = theme === 'dark';
+
+  return (
+    <ThemeContext.Provider value={{ theme, colors: currentColors, isDark, setTheme, toggleTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+};
+
+export const useLibraryTheme = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    // If not wrapped in a LibraryProvider, fallback to light mode properties to avoid crashing
+    return {
+      theme: 'light' as ThemeType,
+      colors: Colors.light,
+      isDark: false,
+      setTheme: () => {},
+      toggleTheme: () => {},
+    };
+  }
+  return context;
+};
+
+export default LibraryProvider;

package/src/hooks/useToggle.ts

@@ -0,0 +1,25 @@
+import { useState, useCallback } from 'react';
+
+/**
+ * Custom React Hook to toggle boolean states.
+ * Returns a tuple containing: [value, toggle, setTrue, setFalse]
+ */
+export const useToggle = (initialValue = false) => {
+  const [value, setValue] = useState<boolean>(initialValue);
+
+  const toggle = useCallback(() => {
+    setValue((prev) => !prev);
+  }, []);
+
+  const setTrue = useCallback(() => {
+    setValue(true);
+  }, []);
+
+  const setFalse = useCallback(() => {
+    setValue(false);
+  }, []);
+
+  return [value, toggle, setTrue, setFalse] as const;
+};
+
+export default useToggle;

package/src/index.ts

@@ -0,0 +1,13 @@
+// Export components
+export { CustomButton, type CustomButtonProps } from './components/CustomButton';
+export { CustomCard, type CustomCardProps } from './components/CustomCard';
+
+// Export hooks
+export { useToggle } from './hooks/useToggle';
+
+// Export utilities
+export { capitalize, formatDate, formatCurrency } from './utils/format';
+
+// Export theme and constants
+export { Colors, type ThemeType } from './constants/colors';
+export { LibraryProvider, useLibraryTheme, type ThemeContextProps } from './context/LibraryProvider';

package/src/utils/format.ts

@@ -0,0 +1,29 @@
+/**
+ * Capitalizes the first letter of a string.
+ */
+export const capitalize = (str: string): string => {
+  if (!str) return '';
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+
+/**
+ * Formats a date string or timestamp into a readable format (e.g., DD.MM.YYYY).
+ */
+export const formatDate = (dateInput: string | number | Date): string => {
+  const date = new Date(dateInput);
+  if (isNaN(date.getTime())) return '';
+  const day = String(date.getDate()).padStart(2, '0');
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const year = date.getFullYear();
+  return `${day}.${month}.${year}`;
+};
+
+/**
+ * Formats a number to currency format (TL by default).
+ */
+export const formatCurrency = (amount: number, locale = 'tr-TR', currency = 'TRY'): string => {
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency,
+  }).format(amount);
+};