@umituz/react-native-design-system 1.3.6 → 1.4.0

package/lib/presentation/tokens/core/BaseTokens.js

@@ -184,23 +184,6 @@ export const typography = {
     },
 };
 // =============================================================================
-// ANIMATION TOKENS
-// =============================================================================
-export const animations = {
-    // Duration scale (milliseconds)
-    fastest: 150,
-    fast: 150,
-    normal: 300,
-    slow: 500,
-    slower: 750,
-    slowest: 1000,
-    // Easing functions
-    easeInOut: 'ease-in-out',
-    easeIn: 'ease-in',
-    easeOut: 'ease-out',
-    linear: 'linear',
-};
-// =============================================================================
 // OPACITY TOKENS
 // =============================================================================
 export const opacity = {
@@ -312,7 +295,6 @@ export const avatarSizes = {
 export const BASE_TOKENS = {
     spacing,
     typography,
-    animations,
     opacity,
     borders,
     sizes,

package/lib/presentation/tokens/core/BaseTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTokens.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BaseTokens.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,gFAAgF;AAChF,iBAAiB;AACjB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,qBAAqB;IACrB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IAER,6BAA6B;IAC7B,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IACjB,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,EAAE;IAElB,aAAa;IACb,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE;IAEhB,oBAAoB;IACpB,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;CACR,CAAC;AAEX,gFAAgF;AAChF,oBAAoB;AACpB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,gBAAgB;IAChB,WAAW,EAAE,QAAQ;IACrB,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,aAAa;IAEvB,aAAa;IACb,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IAER,eAAe;IACf,KAAK,EAAE,KAAc;IACrB,OAAO,EAAE,KAAc;IACvB,MAAM,EAAE,KAAc;IACtB,QAAQ,EAAE,KAAc;IACxB,IAAI,EAAE,KAAc;IAEpB,eAAe;IACf,eAAe,EAAE,GAAG;IACpB,gBAAgB,EAAE,GAAG;IACrB,iBAAiB,EAAE,GAAG;IAEtB,gFAAgF;IAChF,+BAA+B;IAC/B,gFAAgF;IAEhF,2BAA2B;IAC3B,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,kBAAkB;IAClB,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,eAAe;IACf,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,cAAc;IACd,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,eAAe;IACf,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,IAAI;KACJ;IAEd,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,IAAI;KACJ;IAEd,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,IAAI;KACJ;IAEd,gFAAgF;IAChF,2CAA2C;IAC3C,gFAAgF;IAEhF,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,IAAI;KACJ;IAEd,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,IAAI;KACJ;IAEd,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,IAAI;KACJ;IAEd,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;KACF;IAEd,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,WAAoB;QACnC,aAAa,EAAE,CAAC;KACJ;CACN,CAAC;AAEX,gFAAgF;AAChF,iBAAiB;AACjB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,GAAG;CACN,CAAC;AAEX,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,eAAe;IACf,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,IAAI;KACX;IAED,cAAc;IACd,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IAED,gFAAgF;IAChF,MAAM,EAAE;QACN,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;KACf;IAED,IAAI,EAAE;QACJ,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;KACf;IAED,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;KACf;IAED,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,CAAC;KACf;CACO,CAAC;AAEX,gFAAgF;AAChF,wDAAwD;AACxD,gFAAgF;AAEhF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,2CAA2C;IAC3C,WAAW,EAAE,EAAE;IACf,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,EAAE;IAEpB,iBAAiB;IACjB,YAAY,EAAE;QACZ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP;IAED,0CAA0C;IAC1C,GAAG,EAAE;QACH,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,EAAE;KACX;IAED,gBAAgB;IAChB,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IAED,0BAA0B;IAC1B,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,CAAC;CACJ,CAAC;AAEX,gFAAgF;AAChF,aAAa;AACb,gFAAgF;AAEhF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACC,CAAC;AAEX,gFAAgF;AAChF,eAAe;AACf,gFAAgF;AAEhF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACC,CAAC;AAEX,gFAAgF;AAChF,6BAA6B;AAC7B,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO;IACP,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,SAAS;IACT,WAAW;CACH,CAAC"}

package/lib/presentation/tokens/core/TokenFactory.d.ts

@@ -12,13 +12,12 @@ import { BASE_TOKENS } from './BaseTokens';
 import { withAlpha, type ThemeMode, type ColorPalette } from './ColorPalette';
 /**
  * Complete design tokens shape
- * Combines static tokens (spacing, typography, animations, borders) + dynamic colors
+ * Combines static tokens (spacing, typography, borders) + dynamic colors
  */
 export type DesignTokens = {
     colors: ColorPalette;
     spacing: typeof BASE_TOKENS.spacing;
     typography: typeof BASE_TOKENS.typography;
-    animations: typeof BASE_TOKENS.animations;
     iconSizes: typeof BASE_TOKENS.iconSizes;
     opacity: typeof BASE_TOKENS.opacity;
     avatarSizes: typeof BASE_TOKENS.avatarSizes;
@@ -64,7 +63,7 @@ export declare const createDesignTokens: (mode: ThemeMode) => DesignTokens;
  */
 export declare const STATIC_DESIGN_TOKENS: DesignTokens;
 /**
- * STATIC TOKENS (spacing, typography, animations, borders)
+ * STATIC TOKENS (spacing, typography, borders)
  * These DON'T change with theme - safe to use anywhere
  */
 export declare const STATIC_TOKENS: {
@@ -132,18 +131,6 @@ export declare const STATIC_TOKENS: {
         readonly caption: import("react-native").TextStyle;
         readonly overline: import("react-native").TextStyle;
     };
-    readonly animations: {
-        readonly fastest: 150;
-        readonly fast: 150;
-        readonly normal: 300;
-        readonly slow: 500;
-        readonly slower: 750;
-        readonly slowest: 1000;
-        readonly easeInOut: "ease-in-out";
-        readonly easeIn: "ease-in";
-        readonly easeOut: "ease-out";
-        readonly linear: "linear";
-    };
     readonly opacity: {
         readonly disabled: 0.6;
         readonly subtle: 0.8;

package/lib/presentation/tokens/core/TokenFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenFactory.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,SAAS,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,WAAW,EAAE,OAAO,WAAW,CAAC,WAAW,CAAC;IAC5C,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,GAAG;QACpC,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;QAChE,KAAK,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;KACnE,CAAC;CACH,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,KAAG,YA8BpD,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,cAA8B,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"TokenFactory.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,SAAS,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,WAAW,EAAE,OAAO,WAAW,CAAC,WAAW,CAAC;IAC5C,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,GAAG;QACpC,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;QAChE,KAAK,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;KACnE,CAAC;CACH,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,KAAG,YA6BpD,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,cAA8B,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}

package/lib/presentation/tokens/core/TokenFactory.js

@@ -40,7 +40,6 @@ export const createDesignTokens = (mode) => {
         // ✅ STATIC: These don't change with theme
         spacing: BASE_TOKENS.spacing,
         typography: BASE_TOKENS.typography,
-        animations: BASE_TOKENS.animations,
         iconSizes: BASE_TOKENS.iconSizes,
         opacity: BASE_TOKENS.opacity,
         avatarSizes: BASE_TOKENS.avatarSizes,
@@ -76,7 +75,7 @@ export const createDesignTokens = (mode) => {
  */
 export const STATIC_DESIGN_TOKENS = createDesignTokens('light');
 /**
- * STATIC TOKENS (spacing, typography, animations, borders)
+ * STATIC TOKENS (spacing, typography, borders)
  * These DON'T change with theme - safe to use anywhere
  */
 export const STATIC_TOKENS = BASE_TOKENS;

package/lib/presentation/tokens/core/TokenFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenFactory.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAC;AAwB/F,gFAAgF;AAChF,yBAAyB;AACzB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAgB,EAAE;IAClE,mCAAmC;IACnC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAErC,yCAAyC;IACzC,OAAO;QACL,oCAAoC;QACpC,MAAM;QAEN,0CAA0C;QAC1C,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,WAAW,EAAE,WAAW,CAAC,WAAW;QAEpC,wDAAwD;QACxD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,IAAI,EAAE;gBACJ,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI;gBAC3B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK,EAAE;gBACL,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK;gBAC5B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,kDAAkD;AAClD,gFAAgF;AAEhF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TokenFactory.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAC;AAuB/F,gFAAgF;AAChF,yBAAyB;AACzB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAgB,EAAE;IAClE,mCAAmC;IACnC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAErC,yCAAyC;IACzC,OAAO;QACL,oCAAoC;QACpC,MAAM;QAEN,0CAA0C;QAC1C,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,WAAW,EAAE,WAAW,CAAC,WAAW;QAEpC,wDAAwD;QACxD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,IAAI,EAAE;gBACJ,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI;gBAC3B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK,EAAE;gBACL,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK;gBAC5B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,kDAAkD;AAClD,gFAAgF;AAEhF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.3.6",
+  "version": "1.4.0",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
@@ -33,7 +33,6 @@
   "peerDependencies": {
     "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",
@@ -63,7 +62,6 @@
     "@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",

package/src/domains/icons/presentation/components/Icon.tsx

@@ -30,7 +30,7 @@ import { View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
 import { useAppDesignTokens } from '../../../../presentation/hooks/useAppDesignTokens';
 import { CURRENT_LIBRARY } from '../../domain/config/IconLibraryConfig';
 import { LucideAdapter } from '../../infrastructure/adapters/LucideAdapter';
-import type { IconProps } from '../../domain/interfaces/IIconAdapter';
+import type { IconProps, IconSize, IconColor } from '../../domain/interfaces/IIconAdapter';
 
 /**
  * Get adapter based on current library configuration
@@ -76,10 +76,10 @@ export const Icon: React.FC<IconProps> = ({
   }
 
   // Calculate icon size
-  const iconSize = adapter.getIconSize(size, customSize);
+  const iconSize = adapter.getIconSize(size as IconSize, customSize);
 
   // Get icon color from theme
-  const iconColor = adapter.getIconColor(color, tokens, customColor);
+  const iconColor = adapter.getIconColor(color as IconColor, tokens, customColor);
 
   // Get stroke width (for outline icons)
   const iconStrokeWidth = strokeWidth || adapter.getStrokeWidth?.() || 2;

package/src/index.ts

@@ -11,12 +11,11 @@
  * - presentation/atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
  * - presentation/molecules: Composite components (SearchBar, ListItem, etc.)
  * - presentation/organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
- * - presentation/loading: Loading states (LoadingState, LoadingSpinner)
  * - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
  * - presentation/utils: Utility functions and helpers
  *
  * Usage:
- *   import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, LoadingState, STATIC_TOKENS } from '@umituz/react-native-design-system';
+ *   import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, STATIC_TOKENS } from '@umituz/react-native-design-system';
  */
 
 // =============================================================================
@@ -228,29 +227,6 @@ export {
 // Note: FeedbackModal moved to @domains/feedback
 // Import from feedback domain: import { FeedbackModal } from '@domains/feedback';
 
-// =============================================================================
-// LOADING - Loading States
-// =============================================================================
-
-export {
-  LoadingState,
-  type LoadingStateProps,
-  type LoadingStateSize,
-} from './presentation/loading/presentation/components/LoadingState';
-
-export {
-  LoadingSpinner,
-  type LoadingSpinnerProps,
-  type LoadingSpinnerSize,
-  type LoadingSpinnerColor,
-} from './presentation/loading/presentation/components/LoadingSpinner';
-
-export {
-  useLoading,
-  type LoadingConfig,
-  type UseLoadingReturn,
-} from './presentation/loading/presentation/hooks/useLoading';
-
 // =============================================================================
 // TOKENS - Design Tokens (Refactored with ZERO duplication)
 // =============================================================================
@@ -272,7 +248,6 @@ export {
   // Individual base tokens
   spacing,
   typography,
-  animations,
   borders,
 
   // Type exports
@@ -281,7 +256,6 @@ export {
   type ColorPalette,
   type Spacing,
   type Typography,
-  type Animations,
   type Borders,
   type BaseTokens,
 } from './presentation/tokens/AppDesignTokens';

package/src/presentation/atoms/AtomicBadge.tsx

@@ -97,9 +97,9 @@ export const AtomicBadge: React.FC<AtomicBadgeProps> = ({
   const tokens = useAppDesignTokens();
   const styles = getStyles(tokens);
 
-  const sizeConfig = getSizeConfig(tokens)[size];
-  const colors = getVariantColors(tokens, variant);
-  const borderRadius = getBorderRadius(shape, sizeConfig.borderRadius, tokens);
+  const sizeConfig = getSizeConfig(tokens)[size as 'xs' | 'sm' | 'md' | 'lg'];
+  const colors = getVariantColors(tokens, variant as 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info');
+  const borderRadius = getBorderRadius(shape as 'circle' | 'rounded' | 'square', sizeConfig.borderRadius, tokens);
 
   // Handle max value display
   const displayValue = React.useMemo(() => {

package/src/presentation/atoms/AtomicButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, ActivityIndicator, View } from 'react-native';
+import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, View } from 'react-native';
 import { AtomicText } from './AtomicText';
 import { Icon } from '../../domains/icons/presentation/components/Icon';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
@@ -15,7 +15,6 @@ export interface AtomicButtonProps {
   variant?: ButtonVariant;
   size?: ButtonSize;
   disabled?: boolean;
-  loading?: boolean;
   icon?: IconName;
   fullWidth?: boolean;
   style?: StyleProp<ViewStyle>;
@@ -30,7 +29,6 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
   variant = 'primary',
   size = 'md',
   disabled = false,
-  loading = false,
   icon,
   fullWidth = false,
   style,
@@ -40,7 +38,7 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
   const tokens = useAppDesignTokens();
 
   const handlePress = () => {
-    if (!disabled && !loading) {
+    if (!disabled) {
       onPress();
     }
   };
@@ -181,7 +179,7 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
   ];
 
   const buttonText = title || children;
-  const showIcon = icon && !loading;
+  const showIcon = !!icon;
   const iconColor = variantStyles.text.color;
 
   return (
@@ -189,17 +187,11 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
       style={containerStyle}
       onPress={handlePress}
       activeOpacity={0.8}
-      disabled={disabled || loading}
+      disabled={disabled}
       testID={testID}
     >
       <View style={styles.content}>
-        {loading ? (
-          <ActivityIndicator
-            size="small"
-            color={variantStyles.text.color}
-            style={styles.loader}
-          />
-        ) : showIcon ? (
+        {showIcon ? (
           <Icon
             name={icon}
             customSize={config.iconSize}
@@ -239,9 +231,6 @@ const styles = StyleSheet.create({
   icon: {
     marginRight: 8,
   },
-  loader: {
-    marginRight: 8,
-  },
 });
 
 export type { AtomicButtonProps as ButtonProps };

package/src/presentation/atoms/AtomicDatePicker.tsx

@@ -215,7 +215,7 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
       {show && (
         <Modal
           transparent
-          animationType={isTabletDevice ? 'fade' : 'slide'}
+          animationType="none"
           visible={show}
           onRequestClose={() => setShow(false)}
         >

package/src/presentation/atoms/AtomicFab.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TouchableOpacity, ActivityIndicator, StyleSheet } from 'react-native';
+import { TouchableOpacity, StyleSheet } from 'react-native';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
 import { useResponsive } from '../hooks/useResponsive';
 import { AtomicIcon } from './AtomicIcon';
@@ -40,7 +40,6 @@ export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
  * - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
  * - Three variants: primary, secondary, surface
  * - Responsive positioning (above tab bar, safe area aware)
- * - Loading state with spinner
  * - Disabled state with opacity
  * - Theme-aware colors from design tokens
  * - Border for depth (no shadows per CLAUDE.md)
@@ -51,20 +50,19 @@ export const AtomicFab: React.FC<AtomicFabProps> = ({
   variant = 'primary',
   size = 'md',
   disabled = false,
-  loading = false,
   style,
   testID,
   accessibilityLabel,
 }) => {
   const tokens = useAppDesignTokens();
   const responsive = useResponsive();
-  const isDisabled = disabled || loading;
+  const isDisabled = disabled;
 
   // Get configurations
-  const sizeConfig = FAB_SIZES[size];
+  const sizeConfig = FAB_SIZES[size as 'sm' | 'md' | 'lg'];
   const variants = getFabVariants(tokens);
-  const variantConfig = variants[variant];
-  const iconSize = getFabIconSize(size);
+  const variantConfig = variants[variant as 'primary' | 'secondary' | 'surface'];
+  const iconSize = getFabIconSize(size as 'sm' | 'md' | 'lg');
 
   // Combine styles
   const fabStyle = StyleSheet.flatten([
@@ -94,11 +92,7 @@ export const AtomicFab: React.FC<AtomicFabProps> = ({
       accessibilityLabel={accessibilityLabel || `${icon} button`}
       accessibilityRole="button"
     >
-      {loading ? (
-        <ActivityIndicator size="small" color={variantConfig.iconColor} />
-      ) : (
-        <AtomicIcon name={icon} size={iconSize} customColor={variantConfig.iconColor} />
-      )}
+      <AtomicIcon name={icon} size={iconSize} customColor={variantConfig.iconColor} />
     </TouchableOpacity>
   );
 };

package/src/presentation/atoms/AtomicImage.tsx

@@ -75,8 +75,8 @@ export const AtomicImage: React.FC<AtomicImageProps> = ({
   const tokens = useAppDesignTokens();
   const styles = getStyles(tokens);
 
-  const imageSize = SIZE_CONFIG[size];
-  const calculatedBorderRadius = borderRadius ?? getBorderRadius(shape, imageSize, tokens);
+  const imageSize = SIZE_CONFIG[size as 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'];
+  const calculatedBorderRadius = borderRadius ?? getBorderRadius(shape as 'square' | 'circle' | 'rounded', imageSize, tokens);
 
   const containerStyle = [
     styles.container,

package/src/presentation/atoms/AtomicPicker.tsx

@@ -382,7 +382,7 @@ export const AtomicPicker: React.FC<AtomicPickerProps> = ({
       {/* Selection Modal */}
       <Modal
         visible={modalVisible}
-        animationType="slide"
+        animationType="none"
         transparent
         onRequestClose={closeModal}
         testID={`${testID}-modal`}

package/src/presentation/atoms/AtomicProgress.tsx

@@ -10,7 +10,6 @@
  * Usage:
  * - File upload progress
  * - Task completion progress
- * - Loading progress
  * - Achievement progress
  * - Form completion
  */
@@ -42,8 +41,6 @@ export interface AtomicProgressProps {
   showValue?: boolean;
   /** Custom text color */
   textColor?: string;
-  /** Animation duration in milliseconds */
-  animationDuration?: number;
   /** Style overrides */
   style?: ViewStyle | ViewStyle[];
   /** Test ID for testing */
@@ -64,7 +61,6 @@ export const AtomicProgress: React.FC<AtomicProgressProps> = ({
   showPercentage = false,
   showValue = false,
   textColor,
-  animationDuration = 300,
   style,
   testID,
 }) => {

package/src/presentation/atoms/AtomicSkeleton.tsx

@@ -1,22 +1,22 @@
 /**
- * AtomicSkeleton - Universal Skeleton Loading Component
+ * AtomicSkeleton - Universal Skeleton Placeholder Component
  *
- * Displays animated skeleton placeholders for loading states
+ * Displays skeleton placeholders for content
  * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
  *
  * Atomic Design Level: ATOM
- * Purpose: Loading state placeholder
+ * Purpose: Content placeholder
  *
  * Usage:
- * - Content loading placeholders
+ * - Content placeholders
  * - List item skeletons
  * - Card skeletons
  * - Text line skeletons
  * - Image placeholders
  */
 
-import React, { useEffect, useRef } from 'react';
-import { View, StyleSheet, ViewStyle, Animated, DimensionValue } from 'react-native';
+import React from 'react';
+import { View, StyleSheet, ViewStyle, DimensionValue } from 'react-native';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
 
 // =============================================================================
@@ -32,14 +32,8 @@ export interface AtomicSkeletonProps {
   shape?: 'rectangle' | 'circle' | 'rounded';
   /** Border radius for rounded shapes */
   borderRadius?: number;
-  /** Animation duration in milliseconds */
-  duration?: number;
-  /** Whether to show animation */
-  animated?: boolean;
   /** Skeleton color */
   color?: string;
-  /** Highlight color for animation */
-  highlightColor?: string;
   /** Style overrides */
   style?: ViewStyle;
   /** Test ID for testing */
@@ -55,43 +49,14 @@ export const AtomicSkeleton: React.FC<AtomicSkeletonProps> = ({
   height = 20,
   shape = 'rectangle',
   borderRadius,
-  duration,
-  animated = true,
   color,
-  highlightColor,
   style,
   testID,
 }) => {
   const tokens = useAppDesignTokens();
-  const animatedValue = useRef(new Animated.Value(0)).current;
 
   // Default values
-  const finalDuration = duration ?? tokens.animations.slowest;
   const skeletonColor = color || tokens.colors.surfaceVariant;
-  const skeletonHighlight = highlightColor || tokens.colors.surface;
-
-  // Animation effect
-  useEffect(() => {
-    if (animated) {
-      const animation = Animated.loop(
-        Animated.sequence([
-          Animated.timing(animatedValue, {
-            toValue: 1,
-            duration: finalDuration,
-            useNativeDriver: false,
-          }),
-          Animated.timing(animatedValue, {
-            toValue: 0,
-            duration: finalDuration,
-            useNativeDriver: false,
-          }),
-        ])
-      );
-      animation.start();
-
-      return () => animation.stop();
-    }
-  }, [animated, finalDuration, animatedValue]);
 
   // Calculate border radius based on shape
   const getBorderRadius = (): number => {
@@ -115,22 +80,6 @@ export const AtomicSkeleton: React.FC<AtomicSkeletonProps> = ({
     borderRadius: getBorderRadius(),
   };
 
-  if (animated) {
-    const animatedStyle = {
-      backgroundColor: animatedValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: [skeletonColor, skeletonHighlight],
-      }),
-    };
-
-    return (
-      <Animated.View
-        style={[skeletonStyle, animatedStyle, style]}
-        testID={testID}
-      />
-    );
-  }
-
   return (
     <View
       style={[skeletonStyle, style]}

package/src/presentation/atoms/AtomicSwitch.tsx

@@ -72,8 +72,8 @@ export const AtomicSwitch: React.FC<AtomicSwitchProps> = ({
   const tokens = useAppDesignTokens();
   const styles = getStyles(tokens);
 
-  const sizeConfig = SIZE_CONFIG[size];
-  const colors = getVariantColors(tokens, variant);
+  const sizeConfig = SIZE_CONFIG[size as 'sm' | 'md' | 'lg'];
+  const colors = getVariantColors(tokens, variant as 'primary' | 'secondary' | 'success' | 'warning' | 'error');
 
   const defaultTrackColor = trackColor || {
     false: colors.trackFalse,

package/src/presentation/atoms/AtomicTouchable.tsx

@@ -1,12 +1,11 @@
 import React from 'react';
-import { Pressable, View, ActivityIndicator, StyleSheet } from 'react-native';
+import { Pressable, StyleSheet } from 'react-native';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
 import { AtomicTouchableProps, TouchableFeedback, FeedbackStrength } from './touchable/types';
 import {
   getOpacityValue,
   getTouchableContainerStyle,
   getDisabledStyle,
-  getLoadingContainerStyle,
   normalizeHitSlop,
 } from './touchable/styles/touchableStyles';
 
@@ -21,7 +20,6 @@ export {
   getOpacityValue,
   getTouchableContainerStyle,
   getDisabledStyle,
-  getLoadingContainerStyle,
   normalizeHitSlop,
 } from './touchable/styles/touchableStyles';
 
@@ -34,7 +32,6 @@ export {
  * Features:
  * - Multiple feedback variants (opacity, highlight, ripple, none)
  * - Configurable feedback strength (subtle, normal, strong)
- * - Loading state with indicator
  * - Disabled state with visual feedback
  * - Hit slop customization for small touch targets
  * - Minimum 48x48 touch target (iOS HIG compliance)
@@ -48,15 +45,6 @@ export {
  *   <AtomicText>Press Me</AtomicText>
  * </AtomicTouchable>
  *
- * // With loading state
- * <AtomicTouchable
- *   onPress={handleSubmit}
- *   loading={isSubmitting}
- *   feedback="highlight"
- * >
- *   <AtomicText>Submit</AtomicText>
- * </AtomicTouchable>
- *
  * // With custom hit slop (extends touch area)
  * <AtomicTouchable
  *   onPress={handlePress}
@@ -76,7 +64,6 @@ export const AtomicTouchable: React.FC<AtomicTouchableProps> = ({
   feedback = 'opacity',
   strength = 'normal',
   disabled = false,
-  loading = false,
   hitSlop,
   style,
   pressedStyle,
@@ -92,10 +79,10 @@ export const AtomicTouchable: React.FC<AtomicTouchableProps> = ({
   const tokens = useAppDesignTokens();
 
   // Determine if touchable should be disabled
-  const isDisabled = disabled || loading;
+  const isDisabled = disabled;
 
   // Get opacity value based on strength
-  const opacityValue = getOpacityValue(strength);
+  const opacityValue = getOpacityValue(strength as 'subtle' | 'normal' | 'strong');
 
   // Normalize hit slop
   const normalizedHitSlop = normalizeHitSlop(hitSlop);
@@ -169,21 +156,10 @@ export const AtomicTouchable: React.FC<AtomicTouchableProps> = ({
       accessibilityRole={accessibilityRole}
       accessibilityState={{
         disabled: isDisabled,
-        busy: loading,
       }}
       testID={testID}
     >
-      {loading ? (
-        <View style={getLoadingContainerStyle()}>
-          <ActivityIndicator
-            size="small"
-            color={tokens.colors.primary}
-            testID={`${testID}-loading`}
-          />
-        </View>
-      ) : (
-        children
-      )}
+      {children}
     </Pressable>
   );
 };

package/src/presentation/atoms/fab/types/index.ts

@@ -65,12 +65,6 @@ export interface AtomicFabProps {
    */
   disabled?: boolean;
 
-  /**
-   * Whether to show loading state
-   * @default false
-   */
-  loading?: boolean;
-
   /**
    * Custom style for the FAB container
    */