@idealyst/components 1.0.0 → 1.0.2

package/package.json

@@ -1,107 +1,106 @@
-{
-  "name": "@idealyst/components",
-  "version": "1.0.0",
-  "description": "Shared component library for React and React Native",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
-  "react-native": "src/index.native.ts",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/your-username/idealyst-framework.git",
-    "directory": "packages/components"
-  },
-  "author": "Your Name <your.email@example.com>",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "exports": {
-    ".": {
-      "react-native": "./src/index.native.ts",
-      "import": "./src/index.ts",
-      "require": "./src/index.ts",
-      "types": "./src/index.ts"
-    },
-    "./plugin/web": {
-      "import": "./plugin/web.js",
-      "require": "./plugin/web.js",
-      "types": "./plugin/web.d.ts"
-    },
-    "./examples": {
-      "import": "./src/examples/index.ts",
-      "require": "./src/examples/index.ts",
-      "types": "./src/examples/index.ts"
-    },
-    "./src/unistyles": {
-      "import": "./src/unistyles.ts",
-      "require": "./src/unistyles.ts",
-      "types": "./src/unistyles.ts"
-    },
-    "./src/theme": {
-      "import": "./src/theme/index.ts",
-      "require": "./src/theme/index.ts",
-      "types": "./src/theme/index.ts"
-    }
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "prepublishOnly": "echo 'Publishing TypeScript source directly'",
-    "publish:npm": "npm publish"
-  },
-  "peerDependencies": {
-    "@mdi/js": "^7.4.47",
-    "@mdi/react": "^1.6.1",
-    "@react-native-vector-icons/common": "^12.0.1",
-    "@react-native-vector-icons/material-design-icons": "^12.0.1",
-    "@react-native/normalize-colors": "*",
-    "react": ">=16.8.0",
-    "react-native": ">=0.60.0",
-    "react-native-edge-to-edge": "*",
-    "react-native-nitro-modules": "*",
-    "react-native-unistyles": "3.0.0-rc.5"
-  },
-  "peerDependenciesMeta": {
-    "@mdi/js": {
-      "optional": true
-    },
-    "@mdi/react": {
-      "optional": true
-    },
-    "@react-native/normalize-colors": {
-      "optional": true
-    },
-    "react-native": {
-      "optional": true
-    },
-    "react-native-edge-to-edge": {
-      "optional": true
-    },
-    "react-native-nitro-modules": {
-      "optional": true
-    },
-    "react-native-unistyles": {
-      "optional": true
-    },
-    "react-native-vector-icons": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@types/react": "^19.1.0",
-    "rollup": "^3.20.0",
-    "rollup-plugin-typescript2": "^0.34.0",
-    "typescript": "^5.0.0"
-  },
-  "files": [
-    "src",
-    "plugin"
-  ],
-  "keywords": [
-    "react",
-    "react-native",
-    "components",
-    "cross-platform"
-  ]
-}
+{
+  "name": "@idealyst/components",
+  "version": "1.0.2",
+  "description": "Shared component library for React and React Native",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "react-native": "src/index.native.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/idealyst-framework.git",
+    "directory": "packages/components"
+  },
+  "author": "Your Name <your.email@example.com>",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "react-native": "./src/index.native.ts",
+      "import": "./src/index.ts",
+      "require": "./src/index.ts",
+      "types": "./src/index.ts"
+    },
+    "./plugin/web": {
+      "import": "./plugin/web.js",
+      "require": "./plugin/web.js",
+      "types": "./plugin/web.d.ts"
+    },
+    "./examples": {
+      "import": "./src/examples/index.ts",
+      "require": "./src/examples/index.ts",
+      "types": "./src/examples/index.ts"
+    },
+    "./src/unistyles": {
+      "import": "./src/unistyles.ts",
+      "require": "./src/unistyles.ts",
+      "types": "./src/unistyles.ts"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "prepublishOnly": "echo 'Publishing TypeScript source directly'",
+    "publish:npm": "npm publish"
+  },
+  "peerDependencies": {
+    "@idealyst/theme": "workspace:^1.0.2",
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
+    "@react-native-vector-icons/common": "^12.0.1",
+    "@react-native-vector-icons/material-design-icons": "^12.0.1",
+    "@react-native/normalize-colors": "*",
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0",
+    "react-native-edge-to-edge": "*",
+    "react-native-nitro-modules": "*",
+    "react-native-unistyles": "^3.0.4"
+  },
+  "peerDependenciesMeta": {
+    "@idealyst/theme": {
+      "optional": true
+    },
+    "@mdi/js": {
+      "optional": true
+    },
+    "@mdi/react": {
+      "optional": true
+    },
+    "@react-native/normalize-colors": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-edge-to-edge": {
+      "optional": true
+    },
+    "react-native-nitro-modules": {
+      "optional": true
+    },
+    "react-native-unistyles": {
+      "optional": true
+    },
+    "react-native-vector-icons": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "rollup": "^3.20.0",
+    "rollup-plugin-typescript2": "^0.34.0",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "src",
+    "plugin"
+  ],
+  "keywords": [
+    "react",
+    "react-native",
+    "components",
+    "cross-platform"
+  ]
+}

package/src/Button/index.native.ts

@@ -1,3 +1,3 @@
-// React Native-specific Button export
-export { default } from './Button.native';
+// React Native-specific Button export
+export { default } from './Button.native';
 export * from './types'; 

package/src/Button/index.web.ts

@@ -1,3 +1,3 @@
-// Web-specific Button export
-export { default } from './Button.web';
+// Web-specific Button export
+export { default } from './Button.web';
 export * from './types'; 

package/src/Input/index.native.ts

@@ -1,3 +1,3 @@
-// React Native-specific Input export
-export { default } from './Input.native';
+// React Native-specific Input export
+export { default } from './Input.native';
 export * from './types'; 

package/src/Input/index.ts

@@ -1,5 +1,5 @@
-// Platform-agnostic Input export
-// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
-// This file serves as fallback for web environments
-export { default } from './Input.web';
+// Platform-agnostic Input export
+// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
+// This file serves as fallback for web environments
+export { default } from './Input.web';
 export * from './types'; 

package/src/Input/index.web.ts

@@ -1,3 +1,3 @@
-// Web-specific Input export
-export { default } from './Input.web';
+// Web-specific Input export
+export { default } from './Input.web';
 export * from './types'; 

package/src/Input/types.ts

@@ -1,69 +1,69 @@
-import type { IntentVariant } from '../theme/variants';
-
-export interface InputProps {
-  /**
-   * The current value of the input
-   */
-  value?: string;
-  
-  /**
-   * Called when the text changes
-   */
-  onChangeText?: (text: string) => void;
-  
-  /**
-   * Placeholder text
-   */
-  placeholder?: string;
-  
-  /**
-   * Whether the input is disabled
-   */
-  disabled?: boolean;
-  
-  /**
-   * The type of input (affects keyboard type on mobile)
-   */
-  inputType?: 'text' | 'email' | 'password' | 'number';
-  
-  /**
-   * Whether to show the password
-   */
-  secureTextEntry?: boolean;
-  
-  /**
-   * Auto-capitalization behavior
-   */
-  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
-  
-  /**
-   * Size variant of the input
-   */
-  size?: 'small' | 'medium' | 'large';
-  
-  /**
-   * Style variant of the input
-   */
-  variant?: 'default' | 'outlined' | 'filled';
-  
-  /**
-   * The intent/color scheme of the input (for focus states, validation, etc.)
-   */
-  intent?: IntentVariant;
-  
-  /**
-   * Whether the input has an error state
-   * @deprecated Use intent="error" instead
-   */
-  hasError?: boolean;
-  
-  /**
-   * Additional styles (platform-specific)
-   */
-  style?: any;
-  
-  /**
-   * Test ID for testing
-   */
-  testID?: string;
+import type { IntentVariant } from '../theme/variants';
+
+export interface InputProps {
+  /**
+   * The current value of the input
+   */
+  value?: string;
+  
+  /**
+   * Called when the text changes
+   */
+  onChangeText?: (text: string) => void;
+  
+  /**
+   * Placeholder text
+   */
+  placeholder?: string;
+  
+  /**
+   * Whether the input is disabled
+   */
+  disabled?: boolean;
+  
+  /**
+   * The type of input (affects keyboard type on mobile)
+   */
+  inputType?: 'text' | 'email' | 'password' | 'number';
+  
+  /**
+   * Whether to show the password
+   */
+  secureTextEntry?: boolean;
+  
+  /**
+   * Auto-capitalization behavior
+   */
+  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+  
+  /**
+   * Size variant of the input
+   */
+  size?: 'small' | 'medium' | 'large';
+  
+  /**
+   * Style variant of the input
+   */
+  variant?: 'default' | 'outlined' | 'filled';
+  
+  /**
+   * The intent/color scheme of the input (for focus states, validation, etc.)
+   */
+  intent?: IntentVariant;
+  
+  /**
+   * Whether the input has an error state
+   * @deprecated Use intent="error" instead
+   */
+  hasError?: boolean;
+  
+  /**
+   * Additional styles (platform-specific)
+   */
+  style?: any;
+  
+  /**
+   * Test ID for testing
+   */
+  testID?: string;
 } 

package/src/Text/index.native.ts

@@ -1,3 +1,3 @@
-// React Native-specific Text export
-export { default } from './Text.native';
+// React Native-specific Text export
+export { default } from './Text.native';
 export * from './types'; 

package/src/Text/index.ts

@@ -1,5 +1,5 @@
-// Platform-agnostic Text export
-// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
-// This file serves as fallback for web environments
-export { default } from './Text.web';
+// Platform-agnostic Text export
+// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
+// This file serves as fallback for web environments
+export { default } from './Text.web';
 export * from './types'; 

package/src/Text/index.web.ts

@@ -1,3 +1,3 @@
-// Web-specific Text export
-export { default } from './Text.web';
+// Web-specific Text export
+export { default } from './Text.web';
 export * from './types'; 

package/src/View/index.native.ts

@@ -1,3 +1,3 @@
-// React Native-specific View export
-export { default } from './View.native';
+// React Native-specific View export
+export { default } from './View.native';
 export * from './types'; 

package/src/View/index.ts

@@ -1,5 +1,5 @@
-// Platform-agnostic View export
-// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
-// This file serves as fallback for web environments
-export { default } from './View.web';
+// Platform-agnostic View export
+// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
+// This file serves as fallback for web environments
+export { default } from './View.web';
 export * from './types'; 

package/src/View/index.web.ts

@@ -1,3 +1,3 @@
-// Web-specific View export
-export { default } from './View.web';
+// Web-specific View export
+export { default } from './View.web';
 export * from './types'; 

package/src/View/types.ts

@@ -1,73 +1,73 @@
-import { ReactNode } from 'react';
-
-export interface ViewProps {
-  /**
-   * The content to display inside the view
-   */
-  children?: ReactNode;
-  
-  /**
-   * Padding variant
-   */
-  spacing?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /**
-   * Margin variant
-   */
-  marginVariant?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /**
-   * Background variant
-   */
-  background?: 'transparent' | 'surface' | 'primary' | 'secondary';
-  
-  /**
-   * Border radius variant
-   */
-  radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /**
-   * Border variant
-   */
-  border?: 'none' | 'thin' | 'thick';
-  
-  /**
-   * Custom background color (overrides background variant)
-   */
-  backgroundColor?: string;
-  
-  /**
-   * Custom padding (overrides spacing variant)
-   */
-  padding?: number;
-  
-  /**
-   * Custom margin (overrides marginVariant)
-   */
-  margin?: number;
-  
-  /**
-   * Custom border radius (overrides radius variant)
-   */
-  borderRadius?: number;
-  
-  /**
-   * Custom border width (overrides border variant)
-   */
-  borderWidth?: number;
-  
-  /**
-   * Custom border color
-   */
-  borderColor?: string;
-  
-  /**
-   * Additional styles (platform-specific)
-   */
-  style?: any;
-  
-  /**
-   * Test ID for testing
-   */
-  testID?: string;
+import { ReactNode } from 'react';
+
+export interface ViewProps {
+  /**
+   * The content to display inside the view
+   */
+  children?: ReactNode;
+  
+  /**
+   * Padding variant
+   */
+  spacing?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  
+  /**
+   * Margin variant
+   */
+  marginVariant?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  
+  /**
+   * Background variant
+   */
+  background?: 'transparent' | 'surface' | 'primary' | 'secondary';
+  
+  /**
+   * Border radius variant
+   */
+  radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  
+  /**
+   * Border variant
+   */
+  border?: 'none' | 'thin' | 'thick';
+  
+  /**
+   * Custom background color (overrides background variant)
+   */
+  backgroundColor?: string;
+  
+  /**
+   * Custom padding (overrides spacing variant)
+   */
+  padding?: number;
+  
+  /**
+   * Custom margin (overrides marginVariant)
+   */
+  margin?: number;
+  
+  /**
+   * Custom border radius (overrides radius variant)
+   */
+  borderRadius?: number;
+  
+  /**
+   * Custom border width (overrides border variant)
+   */
+  borderWidth?: number;
+  
+  /**
+   * Custom border color
+   */
+  borderColor?: string;
+  
+  /**
+   * Additional styles (platform-specific)
+   */
+  style?: any;
+  
+  /**
+   * Test ID for testing
+   */
+  testID?: string;
 } 

package/src/examples/extendedTheme.ts

@@ -1,15 +1,13 @@
 import { 
   createTheme, 
-  type ThemeConfig 
-} from '../theme/themeBuilder';
-import { 
+  type ThemeConfig,
   createStandardPalettes, 
   createDarkPalettes, 
   createLightIntentMappings, 
   createDarkIntentMappings, 
   createLightColorMappings, 
   createDarkColorMappings
-} from '../theme/defaultThemes';
+} from '@idealyst/theme';
 
 // Extended color palettes - includes all base colors plus additional ones
 export const extendedColorPalettes = {

package/src/index.ts

@@ -44,5 +44,5 @@ export type { AvatarProps } from './Avatar/types';
 export type { ScreenProps } from './Screen/types';
 export type { IconProps } from './Icon/types';
 
-export { breakpoints } from './theme';
-export type { AppTheme } from './theme';   
+export { breakpoints } from '@idealyst/theme';
+export type { AppTheme } from '@idealyst/theme';   

package/src/unistyles.ts

@@ -1,7 +1,6 @@
 import { StyleSheet } from 'react-native-unistyles';
-import { defaultLightTheme, defaultDarkTheme } from './theme/defaultThemes';
+import { defaultLightTheme, defaultDarkTheme, breakpoints } from '@idealyst/theme';
 import { extendedThemes } from './examples/extendedTheme';
-import { breakpoints } from './theme/breakpoints';
 
 // Use the extended themes instead of default themes
 export const lightTheme = extendedThemes.light;