oneticket-sdk-vi 1.0.0

package/dist/src/theme/ThemeProvider.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ColorSchemeName } from 'react-native';
+import { AppTheme } from '../theme';
+type ThemeContextType = {
+    theme: AppTheme;
+    isDark: boolean;
+    scheme: ColorSchemeName;
+    setScheme: (scheme: 'light' | 'dark') => void;
+    toggleTheme: () => void;
+};
+export declare const ThemeContext: React.Context<ThemeContextType>;
+export declare const ThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextType;
+export {};

package/dist/src/theme/ThemeProvider.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = exports.ThemeContext = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+exports.ThemeContext = (0, react_1.createContext)({
+    theme: theme_1.lightTheme,
+    isDark: false,
+    scheme: 'light',
+    setScheme: () => { },
+    toggleTheme: () => { },
+});
+const ThemeProvider = ({ children }) => {
+    const colorScheme = react_native_1.Appearance.getColorScheme();
+    const [scheme, setScheme] = (0, react_1.useState)(colorScheme);
+    // const isDark = scheme === 'dark';
+    const isDark = false;
+    console.log('scheme', colorScheme);
+    // Memoize the theme to prevent unnecessary recalculations
+    const theme = (0, react_1.useMemo)(() => (isDark ? theme_1.darkTheme : theme_1.lightTheme), [isDark]);
+    (0, react_1.useEffect)(() => {
+        const subscription = react_native_1.Appearance.addChangeListener(({ colorScheme }) => {
+            setScheme(colorScheme);
+        });
+        return () => subscription.remove();
+    }, []);
+    const handleSetScheme = (newScheme) => {
+        setScheme(newScheme);
+    };
+    const toggleTheme = () => {
+        setScheme(prev => (prev === 'light' ? 'dark' : 'light'));
+    };
+    return (react_1.default.createElement(exports.ThemeContext.Provider, { value: {
+            theme,
+            isDark,
+            scheme,
+            setScheme: handleSetScheme,
+            toggleTheme,
+        } }, children));
+};
+exports.ThemeProvider = ThemeProvider;
+const useTheme = () => (0, react_1.useContext)(exports.ThemeContext);
+exports.useTheme = useTheme;

package/dist/src/theme/ThemeToggle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ThemeToggle: () => React.JSX.Element;
+export default ThemeToggle;

package/dist/src/theme/ThemeToggle.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("./ThemeProvider");
+// import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
+const ThemeToggle = () => {
+    const { isDark, toggleTheme, theme } = (0, ThemeProvider_1.useTheme)();
+    const styles = react_native_1.StyleSheet.create({
+        button: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: theme.spacing.s,
+            borderRadius: theme.roundness,
+            backgroundColor: theme.colors.surfaceVariant,
+        },
+        text: Object.assign(Object.assign({ marginLeft: theme.spacing.s }, theme.typography.labelLarge), { color: theme.colors.text }),
+    });
+    return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: toggleTheme, activeOpacity: 0.7 },
+        react_1.default.createElement(react_native_1.Text, { style: styles.text }, isDark ? 'Switch to Light' : 'Switch to Dark')));
+};
+exports.default = ThemeToggle;

package/dist/src/theme/WithSplashScreen.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare function WithSplashScreen({ children, isAppReady, }: {
+    isAppReady: boolean;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare const Splash: ({ isAppReady, onAnimationComplete }: {
+    isAppReady: boolean;
+    onAnimationComplete: () => void;
+}) => React.JSX.Element;
+export default Splash;

package/dist/src/theme/WithSplashScreen.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithSplashScreen = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const CustomText_1 = require("../components/common/Text/CustomText");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const ThemeProvider_1 = require("./ThemeProvider");
+const PoweredBy_1 = __importDefault(require("../components/common/PoweredBy/PoweredBy"));
+function WithSplashScreen({ children, isAppReady, }) {
+    const [isSplashAnimationComplete, setIsSplashAnimationComplete] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        isAppReady && isSplashAnimationComplete && children,
+        react_1.default.createElement(Splash, { isAppReady: isAppReady, 
+            // isAppReady={false}
+            onAnimationComplete: () => setIsSplashAnimationComplete(true) })));
+}
+exports.WithSplashScreen = WithSplashScreen;
+const Splash = ({ isAppReady, onAnimationComplete }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const containerOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    const imageScale = (0, react_1.useRef)(new react_native_1.Animated.Value(0.8)).current;
+    const textOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const minimumTimeRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        // Clear timeout if component unmounts
+        return () => {
+            if (minimumTimeRef.current) {
+                clearTimeout(minimumTimeRef.current);
+            }
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        // Logo scale animation
+        react_native_1.Animated.spring(imageScale, {
+            toValue: 1,
+            friction: 2,
+            tension: 40,
+            useNativeDriver: true,
+        }).start();
+        // Text fade-in animation
+        react_native_1.Animated.timing(textOpacity, {
+            toValue: 1,
+            duration: 800,
+            delay: 300,
+            useNativeDriver: true,
+        }).start();
+        // Set minimum display time (e.g., 2000ms = 2 seconds)
+        minimumTimeRef.current = setTimeout(() => {
+            // Fade out when app is ready and minimum time has passed
+            if (isAppReady) {
+                react_native_1.Animated.timing(containerOpacity, {
+                    toValue: 0,
+                    duration: 600,
+                    delay: 300,
+                    useNativeDriver: true,
+                }).start(() => {
+                    onAnimationComplete();
+                });
+            }
+        }, 2000); // Minimum 2 seconds display time
+        // If app takes longer than minimum time, handle it here
+        if (isAppReady) {
+            // Animation will be handled by the timeout above
+            return;
+        }
+    }, [isAppReady]);
+    const styles = react_native_1.StyleSheet.create({
+        container: Object.assign(Object.assign({}, react_native_1.StyleSheet.absoluteFillObject), { justifyContent: 'center', alignItems: 'center' }),
+        content: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        centerContent: {
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        logo: {
+            // width: ms(250),
+            // height: mvs(80),
+            width: (0, react_native_size_matters_1.ms)(150),
+            height: (0, react_native_size_matters_1.mvs)(150),
+        },
+        loadingText: {
+            fontSize: 14,
+            fontWeight: "500",
+            color: theme.colors.primary[500],
+            marginTop: (0, react_native_size_matters_1.mvs)(-8),
+        },
+        poweredByContainer: {
+            marginBottom: (0, react_native_size_matters_1.mvs)(12),
+        }
+    });
+    return (react_1.default.createElement(react_native_1.Animated.View, { style: [styles.container, { backgroundColor: theme.colors.background, opacity: containerOpacity }], pointerEvents: isAppReady ? "none" : "auto" },
+        react_1.default.createElement(react_native_1.View, { style: styles.content },
+            react_1.default.createElement(react_native_1.Animated.View, { style: [styles.centerContent, { transform: [{ scale: imageScale }] }] },
+                react_1.default.createElement(react_native_1.Image, { source: require("../assets/images/OneTicketNewBlueLogo.png"), style: styles.logo, resizeMode: "contain" }),
+                react_1.default.createElement(CustomText_1.CustomText, { style: [
+                        styles.loadingText,
+                        // { transform: [{ scale: scaleAnim }], opacity: opacityAnim }
+                    ] }, "Powered by SAI"))),
+        react_1.default.createElement(react_native_1.View, { style: styles.poweredByContainer },
+            react_1.default.createElement(PoweredBy_1.default, null))));
+};
+exports.default = Splash;

package/dist/src/theme/animations.d.ts

@@ -0,0 +1,2 @@
+import { ThemeAnimations } from './types';
+export declare const animations: ThemeAnimations;

package/dist/src/theme/animations.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animations = void 0;
+exports.animations = {
+    quick: 100,
+    standard: 300,
+    entering: 225,
+    exiting: 195,
+    complex: 375,
+};

package/dist/src/theme/colors.d.ts

@@ -0,0 +1,12 @@
+import { ColorPalette, ThemeColors } from './types';
+export declare const lightColors: ThemeColors;
+export declare const darkColors: ThemeColors;
+export declare const colorPalettes: {
+    teal: ColorPalette;
+    rose: ColorPalette;
+    blue: ColorPalette;
+    emerald: ColorPalette;
+    amber: ColorPalette;
+    gray: ColorPalette;
+    coolGray: ColorPalette;
+};

package/dist/src/theme/colors.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorPalettes = exports.darkColors = exports.lightColors = void 0;
+// Base colors
+const baseColors = {
+    white: '#FFFFFF',
+    black: '#000000',
+    transparent: 'transparent',
+    lightText: '#FFFFFF',
+    darkText: '#000000',
+};
+// Main color palettes
+const tealPalette = {
+    50: '#f0fdfa',
+    100: '#ccfbf1',
+    200: '#99f6e4',
+    300: '#5eead4',
+    400: '#2dd4bf',
+    500: '#14b8a6',
+    // 500: '#00b0f0', // Primary teal (adjusted to match NativeBase's teal)
+    600: '#0d9488',
+    700: '#0f766e',
+    800: '#115e59',
+    900: '#134e4a',
+};
+const rosePalette = {
+    50: '#fff1f2',
+    100: '#ffe4e6',
+    200: '#fecdd3',
+    300: '#fda4af',
+    400: '#fb7185',
+    500: '#f43f5e',
+    600: '#e11d48',
+    700: '#be123c',
+    800: '#9f1239',
+    900: '#881337',
+};
+const bluePalette = {
+    50: '#eff6ff',
+    100: '#dbeafe',
+    200: '#bfdbfe',
+    300: '#93c5fd',
+    400: '#60a5fa',
+    500: '#3b82f6',
+    600: '#2563eb',
+    700: '#1d4ed8',
+    800: '#1e40af',
+    900: '#1e3a8a',
+};
+const customBluePalette = {
+    50: '#e0f7ff',
+    100: '#b3e7fc',
+    200: '#80d7fa',
+    300: '#4dc6f7',
+    400: '#26baf4',
+    500: '#00b0f0',
+    600: '#009cd8',
+    700: '#0083b8',
+    800: '#006b98',
+    900: '#004d6b',
+};
+const emeraldPalette = {
+    50: '#ecfdf5',
+    100: '#d1fae5',
+    200: '#a7f3d0',
+    300: '#6ee7b7',
+    400: '#34d399',
+    500: '#10b981',
+    600: '#059669',
+    700: '#047857',
+    800: '#065f46',
+    900: '#064e3b',
+};
+const amberPalette = {
+    50: '#fffbeb',
+    100: '#fef3c7',
+    200: '#fde68a',
+    300: '#fcd34d',
+    400: '#fbbf24',
+    500: '#f59e0b',
+    600: '#d97706',
+    700: '#b45309',
+    800: '#92400e',
+    900: '#78350f',
+};
+const grayPalette = {
+    50: '#fafafa',
+    100: '#f5f5f5',
+    200: '#e5e5e5',
+    300: '#d4d4d4',
+    400: '#a3a3a3',
+    500: '#737373',
+    600: '#525252',
+    700: '#404040',
+    // 800: '#262626',
+    800: '#101519',
+    // 900: '#171717',
+    900: '#0b1014',
+};
+const coolGrayPalette = {
+    50: '#f9fafb',
+    100: '#f3f4f6',
+    200: '#e5e7eb',
+    300: '#d1d5db',
+    400: '#9ca3af',
+    500: '#6b7280',
+    600: '#4b5563',
+    700: '#374151',
+    800: '#1f2937',
+    900: '#111827',
+};
+// Semantic color mappings (NativeBase style)
+const semanticColors = {
+    danger: rosePalette,
+    error: rosePalette,
+    success: emeraldPalette,
+    warning: amberPalette,
+    muted: grayPalette,
+    info: bluePalette,
+    secondary: coolGrayPalette,
+    tertiary: emeraldPalette,
+};
+exports.lightColors = Object.assign(Object.assign(Object.assign(Object.assign({}, baseColors), { 
+    // Color palettes
+    // primary: tealPalette,
+    primary: customBluePalette, rose: rosePalette, blue: bluePalette, emerald: emeraldPalette, amber: amberPalette, gray: grayPalette, coolGray: coolGrayPalette }), semanticColors), { 
+    // Background colors
+    background: baseColors.white, surface: baseColors.white, surfaceVariant: grayPalette[100], 
+    // Text colors
+    text: grayPalette[900], text2: baseColors.white, textSecondary: grayPalette[600], textTertiary: grayPalette[500], textOnPrimary: baseColors.white, textOnSecondary: baseColors.black, 
+    // Border colors
+    border: grayPalette[300], borderLight: grayPalette[200], borderDark: grayPalette[400], 
+    // Shadow colors
+    shadow: baseColors.black, 
+    // State colors
+    disabled: grayPalette[100], overlay: 'rgba(0, 0, 0, 0.5)', backdrop: grayPalette[100], 
+    // primaryBackdrop: tealPalette[50],
+    primaryBackdrop: customBluePalette[50], notification: rosePalette[500] });
+exports.darkColors = Object.assign(Object.assign(Object.assign(Object.assign({}, baseColors), { 
+    // Color palettes
+    // primary: {
+    //     ...tealPalette,
+    //     500: '#2dd4bf', // Brighter teal for dark mode
+    // },
+    primary: customBluePalette, rose: rosePalette, blue: bluePalette, emerald: emeraldPalette, amber: amberPalette, gray: grayPalette, coolGray: coolGrayPalette }), semanticColors), { 
+    // Background colors
+    background: grayPalette[900], surface: grayPalette[800], surfaceVariant: grayPalette[700], 
+    // Text colors
+    text: grayPalette[50], text2: baseColors.black, textSecondary: grayPalette[300], textTertiary: grayPalette[400], textOnPrimary: baseColors.white, textOnSecondary: baseColors.black, 
+    // Border colors
+    border: grayPalette[700], borderLight: grayPalette[600], borderDark: grayPalette[400], 
+    // Shadow colors
+    shadow: baseColors.white, 
+    // State colors
+    disabled: grayPalette[600], overlay: 'rgba(0, 0, 0, 0.7)', 
+    // backdrop: 'rgba(0, 0, 0, 0.5)',
+    backdrop: grayPalette[800], primaryBackdrop: grayPalette[700], notification: rosePalette[400] });
+// Additional exports for convenience
+exports.colorPalettes = {
+    teal: tealPalette,
+    rose: rosePalette,
+    blue: bluePalette,
+    emerald: emeraldPalette,
+    amber: amberPalette,
+    gray: grayPalette,
+    coolGray: coolGrayPalette,
+};

package/dist/src/theme/components/Badge.d.ts

@@ -0,0 +1,2 @@
+import { ThemeComponents } from '../types';
+export declare const badgeStyles: ThemeComponents['badge'];

package/dist/src/theme/components/Badge.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeStyles = void 0;
+exports.badgeStyles = {
+    borderRadius: 16,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    minWidth: 24,
+    variants: {
+        solid: {
+            backgroundColor: 'primary.500',
+            borderColor: 'transparent',
+        },
+        outline: {
+            backgroundColor: 'transparent',
+            borderColor: 'primary.500',
+            borderWidth: 1,
+        },
+        subtle: {
+            backgroundColor: 'primary.100',
+            borderColor: 'transparent',
+        },
+    },
+    textStyle: {
+        fontSize: 12,
+        fontWeight: '600',
+        color: 'textOnPrimary', // Will be overridden for non-solid variants
+    },
+};

package/dist/src/theme/components/Button.d.ts

@@ -0,0 +1,2 @@
+import { ThemeComponents } from '../types';
+export declare const buttonStyles: ThemeComponents['button'];

package/dist/src/theme/components/Button.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonStyles = void 0;
+exports.buttonStyles = {
+    borderRadius: 8,
+    minHeight: 48,
+    paddingHorizontal: 24,
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'row',
+    variants: {
+        primary: {
+            viewStyle: {
+                backgroundColor: 'primary.500',
+                borderColor: 'transparent',
+            },
+            textStyle: {
+                color: 'textOnPrimary',
+                fontSize: 16,
+                fontWeight: '500',
+            }
+        },
+        secondary: {
+            viewStyle: {
+                backgroundColor: 'secondary.200',
+                borderColor: 'transparent',
+            },
+            textStyle: {
+                color: 'textOnSecondary',
+                fontSize: 14,
+                fontWeight: '500',
+            }
+        },
+        text: {
+            viewStyle: {
+                backgroundColor: 'transparent',
+                paddingHorizontal: 8,
+                borderColor: 'transparent',
+            },
+            textStyle: {
+                color: 'primary.500',
+                fontSize: 14,
+                fontWeight: '500',
+            }
+        },
+        outlined: {
+            viewStyle: {
+                backgroundColor: 'transparent',
+                borderWidth: 1,
+                borderColor: 'primary.500',
+            },
+            textStyle: {
+                color: 'primary.500',
+                fontSize: 16,
+                fontWeight: '500',
+            }
+        },
+        link: {
+            viewStyle: {
+                backgroundColor: 'transparent',
+                borderColor: 'transparent',
+                paddingHorizontal: 8,
+                minHeight: 36,
+            },
+            textStyle: {
+                color: 'primary.500',
+                fontSize: 14,
+                fontWeight: '500',
+                textDecorationLine: 'underline',
+            }
+        },
+    },
+    icon: {
+        size: 'medium',
+        marginRight: 8,
+        primary: {
+            color: 'textOnPrimary',
+        },
+        secondary: {
+            color: 'textOnSecondary',
+        },
+        text: {
+            color: 'primary.500',
+        },
+        outlined: {
+            color: 'primary.500',
+        },
+        link: {
+            color: 'primary.500',
+        },
+    },
+    disabled: {
+        opacity: 0.7,
+    },
+    loading: {
+        marginRight: 8,
+    },
+};

package/dist/src/theme/components/Card.d.ts

@@ -0,0 +1,2 @@
+import { ThemeComponents } from '../types';
+export declare const cardStyles: ThemeComponents['card'];

package/dist/src/theme/components/Card.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardStyles = void 0;
+exports.cardStyles = {
+    borderRadius: 12,
+    padding: 16,
+    margin: 8,
+    variants: {
+        elevated: {
+            backgroundColor: 'surface',
+            borderColor: 'transparent',
+        },
+        outline: {
+            backgroundColor: 'surface',
+            borderColor: 'border',
+            borderWidth: 1,
+        },
+        filled: {
+            backgroundColor: 'surfaceVariant',
+            borderColor: 'transparent',
+        },
+    },
+};

package/dist/src/theme/components/Chip.d.ts

@@ -0,0 +1,2 @@
+import { ThemeComponents } from '../types';
+export declare const chipStyles: ThemeComponents['chip'];

package/dist/src/theme/components/Chip.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chipStyles = void 0;
+exports.chipStyles = {
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    variants: {
+        solid: {
+            backgroundColor: 'primary.500',
+            borderColor: 'transparent',
+        },
+        outline: {
+            backgroundColor: 'transparent',
+            borderColor: 'primary.500',
+            borderWidth: 1,
+        },
+        subtle: {
+            backgroundColor: 'primary.100',
+            borderColor: 'transparent',
+        },
+    },
+    textStyle: {
+        fontSize: 14,
+        fontWeight: '500',
+        color: 'textOnPrimary', // Will be overridden for non-solid variants
+    },
+};

package/dist/src/theme/components/Input.d.ts

@@ -0,0 +1,2 @@
+import { ThemeComponents } from '../types';
+export declare const inputStyles: ThemeComponents['input'];