@idealyst/navigation 1.0.0 → 1.0.1

package/package.json

@@ -1,76 +1,75 @@
-{
-  "name": "@idealyst/navigation",
-  "version": "1.0.0",
-  "description": "Cross-platform navigation library for React and React Native",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/your-username/idealyst-framework.git",
-    "directory": "packages/navigation"
-  },
-  "author": "Nicholas Mercier <nicho.mercier@gmail.com>",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "exports": {
-    ".": {
-      "import": "./src/index.ts",
-      "require": "./src/index.ts",
-      "types": "./src/index.ts"
-    },
-    "./examples": {
-      "import": "./src/examples/index.ts",
-      "require": "./src/examples/index.ts",
-      "types": "./src/examples/index.ts"
-    },
-    "./examples/unistyles": {
-      "import": "./src/examples/unistyles.ts",
-      "require": "./src/examples/unistyles.ts",
-      "types": "./src/examples/unistyles.ts"
-    }
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "prepublishOnly": "echo 'Publishing TypeScript source directly'",
-    "publish:npm": "npm publish"
-  },
-  "dependencies": {
-    "@idealyst/components": "^1.0.0"
-  },
-  "peerDependencies": {
-    "@react-navigation/bottom-tabs": "^7.0.0",
-    "@react-navigation/drawer": "^7.0.0",
-    "@react-navigation/native": "^7.0.0",
-    "@react-navigation/native-stack": "^7.0.0",
-    "react": ">=16.8.0",
-    "react-native": ">=0.60.0",
-    "react-native-gesture-handler": "*",
-    "react-native-reanimated": "*",
-    "react-native-safe-area-context": "*",
-    "react-native-screens": "*",
-    "react-native-unistyles": "3.0.0-rc.5",
-    "react-router": "^7.6.3",
-    "react-router-dom": "^7.6.3"
-  },
-  "devDependencies": {
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "rollup": "^3.20.0",
-    "rollup-plugin-typescript2": "^0.34.0",
-    "typescript": "^5.0.0"
-  },
-  "files": [
-    "src"
-  ],
-  "keywords": [
-    "react",
-    "react-native",
-    "navigation",
-    "cross-platform",
-    "router"
-  ]
-}
+{
+  "name": "@idealyst/navigation",
+  "version": "1.0.1",
+  "description": "Cross-platform navigation library for React and React Native",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/idealyst-framework.git",
+    "directory": "packages/navigation"
+  },
+  "author": "Nicholas Mercier <nicho.mercier@gmail.com>",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./src/index.ts",
+      "require": "./src/index.ts",
+      "types": "./src/index.ts"
+    },
+    "./examples": {
+      "import": "./src/examples/index.ts",
+      "require": "./src/examples/index.ts",
+      "types": "./src/examples/index.ts"
+    },
+    "./examples/unistyles": {
+      "import": "./src/examples/unistyles.ts",
+      "require": "./src/examples/unistyles.ts",
+      "types": "./src/examples/unistyles.ts"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "prepublishOnly": "echo 'Publishing TypeScript source directly'",
+    "publish:npm": "npm publish"
+  },
+  "peerDependencies": {
+    "@idealyst/components": "workspace:^1.0.1",
+    "@idealyst/theme": "workspace:^1.0.1",
+    "@react-navigation/bottom-tabs": "^7.0.0",
+    "@react-navigation/drawer": "^7.0.0",
+    "@react-navigation/native": "^7.0.0",
+    "@react-navigation/native-stack": "^7.0.0",
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0",
+    "react-native-gesture-handler": "*",
+    "react-native-reanimated": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-screens": "*",
+    "react-native-unistyles": "3.0.0-rc.5",
+    "react-router": "^7.6.3",
+    "react-router-dom": "^7.6.3"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "rollup": "^3.20.0",
+    "rollup-plugin-typescript2": "^0.34.0",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "src"
+  ],
+  "keywords": [
+    "react",
+    "react-native",
+    "navigation",
+    "cross-platform",
+    "router"
+  ]
+}

package/src/examples/highContrastThemes.ts

@@ -1,7 +1,6 @@
 import { 
   createTheme, 
-  type ThemeConfig,
-} from '@idealyst/components/src/theme';
+} from '@idealyst/theme';
 
 // High contrast color palettes - designed for maximum accessibility
 export const highContrastLightPalettes = {

package/src/examples/unistyles.ts

@@ -1,4 +1,4 @@
-import { breakpoints, extendedThemes } from '@idealyst/components/src/theme';
+import { breakpoints, defaultLightTheme, defaultDarkTheme } from '@idealyst/theme';
 import { highContrastThemes } from './highContrastThemes';
 import { StyleSheet } from 'react-native-unistyles';
 
@@ -6,8 +6,8 @@ import { StyleSheet } from 'react-native-unistyles';
 // This overrides the more limited declaration from the components package
 declare module 'react-native-unistyles' {
   export interface UnistylesThemes {
-    light: typeof extendedThemes.light;
-    dark: typeof extendedThemes.dark;
+    light: typeof defaultLightTheme;
+    dark: typeof defaultDarkTheme;
     lightHighContrast: typeof highContrastThemes.lightHighContrast;
     darkHighContrast: typeof highContrastThemes.darkHighContrast;
   }
@@ -17,8 +17,8 @@ declare module 'react-native-unistyles' {
 // This will override any previous configuration
 StyleSheet.configure({
   themes: {
-    light: extendedThemes.light,
-    dark: extendedThemes.dark,
+    light: defaultLightTheme,
+    dark: defaultDarkTheme,
     lightHighContrast: highContrastThemes.lightHighContrast,
     darkHighContrast: highContrastThemes.darkHighContrast,
   },

package/src/layouts/GeneralLayout/README.md

@@ -1,171 +0,0 @@
-# GeneralLayout
-
-A flexible layout component that provides a sidebar and header for web applications using the @idealyst/components library.
-
-## Features
-
-- **Collapsible Sidebar**: Expandable and collapsible sidebar with smooth animations
-- **Configurable Header**: Optional header with customizable content and height
-- **Responsive Design**: Adapts to different screen sizes
-- **Theme Integration**: Uses @idealyst/components theme system
-- **Flexible Configuration**: Both sidebar and header can be disabled
-
-## Usage
-
-```tsx
-import { GeneralLayout } from '@idealyst/navigation';
-import { View, Text } from '@idealyst/components';
-
-function App() {
-  return (
-    <GeneralLayout
-      header={{
-        enabled: true,
-        height: 64,
-        content: <Text>My Header Content</Text>,
-      }}
-      sidebar={{
-        enabled: true,
-        initiallyExpanded: true,
-        expandedWidth: 280,
-        collapsedWidth: 60,
-        collapsible: true,
-        position: 'left',
-        content: <Text>My Sidebar Content</Text>,
-      }}
-    >
-      <View>
-        <Text>Main content goes here</Text>
-      </View>
-    </GeneralLayout>
-  );
-}
-```
-
-## Props
-
-### GeneralLayoutProps
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `children` | `ReactNode` | - | The main content to display |
-| `sidebar` | `SidebarConfig` | `{}` | Sidebar configuration object |
-| `header` | `HeaderConfig` | `{}` | Header configuration object |
-| `style` | `any` | - | Additional styles for the layout container |
-| `testID` | `string` | - | Test ID for testing |
-
-### SidebarConfig
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `enabled` | `boolean` | `true` | Whether the sidebar is enabled |
-| `initiallyExpanded` | `boolean` | `true` | Whether the sidebar is initially expanded |
-| `expandedWidth` | `number` | `280` | Width of the sidebar when expanded (px) |
-| `collapsedWidth` | `number` | `60` | Width of the sidebar when collapsed (px) |
-| `collapsible` | `boolean` | `true` | Whether the sidebar can be collapsed |
-| `position` | `'left' \| 'right'` | `'left'` | Position of the sidebar |
-| `content` | `ReactNode` | - | Content to display in the sidebar |
-| `style` | `any` | - | Custom styles for the sidebar |
-
-### HeaderConfig
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `enabled` | `boolean` | `true` | Whether the header is enabled |
-| `height` | `number` | `64` | Height of the header (px) |
-| `content` | `ReactNode` | - | Content to display in the header |
-| `style` | `any` | - | Custom styles for the header |
-
-## Examples
-
-### Basic Layout with Header and Sidebar
-
-```tsx
-<GeneralLayout
-  header={{
-    content: <Text>My App</Text>,
-  }}
-  sidebar={{
-    content: (
-      <View>
-        <Text>Home</Text>
-        <Text>About</Text>
-      </View>
-    ),
-  }}
->
-  <View>
-    <Text>Main content</Text>
-  </View>
-</GeneralLayout>
-```
-
-### Layout with Disabled Header
-
-```tsx
-<GeneralLayout
-  header={{ enabled: false }}
-  sidebar={{
-    content: <Text>Navigation items</Text>,
-  }}
->
-  <View>
-    <Text>Main content</Text>
-  </View>
-</GeneralLayout>
-```
-
-### Layout with Right Sidebar
-
-```tsx
-<GeneralLayout
-  sidebar={{
-    position: 'right',
-    content: <Text>Right sidebar content</Text>,
-  }}
->
-  <View>
-    <Text>Main content</Text>
-  </View>
-</GeneralLayout>
-```
-
-### Layout with Custom Dimensions
-
-```tsx
-<GeneralLayout
-  header={{
-    height: 80,
-    content: <Text>Tall header</Text>,
-  }}
-  sidebar={{
-    expandedWidth: 320,
-    collapsedWidth: 80,
-    content: <Text>Wide sidebar</Text>,
-  }}
->
-  <View>
-    <Text>Main content</Text>
-  </View>
-</GeneralLayout>
-```
-
-## Styling
-
-The GeneralLayout uses the @idealyst/components theme system for consistent styling:
-
-- **Background**: Uses `background="surface"` for sidebar and header
-- **Borders**: Uses `border="thin"` for visual separation
-- **Spacing**: Uses `spacing="md"` for consistent padding
-- **Theme Integration**: Automatically inherits theme colors and spacing
-
-## Platform Support
-
-Currently, the GeneralLayout only supports web platforms. React Native support may be added in future versions.
-
-## Implementation Notes
-
-- The layout uses CSS flexbox for responsive behavior
-- Sidebar transitions use CSS animations for smooth expand/collapse
-- Toggle button automatically adjusts position based on sidebar location
-- Theme colors and spacing are applied through the View component variants