@umituz/react-native-design-system 1.3.1 → 1.3.3

package/lib/presentation/utils/variants/compound.d.ts

@@ -0,0 +1,10 @@
+import { Style, VariantConfig, VariantProps } from './core';
+export type CompoundVariant<T extends Record<string, any>> = {
+    conditions: Partial<VariantProps<T>>;
+    style: Style;
+};
+export type AdvancedVariantConfig<T extends Record<string, any>> = VariantConfig<T> & {
+    compoundVariants?: CompoundVariant<T>[];
+};
+export declare function createAdvancedVariants<T extends Record<string, any>>(config: AdvancedVariantConfig<T>): (props?: VariantProps<T>) => Style;
+//# sourceMappingURL=compound.d.ts.map

package/lib/presentation/utils/variants/compound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound.d.ts","sourceRoot":"","sources":["../../../../src/presentation/utils/variants/compound.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAkB,MAAM,QAAQ,CAAC;AAE5E,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3D,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACpF,gBAAgB,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CACzC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,IAGnF,QAAO,YAAY,CAAC,CAAC,CAAM,KAAG,KAAK,CAcrD"}

package/lib/presentation/utils/variants/compound.js

@@ -0,0 +1,16 @@
+import { createVariants } from './core';
+export function createAdvancedVariants(config) {
+    const baseVariantFn = createVariants(config);
+    return function (props = {}) {
+        let result = baseVariantFn(props);
+        if (config.compoundVariants) {
+            for (const compound of config.compoundVariants) {
+                const conditionsMet = Object.entries(compound.conditions).every(([key, value]) => props[key] === value);
+                if (conditionsMet)
+                    result = { ...result, ...compound.style };
+            }
+        }
+        return result;
+    };
+}
+//# sourceMappingURL=compound.js.map

package/lib/presentation/utils/variants/compound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound.js","sourceRoot":"","sources":["../../../../src/presentation/utils/variants/compound.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,cAAc,EAAE,MAAM,QAAQ,CAAC;AAW5E,MAAM,UAAU,sBAAsB,CAAgC,MAAgC;IACpG,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAE7C,OAAO,UAAU,QAAyB,EAAE;QAC1C,IAAI,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,MAAM,CAAC,gBAAgB,EAAE,CAAC;YAC5B,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,gBAAgB,EAAE,CAAC;gBAC/C,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,KAAK,CAC7D,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,GAAc,CAAC,KAAK,KAAK,CAClD,CAAC;gBACF,IAAI,aAAa;oBAAE,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC/D,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC"}

package/lib/presentation/utils/variants/core.d.ts

@@ -0,0 +1,15 @@
+import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
+type Style = ViewStyle | TextStyle | ImageStyle;
+export type VariantConfig<T extends Record<string, any>> = {
+    base?: Style;
+    variants?: T;
+    defaultVariants?: {
+        [K in keyof T]?: keyof T[K];
+    };
+};
+export type VariantProps<T extends Record<string, any>> = {
+    [K in keyof T]?: keyof T[K];
+};
+export declare function createVariants<T extends Record<string, any>>(config: VariantConfig<T>): (props?: VariantProps<T>) => Style;
+export type { Style };
+//# sourceMappingURL=core.d.ts.map

package/lib/presentation/utils/variants/core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../src/presentation/utils/variants/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,eAAe,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;KAAE,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACvD,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,IACnE,QAAO,YAAY,CAAC,CAAC,CAAM,KAAG,KAAK,CAqBrD;AAED,YAAY,EAAE,KAAK,EAAE,CAAC"}

package/lib/presentation/utils/variants/core.js

@@ -0,0 +1,23 @@
+export function createVariants(config) {
+    return function (props = {}) {
+        let result = { ...config.base };
+        if (config.defaultVariants) {
+            for (const [variantKey, defaultValue] of Object.entries(config.defaultVariants)) {
+                if (config.variants?.[variantKey] && defaultValue) {
+                    const variantStyle = config.variants[variantKey][defaultValue];
+                    if (variantStyle)
+                        result = { ...result, ...variantStyle };
+                }
+            }
+        }
+        for (const [variantKey, variantValue] of Object.entries(props)) {
+            if (config.variants?.[variantKey] && variantValue) {
+                const variantStyle = config.variants[variantKey][variantValue];
+                if (variantStyle)
+                    result = { ...result, ...variantStyle };
+            }
+        }
+        return result;
+    };
+}
+//# sourceMappingURL=core.js.map

package/lib/presentation/utils/variants/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/presentation/utils/variants/core.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,cAAc,CAAgC,MAAwB;IACpF,OAAO,UAAU,QAAyB,EAAE;QAC1C,IAAI,MAAM,GAAU,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;QAEvC,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;YAC3B,KAAK,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;gBAChF,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,IAAI,YAAY,EAAE,CAAC;oBAClD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,YAAsB,CAAC,CAAC;oBACzE,IAAI,YAAY;wBAAE,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;gBAC5D,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/D,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,IAAI,YAAY,EAAE,CAAC;gBAClD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,YAAsB,CAAC,CAAC;gBACzE,IAAI,YAAY;oBAAE,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;YAC5D,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC"}

package/lib/presentation/utils/variants/helpers.d.ts

@@ -0,0 +1,5 @@
+import { Style } from './core';
+export declare function combineStyles<T extends Style>(...styles: (T | undefined | null | false)[]): T;
+export declare function conditionalStyle<T extends Style>(condition: boolean, trueStyle: T, falseStyle?: T): T | undefined;
+export declare function responsiveStyle<T extends Style>(small: T, medium?: T, large?: T): T;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/presentation/utils/variants/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/utils/variants/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,wBAAgB,aAAa,CAAC,CAAC,SAAS,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,CAE7F;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAEjH;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAEnF"}

package/lib/presentation/utils/variants/helpers.js

@@ -0,0 +1,10 @@
+export function combineStyles(...styles) {
+    return styles.reduce((acc, style) => (style ? { ...acc, ...style } : acc), {});
+}
+export function conditionalStyle(condition, trueStyle, falseStyle) {
+    return condition ? trueStyle : falseStyle;
+}
+export function responsiveStyle(small, medium, large) {
+    return small;
+}
+//# sourceMappingURL=helpers.js.map

package/lib/presentation/utils/variants/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/presentation/utils/variants/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAkB,GAAG,MAAwC;IACxF,OAAO,MAAM,CAAC,MAAM,CAAI,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,EAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAO,CAAC,CAAC;AAC9F,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAkB,SAAkB,EAAE,SAAY,EAAE,UAAc;IAChG,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,eAAe,CAAkB,KAAQ,EAAE,MAAU,EAAE,KAAS;IAC9E,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib/presentation/utils/variants.d.ts

@@ -0,0 +1,4 @@
+export * from './variants/core';
+export * from './variants/compound';
+export * from './variants/helpers';
+//# sourceMappingURL=variants.d.ts.map

package/lib/presentation/utils/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/presentation/utils/variants.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/lib/presentation/utils/variants.js

@@ -0,0 +1,4 @@
+export * from './variants/core';
+export * from './variants/compound';
+export * from './variants/helpers';
+//# sourceMappingURL=variants.js.map

package/lib/presentation/utils/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../src/presentation/utils/variants.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,10 +1,16 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit",
+    "clean": "rm -rf lib",
+    "prebuild": "npm run clean",
+    "prepublishOnly": "npm run build",
     "version:patch": "npm version patch -m 'chore: release v%s'",
     "version:minor": "npm version minor -m 'chore: release v%s'",
     "version:major": "npm version major -m 'chore: release v%s'"
@@ -28,20 +34,50 @@
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
     "react-native-reanimated": "~3.10.1",
+    "react-native-svg": ">=13.0.0",
     "@react-native-community/datetimepicker": "8.0.1",
     "@expo/vector-icons": "^14.0.0",
     "lucide-react-native": "^0.468.0",
-    "zustand": "^5.0.2"
+    "zustand": "^5.0.2",
+    "expo-linear-gradient": "~13.0.2",
+    "@react-navigation/native": "^6.0.0",
+    "@umituz/react-native-localization": "^1.0.0"
   },
   "peerDependenciesMeta": {
     "@react-native-community/datetimepicker": {
       "optional": true
+    },
+    "expo-linear-gradient": {
+      "optional": true
+    },
+    "@react-navigation/native": {
+      "optional": true
+    },
+    "@umituz/react-native-localization": {
+      "optional": true
     }
   },
+  "devDependencies": {
+    "typescript": "^5.3.3",
+    "@types/react": "^18.2.45",
+    "@types/react-native": "^0.73.0",
+    "react": ">=18.2.0",
+    "react-native": ">=0.74.0",
+    "react-native-reanimated": "~3.10.1",
+    "react-native-svg": "^15.0.0",
+    "@expo/vector-icons": "^14.0.0",
+    "lucide-react-native": "^0.468.0",
+    "zustand": "^5.0.2",
+    "react-native-safe-area-context": "^4.8.0",
+    "@react-native-community/datetimepicker": "8.0.1",
+    "expo-linear-gradient": "~13.0.2",
+    "@react-navigation/native": "^6.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "files": [
+    "lib",
     "src",
     "README.md",
     "LICENSE"

package/src/domains/icons/domain/interfaces/IIconAdapter.ts

@@ -14,7 +14,9 @@
  * };
  */
 
-import type { DesignTokens } from '@umituz/react-native-design-system';
+import type { ComponentType } from 'react';
+import type { ViewStyle } from 'react-native';
+import type { DesignTokens } from '../../../../presentation/tokens/core/TokenFactory';
 
 export type IconName = string;
 export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -41,7 +43,7 @@ export interface IIconAdapter {
    * @param name - Icon name (library-specific)
    * @returns Icon component or null if not found
    */
-  getIconComponent: (name: string) => any | null;
+  getIconComponent: (name: string) => ComponentType<any> | null;
 
   /**
    * Convert semantic size to pixel size
@@ -141,5 +143,5 @@ export interface IconProps {
   /**
    * Custom styles
    */
-  style?: any;
+  style?: ViewStyle;
 }

package/src/domains/icons/infrastructure/adapters/LucideAdapter.ts

@@ -14,7 +14,7 @@
 
 import { icons } from 'lucide-react-native';
 import type { IIconAdapter, IconSize, IconColor } from '../../domain/interfaces/IIconAdapter';
-import type { DesignTokens } from '@umituz/react-native-design-system';
+import type { DesignTokens } from '../../../../presentation/tokens/core/TokenFactory';
 
 /**
  * Size mapping: Semantic → Pixels

package/src/presentation/molecules/AtomicConfirmationModal.tsx

@@ -40,7 +40,7 @@
 import React from 'react';
 import { View, Modal, TouchableOpacity } from 'react-native';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import { useLocalization } from '@domains/localization';
+import { useLocalization } from '@umituz/react-native-localization';
 import { AtomicText } from '../atoms/AtomicText';
 import { AtomicButton } from '../atoms/AtomicButton';
 import { AtomicIcon } from '../atoms/AtomicIcon';

package/src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts

@@ -1,6 +1,5 @@
 import { useNavigation } from '@react-navigation/native';
-import { useLocalization } from '@domains/localization';
-import { getLanguageByCode, getDefaultLanguage } from '@constants/languages';
+import { useLocalization, getLanguageByCode, getDefaultLanguage } from '@umituz/react-native-localization';
 
 export const useLanguageNavigation = (navigationScreen: string) => {
   const navigation = useNavigation();