@campxdev/react-native-blueprint 0.1.3 → 0.1.4

package/README.md

@@ -13,25 +13,39 @@ A production-ready React Native UI component library built with NativeWind (Tail
 - 🔧 **Customizable** - Easy to theme and extend with Tailwind utilities
 - ⚡ **Performant** - Built on React Native Reanimated for smooth animations
 
+## ⚠️ Prerequisites
+
+This library requires **NativeWind v4+** to be configured in your React Native project. NativeWind provides Tailwind CSS styling for React Native.
+
+**Not using NativeWind?** This library is designed specifically for NativeWind-based projects. If you're not using NativeWind, you'll need to configure it first or consider an alternative component library.
+
 ## Installation
 
+### 1. Install the package
+
 ```sh
-npm install react-native-blueprint
+npm install @campxdev/react-native-blueprint
 # or
-yarn add react-native-blueprint
+yarn add @campxdev/react-native-blueprint
 ```
 
-### Peer Dependencies
-
-This library requires the following peer dependencies:
+### 2. Install required peer dependencies
 
 ```sh
-npm install react react-native nativewind tailwindcss react-native-reanimated react-native-gesture-handler react-native-svg
+npm install nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context
+# or
+yarn add nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context
 ```
 
-### Setup
+### 3. Import the global styles
+
+In your app entry point (e.g., `App.tsx` or `_layout.tsx`):
 
-1. **Configure NativeWind:**
+```tsx
+import '@campxdev/react-native-blueprint/global.css';
+```
+
+### 4. Configure NativeWind
 
 Create or update `tailwind.config.js`:
 
@@ -42,7 +56,7 @@ module.exports = {
   darkMode: 'class',
   content: [
     './src/**/*.{ts,tsx}',
-    './node_modules/react-native-blueprint/src/**/*.{ts,tsx}',
+    './node_modules/@campxdev/react-native-blueprint/src/**/*.{ts,tsx}',
   ],
   presets: [require('nativewind/preset')],
   theme: {
@@ -91,64 +105,7 @@ module.exports = {
 };
 ```
 
-2. **Import global styles:**
-
-Create `global.css` and import the theme:
-
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 240 5.9% 10%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 240 4.9% 83.9%;
-  }
-}
-```
-
-3. **Configure Metro:**
+### 5. Configure Metro
 
 Update `metro.config.js`:
 
@@ -166,7 +123,10 @@ module.exports = withNativeWind(config, { input: './global.css' });
 ### Basic Example
 
 ```tsx
-import { Button, Card, Text, Input, Alert } from 'react-native-blueprint';
+// Import CSS at the top of your app entry point (do this ONCE)
+import '@campxdev/react-native-blueprint/global.css';
+
+import { Button, Card, Text, Input, Alert } from '@campxdev/react-native-blueprint';
 import { View } from 'react-native';
 
 function App() {
@@ -295,9 +255,78 @@ npm run android # Run on Android emulator
 All components are fully typed with TypeScript. Import types as needed:
 
 ```tsx
-import type { ButtonProps, CardProps } from 'react-native-blueprint';
+import type { ButtonProps, CardProps } from '@campxdev/react-native-blueprint';
+```
+
+## Troubleshooting
+
+### "Cannot find module '@campxdev/react-native-blueprint/global.css'"
+
+Make sure you've:
+1. Installed NativeWind: `npm install nativewind tailwindcss`
+2. Configured Metro with NativeWind plugin (see Installation Step 5)
+3. Imported the CSS in your app entry point
+
+### "CSS import is not supported"
+
+Your Metro bundler needs the NativeWind plugin. Update `metro.config.js`:
+
+```js
+const { getDefaultConfig } = require('expo/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withNativeWind(config, { input: './global.css' });
+```
+
+### Components not styling correctly
+
+Ensure your `tailwind.config.js` includes the package path in the content array:
+
+```js
+content: [
+  './src/**/*.{ts,tsx}',
+  './node_modules/@campxdev/react-native-blueprint/src/**/*.{ts,tsx}',
+],
+```
+
+## Migration from v0.1.x to v0.2.x
+
+**Breaking Change**: CSS must now be manually imported.
+
+### What changed?
+
+In v0.1.x, the CSS was automatically imported when you used `RootLayout`. In v0.2.x, you need to explicitly import the CSS file.
+
+### Migration steps
+
+1. **Add CSS import** to your app entry point (e.g., `App.tsx` or `_layout.tsx`):
+
+```tsx
+import '@campxdev/react-native-blueprint/global.css';
+```
+
+2. **Install peer dependencies** (if not already installed):
+
+```sh
+npm install nativewind tailwindcss tailwindcss-animate
+# or
+yarn add nativewind tailwindcss tailwindcss-animate
+```
+
+3. **Update imports** (if using the old package name):
+
+```tsx
+// Old
+import { Button } from 'react-native-blueprint';
+
+// New
+import { Button } from '@campxdev/react-native-blueprint';
 ```
 
+That's it! Your app should work as before.
+
 ## Contributing
 
 Contributions are welcome! Please follow these steps:

package/lib/module/app/_layout.js

@@ -1,6 +1,12 @@
 "use strict";
 
-import '../global.css';
+/**
+ * RootLayout component - provides theme and navigation setup
+ *
+ * NOTE: CSS import intentionally removed for library export.
+ * Consumers must import '@campxdev/react-native-blueprint/global.css'
+ * in their app entry point.
+ */
 import { PortalHost } from '@rn-primitives/portal';
 import { StatusBar } from 'react-native';
 import { NAV_THEME } from "../lib/theme.js";

package/lib/module/app/_layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["PortalHost","StatusBar","NAV_THEME","ThemeProvider","useColorScheme","jsx","_jsx","jsxs","_jsxs","RootLayout","children","colorScheme","value","barStyle"],"sourceRoot":"../../../src","sources":["app/_layout.tsx"],"mappings":";;AAAA,OAAO,eAAe;AACtB,SAASA,UAAU,QAAQ,uBAAuB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,SAAS,QAAQ,iBAAc;AACxC,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,cAAc,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO5C,eAAe,SAASC,UAAUA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAChE,MAAM;IAAEC;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAExC,oBACEI,KAAA,CAACL,aAAa;IAACS,KAAK,EAAEV,SAAS,CAACS,WAAW,IAAI,OAAO,CAAE;IAAAD,QAAA,gBACtDJ,IAAA,CAACL,SAAS;MACRY,QAAQ,EAAEF,WAAW,KAAK,MAAM,GAAG,eAAe,GAAG;IAAe,CACrE,CAAC,EACDD,QAAQ,eACTJ,IAAA,CAACN,UAAU,IAAE,CAAC;EAAA,CACD,CAAC;AAEpB","ignoreList":[]}
+{"version":3,"names":["PortalHost","StatusBar","NAV_THEME","ThemeProvider","useColorScheme","jsx","_jsx","jsxs","_jsxs","RootLayout","children","colorScheme","value","barStyle"],"sourceRoot":"../../../src","sources":["app/_layout.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,uBAAuB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,SAAS,QAAQ,iBAAc;AACxC,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,cAAc,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO5C,eAAe,SAASC,UAAUA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAChE,MAAM;IAAEC;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAExC,oBACEI,KAAA,CAACL,aAAa;IAACS,KAAK,EAAEV,SAAS,CAACS,WAAW,IAAI,OAAO,CAAE;IAAAD,QAAA,gBACtDJ,IAAA,CAACL,SAAS;MACRY,QAAQ,EAAEF,WAAW,KAAK,MAAM,GAAG,eAAe,GAAG;IAAe,CACrE,CAAC,EACDD,QAAQ,eACTJ,IAAA,CAACN,UAAU,IAAE,CAAC;EAAA,CACD,CAAC;AAEpB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-native-blueprint",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "This is a react-native package for mobile apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -10,6 +10,7 @@
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
+    "./global.css": "./src/global.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -77,17 +78,22 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "jest": "^29.7.0",
+    "nativewind": "^4.2.1",
     "prettier": "^3.6.2",
     "react": "19.1.0",
     "react-native": "0.81.4",
     "react-native-builder-bob": "^0.40.13",
     "release-it": "^19.0.4",
     "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
+    "nativewind": "^4.0.0",
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.0"
   },
   "workspaces": [
     "example"
@@ -184,8 +190,7 @@
     "expo": "^54.0.12",
     "expo-font": "^14.0.9",
     "figma-squircle": "^1.1.0",
-    "lucide-react-native": "^0.486.0",
-    "nativewind": "^4.2.1",
+    "lucide-react-native": "^0.546.0",
     "react-native-figma-squircle": "^0.4.0",
     "react-native-floating-action": "^1.22.0",
     "react-native-gesture-handler": "^2.28.0",
@@ -194,7 +199,6 @@
     "react-native-screens": "^4.7.1",
     "react-native-svg": "^15.14.0",
     "react-native-worklets": "0.5.1",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwind-merge": "^3.3.1"
   }
 }

package/src/app/_layout.tsx

@@ -1,4 +1,10 @@
-import '../global.css';
+/**
+ * RootLayout component - provides theme and navigation setup
+ *
+ * NOTE: CSS import intentionally removed for library export.
+ * Consumers must import '@campxdev/react-native-blueprint/global.css'
+ * in their app entry point.
+ */
 import { PortalHost } from '@rn-primitives/portal';
 import { StatusBar } from 'react-native';
 import { NAV_THEME } from '../lib/theme';

package/lib/typescript/src/app/_layout.d.ts

@@ -1,8 +0,0 @@
-import '../../global.css';
-import type { ReactNode } from 'react';
-interface RootLayoutProps {
-    children: ReactNode;
-}
-export default function RootLayout({ children }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=_layout.d.ts.map

package/lib/typescript/src/app/_layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_layout.d.ts","sourceRoot":"","sources":["../../../../src/app/_layout.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAY/D"}

package/lib/typescript/src/components/theme-config.d.ts

@@ -1,174 +0,0 @@
-/**
- * Comprehensive Dark Theme Configuration
- *
- * This file provides complete theme tokens and utilities for consistent
- * dark mode support across all components in the Blueprint library.
- *
- * Best Practices:
- * - Uses HSL color format for better color manipulation
- * - Provides semantic color tokens (not raw colors)
- * - Maintains proper contrast ratios for accessibility (WCAG AA/AAA)
- * - Consistent with Tailwind CSS conventions
- */
-import type { ColorValue } from 'react-native';
-/**
- * Color tokens for light and dark themes
- * Each token follows the pattern: purpose-variant
- */
-export declare const THEME_COLORS: {
-    readonly light: {
-        readonly background: "hsl(0, 0%, 100%)";
-        readonly foreground: "hsl(0, 0%, 3.9%)";
-        readonly card: "hsl(0, 0%, 100%)";
-        readonly cardForeground: "hsl(0, 0%, 3.9%)";
-        readonly popover: "hsl(0, 0%, 100%)";
-        readonly popoverForeground: "hsl(0, 0%, 3.9%)";
-        readonly primary: "hsl(0, 0%, 9%)";
-        readonly primaryForeground: "hsl(0, 0%, 98%)";
-        readonly secondary: "hsl(0, 0%, 96.1%)";
-        readonly secondaryForeground: "hsl(0, 0%, 9%)";
-        readonly muted: "hsl(0, 0%, 96.1%)";
-        readonly mutedForeground: "hsl(0, 0%, 45.1%)";
-        readonly accent: "hsl(0, 0%, 96.1%)";
-        readonly accentForeground: "hsl(0, 0%, 9%)";
-        readonly destructive: "hsl(0, 84.2%, 60.2%)";
-        readonly destructiveForeground: "hsl(0, 0%, 98%)";
-        readonly border: "hsl(0, 0%, 89.8%)";
-        readonly input: "hsl(0, 0%, 89.8%)";
-        readonly ring: "hsl(0, 0%, 63%)";
-        readonly success: "hsl(142, 76%, 36%)";
-        readonly successForeground: "hsl(0, 0%, 98%)";
-        readonly warning: "hsl(38, 92%, 50%)";
-        readonly warningForeground: "hsl(0, 0%, 9%)";
-        readonly info: "hsl(199, 89%, 48%)";
-        readonly infoForeground: "hsl(0, 0%, 98%)";
-    };
-    readonly dark: {
-        readonly background: "hsl(0, 0%, 3.9%)";
-        readonly foreground: "hsl(0, 0%, 98%)";
-        readonly card: "hsl(0, 0%, 3.9%)";
-        readonly cardForeground: "hsl(0, 0%, 98%)";
-        readonly popover: "hsl(0, 0%, 3.9%)";
-        readonly popoverForeground: "hsl(0, 0%, 98%)";
-        readonly primary: "hsl(0, 0%, 98%)";
-        readonly primaryForeground: "hsl(0, 0%, 9%)";
-        readonly secondary: "hsl(0, 0%, 14.9%)";
-        readonly secondaryForeground: "hsl(0, 0%, 98%)";
-        readonly muted: "hsl(0, 0%, 14.9%)";
-        readonly mutedForeground: "hsl(0, 0%, 63.9%)";
-        readonly accent: "hsl(0, 0%, 14.9%)";
-        readonly accentForeground: "hsl(0, 0%, 98%)";
-        readonly destructive: "hsl(0, 62.8%, 30.6%)";
-        readonly destructiveForeground: "hsl(0, 0%, 98%)";
-        readonly border: "hsl(0, 0%, 14.9%)";
-        readonly input: "hsl(0, 0%, 14.9%)";
-        readonly ring: "hsl(0, 0%, 45%)";
-        readonly success: "hsl(142, 76%, 36%)";
-        readonly successForeground: "hsl(0, 0%, 98%)";
-        readonly warning: "hsl(38, 92%, 50%)";
-        readonly warningForeground: "hsl(0, 0%, 9%)";
-        readonly info: "hsl(199, 89%, 48%)";
-        readonly infoForeground: "hsl(0, 0%, 98%)";
-    };
-};
-/**
- * Convert HSL string to React Native ColorValue
- * Useful for native platform styling where HSL needs to be converted
- */
-export declare function hslToRgb(hsl: string): ColorValue;
-/**
- * Get theme color value based on current theme mode
- * Automatically selects the appropriate color from light/dark theme
- */
-export declare function getThemeColorValue(colorKey: keyof typeof THEME_COLORS.light, isDark: boolean, asRgb?: boolean): ColorValue;
-/**
- * Component-specific dark mode class mappings
- * Use these to ensure consistent styling across all components
- */
-export declare const DARK_MODE_CLASSES: {
-    readonly text: {
-        readonly default: "dark:text-foreground";
-        readonly muted: "dark:text-muted-foreground";
-        readonly primary: "dark:text-primary-foreground";
-        readonly secondary: "dark:text-secondary-foreground";
-        readonly accent: "dark:text-accent-foreground";
-        readonly destructive: "dark:text-destructive-foreground";
-        readonly card: "dark:text-card-foreground";
-    };
-    readonly background: {
-        readonly default: "dark:bg-background";
-        readonly card: "dark:bg-card";
-        readonly primary: "dark:bg-primary";
-        readonly secondary: "dark:bg-secondary";
-        readonly muted: "dark:bg-muted";
-        readonly accent: "dark:bg-accent";
-        readonly destructive: "dark:bg-destructive";
-        readonly popover: "dark:bg-popover";
-    };
-    readonly border: {
-        readonly default: "dark:border-border";
-        readonly input: "dark:border-input";
-        readonly primary: "dark:border-primary";
-        readonly muted: "dark:border-muted";
-        readonly accent: "dark:border-accent";
-        readonly destructive: "dark:border-destructive";
-    };
-    readonly state: {
-        readonly hover: "dark:hover:bg-accent";
-        readonly active: "dark:active:bg-accent";
-        readonly focus: "dark:focus:ring-ring";
-        readonly disabled: "dark:disabled:opacity-50";
-    };
-};
-/**
- * Helper to combine base classes with dark mode classes
- * Ensures consistent application of dark mode styles
- */
-export declare function withDarkMode(baseClass: string, darkClass: string, additionalClasses?: string): string;
-/**
- * Pre-configured class strings for common component patterns
- * Use these for consistent styling across the library
- */
-export declare const THEME_PRESETS: {
-    readonly card: "bg-card text-card-foreground dark:bg-card dark:text-card-foreground border border-border dark:border-border";
-    readonly input: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
-    readonly buttonPrimary: "bg-primary text-primary-foreground dark:bg-primary dark:text-primary-foreground";
-    readonly buttonSecondary: "bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground";
-    readonly buttonOutline: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
-    readonly buttonGhost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground";
-    readonly destructive: "bg-destructive text-destructive-foreground dark:bg-destructive dark:text-destructive-foreground";
-    readonly muted: "bg-muted text-muted-foreground dark:bg-muted dark:text-muted-foreground";
-    readonly popover: "bg-popover text-popover-foreground dark:bg-popover dark:text-popover-foreground border border-border dark:border-border";
-};
-/**
- * Semantic color map for native components
- * Use these for StyleSheet-based styling
- */
-export declare function getNativeThemeColors(isDark: boolean): {
-    background: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    foreground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    card: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    cardForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    primary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    primaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    secondary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    secondaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    muted: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    mutedForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    accent: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    accentForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    destructive: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    destructiveForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    border: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    input: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    ring: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-};
-/**
- * Type-safe theme color keys
- */
-export type ThemeColorKey = keyof typeof THEME_COLORS.light;
-/**
- * Check if a color key exists in the theme
- */
-export declare function isValidThemeColor(key: string): key is ThemeColorKey;
-//# sourceMappingURL=theme-config.d.ts.map

package/lib/typescript/src/components/theme-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGf,CAAC;AAEX;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAuChD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,OAAO,YAAY,CAAC,KAAK,EACzC,MAAM,EAAE,OAAO,EACf,KAAK,UAAQ,GACZ,UAAU,CAKZ;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCpB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,iBAAiB,CAAC,EAAE,MAAM,GACzB,MAAM,CAER;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAmChB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;EAgCnD;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AAE5D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,aAAa,CAEnE"}

package/lib/typescript/src/components/ui/Accordion.d.ts

@@ -1,103 +0,0 @@
-import * as AccordionPrimitive from '@rn-primitives/accordion';
-/**
- * Root accordion container with smooth animations
- *
- * A vertically stacked set of interactive panels where only one or multiple panels can be expanded at a time.
- * Features smooth layout animations using Reanimated for a polished user experience.
- *
- * @component
- * @example
- * ```tsx
- * // Single selection
- * <Accordion type="single" collapsible defaultValue="item-1">
- *   <AccordionItem value="item-1">
- *     <AccordionTrigger>
- *       <Text>Question 1</Text>
- *     </AccordionTrigger>
- *     <AccordionContent>
- *       <Text>Answer 1</Text>
- *     </AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- *
- * // Multiple selection
- * <Accordion type="multiple">
- *   <AccordionItem value="item-1">
- *     <AccordionTrigger><Text>Section 1</Text></AccordionTrigger>
- *     <AccordionContent><Text>Content 1</Text></AccordionContent>
- *   </AccordionItem>
- *   <AccordionItem value="item-2">
- *     <AccordionTrigger><Text>Section 2</Text></AccordionTrigger>
- *     <AccordionContent><Text>Content 2</Text></AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- * ```
- *
- * @accessibility
- * - Implements WAI-ARIA accordion pattern
- * - Keyboard navigation with arrow keys and Enter/Space
- * - Proper ARIA attributes for expanded/collapsed states
- */
-declare function Accordion({ children, ...props }: Omit<AccordionPrimitive.RootProps, 'asChild'> & React.RefAttributes<AccordionPrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
-/**
- * Individual accordion item with border styling
- *
- * Contains a trigger and content section. Each item must have a unique value prop
- * for identification within the parent Accordion.
- *
- * @component
- * @example
- * ```tsx
- * <AccordionItem value="item-1">
- *   <AccordionTrigger>
- *     <Text>Click to expand</Text>
- *   </AccordionTrigger>
- *   <AccordionContent>
- *     <Text>Hidden content revealed on expansion</Text>
- *   </AccordionContent>
- * </AccordionItem>
- * ```
- */
-declare function AccordionItem({ children, className, value, ...props }: AccordionPrimitive.ItemProps & React.RefAttributes<AccordionPrimitive.ItemRef>): import("react/jsx-runtime").JSX.Element;
-/**
- * Clickable trigger button that toggles accordion item expansion
- *
- * Features an animated chevron icon that rotates based on expansion state.
- * Automatically manages focus states and hover effects on web.
- *
- * @component
- * @example
- * ```tsx
- * <AccordionTrigger>
- *   <Text>Click to toggle</Text>
- * </AccordionTrigger>
- * ```
- *
- * @accessibility
- * - Automatically includes chevron icon for visual expansion indicator
- * - Focus visible states for keyboard navigation on web
- * - Disabled state prevents interaction
- */
-declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.TriggerProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<AccordionPrimitive.TriggerRef>): import("react/jsx-runtime").JSX.Element;
-/**
- * Collapsible content container with smooth animations
- *
- * Automatically animates height changes when expanding/collapsing. Uses platform-specific
- * animations (CSS transitions on web, Reanimated on native).
- *
- * @component
- * @example
- * ```tsx
- * <AccordionContent>
- *   <Text>This content slides in and out smoothly</Text>
- *   <View className="mt-2">
- *     <Text>Additional content here</Text>
- *   </View>
- * </AccordionContent>
- * ```
- */
-declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.ContentProps & React.RefAttributes<AccordionPrimitive.ContentRef>): import("react/jsx-runtime").JSX.Element;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
-//# sourceMappingURL=Accordion.d.ts.map

package/lib/typescript/src/components/ui/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAmB/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,GAC9C,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,2CAahD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,SAAS,GAC7B,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,2CAoBhD;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,2CAqDrD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAChC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,2CAsBnD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}