@umituz/react-native-design-system 1.4.3 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/README.md +0 -1
  2. package/lib/index.d.ts +4 -5
  3. package/lib/index.d.ts.map +1 -1
  4. package/lib/index.js +14 -17
  5. package/lib/index.js.map +1 -1
  6. package/lib/presentation/atoms/AtomicAvatar.js +1 -1
  7. package/lib/presentation/atoms/AtomicAvatar.js.map +1 -1
  8. package/lib/presentation/atoms/AtomicAvatarGroup.js +1 -1
  9. package/lib/presentation/atoms/AtomicAvatarGroup.js.map +1 -1
  10. package/lib/presentation/atoms/AtomicBadge.js +1 -1
  11. package/lib/presentation/atoms/AtomicBadge.js.map +1 -1
  12. package/lib/presentation/atoms/AtomicButton.d.ts +1 -1
  13. package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -1
  14. package/lib/presentation/atoms/AtomicButton.js +2 -2
  15. package/lib/presentation/atoms/AtomicButton.js.map +1 -1
  16. package/lib/presentation/atoms/AtomicCard.js +1 -1
  17. package/lib/presentation/atoms/AtomicCard.js.map +1 -1
  18. package/lib/presentation/atoms/AtomicChip.js +1 -1
  19. package/lib/presentation/atoms/AtomicChip.js.map +1 -1
  20. package/lib/presentation/atoms/AtomicDatePicker.js +1 -1
  21. package/lib/presentation/atoms/AtomicDatePicker.js.map +1 -1
  22. package/lib/presentation/atoms/AtomicDivider.js +1 -1
  23. package/lib/presentation/atoms/AtomicDivider.js.map +1 -1
  24. package/lib/presentation/atoms/AtomicFab.js +1 -1
  25. package/lib/presentation/atoms/AtomicFab.js.map +1 -1
  26. package/lib/presentation/atoms/AtomicFilter.js +1 -1
  27. package/lib/presentation/atoms/AtomicFilter.js.map +1 -1
  28. package/lib/presentation/atoms/AtomicFormError.js +2 -2
  29. package/lib/presentation/atoms/AtomicFormError.js.map +1 -1
  30. package/lib/presentation/atoms/AtomicIcon.d.ts +2 -3
  31. package/lib/presentation/atoms/AtomicIcon.d.ts.map +1 -1
  32. package/lib/presentation/atoms/AtomicIcon.js +1 -1
  33. package/lib/presentation/atoms/AtomicIcon.js.map +1 -1
  34. package/lib/presentation/atoms/AtomicImage.js +1 -1
  35. package/lib/presentation/atoms/AtomicImage.js.map +1 -1
  36. package/lib/presentation/atoms/AtomicInput.js +1 -1
  37. package/lib/presentation/atoms/AtomicInput.js.map +1 -1
  38. package/lib/presentation/atoms/AtomicPicker.js +1 -1
  39. package/lib/presentation/atoms/AtomicPicker.js.map +1 -1
  40. package/lib/presentation/atoms/AtomicProgress.js +1 -1
  41. package/lib/presentation/atoms/AtomicProgress.js.map +1 -1
  42. package/lib/presentation/atoms/AtomicSearchBar.js +1 -1
  43. package/lib/presentation/atoms/AtomicSearchBar.js.map +1 -1
  44. package/lib/presentation/atoms/AtomicSort.js +1 -1
  45. package/lib/presentation/atoms/AtomicSort.js.map +1 -1
  46. package/lib/presentation/atoms/AtomicSwitch.js +1 -1
  47. package/lib/presentation/atoms/AtomicSwitch.js.map +1 -1
  48. package/lib/presentation/atoms/AtomicText.d.ts +21 -1
  49. package/lib/presentation/atoms/AtomicText.d.ts.map +1 -1
  50. package/lib/presentation/atoms/AtomicText.js +31 -10
  51. package/lib/presentation/atoms/AtomicText.js.map +1 -1
  52. package/lib/presentation/atoms/AtomicTextArea.js +1 -1
  53. package/lib/presentation/atoms/AtomicTextArea.js.map +1 -1
  54. package/lib/presentation/atoms/AtomicTouchable.js +1 -1
  55. package/lib/presentation/atoms/AtomicTouchable.js.map +1 -1
  56. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +1 -1
  57. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +1 -1
  58. package/lib/presentation/atoms/index.d.ts +1 -1
  59. package/lib/presentation/atoms/input/styles/inputStyles.d.ts +1 -1
  60. package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +1 -1
  61. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +12 -23
  62. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +1 -1
  63. package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +1 -1
  64. package/lib/presentation/molecules/AtomicConfirmationModal.d.ts +2 -2
  65. package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map +1 -1
  66. package/lib/presentation/molecules/AtomicConfirmationModal.js +3 -22
  67. package/lib/presentation/molecules/AtomicConfirmationModal.js.map +1 -1
  68. package/lib/presentation/molecules/EmptyState.js +1 -1
  69. package/lib/presentation/molecules/EmptyState.js.map +1 -1
  70. package/lib/presentation/molecules/FormField.js +1 -1
  71. package/lib/presentation/molecules/FormField.js.map +1 -1
  72. package/lib/presentation/molecules/IconContainer.js +1 -1
  73. package/lib/presentation/molecules/IconContainer.js.map +1 -1
  74. package/lib/presentation/molecules/ListItem.js +1 -1
  75. package/lib/presentation/molecules/ListItem.js.map +1 -1
  76. package/lib/presentation/molecules/ScreenHeader.js +1 -1
  77. package/lib/presentation/molecules/ScreenHeader.js.map +1 -1
  78. package/lib/presentation/molecules/SearchBar.js +1 -1
  79. package/lib/presentation/molecules/SearchBar.js.map +1 -1
  80. package/lib/presentation/molecules/SectionCard.js +1 -1
  81. package/lib/presentation/molecules/SectionCard.js.map +1 -1
  82. package/lib/presentation/molecules/SectionContainer.js +1 -1
  83. package/lib/presentation/molecules/SectionContainer.js.map +1 -1
  84. package/lib/presentation/molecules/SectionHeader.js +1 -1
  85. package/lib/presentation/molecules/SectionHeader.js.map +1 -1
  86. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +1 -1
  87. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +1 -1
  88. package/lib/presentation/molecules/confirmation-modal/types/index.d.ts +4 -6
  89. package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map +1 -1
  90. package/lib/presentation/molecules/index.d.ts +0 -1
  91. package/lib/presentation/molecules/index.d.ts.map +1 -1
  92. package/lib/presentation/molecules/index.js +0 -1
  93. package/lib/presentation/molecules/index.js.map +1 -1
  94. package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +1 -1
  95. package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +1 -1
  96. package/lib/presentation/organisms/AppHeader.d.ts +3 -2
  97. package/lib/presentation/organisms/AppHeader.d.ts.map +1 -1
  98. package/lib/presentation/organisms/AppHeader.js +1 -1
  99. package/lib/presentation/organisms/AppHeader.js.map +1 -1
  100. package/lib/presentation/organisms/FormContainer.js +1 -1
  101. package/lib/presentation/organisms/FormContainer.js.map +1 -1
  102. package/lib/presentation/organisms/ScreenLayout.js +1 -1
  103. package/lib/presentation/organisms/ScreenLayout.js.map +1 -1
  104. package/lib/presentation/tokens/commonStyles.d.ts +1 -1
  105. package/lib/presentation/tokens/commonStyles.js +2 -2
  106. package/lib/presentation/tokens/commonStyles.js.map +1 -1
  107. package/package.json +2 -6
  108. package/src/index.ts +17 -26
  109. package/src/presentation/atoms/AtomicAvatar.tsx +1 -1
  110. package/src/presentation/atoms/AtomicAvatarGroup.tsx +1 -1
  111. package/src/presentation/atoms/AtomicBadge.tsx +2 -2
  112. package/src/presentation/atoms/AtomicButton.tsx +3 -3
  113. package/src/presentation/atoms/AtomicCard.tsx +1 -1
  114. package/src/presentation/atoms/AtomicChip.tsx +1 -1
  115. package/src/presentation/atoms/AtomicDatePicker.tsx +1 -1
  116. package/src/presentation/atoms/AtomicDivider.tsx +1 -1
  117. package/src/presentation/atoms/AtomicFab.tsx +1 -1
  118. package/src/presentation/atoms/AtomicFilter.tsx +1 -1
  119. package/src/presentation/atoms/AtomicFormError.tsx +2 -2
  120. package/src/presentation/atoms/AtomicIcon.tsx +3 -4
  121. package/src/presentation/atoms/AtomicImage.tsx +1 -1
  122. package/src/presentation/atoms/AtomicInput.tsx +1 -1
  123. package/src/presentation/atoms/AtomicPicker.tsx +1 -1
  124. package/src/presentation/atoms/AtomicProgress.tsx +1 -1
  125. package/src/presentation/atoms/AtomicSearchBar.tsx +1 -1
  126. package/src/presentation/atoms/AtomicSort.tsx +1 -1
  127. package/src/presentation/atoms/AtomicSwitch.tsx +1 -1
  128. package/src/presentation/atoms/AtomicText.tsx +80 -14
  129. package/src/presentation/atoms/AtomicTextArea.tsx +1 -1
  130. package/src/presentation/atoms/AtomicTouchable.tsx +2 -2
  131. package/src/presentation/atoms/fab/styles/fabStyles.ts +1 -1
  132. package/src/presentation/atoms/input/styles/inputStyles.ts +1 -1
  133. package/src/presentation/atoms/picker/styles/pickerStyles.ts +13 -6
  134. package/src/presentation/molecules/AtomicConfirmationModal.tsx +5 -26
  135. package/src/presentation/molecules/EmptyState.tsx +1 -1
  136. package/src/presentation/molecules/FormField.tsx +1 -1
  137. package/src/presentation/molecules/IconContainer.tsx +1 -1
  138. package/src/presentation/molecules/ListItem.tsx +1 -1
  139. package/src/presentation/molecules/ScreenHeader.tsx +1 -1
  140. package/src/presentation/molecules/SearchBar.tsx +1 -1
  141. package/src/presentation/molecules/SectionCard.tsx +1 -1
  142. package/src/presentation/molecules/SectionContainer.tsx +1 -1
  143. package/src/presentation/molecules/SectionHeader.tsx +1 -1
  144. package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +1 -1
  145. package/src/presentation/molecules/confirmation-modal/types/index.ts +4 -6
  146. package/src/presentation/molecules/index.ts +0 -1
  147. package/src/presentation/molecules/listitem/styles/listItemStyles.ts +1 -1
  148. package/src/presentation/organisms/AppHeader.tsx +4 -3
  149. package/src/presentation/organisms/FormContainer.tsx +1 -1
  150. package/src/presentation/organisms/ScreenLayout.tsx +1 -1
  151. package/src/presentation/tokens/commonStyles.ts +2 -2
  152. package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts +0 -91
  153. package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts.map +0 -1
  154. package/lib/domains/icons/domain/config/IconLibraryConfig.js +0 -85
  155. package/lib/domains/icons/domain/config/IconLibraryConfig.js.map +0 -1
  156. package/lib/domains/icons/domain/entities/Icon.d.ts +0 -111
  157. package/lib/domains/icons/domain/entities/Icon.d.ts.map +0 -1
  158. package/lib/domains/icons/domain/entities/Icon.js +0 -87
  159. package/lib/domains/icons/domain/entities/Icon.js.map +0 -1
  160. package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts +0 -114
  161. package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts.map +0 -1
  162. package/lib/domains/icons/domain/interfaces/IIconAdapter.js +0 -17
  163. package/lib/domains/icons/domain/interfaces/IIconAdapter.js.map +0 -1
  164. package/lib/domains/icons/index.d.ts +0 -84
  165. package/lib/domains/icons/index.d.ts.map +0 -1
  166. package/lib/domains/icons/index.js +0 -89
  167. package/lib/domains/icons/index.js.map +0 -1
  168. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts +0 -24
  169. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts.map +0 -1
  170. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js +0 -85
  171. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js.map +0 -1
  172. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts +0 -23
  173. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts.map +0 -1
  174. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js +0 -178
  175. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js.map +0 -1
  176. package/lib/domains/icons/presentation/components/Icon.d.ts +0 -42
  177. package/lib/domains/icons/presentation/components/Icon.d.ts.map +0 -1
  178. package/lib/domains/icons/presentation/components/Icon.js +0 -86
  179. package/lib/domains/icons/presentation/components/Icon.js.map +0 -1
  180. package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts +0 -38
  181. package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts.map +0 -1
  182. package/lib/domains/icons/presentation/hooks/useIconLibrary.js +0 -114
  183. package/lib/domains/icons/presentation/hooks/useIconLibrary.js.map +0 -1
  184. package/lib/infrastructure/theme/globalThemeStore.d.ts +0 -42
  185. package/lib/infrastructure/theme/globalThemeStore.d.ts.map +0 -1
  186. package/lib/infrastructure/theme/globalThemeStore.js +0 -38
  187. package/lib/infrastructure/theme/globalThemeStore.js.map +0 -1
  188. package/lib/presentation/hooks/useAppDesignTokens.d.ts +0 -34
  189. package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +0 -1
  190. package/lib/presentation/hooks/useAppDesignTokens.js +0 -39
  191. package/lib/presentation/hooks/useAppDesignTokens.js.map +0 -1
  192. package/lib/presentation/molecules/LanguageSwitcher.d.ts +0 -10
  193. package/lib/presentation/molecules/LanguageSwitcher.d.ts.map +0 -1
  194. package/lib/presentation/molecules/LanguageSwitcher.js +0 -24
  195. package/lib/presentation/molecules/LanguageSwitcher.js.map +0 -1
  196. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts +0 -11
  197. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts.map +0 -1
  198. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js +0 -6
  199. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js.map +0 -1
  200. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts +0 -5
  201. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts.map +0 -1
  202. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js +0 -14
  203. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js.map +0 -1
  204. package/lib/presentation/tokens/AppDesignTokens.d.ts +0 -14
  205. package/lib/presentation/tokens/AppDesignTokens.d.ts.map +0 -1
  206. package/lib/presentation/tokens/AppDesignTokens.js +0 -23
  207. package/lib/presentation/tokens/AppDesignTokens.js.map +0 -1
  208. package/lib/presentation/tokens/core/BaseTokens.d.ts +0 -312
  209. package/lib/presentation/tokens/core/BaseTokens.d.ts.map +0 -1
  210. package/lib/presentation/tokens/core/BaseTokens.js +0 -307
  211. package/lib/presentation/tokens/core/BaseTokens.js.map +0 -1
  212. package/lib/presentation/tokens/core/ColorPalette.d.ts +0 -216
  213. package/lib/presentation/tokens/core/ColorPalette.d.ts.map +0 -1
  214. package/lib/presentation/tokens/core/ColorPalette.js +0 -330
  215. package/lib/presentation/tokens/core/ColorPalette.js.map +0 -1
  216. package/lib/presentation/tokens/core/TokenFactory.d.ts +0 -216
  217. package/lib/presentation/tokens/core/TokenFactory.d.ts.map +0 -1
  218. package/lib/presentation/tokens/core/TokenFactory.js +0 -86
  219. package/lib/presentation/tokens/core/TokenFactory.js.map +0 -1
  220. package/src/domains/icons/domain/config/IconLibraryConfig.ts +0 -93
  221. package/src/domains/icons/domain/entities/Icon.ts +0 -143
  222. package/src/domains/icons/domain/interfaces/IIconAdapter.ts +0 -147
  223. package/src/domains/icons/index.ts +0 -109
  224. package/src/domains/icons/infrastructure/adapters/LucideAdapter.ts +0 -100
  225. package/src/domains/icons/infrastructure/registries/ExpoIconRegistry.ts +0 -191
  226. package/src/domains/icons/presentation/components/Icon.tsx +0 -132
  227. package/src/domains/icons/presentation/hooks/useIconLibrary.ts +0 -141
  228. package/src/infrastructure/theme/globalThemeStore.ts +0 -51
  229. package/src/presentation/hooks/useAppDesignTokens.ts +0 -40
  230. package/src/presentation/molecules/LanguageSwitcher.tsx +0 -42
  231. package/src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts +0 -5
  232. package/src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts +0 -16
  233. package/src/presentation/tokens/AppDesignTokens.ts +0 -55
  234. package/src/presentation/tokens/core/BaseTokens.ts +0 -376
  235. package/src/presentation/tokens/core/ColorPalette.ts +0 -400
  236. package/src/presentation/tokens/core/TokenFactory.ts +0 -118
@@ -1,86 +0,0 @@
1
- /**
2
- * Universal Icon Component
3
- *
4
- * 🎯 SINGLE ICON COMPONENT FOR ALL APPS
5
- *
6
- * Automatically uses the icon library configured in IconLibraryConfig.
7
- * Change library = change config, no code changes needed!
8
- *
9
- * @example
10
- * ```tsx
11
- * import { Icon } from '@domains/icons';
12
- *
13
- * // Basic usage
14
- * <Icon name="Settings" size="md" color="primary" />
15
- *
16
- * // Custom size and color
17
- * <Icon name="Heart" customSize={32} customColor="#FF0000" />
18
- *
19
- * // With background
20
- * <Icon name="Info" size="lg" withBackground backgroundColor="#667eea" />
21
- * ```
22
- *
23
- * 🔧 To change icon library:
24
- * 1. Update CURRENT_LIBRARY in domain/config/IconLibraryConfig.ts
25
- * 2. Done! All apps use new library automatically
26
- */
27
- import React from 'react';
28
- import { View } from 'react-native';
29
- import { useAppDesignTokens } from '../../../../presentation/hooks/useAppDesignTokens';
30
- import { CURRENT_LIBRARY } from '../../domain/config/IconLibraryConfig';
31
- import { LucideAdapter } from '../../infrastructure/adapters/LucideAdapter';
32
- /**
33
- * Get adapter based on current library configuration
34
- */
35
- const getAdapter = () => {
36
- switch (CURRENT_LIBRARY) {
37
- case 'lucide':
38
- return LucideAdapter;
39
- // Future: Add more adapters here
40
- // case 'material':
41
- // return MaterialAdapter;
42
- // case 'fontawesome':
43
- // return FontAwesomeAdapter;
44
- default:
45
- return LucideAdapter;
46
- }
47
- };
48
- /**
49
- * Universal Icon Component
50
- */
51
- export const Icon = ({ name, size = 'md', customSize, color = 'onSurface', customColor, strokeWidth, withBackground = false, backgroundColor, accessibilityLabel, testID, style, }) => {
52
- const tokens = useAppDesignTokens();
53
- const adapter = getAdapter();
54
- // Get icon component from adapter
55
- const IconComponent = adapter.getIconComponent(name);
56
- if (!IconComponent) {
57
- return null;
58
- }
59
- // Calculate icon size
60
- const iconSize = adapter.getIconSize(size, customSize);
61
- // Get icon color from theme
62
- const iconColor = adapter.getIconColor(color, tokens, customColor);
63
- // Get stroke width (for outline icons)
64
- const iconStrokeWidth = strokeWidth || adapter.getStrokeWidth?.() || 2;
65
- // Container size (slightly larger than icon)
66
- const containerSize = iconSize + 8;
67
- const containerStyles = [
68
- withBackground && {
69
- width: containerSize,
70
- height: containerSize,
71
- borderRadius: containerSize / 2,
72
- backgroundColor: backgroundColor || tokens.colors.surfaceVariant,
73
- justifyContent: 'center',
74
- alignItems: 'center',
75
- },
76
- style,
77
- ];
78
- const IconElement = (<IconComponent size={iconSize} color={iconColor} strokeWidth={iconStrokeWidth} accessibilityLabel={accessibilityLabel || `${name} icon`} testID={testID}/>);
79
- if (withBackground) {
80
- return (<View style={containerStyles} testID={`${testID}-container`}>
81
- {IconElement}
82
- </View>);
83
- }
84
- return IconElement;
85
- };
86
- //# sourceMappingURL=Icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/components/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAoC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAG5E;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,QAAQ,eAAe,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,iCAAiC;QACjC,mBAAmB;QACnB,4BAA4B;QAC5B,sBAAsB;QACtB,+BAA+B;QAC/B;YACE,OAAO,aAAa,CAAC;IACzB,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,UAAU,EACV,KAAK,GAAG,WAAW,EACnB,WAAW,EACX,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,KAAK,GACN,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,kCAAkC;IAClC,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAErD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sBAAsB;IACtB,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,IAAgB,EAAE,UAAU,CAAC,CAAC;IAEnE,4BAA4B;IAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,KAAkB,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IAEhF,uCAAuC;IACvC,MAAM,eAAe,GAAG,WAAW,IAAI,OAAO,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,CAAC;IAEvE,6CAA6C;IAC7C,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,CAAC;IAEnC,MAAM,eAAe,GAAyB;QAC5C,cAAc,IAAI;YAChB,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,eAAe,EAAE,eAAe,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc;YAChE,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK;KACN,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,GAAG,IAAI,OAAO,CAAC,CACzD,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;IAEF,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,YAAY,CAAC,CAC1D;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
@@ -1,38 +0,0 @@
1
- /**
2
- * Icons Domain - useIconLibrary Hook
3
- *
4
- * React hook for accessing icon libraries (Lucide + Expo vector icons).
5
- * Provides search, filter, and metadata access for all available icons.
6
- *
7
- * @domain icons
8
- * @layer presentation
9
- */
10
- import type { IconMetadata } from '@domains/icons/domain/entities/Icon';
11
- import { IconLibrary, IconCategory } from '@domains/icons/domain/entities/Icon';
12
- /**
13
- * Hook for icon library access and search
14
- *
15
- * @example
16
- * const { icons, searchIcons, filterByCategory } = useIconLibrary();
17
- *
18
- * // Search icons
19
- * const results = searchIcons('home');
20
- *
21
- * // Filter by category
22
- * const navIcons = filterByCategory(IconCategory.NAVIGATION);
23
- */
24
- export declare const useIconLibrary: (defaultLibrary?: IconLibrary) => {
25
- selectedLibrary: IconLibrary;
26
- selectedCategory: IconCategory;
27
- icons: IconMetadata[];
28
- searchIcons: (query: string) => IconMetadata[];
29
- filterByCategory: (category: IconCategory) => IconMetadata[];
30
- getIconMetadata: (name: string) => IconMetadata | null;
31
- switchLibrary: (library: IconLibrary) => void;
32
- switchCategory: (category: IconCategory) => void;
33
- availableCategories: IconCategory[];
34
- availableLibraries: IconLibrary[];
35
- IconLibrary: typeof IconLibrary;
36
- IconCategory: typeof IconCategory;
37
- };
38
- //# sourceMappingURL=useIconLibrary.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useIconLibrary.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/hooks/useIconLibrary.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,YAAY,EAA6B,MAAM,qCAAqC,CAAC;AAG3G;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,iBAAgB,WAA4C;;;;yBA4B/E,MAAM,KAAG,YAAY,EAAE;iCAoBpB,YAAY,KAAG,YAAY,EAAE;4BAUjC,MAAM,KAAG,YAAY,GAAG,IAAI;6BAuBO,WAAW;+BAOT,YAAY;;;;;CAyB3D,CAAC"}
@@ -1,114 +0,0 @@
1
- /**
2
- * Icons Domain - useIconLibrary Hook
3
- *
4
- * React hook for accessing icon libraries (Lucide + Expo vector icons).
5
- * Provides search, filter, and metadata access for all available icons.
6
- *
7
- * @domain icons
8
- * @layer presentation
9
- */
10
- import { useMemo, useState, useCallback } from 'react';
11
- import { IconLibrary, IconCategory, IconUtils, ICON_CONSTANTS } from '@domains/icons/domain/entities/Icon';
12
- import { ExpoIconRegistry } from '@domains/icons/infrastructure/registries/ExpoIconRegistry';
13
- /**
14
- * Hook for icon library access and search
15
- *
16
- * @example
17
- * const { icons, searchIcons, filterByCategory } = useIconLibrary();
18
- *
19
- * // Search icons
20
- * const results = searchIcons('home');
21
- *
22
- * // Filter by category
23
- * const navIcons = filterByCategory(IconCategory.NAVIGATION);
24
- */
25
- export const useIconLibrary = (defaultLibrary = ICON_CONSTANTS.DEFAULT_LIBRARY) => {
26
- const [selectedLibrary, setSelectedLibrary] = useState(defaultLibrary);
27
- const [selectedCategory, setSelectedCategory] = useState(IconCategory.ALL);
28
- // Initialize registry
29
- const registry = useMemo(() => new ExpoIconRegistry(), []);
30
- /**
31
- * Get all icons from the selected library
32
- */
33
- const icons = useMemo(() => {
34
- const allIcons = registry.getAllIcons();
35
- return selectedLibrary === IconLibrary.LUCIDE
36
- ? [] // Lucide icons are in design-system/AtomicIcon
37
- : allIcons.filter(icon => icon.library === selectedLibrary);
38
- }, [registry, selectedLibrary]);
39
- /**
40
- * Get icons filtered by category
41
- */
42
- const iconsByCategory = useMemo(() => {
43
- return IconUtils.filterByCategory(icons, selectedCategory);
44
- }, [icons, selectedCategory]);
45
- /**
46
- * Search icons by query
47
- */
48
- const searchIcons = useCallback((query) => {
49
- if (!query.trim()) {
50
- return iconsByCategory;
51
- }
52
- const results = registry.searchIcons(query);
53
- const filteredResults = selectedLibrary === IconLibrary.LUCIDE
54
- ? results
55
- : results.filter(icon => icon.library === selectedLibrary);
56
- return IconUtils.filterByCategory(filteredResults, selectedCategory)
57
- .slice(0, ICON_CONSTANTS.MAX_SEARCH_RESULTS);
58
- }, [registry, selectedLibrary, selectedCategory, iconsByCategory]);
59
- /**
60
- * Filter icons by category
61
- */
62
- const filterByCategory = useCallback((category) => {
63
- return IconUtils.filterByCategory(icons, category);
64
- }, [icons]);
65
- /**
66
- * Get icon metadata by name
67
- */
68
- const getIconMetadata = useCallback((name) => {
69
- return registry.getIconMetadata(name);
70
- }, [registry]);
71
- /**
72
- * Get all available categories
73
- */
74
- const availableCategories = useMemo(() => {
75
- return Object.values(IconCategory);
76
- }, []);
77
- /**
78
- * Get all available libraries
79
- */
80
- const availableLibraries = useMemo(() => {
81
- return Object.values(IconLibrary);
82
- }, []);
83
- /**
84
- * Switch library
85
- */
86
- const switchLibrary = useCallback((library) => {
87
- setSelectedLibrary(library);
88
- }, []);
89
- /**
90
- * Switch category
91
- */
92
- const switchCategory = useCallback((category) => {
93
- setSelectedCategory(category);
94
- }, []);
95
- return {
96
- // Current state
97
- selectedLibrary,
98
- selectedCategory,
99
- icons: iconsByCategory,
100
- // Search & filter
101
- searchIcons,
102
- filterByCategory,
103
- getIconMetadata,
104
- // Library & category management
105
- switchLibrary,
106
- switchCategory,
107
- availableCategories,
108
- availableLibraries,
109
- // Constants
110
- IconLibrary,
111
- IconCategory,
112
- };
113
- };
114
- //# sourceMappingURL=useIconLibrary.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useIconLibrary.js","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/hooks/useIconLibrary.ts"],"names":[],"mappings":"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"}
@@ -1,42 +0,0 @@
1
- /**
2
- * Global Theme Store for Design System
3
- *
4
- * Minimal Zustand store for theme state management.
5
- * Apps can sync their theme state with this global store.
6
- *
7
- * WHY THIS EXISTS:
8
- * - ScreenLayout needs to know current theme mode
9
- * - Without prop drilling or Context API
10
- * - Single source of truth for design system components
11
- * - Apps control theme, design system reacts
12
- *
13
- * USAGE IN APP:
14
- * ```typescript
15
- * import { useDesignSystemTheme } from '@umituz/react-native-design-system';
16
- * import { useTheme } from '@domains/theme';
17
- *
18
- * // Sync app theme with design system
19
- * const { themeMode } = useTheme();
20
- * const { setThemeMode } = useDesignSystemTheme();
21
- *
22
- * useEffect(() => {
23
- * setThemeMode(themeMode);
24
- * }, [themeMode]);
25
- * ```
26
- */
27
- import type { ThemeMode } from '../../presentation/tokens/core/ColorPalette';
28
- interface GlobalThemeStore {
29
- /** Current theme mode */
30
- themeMode: ThemeMode;
31
- /** Update theme mode (called by app when theme changes) */
32
- setThemeMode: (mode: ThemeMode) => void;
33
- }
34
- /**
35
- * Global theme store for design system components
36
- *
37
- * This is a MINIMAL store - app has the real theme logic.
38
- * Design system just mirrors the current theme for its components.
39
- */
40
- export declare const useDesignSystemTheme: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalThemeStore>>;
41
- export type { ThemeMode };
42
- //# sourceMappingURL=globalThemeStore.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"globalThemeStore.d.ts","sourceRoot":"","sources":["../../../src/infrastructure/theme/globalThemeStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAE7E,UAAU,gBAAgB;IACxB,yBAAyB;IACzB,SAAS,EAAE,SAAS,CAAC;IAErB,2DAA2D;IAC3D,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,+EAG9B,CAAC;AAGJ,YAAY,EAAE,SAAS,EAAE,CAAC"}
@@ -1,38 +0,0 @@
1
- /**
2
- * Global Theme Store for Design System
3
- *
4
- * Minimal Zustand store for theme state management.
5
- * Apps can sync their theme state with this global store.
6
- *
7
- * WHY THIS EXISTS:
8
- * - ScreenLayout needs to know current theme mode
9
- * - Without prop drilling or Context API
10
- * - Single source of truth for design system components
11
- * - Apps control theme, design system reacts
12
- *
13
- * USAGE IN APP:
14
- * ```typescript
15
- * import { useDesignSystemTheme } from '@umituz/react-native-design-system';
16
- * import { useTheme } from '@domains/theme';
17
- *
18
- * // Sync app theme with design system
19
- * const { themeMode } = useTheme();
20
- * const { setThemeMode } = useDesignSystemTheme();
21
- *
22
- * useEffect(() => {
23
- * setThemeMode(themeMode);
24
- * }, [themeMode]);
25
- * ```
26
- */
27
- import { create } from 'zustand';
28
- /**
29
- * Global theme store for design system components
30
- *
31
- * This is a MINIMAL store - app has the real theme logic.
32
- * Design system just mirrors the current theme for its components.
33
- */
34
- export const useDesignSystemTheme = create((set) => ({
35
- themeMode: 'light',
36
- setThemeMode: (mode) => set({ themeMode: mode }),
37
- }));
38
- //# sourceMappingURL=globalThemeStore.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"globalThemeStore.js","sourceRoot":"","sources":["../../../src/infrastructure/theme/globalThemeStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAWjC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAmB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACrE,SAAS,EAAE,OAAO;IAClB,YAAY,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;CAC5D,CAAC,CAAC,CAAC"}
@@ -1,34 +0,0 @@
1
- /**
2
- * useAppDesignTokens Hook - Theme-Aware Design Tokens
3
- *
4
- * ✅ Automatically reads theme from global store
5
- * ✅ No parameters needed - fully automatic!
6
- * ✅ Returns tokens for current theme (light/dark)
7
- * ✅ Single source of truth
8
- *
9
- * @example Usage (fully automatic theme-aware)
10
- * ```typescript
11
- * import { useAppDesignTokens } from '@umituz/react-native-design-system';
12
- *
13
- * const MyComponent = () => {
14
- * const tokens = useAppDesignTokens(); // Automatically uses current theme!
15
- * return (
16
- * <View style={{
17
- * backgroundColor: tokens.colors.primary,
18
- * padding: tokens.spacing.md
19
- * }}>
20
- * <Text style={tokens.typography.bodyLarge}>Hello!</Text>
21
- * </View>
22
- * );
23
- * };
24
- * ```
25
- *
26
- * How it works:
27
- * - Reads themeMode from global store (useDesignSystemTheme)
28
- * - App's theme store syncs to global store automatically
29
- * - All components get correct tokens without prop drilling
30
- * - Change theme once, everything updates!
31
- */
32
- import { type DesignTokens } from '../tokens/core/TokenFactory';
33
- export declare const useAppDesignTokens: () => DesignTokens;
34
- //# sourceMappingURL=useAppDesignTokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useAppDesignTokens.d.ts","sourceRoot":"","sources":["../../../src/presentation/hooks/useAppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAGH,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAGpF,eAAO,MAAM,kBAAkB,QAAO,YAGrC,CAAC"}
@@ -1,39 +0,0 @@
1
- /**
2
- * useAppDesignTokens Hook - Theme-Aware Design Tokens
3
- *
4
- * ✅ Automatically reads theme from global store
5
- * ✅ No parameters needed - fully automatic!
6
- * ✅ Returns tokens for current theme (light/dark)
7
- * ✅ Single source of truth
8
- *
9
- * @example Usage (fully automatic theme-aware)
10
- * ```typescript
11
- * import { useAppDesignTokens } from '@umituz/react-native-design-system';
12
- *
13
- * const MyComponent = () => {
14
- * const tokens = useAppDesignTokens(); // Automatically uses current theme!
15
- * return (
16
- * <View style={{
17
- * backgroundColor: tokens.colors.primary,
18
- * padding: tokens.spacing.md
19
- * }}>
20
- * <Text style={tokens.typography.bodyLarge}>Hello!</Text>
21
- * </View>
22
- * );
23
- * };
24
- * ```
25
- *
26
- * How it works:
27
- * - Reads themeMode from global store (useDesignSystemTheme)
28
- * - App's theme store syncs to global store automatically
29
- * - All components get correct tokens without prop drilling
30
- * - Change theme once, everything updates!
31
- */
32
- import { useMemo } from 'react';
33
- import { createDesignTokens } from '../tokens/core/TokenFactory';
34
- import { useDesignSystemTheme } from '../../infrastructure/theme/globalThemeStore';
35
- export const useAppDesignTokens = () => {
36
- const { themeMode } = useDesignSystemTheme();
37
- return useMemo(() => createDesignTokens(themeMode), [themeMode]);
38
- };
39
- //# sourceMappingURL=useAppDesignTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useAppDesignTokens.js","sourceRoot":"","sources":["../../../src/presentation/hooks/useAppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAqB,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAiB,EAAE;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC7C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- interface LanguageSwitcherProps {
3
- showName?: boolean;
4
- showFlag?: boolean;
5
- color?: string;
6
- navigationScreen?: string;
7
- }
8
- export declare const LanguageSwitcher: React.FC<LanguageSwitcherProps>;
9
- export default LanguageSwitcher;
10
- //# sourceMappingURL=LanguageSwitcher.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmB5D,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import { TouchableOpacity } from 'react-native';
3
- import { AtomicText, AtomicIcon } from '../atoms';
4
- import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
5
- import { useLanguageNavigation } from './languageswitcher/hooks/useLanguageNavigation';
6
- import { languageSwitcherConfig } from './languageswitcher/config/languageSwitcherConfig';
7
- export const LanguageSwitcher = ({ showName = false, showFlag = true, color, navigationScreen = languageSwitcherConfig.defaultNavigationScreen, }) => {
8
- const tokens = useAppDesignTokens();
9
- const { currentLang, navigateToLanguageSelection } = useLanguageNavigation(navigationScreen);
10
- const iconColor = color || tokens.colors.textPrimary;
11
- const styles = getStyles(tokens);
12
- return (<TouchableOpacity style={styles.container} onPress={navigateToLanguageSelection} activeOpacity={0.7} hitSlop={languageSwitcherConfig.hitSlop}>
13
- {showFlag && <AtomicText type="headlineSmall" style={styles.flag}>{currentLang.flag}</AtomicText>}
14
- {showName && <AtomicText type="bodySmall" color={iconColor} style={styles.languageName}>{currentLang.nativeName}</AtomicText>}
15
- {!showName && !showFlag && <AtomicIcon name="Languages" color="primary"/>}
16
- </TouchableOpacity>);
17
- };
18
- const getStyles = (tokens) => ({
19
- container: { flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.sm, paddingHorizontal: tokens.spacing.xs },
20
- flag: { fontSize: tokens.typography.headingSmall.fontSize },
21
- languageName: { fontSize: tokens.typography.bodySmall.fontSize, fontWeight: tokens.typography.semibold },
22
- });
23
- export default LanguageSwitcher;
24
- //# sourceMappingURL=LanguageSwitcher.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher.js","sourceRoot":"","sources":["../../../src/presentation/molecules/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAc,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAS1F,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,gBAAgB,GAAG,sBAAsB,CAAC,uBAAuB,GAClE,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,WAAW,EAAE,2BAA2B,EAAE,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;IAErD,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,2BAA2B,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAC3I;MAAA,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CACjG;MAAA,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAC7H;MAAA,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,EAAG,CAC5E;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAAC,CAAC;IACpE,SAAS,EAAE,EAAE,aAAa,EAAE,KAAc,EAAE,UAAU,EAAE,QAAiB,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE;IACzI,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC3D,YAAY,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE;CACzG,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
@@ -1,11 +0,0 @@
1
- export declare const languageSwitcherConfig: {
2
- defaultIconSize: number;
3
- defaultNavigationScreen: string;
4
- hitSlop: {
5
- top: number;
6
- bottom: number;
7
- left: number;
8
- right: number;
9
- };
10
- };
11
- //# sourceMappingURL=languageSwitcherConfig.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"languageSwitcherConfig.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;CAIlC,CAAC"}
@@ -1,6 +0,0 @@
1
- export const languageSwitcherConfig = {
2
- defaultIconSize: 20,
3
- defaultNavigationScreen: 'LanguageSelection',
4
- hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
5
- };
6
- //# sourceMappingURL=languageSwitcherConfig.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"languageSwitcherConfig.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,EAAE;IACnB,uBAAuB,EAAE,mBAAmB;IAC5C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;CACtD,CAAC"}
@@ -1,5 +0,0 @@
1
- export declare const useLanguageNavigation: (navigationScreen: string) => {
2
- currentLang: any;
3
- navigateToLanguageSelection: () => void;
4
- };
5
- //# sourceMappingURL=useLanguageNavigation.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useLanguageNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,MAAM;;;CAU7D,CAAC"}
@@ -1,14 +0,0 @@
1
- // @ts-ignore - Optional peer dependency
2
- import { useNavigation } from '@react-navigation/native';
3
- // @ts-ignore - Optional peer dependency
4
- import { useLocalization, getLanguageByCode, getDefaultLanguage } from '@umituz/react-native-localization';
5
- export const useLanguageNavigation = (navigationScreen) => {
6
- const navigation = useNavigation();
7
- const { currentLanguage } = useLocalization();
8
- const currentLang = getLanguageByCode(currentLanguage) || getDefaultLanguage();
9
- const navigateToLanguageSelection = () => {
10
- navigation.navigate(navigationScreen);
11
- };
12
- return { currentLang, navigateToLanguageSelection };
13
- };
14
- //# sourceMappingURL=useLanguageNavigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useLanguageNavigation.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,wCAAwC;AACxC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE3G,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,EAAE;IAChE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,kBAAkB,EAAE,CAAC;IAE/E,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,UAAU,CAAC,QAAQ,CAAC,gBAAyB,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,2BAA2B,EAAE,CAAC;AACtD,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- /**
2
- * DESIGN TOKENS - PUBLIC API
3
- *
4
- * ✅ CLEAN BARREL EXPORT - Single source of truth
5
- * ✅ ZERO DUPLICATION - All tokens from TokenFactory
6
- * ✅ TYPE-SAFE - Full TypeScript support
7
- * ✅ FACTORY-FIRST - Benefits all 100+ generated apps
8
- *
9
- * @module AppDesignTokens
10
- */
11
- export { createDesignTokens, STATIC_DESIGN_TOKENS, STATIC_TOKENS, withAlpha, type DesignTokens, type ThemeMode, type ColorPalette, } from './core/TokenFactory';
12
- export { BASE_TOKENS, spacing, typography, borders, iconSizes, opacity, avatarSizes, type Spacing, type Typography, type Borders, type IconSizes, type Opacity, type AvatarSizes, type BaseTokens, } from './core/BaseTokens';
13
- export { lightColors, darkColors, getColorPalette, } from './core/ColorPalette';
14
- //# sourceMappingURL=AppDesignTokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppDesignTokens.d.ts","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,GAChB,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}
@@ -1,23 +0,0 @@
1
- /**
2
- * DESIGN TOKENS - PUBLIC API
3
- *
4
- * ✅ CLEAN BARREL EXPORT - Single source of truth
5
- * ✅ ZERO DUPLICATION - All tokens from TokenFactory
6
- * ✅ TYPE-SAFE - Full TypeScript support
7
- * ✅ FACTORY-FIRST - Benefits all 100+ generated apps
8
- *
9
- * @module AppDesignTokens
10
- */
11
- // =============================================================================
12
- // CORE EXPORTS (from TokenFactory)
13
- // =============================================================================
14
- export { createDesignTokens, STATIC_DESIGN_TOKENS, STATIC_TOKENS, withAlpha, } from './core/TokenFactory';
15
- // =============================================================================
16
- // BASE TOKEN EXPORTS
17
- // =============================================================================
18
- export { BASE_TOKENS, spacing, typography, borders, iconSizes, opacity, avatarSizes, } from './core/BaseTokens';
19
- // =============================================================================
20
- // COLOR PALETTE EXPORTS
21
- // =============================================================================
22
- export { lightColors, darkColors, getColorPalette, } from './core/ColorPalette';
23
- //# sourceMappingURL=AppDesignTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppDesignTokens.js","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,gFAAgF;AAChF,mCAAmC;AACnC,gFAAgF;AAEhF,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,GAIV,MAAM,qBAAqB,CAAC;AAE7B,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,GAQZ,MAAM,mBAAmB,CAAC;AAE3B,gFAAgF;AAChF,wBAAwB;AACxB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}