rangaat 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 Abdul Majeed
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,102 @@
+# Rangaat 🎨
+
+Bring color and life to your mobile apps with customizable, Material-Expressive React Native UI components.
+
+![NPM Version](https://img.shields.io/npm/v/rangaat)
+![License](https://img.shields.io/npm/l/rangaat)
+
+**Rangaat** is a premium, beautifully crafted React Native component library designed around Material Expressive principles. It provides highly customizable components, a robust theming engine, and built-in hooks to create stunning, dynamic user interfaces for iOS, Android, and Web.
+
+## Features ✨
+
+- 🎨 **Material Expressive Design**: Modern, fully rounded pill shapes, vibrant colors, and dynamic interaction states.
+- 🌓 **Theming Engine**: Built-in Light and Dark themes, with full customization via `ThemeProvider`.
+- 🧩 **Comprehensive Button Library**: Support for 5 variants (`filled`, `tonal`, `elevated`, `outlined`, `text`), sizes, icons, and more.
+- 🪝 **Helpful Hooks**: Easily access the active theme and colors anywhere in your app using `useTheme`.
+- 📱 **Cross-Platform**: Seamlessly works on iOS, Android, and Web.
+
+## Installation 📦
+
+```sh
+npm install rangaat
+# or
+yarn add rangaat
+```
+
+## Quick Start 🚀
+
+To use Rangaat, you need to wrap your application in the `ThemeProvider`. This injects the theme context into all underlying components.
+
+```tsx
+import React from 'react';
+import { View } from 'react-native';
+import { ThemeProvider, Button, useTheme } from 'rangaat';
+
+const AppContent = () => {
+  const theme = useTheme();
+
+  return (
+    <View style={{ flex: 1, backgroundColor: theme.colors.background, justifyContent: 'center', alignItems: 'center' }}>
+      <Button variant="elevated" size="large">
+        Get Started
+      </Button>
+    </View>
+  );
+};
+
+export default function App() {
+  return (
+    <ThemeProvider>
+      <AppContent />
+    </ThemeProvider>
+  );
+}
+```
+
+## Components 🧱
+
+### `Button`
+A highly interactive, expressive button component.
+
+**Props:**
+- `variant` (`'filled' | 'tonal' | 'elevated' | 'outlined' | 'text'`): The visual style of the button. Default is `filled`.
+- `size` (`'small' | 'medium' | 'large'`): The button size. Default is `medium`.
+- `color` (`string`): Override the default theme color for this specific button.
+- `fullWidth` (`boolean`): If true, the button stretches to fill its container's width.
+- `disabled` (`boolean`): Disables the button and applies disabled styling.
+- `iconLeft` / `iconRight` (`ReactNode`): Add icons to either side of the button text.
+
+### `ThemeProvider`
+The context provider for the Rangaat theme.
+
+**Props:**
+- `initialTheme` (`RangaatTheme`): Provide your own custom theme object. Defaults to the built-in `lightTheme`.
+
+## Hooks 🪝
+
+### `useTheme`
+Returns the current active `RangaatTheme` object, granting access to `colors`, `typography`, `spacing`, and `shapes`.
+
+```tsx
+const theme = useTheme();
+console.log(theme.colors.primary);
+```
+
+### `useThemeActions`
+Returns functions to update the theme dynamically.
+
+```tsx
+const { toggleTheme, setTheme } = useThemeActions();
+
+// Toggle between light and dark mode
+<Button onPress={toggleTheme}>Toggle Theme</Button>
+```
+
+## Contributing 🤝
+
+We welcome contributions! See our [Contributing Guide](CONTRIBUTING.md) to get started with the development workflow.
+- [Code of Conduct](CODE_OF_CONDUCT.md)
+
+## License 📄
+
+MIT

package/Rangaat.podspec

@@ -0,0 +1,20 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "Rangaat"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/abdulmajeed-dev0x/rangaat.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift,cpp}"
+  s.private_header_files = "ios/**/*.h"
+
+  install_modules_dependencies(s)
+end

package/android/build.gradle

@@ -0,0 +1,67 @@
+buildscript {
+  ext.Rangaat = [
+    kotlinVersion: "2.0.21",
+    minSdkVersion: 24,
+    compileSdkVersion: 36,
+    targetSdkVersion: 36
+  ]
+
+  ext.getExtOrDefault = { prop ->
+    if (rootProject.ext.has(prop)) {
+      return rootProject.ext.get(prop)
+    }
+
+    return Rangaat[prop]
+  }
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.7.2"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${getExtOrDefault('kotlinVersion')}"
+  }
+}
+
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+apply plugin: "com.facebook.react"
+
+android {
+  namespace "com.rangaat"
+
+  compileSdkVersion getExtOrDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrDefault("minSdkVersion")
+    targetSdkVersion getExtOrDefault("targetSdkVersion")
+  }
+
+  buildFeatures {
+    buildConfig true
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lint {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+dependencies {
+  implementation "com.facebook.react:react-android"
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/rangaat/RangaatPackage.kt

@@ -0,0 +1,17 @@
+package com.rangaat
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
+
+class RangaatViewPackage : BaseReactPackage() {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(RangaatViewManager())
+  }
+
+  override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? = null
+
+  override fun getReactModuleInfoProvider() = ReactModuleInfoProvider { emptyMap() }
+}

package/android/src/main/java/com/rangaat/RangaatView.kt

@@ -0,0 +1,15 @@
+package com.rangaat
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.View
+
+class RangaatView : View {
+  constructor(context: Context?) : super(context)
+  constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs)
+  constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(
+    context,
+    attrs,
+    defStyleAttr
+  )
+}

package/android/src/main/java/com/rangaat/RangaatViewManager.kt

@@ -0,0 +1,41 @@
+package com.rangaat
+
+import android.graphics.Color
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RangaatViewManagerInterface
+import com.facebook.react.viewmanagers.RangaatViewManagerDelegate
+
+@ReactModule(name = RangaatViewManager.NAME)
+class RangaatViewManager : SimpleViewManager<RangaatView>(),
+  RangaatViewManagerInterface<RangaatView> {
+  private val mDelegate: ViewManagerDelegate<RangaatView>
+
+  init {
+    mDelegate = RangaatViewManagerDelegate(this)
+  }
+
+  override fun getDelegate(): ViewManagerDelegate<RangaatView>? {
+    return mDelegate
+  }
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  public override fun createViewInstance(context: ThemedReactContext): RangaatView {
+    return RangaatView(context)
+  }
+
+  @ReactProp(name = "color")
+  override fun setColor(view: RangaatView?, color: Int?) {
+    view?.setBackgroundColor(color ?: Color.TRANSPARENT)
+  }
+
+  companion object {
+    const val NAME = "RangaatView"
+  }
+}

package/ios/RangaatView.h

@@ -0,0 +1,14 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef RangaatViewNativeComponent_h
+#define RangaatViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RangaatView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* RangaatViewNativeComponent_h */

package/ios/RangaatView.mm

@@ -0,0 +1,48 @@
+#import "RangaatView.h"
+
+#import <React/RCTConversions.h>
+
+#import <react/renderer/components/RangaatViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/RangaatViewSpec/Props.h>
+#import <react/renderer/components/RangaatViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@implementation RangaatView {
+    UIView * _view;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<RangaatViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RangaatViewProps>();
+    _props = defaultProps;
+
+    _view = [[UIView alloc] init];
+
+    self.contentView = _view;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &oldViewProps = *std::static_pointer_cast<RangaatViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<RangaatViewProps const>(props);
+
+    if (oldViewProps.color != newViewProps.color) {
+        [_view setBackgroundColor: RCTUIColorFromSharedColor(newViewProps.color)];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+@end

package/lib/module/RangaatView.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RangaatView({
+  color,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    ...rest,
+    style: [style, {
+      backgroundColor: color
+    }]
+  });
+}
+//# sourceMappingURL=RangaatView.js.map

package/lib/module/RangaatView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","jsx","_jsx","RangaatView","color","style","rest","backgroundColor"],"sourceRoot":"../../src","sources":["RangaatView.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAyC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrE,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAC5D,oBAAOJ,IAAA,CAACF,IAAI;IAAA,GAAKM,IAAI;IAAED,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEE,eAAe,EAAEH;IAAM,CAAC;EAAE,CAAE,CAAC;AACvE","ignoreList":[]}

package/lib/module/RangaatView.native.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as RangaatView } from './RangaatViewNativeComponent';
+export * from './RangaatViewNativeComponent';
+//# sourceMappingURL=RangaatView.native.js.map

package/lib/module/RangaatView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","RangaatView"],"sourceRoot":"../../src","sources":["RangaatView.native.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,8BAA8B;AACrE,cAAc,8BAA8B","ignoreList":[]}

package/lib/module/RangaatViewNativeComponent.ts

@@ -0,0 +1,11 @@
+import {
+  codegenNativeComponent,
+  type ColorValue,
+  type ViewProps,
+} from 'react-native';
+
+interface NativeProps extends ViewProps {
+  color?: ColorValue;
+}
+
+export default codegenNativeComponent<NativeProps>('RangaatView');

package/lib/module/components/Button/Button.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import React from 'react';
+import { Pressable, Text } from 'react-native';
+import { useTheme } from "../../hooks/useTheme.js";
+import { getButtonStyles } from "./styles.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const Button = /*#__PURE__*/React.forwardRef(({
+  children,
+  variant = 'filled',
+  size = 'medium',
+  color,
+  fullWidth = false,
+  iconLeft,
+  iconRight,
+  style,
+  textStyle,
+  disabled = false,
+  ...rest
+}, ref) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled
+    },
+    style: ({
+      pressed
+    }) => {
+      const styles = getButtonStyles(theme, variant, size, pressed, disabled, color);
+      return [styles.container, fullWidth && {
+        width: '100%'
+      }, style];
+    },
+    ...rest,
+    children: ({
+      pressed
+    }) => {
+      const styles = getButtonStyles(theme, variant, size, pressed, disabled, color);
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [iconLeft, typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.text, textStyle],
+          numberOfLines: 1,
+          children: children
+        }) : children, iconRight]
+      });
+    }
+  });
+});
+Button.displayName = 'Button';
+//# sourceMappingURL=Button.js.map

package/lib/module/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","Text","useTheme","getButtonStyles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","forwardRef","children","variant","size","color","fullWidth","iconLeft","iconRight","style","textStyle","disabled","rest","ref","theme","accessibilityRole","accessibilityState","pressed","styles","container","width","text","numberOfLines","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,SAASC,eAAe,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAG3C,OAAO,MAAMC,MAAM,gBAAGX,KAAK,CAACY,UAAU,CACpC,CACE;EACEC,QAAQ;EACRC,OAAO,GAAG,QAAQ;EAClBC,IAAI,GAAG,QAAQ;EACfC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EAExB,oBACEG,IAAA,CAACL,SAAS;IACRuB,GAAG,EAAEA,GAAI;IACTF,QAAQ,EAAEA,QAAS;IACnBI,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEL;IAAS,CAAE;IACjCF,KAAK,EAAEA,CAAC;MAAEQ;IAAQ,CAAC,KAAK;MACtB,MAAMC,MAAM,GAAGzB,eAAe,CAC5BqB,KAAK,EACLX,OAAO,EACPC,IAAI,EACJa,OAAO,EACPN,QAAQ,EACRN,KACF,CAAC;MACD,OAAO,CACLa,MAAM,CAACC,SAAS,EAChBb,SAAS,IAAI;QAAEc,KAAK,EAAE;MAAO,CAAC,EAC9BX,KAAK,CACN;IACH,CAAE;IAAA,GACEG,IAAI;IAAAV,QAAA,EAEPA,CAAC;MAAEe;IAAQ,CAAC,KAAK;MAChB,MAAMC,MAAM,GAAGzB,eAAe,CAC5BqB,KAAK,EACLX,OAAO,EACPC,IAAI,EACJa,OAAO,EACPN,QAAQ,EACRN,KACF,CAAC;MAED,oBACEN,KAAA,CAAAF,SAAA;QAAAK,QAAA,GACGK,QAAQ,EACR,OAAOL,QAAQ,KAAK,QAAQ,gBAC3BP,IAAA,CAACJ,IAAI;UAACkB,KAAK,EAAE,CAACS,MAAM,CAACG,IAAI,EAAEX,SAAS,CAAE;UAACY,aAAa,EAAE,CAAE;UAAApB,QAAA,EACrDA;QAAQ,CACL,CAAC,GAEPA,QACD,EACAM,SAAS;MAAA,CACV,CAAC;IAEP;EAAC,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDR,MAAM,CAACuB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/lib/module/components/Button/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Button } from "./Button.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button"],"sourceRoot":"../../../../src","sources":["components/Button/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU","ignoreList":[]}

package/lib/module/components/Button/styles.js

@@ -0,0 +1,113 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const getButtonStyles = (theme, variant, size, isPressed, isDisabled, customColor) => {
+  const {
+    colors,
+    spacing,
+    shapes,
+    typography
+  } = theme;
+
+  // 1. Determine base colors based on variant
+  let backgroundColor = 'transparent';
+  let textColor = colors.primary;
+  let borderColor = 'transparent';
+  let elevation = 0;
+  switch (variant) {
+    case 'filled':
+      backgroundColor = customColor || colors.primary;
+      textColor = colors.onPrimary;
+      break;
+    case 'tonal':
+      backgroundColor = colors.secondaryContainer;
+      textColor = colors.onSecondaryContainer;
+      break;
+    case 'elevated':
+      backgroundColor = colors.surface;
+      textColor = colors.primary;
+      elevation = isPressed ? 2 : 4; // Shadow
+      break;
+    case 'outlined':
+      borderColor = colors.outline;
+      textColor = customColor || colors.primary;
+      break;
+    case 'text':
+      textColor = customColor || colors.primary;
+      break;
+  }
+
+  // 2. Handle disabled state (Material Design 3 specs usually apply opacity or specific disabled colors)
+  if (isDisabled) {
+    if (variant === 'filled' || variant === 'tonal' || variant === 'elevated') {
+      backgroundColor = colors.disabled;
+      textColor = colors.onDisabled;
+      elevation = 0;
+    } else if (variant === 'outlined') {
+      borderColor = colors.disabled;
+      textColor = colors.onDisabled;
+    } else {
+      textColor = colors.onDisabled;
+    }
+  }
+
+  // 3. Handle pressed state (visual feedback)
+  let opacity = 1;
+  if (isPressed && !isDisabled) {
+    if (variant === 'filled' || variant === 'tonal' || variant === 'elevated') {
+      opacity = 0.85; // Simple opacity feedback
+    } else {
+      backgroundColor = `${textColor}1A`; // 10% opacity of text color for background
+    }
+  }
+
+  // 4. Determine sizing and typography
+  let paddingVertical = spacing.sm;
+  let paddingHorizontal = spacing.lg;
+  let textVariant = typography.labelLarge;
+  if (size === 'small') {
+    paddingVertical = spacing.xs;
+    paddingHorizontal = spacing.md;
+    textVariant = typography.labelMedium;
+  } else if (size === 'large') {
+    paddingVertical = spacing.md;
+    paddingHorizontal = spacing.xl;
+    textVariant = typography.labelLarge; // Could be larger if needed
+  }
+  return StyleSheet.create({
+    container: {
+      backgroundColor,
+      borderColor,
+      borderWidth: variant === 'outlined' ? 1 : 0,
+      borderRadius: shapes.pill,
+      // Fully rounded for expressive
+      paddingVertical,
+      paddingHorizontal,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity,
+      elevation,
+      shadowColor: colors.outline,
+      shadowOffset: {
+        width: 0,
+        height: elevation / 2
+      },
+      shadowOpacity: elevation > 0 ? 0.15 : 0,
+      shadowRadius: elevation,
+      gap: spacing.sm // Gap between icon and text
+    },
+    text: {
+      color: textColor,
+      fontSize: textVariant.fontSize,
+      fontWeight: textVariant.fontWeight,
+      lineHeight: textVariant.lineHeight,
+      letterSpacing: textVariant.letterSpacing,
+      textAlign: 'center'
+    },
+    disabled: {
+      opacity: 0.8 // Overall container opacity adjustment if needed, but handled above
+    }
+  });
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","getButtonStyles","theme","variant","size","isPressed","isDisabled","customColor","colors","spacing","shapes","typography","backgroundColor","textColor","primary","borderColor","elevation","onPrimary","secondaryContainer","onSecondaryContainer","surface","outline","disabled","onDisabled","opacity","paddingVertical","sm","paddingHorizontal","lg","textVariant","labelLarge","xs","md","labelMedium","xl","create","container","borderWidth","borderRadius","pill","flexDirection","alignItems","justifyContent","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","gap","text","color","fontSize","fontWeight","lineHeight","letterSpacing","textAlign"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Button/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Button/types.js.map

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

package/lib/module/hooks/useTheme.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { useThemeContext } from "../theme/ThemeProvider.js";
+export const useTheme = () => {
+  const {
+    theme
+  } = useThemeContext();
+  return theme;
+};
+export const useThemeActions = () => {
+  const {
+    setTheme,
+    toggleTheme
+  } = useThemeContext();
+  return {
+    setTheme,
+    toggleTheme
+  };
+};
+//# sourceMappingURL=useTheme.js.map

package/lib/module/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemeContext","useTheme","theme","useThemeActions","setTheme","toggleTheme"],"sourceRoot":"../../../src","sources":["hooks/useTheme.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,2BAAwB;AAGxD,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAoB;EAC1C,MAAM;IAAEC;EAAM,CAAC,GAAGF,eAAe,CAAC,CAAC;EACnC,OAAOE,KAAK;AACd,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGL,eAAe,CAAC,CAAC;EACnD,OAAO;IAAEI,QAAQ;IAAEC;EAAY,CAAC;AAClC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+export { RangaatView } from './RangaatView';
+
+// Theme Architecture
+export { ThemeProvider, useThemeContext } from "./theme/ThemeProvider.js";
+export { lightTheme, darkTheme } from "./theme/defaultTheme.js";
+// Hooks
+export { useTheme, useThemeActions } from "./hooks/useTheme.js";
+
+// Components
+export { Button } from "./components/Button/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RangaatView","ThemeProvider","useThemeContext","lightTheme","darkTheme","useTheme","useThemeActions","Button"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,eAAe;;AAE3C;AACA,SAASC,aAAa,EAAEC,eAAe,QAAQ,0BAAuB;AACtE,SAASC,UAAU,EAAEC,SAAS,QAAQ,yBAAsB;AAG5D;AACA,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAkB;;AAE5D;AACA,SAASC,MAAM,QAAQ,8BAAqB","ignoreList":[]}

package/lib/module/package.json

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