@metacells/mcellui-mcp-server 0.1.5 → 0.1.6

package/dist/index.js

@@ -576,7 +576,7 @@ Your component should follow this structure:
 \`\`\`tsx
 import React${withForwardRef ? ", { forwardRef }" : ""} from 'react';
 import { View, Text, StyleSheet } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface ${pascalName}Props {
   // Define your props here
@@ -752,7 +752,7 @@ function App() {
 
 \`\`\`typescript
 // nativeui.config.ts
-import { defineConfig } from '@nativeui/core';
+import { defineConfig } from '@metacells/mcellui-core';
 
 export default defineConfig({
   // Theme preset
@@ -865,7 +865,7 @@ Check \`tsconfig.json\`:
 
 - [ ] \`nativeui.config.ts\` exists
 - [ ] \`components/ui/\` directory exists
-- [ ] \`@nativeui/core\` installed
+- [ ] \`@metacells/mcellui-core\` installed
 - [ ] \`react-native-reanimated\` installed
 - [ ] \`react-native-gesture-handler\` installed
 - [ ] Babel plugin configured
@@ -1262,7 +1262,7 @@ Best practices for building React Native components with nativeui.
 \`\`\`tsx
 import React from 'react';
 import { View, StyleSheet, type ViewProps } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface MyComponentProps extends ViewProps {
   variant?: 'default' | 'outlined';
@@ -1534,7 +1534,7 @@ export default defineConfig({
 ## Accessing Theme in Components
 
 \`\`\`tsx
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 function MyComponent() {
   const { colors, spacing, radius, typography } = useTheme();
@@ -1636,7 +1636,7 @@ const radius = {
 nativeui automatically handles dark mode:
 
 \`\`\`tsx
-import { ThemeProvider } from '@nativeui/core';
+import { ThemeProvider } from '@metacells/mcellui-core';
 
 export default function App() {
   return (
@@ -1657,7 +1657,7 @@ Options:
 To extend or override colors, modify the theme in your provider:
 
 \`\`\`tsx
-import { ThemeProvider } from '@nativeui/core';
+import { ThemeProvider } from '@metacells/mcellui-core';
 
 const customColors = {
   brand: '#FF6B00',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metacells/mcellui-mcp-server",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "MCP server for mcellui - AI assistant integration for React Native development",
   "author": "metacells",
   "license": "MIT",

package/registry/ui/accordion.tsx

@@ -41,8 +41,8 @@ import Animated, {
   Extrapolation,
 } from 'react-native-reanimated';
 import Svg, { Path } from 'react-native-svg';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 // Smooth spring config for natural feel
 const SPRING_CONFIG = {

package/registry/ui/action-sheet.tsx

@@ -53,7 +53,7 @@ import Animated, {
   Easing,
 } from 'react-native-reanimated';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const { height: SCREEN_HEIGHT } = Dimensions.get('window');
 

package/registry/ui/alert-dialog.tsx

@@ -45,8 +45,8 @@ import Animated, {
   runOnJS,
   interpolate,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH } = Dimensions.get('window');
 

package/registry/ui/avatar-stack.tsx

@@ -38,7 +38,7 @@ import {
   ViewStyle,
   ImageSourcePropType,
 } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 // ─────────────────────────────────────────────────────────────────────────────
 // Types

package/registry/ui/avatar.tsx

@@ -21,7 +21,7 @@ import {
   StyleSheet,
   ViewStyle,
 } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 

package/registry/ui/badge.tsx

@@ -15,7 +15,7 @@
 
 import React from 'react';
 import { View, Text, StyleSheet, ViewStyle, TextStyle } from 'react-native';
-import { useTheme, ThemeColors } from '@nativeui/core';
+import { useTheme, ThemeColors } from '@metacells/mcellui-core';
 
 export type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline';
 export type BadgeSize = 'sm' | 'md' | 'lg';

package/registry/ui/button.tsx

@@ -29,8 +29,8 @@ import Animated, {
   useAnimatedStyle,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, BUTTON_CONSTANTS, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, BUTTON_CONSTANTS, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/card.tsx

@@ -48,7 +48,7 @@ import Animated, {
   useAnimatedStyle,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/carousel.tsx

@@ -50,7 +50,7 @@ import Animated, {
   Extrapolation,
   SharedValue,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH } = Dimensions.get('window');
 

package/registry/ui/checkbox.tsx

@@ -31,8 +31,8 @@ import Animated, {
   Extrapolation,
 } from 'react-native-reanimated';
 import Svg, { Path } from 'react-native-svg';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedSvg = Animated.createAnimatedComponent(Svg);
 

package/registry/ui/chip.tsx

@@ -46,7 +46,7 @@ import Animated, {
   withSpring,
   interpolateColor,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/column.tsx

@@ -21,7 +21,7 @@
 
 import React, { forwardRef } from 'react';
 import { View, ViewProps, ViewStyle } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 // Semantic gap values
 type GapSemantic = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';

package/registry/ui/datetime-picker.tsx

@@ -59,7 +59,7 @@ import Animated, {
   runOnJS,
 } from 'react-native-reanimated';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 // Try to import native picker - may fail in Expo Go
 let DateTimePickerNative: typeof import('@react-native-community/datetimepicker').default | null = null;

package/registry/ui/dialog.tsx

@@ -46,7 +46,7 @@ import Animated, {
   runOnJS,
   interpolate,
 } from 'react-native-reanimated';
-import { useTheme, DIALOG_CONSTANTS, areAnimationsDisabled } from '@nativeui/core';
+import { useTheme, DIALOG_CONSTANTS, areAnimationsDisabled } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH } = Dimensions.get('window');
 

package/registry/ui/fab.tsx

@@ -41,7 +41,7 @@ import Animated, {
   useSharedValue,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/form.tsx

@@ -72,7 +72,7 @@ import {
   ControllerFieldState,
   UseFormStateReturn,
 } from 'react-hook-form';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 // ============================================================================
 // Form Context

package/registry/ui/horizontal-list.tsx

@@ -36,7 +36,7 @@ import {
   LayoutChangeEvent,
   Dimensions,
 } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH } = Dimensions.get('window');
 

package/registry/ui/icon-button.tsx

@@ -33,8 +33,8 @@ import Animated, {
   useAnimatedStyle,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/image-gallery.tsx

@@ -62,7 +62,7 @@ import {
   GestureDetector,
   GestureHandlerRootView,
 } from 'react-native-gesture-handler';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
 

package/registry/ui/image.tsx

@@ -46,7 +46,7 @@ import Animated, {
   Easing,
 } from 'react-native-reanimated';
 import Svg, { Path, Rect } from 'react-native-svg';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 const AnimatedImage = Animated.createAnimatedComponent(RNImage);
 

package/registry/ui/input.tsx

@@ -28,8 +28,8 @@ import Animated, {
   withTiming,
   interpolateColor,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
 

package/registry/ui/label.tsx

@@ -20,7 +20,7 @@ import {
   TextStyle,
   TextProps,
 } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export type LabelSize = 'sm' | 'md' | 'lg';
 

package/registry/ui/list.tsx

@@ -49,8 +49,8 @@ import Animated, {
   withSpring,
 } from 'react-native-reanimated';
 import Svg, { Path } from 'react-native-svg';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/progress.tsx

@@ -23,7 +23,7 @@ import Animated, {
   withSequence,
   Easing,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
 
 export type ProgressSize = 'sm' | 'md' | 'lg';
 export type ProgressColor = 'default' | 'primary' | 'success' | 'warning' | 'destructive';

package/registry/ui/pull-to-refresh.tsx

@@ -38,7 +38,7 @@ import Animated, {
   Easing,
   cancelAnimation,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
 
 export interface PullToRefreshProps {
   /** Whether currently refreshing */

package/registry/ui/radio-group.tsx

@@ -33,8 +33,8 @@ import Animated, {
   interpolateColor,
   Extrapolation,
 } from 'react-native-reanimated';
-import { useTheme, ThemeColors, springs as themeSpringPresets } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, ThemeColors, springs as themeSpringPresets } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 // Context for sharing state between RadioGroup and RadioGroupItem
 interface RadioGroupContextValue {

package/registry/ui/rating.tsx

@@ -38,7 +38,7 @@ import Animated, {
   withSequence,
   withTiming,
 } from 'react-native-reanimated';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/row.tsx

@@ -19,7 +19,7 @@
 
 import React, { forwardRef } from 'react';
 import { View, ViewProps, ViewStyle } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 // Semantic gap values
 type GapSemantic = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';

package/registry/ui/screen.tsx

@@ -32,7 +32,7 @@ import {
   StyleSheet,
 } from 'react-native';
 import { useSafeAreaInsets, Edge } from 'react-native-safe-area-context';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export type ScreenVariant = 'default' | 'surface' | 'muted';
 

package/registry/ui/search-input.tsx

@@ -47,8 +47,8 @@ import Animated, {
   interpolate,
 } from 'react-native-reanimated';
 import Svg, { Path, Circle } from 'react-native-svg';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 // ─────────────────────────────────────────────────────────────────────────────
 // Types

package/registry/ui/section-header.tsx

@@ -47,8 +47,8 @@ import Animated, {
   withSpring,
 } from 'react-native-reanimated';
 import Svg, { Path } from 'react-native-svg';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/segmented-control.tsx

@@ -36,8 +36,8 @@ import Animated, {
   useAnimatedStyle,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 export type SegmentedControlSize = 'sm' | 'md' | 'lg';
 

package/registry/ui/select.tsx

@@ -39,8 +39,8 @@ import Animated, {
   interpolateColor,
   Easing,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const TIMING_CONFIG = { duration: 200, easing: Easing.out(Easing.quad) };
 import {

package/registry/ui/separator.tsx

@@ -20,7 +20,7 @@ import {
   ViewStyle,
   ViewProps,
 } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export type SeparatorOrientation = 'horizontal' | 'vertical';
 

package/registry/ui/sheet.tsx

@@ -47,7 +47,7 @@ import {
   GestureDetector,
   GestureHandlerRootView,
 } from 'react-native-gesture-handler';
-import { useTheme, SHEET_CONSTANTS, areAnimationsDisabled } from '@nativeui/core';
+import { useTheme, SHEET_CONSTANTS, areAnimationsDisabled } from '@metacells/mcellui-core';
 
 const { height: SCREEN_HEIGHT } = Dimensions.get('window');
 

package/registry/ui/skeleton.tsx

@@ -22,7 +22,7 @@ import Animated, {
   interpolate,
   Easing,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
 
 export type SkeletonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
 

package/registry/ui/slider.tsx

@@ -33,8 +33,8 @@ import {
   Gesture,
   GestureDetector,
 } from 'react-native-gesture-handler';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 export type SliderSize = 'sm' | 'md' | 'lg';
 

package/registry/ui/spinner.tsx

@@ -21,7 +21,7 @@ import {
   ViewStyle,
   ActivityIndicatorProps,
 } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export type SpinnerSize = 'sm' | 'md' | 'lg';
 export type SpinnerColor = 'default' | 'primary' | 'secondary' | 'muted';

package/registry/ui/stepper.tsx

@@ -28,8 +28,8 @@ import Animated, {
   useAnimatedStyle,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/stories.tsx

@@ -50,7 +50,7 @@ import Animated, {
   Easing,
 } from 'react-native-reanimated';
 import { LinearGradient } from 'expo-linear-gradient';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 

package/registry/ui/swipeable-row.tsx

@@ -48,8 +48,8 @@ import {
   Gesture,
   GestureDetector,
 } from 'react-native-gesture-handler';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const SCREEN_WIDTH = Dimensions.get('window').width;
 const ACTION_WIDTH = 80;

package/registry/ui/switch.tsx

@@ -31,8 +31,8 @@ import Animated, {
   interpolateColor,
   Extrapolation,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 export type SwitchSize = 'sm' | 'md' | 'lg';
 

package/registry/ui/tabs.tsx

@@ -57,8 +57,8 @@ import Animated, {
   useAnimatedStyle,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 // Context
 interface TabsContextValue {

package/registry/ui/textarea.tsx

@@ -31,8 +31,8 @@ import Animated, {
   interpolateColor,
   Easing,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const TIMING_CONFIG = { duration: 200, easing: Easing.out(Easing.quad) };
 

package/registry/ui/toast.tsx

@@ -49,8 +49,8 @@ import Animated, {
   Layout,
 } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme, TOAST_CONSTANTS, areAnimationsDisabled } from '@nativeui/core';
-import { haptic } from '@nativeui/core';
+import { useTheme, TOAST_CONSTANTS, areAnimationsDisabled } from '@metacells/mcellui-core';
+import { haptic } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH } = Dimensions.get('window');
 

package/registry/ui/tooltip.tsx

@@ -39,7 +39,7 @@ import Animated, {
   withTiming,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme, haptic } from '@nativeui/core';
+import { useTheme, haptic } from '@metacells/mcellui-core';
 
 const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');