rangaat 0.1.0

package/lib/module/theme/ThemeProvider.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React, { createContext, useContext, useState } from 'react';
+import { lightTheme, darkTheme } from "./defaultTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ThemeContext = /*#__PURE__*/createContext(undefined);
+export const ThemeProvider = ({
+  children,
+  initialTheme = lightTheme
+}) => {
+  const [theme, setTheme] = useState(initialTheme);
+  const toggleTheme = () => {
+    setTheme(prevTheme => prevTheme.isDark ? lightTheme : darkTheme);
+  };
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: {
+      theme,
+      setTheme,
+      toggleTheme
+    },
+    children: children
+  });
+};
+export const useThemeContext = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useThemeContext must be used within a ThemeProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/module/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useState","lightTheme","darkTheme","jsx","_jsx","ThemeContext","undefined","ThemeProvider","children","initialTheme","theme","setTheme","toggleTheme","prevTheme","isDark","Provider","value","useThemeContext","context","Error"],"sourceRoot":"../../../src","sources":["theme/ThemeProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAGlE,SAASC,UAAU,EAAEC,SAAS,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQvD,MAAMC,YAAY,gBAAGP,aAAa,CAAgCQ,SAAS,CAAC;AAQ5E,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,YAAY,GAAGR;AACjB,CAAC,KAAK;EACJ,MAAM,CAACS,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAeS,YAAY,CAAC;EAE9D,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACxBD,QAAQ,CAAEE,SAAS,IAAMA,SAAS,CAACC,MAAM,GAAGb,UAAU,GAAGC,SAAU,CAAC;EACtE,CAAC;EAED,oBACEE,IAAA,CAACC,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAEN,KAAK;MAAEC,QAAQ;MAAEC;IAAY,CAAE;IAAAJ,QAAA,EAC5DA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,OAAO,GAAGnB,UAAU,CAACM,YAAY,CAAC;EACxC,IAAI,CAACa,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,qDAAqD,CAAC;EACxE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/theme/defaultTheme.js

@@ -0,0 +1,118 @@
+"use strict";
+
+export const lightTheme = {
+  isDark: false,
+  colors: {
+    primary: '#6750A4',
+    onPrimary: '#FFFFFF',
+    primaryContainer: '#EADDFF',
+    onPrimaryContainer: '#21005D',
+    secondary: '#625B71',
+    onSecondary: '#FFFFFF',
+    secondaryContainer: '#E8DEF8',
+    onSecondaryContainer: '#1D192B',
+    background: '#FFFBFE',
+    onBackground: '#1C1B1F',
+    surface: '#FFFBFE',
+    onSurface: '#1C1B1F',
+    surfaceVariant: '#E7E0EC',
+    onSurfaceVariant: '#49454F',
+    outline: '#79747E',
+    error: '#B3261E',
+    onError: '#FFFFFF',
+    disabled: '#1C1B1F60',
+    onDisabled: '#1C1B1F30'
+  },
+  typography: {
+    h1: {
+      fontSize: 57,
+      fontWeight: '400',
+      lineHeight: 64
+    },
+    h2: {
+      fontSize: 45,
+      fontWeight: '400',
+      lineHeight: 52
+    },
+    h3: {
+      fontSize: 36,
+      fontWeight: '400',
+      lineHeight: 44
+    },
+    bodyLarge: {
+      fontSize: 16,
+      fontWeight: '400',
+      lineHeight: 24
+    },
+    bodyMedium: {
+      fontSize: 14,
+      fontWeight: '400',
+      lineHeight: 20
+    },
+    bodySmall: {
+      fontSize: 12,
+      fontWeight: '400',
+      lineHeight: 16
+    },
+    labelLarge: {
+      fontSize: 14,
+      fontWeight: '500',
+      lineHeight: 20,
+      letterSpacing: 0.1
+    },
+    labelMedium: {
+      fontSize: 12,
+      fontWeight: '500',
+      lineHeight: 16,
+      letterSpacing: 0.5
+    },
+    labelSmall: {
+      fontSize: 11,
+      fontWeight: '500',
+      lineHeight: 16,
+      letterSpacing: 0.5
+    }
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 40
+  },
+  shapes: {
+    extraSmall: 4,
+    small: 8,
+    medium: 12,
+    large: 16,
+    extraLarge: 28,
+    pill: 9999
+  }
+};
+export const darkTheme = {
+  ...lightTheme,
+  isDark: true,
+  colors: {
+    primary: '#D0BCFF',
+    onPrimary: '#381E72',
+    primaryContainer: '#4F378B',
+    onPrimaryContainer: '#EADDFF',
+    secondary: '#CCC2DC',
+    onSecondary: '#332D41',
+    secondaryContainer: '#4A4458',
+    onSecondaryContainer: '#E8DEF8',
+    background: '#1C1B1F',
+    onBackground: '#E6E1E5',
+    surface: '#1C1B1F',
+    onSurface: '#E6E1E5',
+    surfaceVariant: '#49454F',
+    onSurfaceVariant: '#CAC4D0',
+    outline: '#938F99',
+    error: '#F2B8B5',
+    onError: '#601410',
+    disabled: '#E6E1E560',
+    onDisabled: '#E6E1E530'
+  }
+};
+//# sourceMappingURL=defaultTheme.js.map

package/lib/module/theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lightTheme","isDark","colors","primary","onPrimary","primaryContainer","onPrimaryContainer","secondary","onSecondary","secondaryContainer","onSecondaryContainer","background","onBackground","surface","onSurface","surfaceVariant","onSurfaceVariant","outline","error","onError","disabled","onDisabled","typography","h1","fontSize","fontWeight","lineHeight","h2","h3","bodyLarge","bodyMedium","bodySmall","labelLarge","letterSpacing","labelMedium","labelSmall","spacing","xs","sm","md","lg","xl","xxl","shapes","extraSmall","small","medium","large","extraLarge","pill","darkTheme"],"sourceRoot":"../../../src","sources":["theme/defaultTheme.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["theme/types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/RangaatView.d.ts

@@ -0,0 +1,7 @@
+import { type ColorValue, type ViewProps } from 'react-native';
+type Props = ViewProps & {
+    color?: ColorValue;
+};
+export declare function RangaatView({ color, style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RangaatView.d.ts.map

package/lib/typescript/src/RangaatView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangaatView.d.ts","sourceRoot":"","sources":["../../../src/RangaatView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAE3D"}

package/lib/typescript/src/RangaatView.native.d.ts

@@ -0,0 +1,3 @@
+export { default as RangaatView } from './RangaatViewNativeComponent';
+export * from './RangaatViewNativeComponent';
+//# sourceMappingURL=RangaatView.native.d.ts.map

package/lib/typescript/src/RangaatView.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangaatView.native.d.ts","sourceRoot":"","sources":["../../../src/RangaatView.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,cAAc,8BAA8B,CAAC"}

package/lib/typescript/src/RangaatViewNativeComponent.d.ts

@@ -0,0 +1,7 @@
+import { type ColorValue, type ViewProps } from 'react-native';
+interface NativeProps extends ViewProps {
+    color?: ColorValue;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=RangaatViewNativeComponent.d.ts.map

package/lib/typescript/src/RangaatViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangaatViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RangaatViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,SAAS;IACrC,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;;AAED,wBAAkE"}

package/lib/typescript/src/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps } from './types';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/src/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,yEAqElB,CAAC"}

package/lib/typescript/src/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/Button/styles.d.ts

@@ -0,0 +1,37 @@
+import type { RangaatTheme } from '../../theme/types';
+import type { ButtonSize, ButtonVariant } from './types';
+export declare const getButtonStyles: (theme: RangaatTheme, variant: ButtonVariant, size: ButtonSize, isPressed: boolean, isDisabled: boolean, customColor?: string) => Readonly<{
+    container: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        opacity: number;
+        elevation: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        gap: number;
+    };
+    text: {
+        color: string;
+        fontSize: number;
+        fontWeight: any;
+        lineHeight: number;
+        letterSpacing: number;
+        textAlign: "center";
+    };
+    disabled: {
+        opacity: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/Button/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,eAAe,GAC1B,OAAO,YAAY,EACnB,SAAS,aAAa,EACtB,MAAM,UAAU,EAChB,WAAW,OAAO,EAClB,YAAY,OAAO,EACnB,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;oBA8FsB,GAAG;;;;;;;;EAS9C,CAAC"}

package/lib/typescript/src/components/Button/types.d.ts

@@ -0,0 +1,25 @@
+import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+export type ButtonVariant = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps extends Omit<PressableProps, 'style'> {
+    /** The text to display inside the button */
+    children: ReactNode;
+    /** The visual variant of the button */
+    variant?: ButtonVariant;
+    /** The size of the button */
+    size?: ButtonSize;
+    /** Custom color override for the button (background for filled, text/border for outlined) */
+    color?: string;
+    /** Whether the button should take the full width of its container */
+    fullWidth?: boolean;
+    /** Icon to display before the text */
+    iconLeft?: ReactNode;
+    /** Icon to display after the text */
+    iconRight?: ReactNode;
+    /** Custom styles for the button container */
+    style?: StyleProp<ViewStyle>;
+    /** Custom styles for the button text */
+    textStyle?: StyleProp<TextStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/Button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAClF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAChE,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qCAAqC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC"}

package/lib/typescript/src/hooks/useTheme.d.ts

@@ -0,0 +1,7 @@
+import type { RangaatTheme } from '../theme/types';
+export declare const useTheme: () => RangaatTheme;
+export declare const useThemeActions: () => {
+    setTheme: (theme: RangaatTheme) => void;
+    toggleTheme: () => void;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/src/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,eAAO,MAAM,QAAQ,QAAO,YAG3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;CAG3B,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,8 @@
+export { RangaatView } from './RangaatView';
+export { ThemeProvider, useThemeContext } from './theme/ThemeProvider';
+export { lightTheme, darkTheme } from './theme/defaultTheme';
+export type { RangaatTheme, ThemeColors, ThemeTypography, ThemeShapes, ThemeSpacing } from './theme/types';
+export { useTheme, useThemeActions } from './hooks/useTheme';
+export { Button } from './components/Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG3G,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/src/theme/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { RangaatTheme } from './types';
+interface ThemeContextValue {
+    theme: RangaatTheme;
+    setTheme: (theme: RangaatTheme) => void;
+    toggleTheme: () => void;
+}
+export interface ThemeProviderProps {
+    children: ReactNode;
+    initialTheme?: RangaatTheme;
+    useSystemTheme?: boolean;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useThemeContext: () => ThemeContextValue;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/typescript/src/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAetD,CAAC;AAEF,eAAO,MAAM,eAAe,yBAM3B,CAAC"}

package/lib/typescript/src/theme/defaultTheme.d.ts

@@ -0,0 +1,4 @@
+import type { RangaatTheme } from './types';
+export declare const lightTheme: RangaatTheme;
+export declare const darkTheme: RangaatTheme;
+//# sourceMappingURL=defaultTheme.d.ts.map

package/lib/typescript/src/theme/defaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,UAAU,EAAE,YAkDxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAwBvB,CAAC"}

package/lib/typescript/src/theme/types.d.ts

@@ -0,0 +1,95 @@
+export interface ThemeColors {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    background: string;
+    onBackground: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    outline: string;
+    error: string;
+    onError: string;
+    disabled: string;
+    onDisabled: string;
+}
+export interface ThemeTypography {
+    h1: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    h2: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    h3: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    bodyLarge: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    bodyMedium: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    bodySmall: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    labelLarge: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+        letterSpacing: number;
+    };
+    labelMedium: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+        letterSpacing: number;
+    };
+    labelSmall: {
+        fontSize: number;
+        fontWeight: string;
+        lineHeight: number;
+        letterSpacing: number;
+    };
+}
+export interface ThemeSpacing {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+}
+export interface ThemeShapes {
+    extraSmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    extraLarge: number;
+    pill: number;
+}
+export interface RangaatTheme {
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    shapes: ThemeShapes;
+    isDark: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,182 @@
+{
+  "name": "rangaat",
+  "version": "0.1.0",
+  "description": "Bring color and life to your mobile apps with customizable React Native UI components.",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace rangaat-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --only-version",
+    "web": "vite",
+    "build:web": "vite build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/abdulmajeed-dev0x/rangaat.git"
+  },
+  "author": "Abdul Majeed <abdulmajeed.dev0x@gmail.com> (https://github.com/abdulmajeed-dev0x/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/abdulmajeed-dev0x/rangaat/issues"
+  },
+  "homepage": "https://github.com/abdulmajeed-dev0x/rangaat#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/compat": "^2.0.3",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@jest/globals": "^30.0.0",
+    "@react-native/babel-preset": "0.85.0",
+    "@react-native/eslint-config": "0.85.0",
+    "@react-native/jest-preset": "0.85.0",
+    "@release-it/conventional-changelog": "^10.0.6",
+    "@types/react": "^19.2.0",
+    "commitlint": "^20.5.0",
+    "del-cli": "^7.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-prettier": "^5.5.5",
+    "jest": "^30.3.0",
+    "lefthook": "^2.1.4",
+    "prettier": "^3.8.1",
+    "react": "19.2.3",
+    "react-native": "0.85.0",
+    "react-native-builder-bob": "^0.41.0",
+    "react-native-web": "~0.21.1",
+    "release-it": "^19.2.4",
+    "turbo": "^2.8.21",
+    "typescript": "^6.0.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RangaatViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.rangaat"
+    },
+    "ios": {
+      "components": {
+        "RangaatView": {
+          "className": "RangaatView"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "@react-native/jest-preset",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "fabric-view",
+    "languages": "kotlin-objc",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it",
+      "vite"
+    ],
+    "version": "0.62.0"
+  }
+}

package/src/RangaatView.native.tsx

@@ -0,0 +1,2 @@
+export { default as RangaatView } from './RangaatViewNativeComponent';
+export * from './RangaatViewNativeComponent';

package/src/RangaatView.tsx

@@ -0,0 +1,9 @@
+import { View, type ColorValue, type ViewProps } from 'react-native';
+
+type Props = ViewProps & {
+  color?: ColorValue;
+};
+
+export function RangaatView({ color, style, ...rest }: Props) {
+  return <View {...rest} style={[style, { backgroundColor: color }]} />;
+}