@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.18 → 0.2.22

package/dist/tokens/index.js

@@ -5,7 +5,7 @@ export { TokenExporter } from './tokenExporter';
 export { TokenValidator } from './tokenValidator';
 export { TokenManager } from './tokenManager';
 // Convenience functions
-import { TokenManager } from './tokenManager';
+import { TokenManager } from './tokenManager.js';
 export const createTokenManager = (options) => new TokenManager(options);
 // Default token manager instance
 export const defaultTokenManager = new TokenManager();

package/dist/tokens/tokenExporter.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeTokens, TokenExportOptions } from './types';
+import type { ThemeTokens, TokenExportOptions } from './types.js';
 export declare class TokenExporter {
     /**
      * Exports tokens in the specified format

package/dist/tokens/tokenExporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenExporter.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenExporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,qBAAa,aAAa;IACxB;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAG,MAAM;IAiB7E;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAK3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IA4C1B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAqBrC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAcpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAgBhC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAavC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAatC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAa1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAa1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAyC3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAoBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAarC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAgBjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAYxC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAYvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAY3C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAY3C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAazB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;CAa1B"}
+{"version":3,"file":"tokenExporter.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenExporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAElE,qBAAa,aAAa;IACxB;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAG,MAAM;IAiB7E;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAK3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IA4C1B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAqBrC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAcpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAgBhC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAavC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAatC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAa1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAa1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAyC3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAoBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAarC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAgBjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAYxC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAYvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAY3C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAY3C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAazB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;CAa1B"}

package/dist/tokens/tokenGenerator.d.ts

@@ -1,5 +1,5 @@
-import type { CompleteThemeConfig } from '../themes/types';
-import type { ThemeTokens } from './types';
+import type { CompleteThemeConfig } from '../themes/types.js';
+import type { ThemeTokens } from './types.js';
 export declare class TokenGenerator {
     /**
      * Generates design tokens from a complete theme configuration

package/dist/tokens/tokenGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenGenerator.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAiF,MAAM,SAAS,CAAC;AAE1H,qBAAa,cAAc;IACzB;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,mBAAmB,GAAG,WAAW;IAcpE;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAyClC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAmB/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IA6GjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAmBpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAmBnC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAmBvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;CAO5B"}
+{"version":3,"file":"tokenGenerator.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAiF,MAAM,YAAY,CAAC;AAE7H,qBAAa,cAAc;IACzB;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,mBAAmB,GAAG,WAAW;IAcpE;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAyClC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAmB/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IA6GjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAmBpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAmBnC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAmBvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;CAO5B"}

package/dist/tokens/tokenManager.d.ts

@@ -1,6 +1,6 @@
-import type { CompleteThemeConfig } from '../themes/types';
-import type { ThemeTokens, TokenExportOptions } from './types';
-import { ValidationResult } from './tokenValidator';
+import type { CompleteThemeConfig } from '../themes/types.js';
+import type { ThemeTokens, TokenExportOptions } from './types.js';
+import { ValidationResult } from './tokenValidator.js';
 export interface TokenManagerOptions {
     autoValidate?: boolean;
     autoGenerate?: boolean;

package/dist/tokens/tokenManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenManager.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG/D,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,eAAe,CAAuC;gBAElD,OAAO,GAAE,mBAAwB;IAW7C;;OAEG;IACH,cAAc,CAAC,WAAW,EAAE,mBAAmB,GAAG,WAAW;IAc7D;;OAEG;IACH,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;IAQhF;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,gBAAgB;IAIrD;;OAEG;IACH,YAAY,CACV,MAAM,EAAE,WAAW,EACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,EACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,GACxC,MAAM;IAWT;;OAEG;IACH,eAAe,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAW3E;;OAEG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,IAAI;IAU1F;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIrD;;OAEG;IACH,YAAY,IAAI,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;IAIxC;;OAEG;IACH,WAAW,IAAI,IAAI;IAInB;;OAEG;IACH,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAIxC;;OAEG;IACH,aAAa,IAAI;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC;IAsBD;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAI7D;;OAEG;IACH,UAAU,IAAI,mBAAmB;IAIjC;;OAEG;IACH,YAAY,CACV,SAAS,EAAE,MAAM,EACjB,MAAM,GAAE,kBAAkB,CAAC,QAAQ,CAAU,EAC7C,QAAQ,CAAC,EAAE,MAAM,GAChB;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;IAkB1D;;OAEG;IACH,gBAAgB,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAkB9H"}
+{"version":3,"file":"tokenManager.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,EAAkB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,eAAe,CAAuC;gBAElD,OAAO,GAAE,mBAAwB;IAW7C;;OAEG;IACH,cAAc,CAAC,WAAW,EAAE,mBAAmB,GAAG,WAAW;IAc7D;;OAEG;IACH,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;IAQhF;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,gBAAgB;IAIrD;;OAEG;IACH,YAAY,CACV,MAAM,EAAE,WAAW,EACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,EACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,GACxC,MAAM;IAWT;;OAEG;IACH,eAAe,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAW3E;;OAEG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,IAAI;IAU1F;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIrD;;OAEG;IACH,YAAY,IAAI,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;IAIxC;;OAEG;IACH,WAAW,IAAI,IAAI;IAInB;;OAEG;IACH,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAIxC;;OAEG;IACH,aAAa,IAAI;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC;IAsBD;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAI7D;;OAEG;IACH,UAAU,IAAI,mBAAmB;IAIjC;;OAEG;IACH,YAAY,CACV,SAAS,EAAE,MAAM,EACjB,MAAM,GAAE,kBAAkB,CAAC,QAAQ,CAAU,EAC7C,QAAQ,CAAC,EAAE,MAAM,GAChB;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;IAkB1D;;OAEG;IACH,gBAAgB,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAkB9H"}

package/dist/tokens/tokenManager.esm.js

@@ -1,6 +1,6 @@
-import { TokenGenerator } from './tokenGenerator';
-import { TokenExporter } from './tokenExporter';
-import { TokenValidator } from './tokenValidator';
+import { TokenGenerator } from './tokenGenerator.js';
+import { TokenExporter } from './tokenExporter.js';
+import { TokenValidator } from './tokenValidator.js';
 export class TokenManager {
     constructor(options = {}) {
         this.generatedTokens = new Map();

package/dist/tokens/tokenManager.js

@@ -1,6 +1,6 @@
-import { TokenGenerator } from './tokenGenerator';
-import { TokenExporter } from './tokenExporter';
-import { TokenValidator } from './tokenValidator';
+import { TokenGenerator } from './tokenGenerator.js';
+import { TokenExporter } from './tokenExporter.js';
+import { TokenValidator } from './tokenValidator.js';
 export class TokenManager {
     constructor(options = {}) {
         this.generatedTokens = new Map();

package/dist/tokens/tokenValidator.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeTokens } from './types';
+import type { ThemeTokens } from './types.js';
 export interface ValidationResult {
     isValid: boolean;
     errors: ValidationError[];

package/dist/tokens/tokenValidator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenValidator.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenValidator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,cAAc;IACzB;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,gBAAgB;IA8C5D;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAoBpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAwBjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAmD5B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAqCjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAoCjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAyBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAiCpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAkCtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAiCtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IA0BnC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAyBlC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAyBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IA0BtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,OAAO;IAOtB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAS/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAM3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,cAAc;CAI9B"}
+{"version":3,"file":"tokenValidator.d.ts","sourceRoot":"","sources":["../../src/tokens/tokenValidator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,YAAY,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,cAAc;IACzB;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,gBAAgB;IA8C5D;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAoBpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAwBjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAmD5B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAqCjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAoCjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAyBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAiCpC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAkCtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAiCtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IA0BnC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAyBlC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAyBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IA0BtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,OAAO;IAOtB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAS/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAM3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,cAAc;CAI9B"}

package/dist/utils/lazy-loading.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface LazyLoadConfig {
     enabled: boolean;
     preloadThreshold: number;

package/dist/utils/lazy-loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-loading.d.ts","sourceRoot":"","sources":["../../src/utils/lazy-loading.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"lazy-loading.d.ts","sourceRoot":"","sources":["../../src/utils/lazy-loading.ts"],"names":[],"mappings":"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"}

package/dist/utils/lazy-loading.esm.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import * as React from 'react';
+;
 export class LazyLoader {
     constructor(config = {
         enabled: true,

package/dist/utils/lazy-loading.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import * as React from 'react';
+;
 export class LazyLoader {
     constructor(config = {
         enabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rakeyshgidwani/roger-ui-bank-theme-stan-design",
-  "version": "0.2.18",
+  "version": "0.2.22",
   "description": "Roger UI stan-design theme - Complete design system with components, styles, and utilities",
   "keywords": [
     "design-system",

package/src/components/ui/accessibility-demo.tsx

@@ -1,16 +1,17 @@
 'use client'
 
-import React, { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { accessibilityManager } from '../../themes/accessibility';
-import { screenReaderOptimizer } from '../../themes/screen-reader';
-import { highContrastThemeManager } from '../../themes/high-contrast';
-import { focusManager } from '../../themes/focus-management';
-import { motionReductionManager } from '../../themes/motion-reduction';
-import { ARIAUtils as AriaPatternGenerator } from '../../themes/aria-patterns';
+import * as React from 'react';
+import { useState, useEffect } from 'react';;
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { accessibilityManager } from '../../themes/accessibility.js';
+import { screenReaderOptimizer } from '../../themes/screen-reader.js';
+import { highContrastThemeManager } from '../../themes/high-contrast.js';
+import { focusManager } from '../../themes/focus-management.js';
+import { motionReductionManager } from '../../themes/motion-reduction.js';
+import { ARIAUtils as AriaPatternGenerator } from '../../themes/aria-patterns.js';
 
 interface AccessibilityDemoProps {
   className?: string;

package/src/components/ui/advanced-component-architecture-demo.tsx

@@ -1,14 +1,15 @@
 'use client'
 
-import React, { useState, useCallback, useEffect } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card'
-import { Badge } from './badge'
-import { Button } from './button'
-import { useAdvancedPatterns } from '../../hooks/use-advanced-patterns'
-import { useComponentPerformance } from '../../hooks/use-component-performance'
-import { useMobileOptimization } from '../../hooks/use-mobile-optimization'
-import { useReusableArchitecture } from '../../hooks/use-reusable-architecture'
-import { useAccessibilitySupport } from '../../hooks/use-accessibility-support'
+import * as React from 'react';
+import { useState, useCallback, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
+import { Badge } from './badge.js'
+import { Button } from './button.js'
+import { useAdvancedPatterns } from '../../hooks/use-advanced-patterns.js'
+import { useComponentPerformance } from '../../hooks/use-component-performance.js'
+import { useMobileOptimization } from '../../hooks/use-mobile-optimization.js'
+import { useReusableArchitecture } from '../../hooks/use-reusable-architecture.js'
+import { useAccessibilitySupport } from '../../hooks/use-accessibility-support.js'
 
 export const AdvancedComponentArchitectureDemo: React.FC = () => {
   const [activeTab, setActiveTab] = useState<'patterns' | 'performance' | 'mobile' | 'architecture' | 'accessibility'>('patterns')

package/src/components/ui/advanced-transition-system-demo.tsx

@@ -1,14 +1,15 @@
 'use client'
 
-import React, { useState } from 'react'
-import { Badge } from './badge'
-import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system'
+import * as React from 'react';
+import { useState } from 'react';
+import { Badge } from './badge.js'
+import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system.js'
 import {
   AdvancedTransitionButton,
   AdvancedTransitionCard,
   AdvancedTransitionInput,
   AdvancedTransitionList
-} from './advanced-transition-system'
+} from './advanced-transition-system.js'
 
 export const AdvancedTransitionSystemDemo: React.FC = () => {
   const [activeDemo, setActiveDemo] = useState<'transitions' | 'performance' | 'device' | 'accessibility'>('transitions')

package/src/components/ui/advanced-transition-system.tsx

@@ -1,8 +1,9 @@
 'use client'
 
-import React, { forwardRef, useState, useEffect } from 'react'
+import * as React from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { cn } from '../../lib/utils'
-import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system'
+import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system.js'
 
 // Advanced Transition Container Component
 export interface AdvancedTransitionContainerProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/components/ui/animation/animated-container.tsx

@@ -1,8 +1,9 @@
 'use client'
 
-import React, { forwardRef, useEffect, useRef, useState } from 'react'
+import * as React from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
 import { cn } from '../../../lib/utils'
-import { useAnimationProfile } from '../../../hooks/use-animation-profile'
+import { useAnimationProfile } from '../../../hooks/use-animation-profile.js'
 
 export interface AnimatedContainerProps extends React.HTMLAttributes<HTMLDivElement> {
   animation?: 'fadeIn' | 'slideIn' | 'scaleIn' | 'bounce' | 'none'

package/src/components/ui/animation/staggered-container.tsx

@@ -1,6 +1,7 @@
-import React, { Children, cloneElement, isValidElement, ReactElement } from 'react'
+import * as React from 'react';
+import { Children, cloneElement, isValidElement, ReactElement } from 'react';
 import { cn } from '../../../lib/utils'
-import { AnimatedContainer, AnimatedContainerProps } from './animated-container'
+import { AnimatedContainer, AnimatedContainerProps } from './animated-container.js'
 
 export interface StaggeredContainerProps extends Omit<AnimatedContainerProps, 'children'> {
   children: React.ReactNode

package/src/components/ui/animation-demo.tsx

@@ -1,9 +1,10 @@
 'use client'
 
-import React, { useState } from 'react'
-import { Card } from './card'
-import { Button } from './button'
-import { Badge } from './badge'
+import * as React from 'react';
+import { useState } from 'react';
+import { Card } from './card.js'
+import { Button } from './button.js'
+import { Badge } from './badge.js'
 import { 
   AnimatedContainer, 
   StaggeredContainer,

package/src/components/ui/battery-conscious-animation-demo.tsx

@@ -1,11 +1,12 @@
 'use client'
 
-import React, { useState, useCallback } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card'
-import { Badge } from './badge'
-import { Button } from './button'
-import { useBatteryAnimations } from '../../hooks/use-battery-animations'
-import { usePerformanceThrottling } from '../../hooks/use-performance-throttling'
+import * as React from 'react';
+import { useState, useCallback } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
+import { Badge } from './badge.js'
+import { Button } from './button.js'
+import { useBatteryAnimations } from '../../hooks/use-battery-animations.js'
+import { usePerformanceThrottling } from '../../hooks/use-performance-throttling.js'
 
 export const BatteryConsciousAnimationDemo: React.FC = () => {
   const [showBatteryInfo, setShowBatteryInfo] = useState(true)

package/src/components/ui/border-radius-shadow-demo.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Card } from './card';
-import { Button } from './button';
+import * as React from 'react';;
+import { Card } from './card.js';
+import { Button } from './button.js';
 
 export const BorderRadiusShadowDemo: React.FC = () => {
   return (

package/src/components/ui/color-preview.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
+import * as React from 'react';;
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
 import { useTheme } from '../../themes';
-import { ColorScale, SemanticColors } from '../../themes/types';
-import { ColorManager } from '../../themes/colorManager';
+import { ColorScale, SemanticColors } from '../../themes/types.js';
+import { ColorManager } from '../../themes/colorManager.js';
 
 export interface ColorPreviewProps {
   colorScale?: ColorScale;

package/src/components/ui/data-display/chart.tsx

@@ -1,11 +1,12 @@
 'use client'
 
-import React, { useMemo, useRef } from 'react';
-import { useTheme } from '../../../themes/useTheme';
+import * as React from 'react';
+import { useMemo, useRef } from 'react';;
+import { useTheme } from '../../../themes/useTheme.js';
 import { 
   ChartProps, 
   ChartData
-} from './types';
+} from './types.js';
 
 // Simple icon components (inline SVG)
 const BarChartIcon: React.FC<{ className?: string }> = ({ className = 'w-4 h-4' }) => (

package/src/components/ui/data-display/data-grid-simple.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { DataGridProps } from './types';
+import * as React from 'react';;
+import { DataGridProps } from './types.js';
 
 // Minimal DataGrid component for testing
 export const DataGridSimple: React.FC<DataGridProps> = ({

package/src/components/ui/data-display/data-grid.tsx

@@ -1,12 +1,13 @@
 'use client'
 
-import React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useCallback, useMemo, useRef, useEffect } from 'react';;
 import { 
   DataGridProps, 
   DataGridColumnProps, 
   SortableColumn, 
   FilterConfig 
-} from './types';
+} from './types.js';
 
 // Simple icon components
 const ChevronUpIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/data-display/list.tsx

@@ -1,12 +1,13 @@
 'use client'
 
-import React, { useState, useCallback, useMemo } from 'react';
+import * as React from 'react';
+import { useState, useCallback, useMemo } from 'react';;
 import { 
   ListProps, 
   ListItem, 
   ListAction,
   ListFilter
-} from './types';
+} from './types.js';
 
 // Simple icon components (inline SVG)
 const ChevronRightIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/data-display/table.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback } from 'react';
+import * as React from 'react';
+import { useState, useCallback } from 'react';;
 import { 
   TableProps, 
   TableRowProps, 
@@ -8,7 +9,7 @@ import {
   SortConfig, 
   PaginationConfig,
   FilterConfig 
-} from './types';
+} from './types.js';
 
 // Simple icon components
 const ChevronUpIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/data-display/timeline.tsx

@@ -1,12 +1,13 @@
 'use client'
 
-import React, { useState, useMemo } from 'react';
+import * as React from 'react';
+import { useState, useMemo } from 'react';;
 import { 
   TimelineProps, 
   TimelineItem, 
   TimelineAction,
   TimelineItemProps
-} from './types';
+} from './types.js';
 
 // Simple icon components (inline SVG)
 const CalendarIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/data-display/tree.tsx

@@ -1,12 +1,13 @@
 'use client'
 
-import React, { useCallback, useMemo } from 'react';
-import { useTheme } from '../../../themes/useTheme';
+import * as React from 'react';
+import { useCallback, useMemo } from 'react';;
+import { useTheme } from '../../../themes/useTheme.js';
 import { 
   TreeProps, 
   TreeNode, 
   TreeItemProps
-} from './types';
+} from './types.js';
 
 // Simple icon components (inline SVG)
 const ChevronRightIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/data-display/types.ts

@@ -1,7 +1,7 @@
 // Data Display Components - Shared Types
 // Comprehensive type definitions for all data display components
 
-import React from 'react';
+import * as React from 'react';;
 
 // ============================================================================
 // COMMON INTERFACES

package/src/components/ui/enterprise-mobile-experience-demo.tsx

@@ -1,8 +1,9 @@
 'use client'
 
-import React, { useState } from 'react'
-import { Badge } from './badge'
-import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience'
+import * as React from 'react';
+import { useState } from 'react';
+import { Badge } from './badge.js'
+import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience.js'
 import {
   EnterpriseButton,
   EnterpriseCard,
@@ -12,7 +13,7 @@ import {
   EnterpriseStatus,
   EnterpriseLoading,
   EnterpriseNotification
-} from './enterprise-mobile-experience'
+} from './enterprise-mobile-experience.js'
 
 export const EnterpriseMobileExperienceDemo: React.FC = () => {
   const [activeDemo, setActiveDemo] = useState<'overview' | 'quality' | 'performance' | 'accessibility' | 'components'>('overview')

package/src/components/ui/enterprise-mobile-experience.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { forwardRef, useState, useEffect } from 'react'
+import * as React from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { cn } from '../../lib/utils'
 
 // Enterprise Button Component

package/src/components/ui/feedback/alert.tsx

@@ -1,7 +1,8 @@
 'use client'
 
-import React, { useState, useCallback } from 'react';
-import { AlertProps, AlertAction } from './types';
+import * as React from 'react';
+import { useState, useCallback } from 'react';;
+import { AlertProps, AlertAction } from './types.js';
 
 // Simple icon components
 const CheckCircleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/feedback/progress.tsx

@@ -1,8 +1,9 @@
 'use client'
 
-import React, { useEffect, useState } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { ProgressProps, ProgressStep } from './types';
+import * as React from 'react';
+import { useEffect, useState } from 'react';;
+import { useTheme } from '../../../themes/useTheme.js';
+import { ProgressProps, ProgressStep } from './types.js';
 
 // Default color fallbacks for when theme is not available
 const getDefaultColors = () => ({

package/src/components/ui/feedback/skeleton.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types';
+import * as React from 'react';;
+import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types.js';
 
 // Base Skeleton Component
 const BaseSkeleton: React.FC<SkeletonProps> = ({

package/src/components/ui/feedback/toast.tsx

@@ -1,7 +1,8 @@
 'use client'
 
-import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { ToastProps, ToastAction, ToastContainerProps } from './types';
+import * as React from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';;
+import { ToastProps, ToastAction, ToastContainerProps } from './types.js';
 
 // Simple icon components
 const CheckCircleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (

package/src/components/ui/feedback/types.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 
 // Base props for all feedback components
 export interface FeedbackBaseProps {

package/src/components/ui/font-preview.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
+import * as React from 'react';;
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
 import { useTheme } from '../../themes';
-import { FontConfig } from '../../themes/types';
+import { FontConfig } from '../../themes/types.js';
 
 export interface FontPreviewProps {
   fontConfig?: FontConfig;

package/src/components/ui/form-demo.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import React, { useState, useRef } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card'
-import { Button } from './button'
-import { Badge } from './badge'
-import { Tabs } from './navigation/tabs'
-import MobileFormValidation, { MobileFormValidationRef } from './mobile-form-validation'
+import * as React from 'react';
+import { useState, useRef } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
+import { Button } from './button.js'
+import { Badge } from './badge.js'
+import { Tabs } from './navigation/tabs.js'
+import MobileFormValidation, { MobileFormValidationRef } from './mobile-form-validation.js'
 
-import { InputType } from '../../hooks/use-semantic-input'
+import { InputType } from '../../hooks/use-semantic-input.js'
 
 export const FormDemo: React.FC = () => {
   const [activeTab, setActiveTab] = useState<'basic' | 'advanced' | 'performance' | 'semantic'>('basic')

package/src/components/ui/hardware-acceleration-demo.tsx

@@ -1,11 +1,12 @@
 'use client'
 
-import React, { useState, useCallback, useEffect } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card'
-import { Badge } from './badge'
-import { Button } from './button'
-import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration'
-import { useBatteryOptimization } from '../../hooks/use-battery-optimization'
+import * as React from 'react';
+import { useState, useCallback, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
+import { Badge } from './badge.js'
+import { Button } from './button.js'
+import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration.js'
+import { useBatteryOptimization } from '../../hooks/use-battery-optimization.js'
 
 export const HardwareAccelerationDemo: React.FC = () => {
   const [showGPUInfo, setShowGPUInfo] = useState(true)