react-native-atomic-ui 1.0.1 → 1.0.3

package/README.md

@@ -56,6 +56,20 @@ npm install react-native-atomic-ui react-native
 yarn add react-native-atomic-ui react-native
 ```
 
+## 📱 Example App
+
+Want to see all components in action? Check out our comprehensive showcase app:
+
+👉 **[AtomicUIApp Example](examples/app/)** - A complete React Native app demonstrating all components, themes, and features.
+
+To run the example app:
+```bash
+cd examples/app
+npm install
+cd ios && pod install && cd ..
+npx react-native run-ios  # or run-android
+```
+
 ### With Optional Components
 
 ```bash

package/dist/advanced/date-picker/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/date-picker/index.ts"],
-  "sourcesContent": ["/**\n * DatePickerInput - Advanced component for date selection\n * Requires peer dependency: @react-native-community/datetimepicker\n *\n * Installation:\n * npm install @react-native-community/datetimepicker\n *\n * Usage:\n * import { DatePickerInput } from 'react-native-atomic-ui/date-picker';\n */\n\nexport interface DatePickerInputProps {\n  value: Date;\n  onChange: (date: Date) => void;\n  label?: string;\n  format?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function DatePickerInput() {\n  throw new Error(\n    'DatePickerInput requires peer dependency: @react-native-community/datetimepicker\\n' +\n    'Install it with: npm install @react-native-community/datetimepicker'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * DatePickerInput - Advanced component for date selection\n * Requires peer dependency: @react-native-community/datetimepicker\n *\n * Installation:\n * npm install @react-native-community/datetimepicker\n *\n * Usage:\n * import { DatePickerInput } from 'react-native-atomic-ui/date-picker';\n */\n\nexport interface DatePickerInputProps {\n  value: Date;\n  onChange: (date: Date) => void;\n  label?: string;\n  format?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function DatePickerInput() {\n  throw new Error(\n    'DatePickerInput requires peer dependency: @react-native-community/datetimepicker\\n' +\n      'Install it with: npm install @react-native-community/datetimepicker'\n  );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBO,SAAS,kBAAkB;AAChC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/date-picker/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/date-picker/index.ts"],
-  "sourcesContent": ["/**\n * DatePickerInput - Advanced component for date selection\n * Requires peer dependency: @react-native-community/datetimepicker\n *\n * Installation:\n * npm install @react-native-community/datetimepicker\n *\n * Usage:\n * import { DatePickerInput } from 'react-native-atomic-ui/date-picker';\n */\n\nexport interface DatePickerInputProps {\n  value: Date;\n  onChange: (date: Date) => void;\n  label?: string;\n  format?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function DatePickerInput() {\n  throw new Error(\n    'DatePickerInput requires peer dependency: @react-native-community/datetimepicker\\n' +\n    'Install it with: npm install @react-native-community/datetimepicker'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * DatePickerInput - Advanced component for date selection\n * Requires peer dependency: @react-native-community/datetimepicker\n *\n * Installation:\n * npm install @react-native-community/datetimepicker\n *\n * Usage:\n * import { DatePickerInput } from 'react-native-atomic-ui/date-picker';\n */\n\nexport interface DatePickerInputProps {\n  value: Date;\n  onChange: (date: Date) => void;\n  label?: string;\n  format?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function DatePickerInput() {\n  throw new Error(\n    'DatePickerInput requires peer dependency: @react-native-community/datetimepicker\\n' +\n      'Install it with: npm install @react-native-community/datetimepicker'\n  );\n}\n"],
   "mappings": ";AAwBO,SAAS,kBAAkB;AAChC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/file-picker/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/file-picker/index.ts"],
-  "sourcesContent": ["/**\n * FilePicker - Advanced component for file selection\n * Requires peer dependency: @react-native-documents/picker\n *\n * Installation:\n * npm install @react-native-documents/picker\n *\n * Usage:\n * import { FilePicker } from 'react-native-atomic-ui/file-picker';\n */\n\nexport interface FilePickerProps {\n  onFileSelected: (file: any) => void;\n  multiple?: boolean;\n  type?: string;\n  label?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function FilePicker() {\n  throw new Error(\n    'FilePicker requires peer dependency: @react-native-documents/picker\\n' +\n    'Install it with: npm install @react-native-documents/picker'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * FilePicker - Advanced component for file selection\n * Requires peer dependency: @react-native-documents/picker\n *\n * Installation:\n * npm install @react-native-documents/picker\n *\n * Usage:\n * import { FilePicker } from 'react-native-atomic-ui/file-picker';\n */\n\nexport interface FilePickerProps {\n  onFileSelected: (file: any) => void;\n  multiple?: boolean;\n  type?: string;\n  label?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function FilePicker() {\n  throw new Error(\n    'FilePicker requires peer dependency: @react-native-documents/picker\\n' +\n      'Install it with: npm install @react-native-documents/picker'\n  );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBO,SAAS,aAAa;AAC3B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/file-picker/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/file-picker/index.ts"],
-  "sourcesContent": ["/**\n * FilePicker - Advanced component for file selection\n * Requires peer dependency: @react-native-documents/picker\n *\n * Installation:\n * npm install @react-native-documents/picker\n *\n * Usage:\n * import { FilePicker } from 'react-native-atomic-ui/file-picker';\n */\n\nexport interface FilePickerProps {\n  onFileSelected: (file: any) => void;\n  multiple?: boolean;\n  type?: string;\n  label?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function FilePicker() {\n  throw new Error(\n    'FilePicker requires peer dependency: @react-native-documents/picker\\n' +\n    'Install it with: npm install @react-native-documents/picker'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * FilePicker - Advanced component for file selection\n * Requires peer dependency: @react-native-documents/picker\n *\n * Installation:\n * npm install @react-native-documents/picker\n *\n * Usage:\n * import { FilePicker } from 'react-native-atomic-ui/file-picker';\n */\n\nexport interface FilePickerProps {\n  onFileSelected: (file: any) => void;\n  multiple?: boolean;\n  type?: string;\n  label?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function FilePicker() {\n  throw new Error(\n    'FilePicker requires peer dependency: @react-native-documents/picker\\n' +\n      'Install it with: npm install @react-native-documents/picker'\n  );\n}\n"],
   "mappings": ";AAuBO,SAAS,aAAa;AAC3B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/picker/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/picker/index.ts"],
-  "sourcesContent": ["/**\n * Picker Components - Advanced dropdowns and selection\n * Requires peer dependency: react-native-picker-select\n *\n * Installation:\n * npm install react-native-picker-select\n *\n * Usage:\n * import { BorderedPickerInput } from 'react-native-atomic-ui/picker';\n */\n\nexport interface PickerOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface PickerInputProps {\n  value: string | number | undefined;\n  onValueChange: (value: string | number) => void;\n  items: PickerOption[];\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function BorderedPickerInput() {\n  throw new Error(\n    'BorderedPickerInput requires peer dependency: react-native-picker-select\\n' +\n    'Install it with: npm install react-native-picker-select'\n  );\n}\n\nexport function PickerModal() {\n  throw new Error(\n    'PickerModal requires peer dependency: react-native-picker-select\\n' +\n    'Install it with: npm install react-native-picker-select'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * Picker Components - Advanced dropdowns and selection\n * Requires peer dependency: react-native-picker-select\n *\n * Installation:\n * npm install react-native-picker-select\n *\n * Usage:\n * import { BorderedPickerInput } from 'react-native-atomic-ui/picker';\n */\n\nexport interface PickerOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface PickerInputProps {\n  value: string | number | undefined;\n  onValueChange: (value: string | number) => void;\n  items: PickerOption[];\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function BorderedPickerInput() {\n  throw new Error(\n    'BorderedPickerInput requires peer dependency: react-native-picker-select\\n' +\n      'Install it with: npm install react-native-picker-select'\n  );\n}\n\nexport function PickerModal() {\n  throw new Error(\n    'PickerModal requires peer dependency: react-native-picker-select\\n' +\n      'Install it with: npm install react-native-picker-select'\n  );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BO,SAAS,sBAAsB;AACpC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/picker/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/picker/index.ts"],
-  "sourcesContent": ["/**\n * Picker Components - Advanced dropdowns and selection\n * Requires peer dependency: react-native-picker-select\n *\n * Installation:\n * npm install react-native-picker-select\n *\n * Usage:\n * import { BorderedPickerInput } from 'react-native-atomic-ui/picker';\n */\n\nexport interface PickerOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface PickerInputProps {\n  value: string | number | undefined;\n  onValueChange: (value: string | number) => void;\n  items: PickerOption[];\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function BorderedPickerInput() {\n  throw new Error(\n    'BorderedPickerInput requires peer dependency: react-native-picker-select\\n' +\n    'Install it with: npm install react-native-picker-select'\n  );\n}\n\nexport function PickerModal() {\n  throw new Error(\n    'PickerModal requires peer dependency: react-native-picker-select\\n' +\n    'Install it with: npm install react-native-picker-select'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * Picker Components - Advanced dropdowns and selection\n * Requires peer dependency: react-native-picker-select\n *\n * Installation:\n * npm install react-native-picker-select\n *\n * Usage:\n * import { BorderedPickerInput } from 'react-native-atomic-ui/picker';\n */\n\nexport interface PickerOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface PickerInputProps {\n  value: string | number | undefined;\n  onValueChange: (value: string | number) => void;\n  items: PickerOption[];\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function BorderedPickerInput() {\n  throw new Error(\n    'BorderedPickerInput requires peer dependency: react-native-picker-select\\n' +\n      'Install it with: npm install react-native-picker-select'\n  );\n}\n\nexport function PickerModal() {\n  throw new Error(\n    'PickerModal requires peer dependency: react-native-picker-select\\n' +\n      'Install it with: npm install react-native-picker-select'\n  );\n}\n"],
   "mappings": ";AA6BO,SAAS,sBAAsB;AACpC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/rich-text/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/rich-text/index.ts"],
-  "sourcesContent": ["/**\n * Rich Text Components - Advanced text display and editing\n * Requires peer dependencies:\n * - react-native-webview (for RichText display)\n * - @10play/tentap-editor (for RichTextInput, custom fork)\n *\n * Installation:\n * npm install react-native-webview\n * npm install github:starburst997/10tap-editor#jd\n *\n * Usage:\n * import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';\n */\n\nexport interface RichTextProps {\n  html: string;\n  onLinkPress?: (url: string) => void;\n  style?: any;\n  testID?: string;\n}\n\nexport interface RichTextInputProps {\n  value: string;\n  onChange: (html: string) => void;\n  placeholder?: string;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function RichText() {\n  throw new Error(\n    'RichText requires peer dependency: react-native-webview\\n' +\n    'Install it with: npm install react-native-webview'\n  );\n}\n\nexport function RichTextInput() {\n  throw new Error(\n    'RichTextInput requires peer dependency: @10play/tentap-editor\\n' +\n    'Install it with: npm install github:starburst997/10tap-editor#jd'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * Rich Text Components - Advanced text display and editing\n * Requires peer dependencies:\n * - react-native-webview (for RichText display)\n * - @10play/tentap-editor (for RichTextInput, custom fork)\n *\n * Installation:\n * npm install react-native-webview\n * npm install github:starburst997/10tap-editor#jd\n *\n * Usage:\n * import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';\n */\n\nexport interface RichTextProps {\n  html: string;\n  onLinkPress?: (url: string) => void;\n  style?: any;\n  testID?: string;\n}\n\nexport interface RichTextInputProps {\n  value: string;\n  onChange: (html: string) => void;\n  placeholder?: string;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function RichText() {\n  throw new Error(\n    'RichText requires peer dependency: react-native-webview\\n' +\n      'Install it with: npm install react-native-webview'\n  );\n}\n\nexport function RichTextInput() {\n  throw new Error(\n    'RichTextInput requires peer dependency: @10play/tentap-editor\\n' +\n      'Install it with: npm install github:starburst997/10tap-editor#jd'\n  );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BO,SAAS,WAAW;AACzB,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,gBAAgB;AAC9B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/advanced/rich-text/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/advanced/rich-text/index.ts"],
-  "sourcesContent": ["/**\n * Rich Text Components - Advanced text display and editing\n * Requires peer dependencies:\n * - react-native-webview (for RichText display)\n * - @10play/tentap-editor (for RichTextInput, custom fork)\n *\n * Installation:\n * npm install react-native-webview\n * npm install github:starburst997/10tap-editor#jd\n *\n * Usage:\n * import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';\n */\n\nexport interface RichTextProps {\n  html: string;\n  onLinkPress?: (url: string) => void;\n  style?: any;\n  testID?: string;\n}\n\nexport interface RichTextInputProps {\n  value: string;\n  onChange: (html: string) => void;\n  placeholder?: string;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function RichText() {\n  throw new Error(\n    'RichText requires peer dependency: react-native-webview\\n' +\n    'Install it with: npm install react-native-webview'\n  );\n}\n\nexport function RichTextInput() {\n  throw new Error(\n    'RichTextInput requires peer dependency: @10play/tentap-editor\\n' +\n    'Install it with: npm install github:starburst997/10tap-editor#jd'\n  );\n}\n"],
+  "sourcesContent": ["/**\n * Rich Text Components - Advanced text display and editing\n * Requires peer dependencies:\n * - react-native-webview (for RichText display)\n * - @10play/tentap-editor (for RichTextInput, custom fork)\n *\n * Installation:\n * npm install react-native-webview\n * npm install github:starburst997/10tap-editor#jd\n *\n * Usage:\n * import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';\n */\n\nexport interface RichTextProps {\n  html: string;\n  onLinkPress?: (url: string) => void;\n  style?: any;\n  testID?: string;\n}\n\nexport interface RichTextInputProps {\n  value: string;\n  onChange: (html: string) => void;\n  placeholder?: string;\n  style?: any;\n  testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function RichText() {\n  throw new Error(\n    'RichText requires peer dependency: react-native-webview\\n' +\n      'Install it with: npm install react-native-webview'\n  );\n}\n\nexport function RichTextInput() {\n  throw new Error(\n    'RichTextInput requires peer dependency: @10play/tentap-editor\\n' +\n      'Install it with: npm install github:starburst997/10tap-editor#jd'\n  );\n}\n"],
   "mappings": ";AA+BO,SAAS,WAAW;AACzB,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,gBAAgB;AAC9B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/{chunk-IOIXIQ2F.mjs → chunk-56IADPYY.mjs}

@@ -132,10 +132,7 @@ var darkTheme = {
 
 // src/theme/index.tsx
 var ThemeContext = createContext(null);
-function ThemeProvider({
-  children,
-  defaultTheme = "system"
-}) {
+function ThemeProvider({ children, defaultTheme = "system" }) {
   const systemColorScheme = useColorScheme();
   const isSystemDark = systemColorScheme === "dark";
   const [isDark, setIsDark] = useState(() => {
@@ -174,4 +171,4 @@ export {
   ThemeProvider,
   useTheme
 };
-//# sourceMappingURL=chunk-IOIXIQ2F.mjs.map
+//# sourceMappingURL=chunk-56IADPYY.mjs.map

package/dist/chunk-56IADPYY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/theme/index.tsx", "../src/theme/themes.ts"],
+  "sourcesContent": ["import React, { createContext, useState, useContext, useEffect } from 'react';\nimport { useColorScheme } from 'react-native';\nimport type { ThemeContextValue } from '../types/index';\nimport { lightTheme, darkTheme } from './themes';\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: 'light' | 'dark' | 'system';\n}\n\n/**\n * Context-based Theme Provider\n * Provides theme context without requiring Redux\n */\nexport function ThemeProvider({ children, defaultTheme = 'system' }: ThemeProviderProps) {\n  const systemColorScheme = useColorScheme();\n  const isSystemDark = systemColorScheme === 'dark';\n\n  const [isDark, setIsDark] = useState<boolean>(() => {\n    if (defaultTheme === 'system') {\n      return isSystemDark;\n    }\n    return defaultTheme === 'dark';\n  });\n\n  // Update when system preference changes\n  useEffect(() => {\n    if (defaultTheme === 'system') {\n      setIsDark(isSystemDark);\n    }\n  }, [isSystemDark, defaultTheme]);\n\n  const theme = isDark ? darkTheme : lightTheme;\n\n  const toggleTheme = () => {\n    setIsDark((prev) => !prev);\n  };\n\n  const value: ThemeContextValue = {\n    isDark,\n    theme,\n    toggleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n/**\n * Hook to access theme context in components\n * Must be used within ThemeProvider\n */\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { lightTheme, darkTheme } from './themes';\nexport type { Theme, ThemeContextValue } from '../types/index';\n", "import type { Theme } from '../types/index';\n\nconst baseTheme = {\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n    xl: 32,\n    xxl: 48,\n  },\n  borderRadius: {\n    xs: 2,\n    sm: 4,\n    md: 8,\n    lg: 12,\n    full: 9999,\n  },\n};\n\nexport const lightTheme: Theme = {\n  colors: {\n    primary: '#007AFF',\n    secondary: '#5AC8FA',\n    background: '#FFFFFF',\n    surface: '#F5F5F5',\n    text: '#000000',\n    textSecondary: '#666666',\n    textTertiary: '#999999',\n    border: '#CCCCCC',\n    borderLight: '#E8E8E8',\n    error: '#FF3B30',\n    success: '#34C759',\n    warning: '#FF9500',\n    info: '#5AC8FA',\n    transparent: 'transparent',\n    white: '#FFFFFF',\n    black: '#000000',\n    disabled: '#D0D0D0',\n  },\n  typography: {\n    h1: { fontSize: 48, fontWeight: '700', lineHeight: 56 },\n    h2: { fontSize: 40, fontWeight: '700', lineHeight: 48 },\n    h3: { fontSize: 34, fontWeight: '700', lineHeight: 41 },\n    h4: { fontSize: 28, fontWeight: '700', lineHeight: 34 },\n    h5: { fontSize: 22, fontWeight: '600', lineHeight: 28 },\n    h6: { fontSize: 18, fontWeight: '600', lineHeight: 24 },\n    body1: { fontSize: 16, fontWeight: '400', lineHeight: 24 },\n    body2: { fontSize: 15, fontWeight: '400', lineHeight: 22 },\n    body3: { fontSize: 14, fontWeight: '400', lineHeight: 20 },\n    body4: { fontSize: 13, fontWeight: '400', lineHeight: 18 },\n    body5: { fontSize: 12, fontWeight: '400', lineHeight: 16 },\n    body6: { fontSize: 11, fontWeight: '400', lineHeight: 15 },\n    subtitle1: { fontSize: 14, fontWeight: '600', lineHeight: 20 },\n    subtitle2: { fontSize: 12, fontWeight: '600', lineHeight: 16 },\n    caption: { fontSize: 12, fontWeight: '400', lineHeight: 16 },\n    overline: { fontSize: 10, fontWeight: '600', lineHeight: 14 },\n  },\n  ...baseTheme,\n  shadows: {\n    light: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 0.1,\n      shadowRadius: 2,\n      elevation: 2,\n    },\n    medium: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 0.15,\n      shadowRadius: 8,\n      elevation: 4,\n    },\n    heavy: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 8 },\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n    },\n  },\n};\n\nexport const darkTheme: Theme = {\n  colors: {\n    primary: '#0A84FF',\n    secondary: '#30B0C5',\n    background: '#1C1C1E',\n    surface: '#2C2C2E',\n    text: '#FFFFFF',\n    textSecondary: '#A0A0A0',\n    textTertiary: '#808080',\n    border: '#454546',\n    borderLight: '#3A3A3C',\n    error: '#FF453A',\n    success: '#30C759',\n    warning: '#FF9500',\n    info: '#30B0C5',\n    transparent: 'transparent',\n    white: '#FFFFFF',\n    black: '#000000',\n    disabled: '#636366',\n  },\n  typography: lightTheme.typography,\n  ...baseTheme,\n  shadows: {\n    light: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 0.3,\n      shadowRadius: 2,\n      elevation: 2,\n    },\n    medium: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 0.4,\n      shadowRadius: 8,\n      elevation: 4,\n    },\n    heavy: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 8 },\n      shadowOpacity: 0.5,\n      shadowRadius: 16,\n      elevation: 8,\n    },\n  },\n};\n"],
+  "mappings": "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",
+  "names": []
+}