@ronas-it/nx-generators 0.24.0 → 0.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ronas-it/nx-generators",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "description": "Nx generators for Ronas IT projects",
   "license": "MIT",
   "author": "Ronas IT",

package/src/generators/code-checks/config.d.ts

@@ -1,8 +1,9 @@
 declare const _default: {
     'lint-staged': {
         '*.{ts,tsx}': string;
-        '*.{ts,tsx,js,html,json,md}': string;
+        '*.{ts,tsx,js,html,json,md,css,scss}': string;
         '*.{ts,tsx,js}': string;
+        '*.{css,scss}': string;
     };
     tsconfig: {
         baseUrl: string;

package/src/generators/code-checks/config.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     'lint-staged': {
         '*.{ts,tsx}': 'tsc-files --noEmit types.d.ts',
-        '*.{ts,tsx,js,html,json,md}': 'prettier --write',
+        '*.{ts,tsx,js,html,json,md,css,scss}': 'prettier --write',
         '*.{ts,tsx,js}': 'eslint --cache --fix',
+        '*.{css,scss}': 'stylelint --fix --allow-empty-input',
     },
     tsconfig: {
         baseUrl: '.',
@@ -29,6 +30,6 @@ exports.default = {
         lib: ['es2022', 'dom'],
     },
     tsConfigExclude: ['**/*.cjs', '**/*.mjs', 'node_modules', 'dist'],
-    gitIgnore: ['.eslintcache', '*.tsbuildinfo'],
+    gitIgnore: ['.eslintcache', '*.tsbuildinfo', 'output'],
 };
 //# sourceMappingURL=config.js.map

package/src/generators/code-checks/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/code-checks/config.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,aAAa,EAAE;QACb,YAAY,EAAE,+BAA+B;QAC7C,4BAA4B,EAAE,kBAAkB;QAChD,eAAe,EAAE,sBAAsB;KACxC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,IAAI;QACZ,qBAAqB,EAAE,IAAI;QAC3B,sBAAsB,EAAE,IAAI;QAC5B,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,KAAK;QACrB,mBAAmB,EAAE,KAAK;QAC1B,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,QAAQ;QAChB,gBAAgB,EAAE,SAAS;QAC3B,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,4BAA4B,EAAE,IAAI;QAClC,aAAa,EAAE,IAAI;QACnB,4BAA4B,EAAE,KAAK;QACnC,gBAAgB,EAAE,IAAI;QACtB,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;KACvB;IACD,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC;IACjE,SAAS,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC;CAC7C,CAAC"}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/code-checks/config.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,aAAa,EAAE;QACb,YAAY,EAAE,+BAA+B;QAC7C,qCAAqC,EAAE,kBAAkB;QACzD,eAAe,EAAE,sBAAsB;QACvC,cAAc,EAAE,qCAAqC;KACtD;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,IAAI;QACZ,qBAAqB,EAAE,IAAI;QAC3B,sBAAsB,EAAE,IAAI;QAC5B,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,KAAK;QACrB,mBAAmB,EAAE,KAAK;QAC1B,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,QAAQ;QAChB,gBAAgB,EAAE,SAAS;QAC3B,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,4BAA4B,EAAE,IAAI;QAClC,aAAa,EAAE,IAAI;QACnB,4BAA4B,EAAE,KAAK;QACnC,gBAAgB,EAAE,IAAI;QACtB,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;KACvB;IACD,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC;IACjE,SAAS,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,QAAQ,CAAC;CACvD,CAAC"}

package/src/generators/code-checks/files/eslint.config.cjs.template

@@ -8,7 +8,17 @@ module.exports = (async () => {
 
   return [
     {
-      ignores: ['**/node_modules', '**/dist', '**/.next', '**/*.js', '**/*.cjs', '**/*.mjs', 'apps/*/app.config.ts'],
+      ignores: [
+        '**/node_modules',
+        '**/dist',
+        '**/output',
+        '**/.next',
+        '**/*.js',
+        '**/*.cjs',
+        '**/*.mjs',
+        'apps/*/app.config.ts',
+        'apps/*/next-env.d.ts',
+      ],
     },
     ...ronasitConfig,
     {

package/src/generators/code-checks/files/stylelint.config.mjs.template

@@ -0,0 +1,20 @@
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ['stylelint-config-standard-scss'],
+  ignoreFiles: ['**/node_modules', 'dist', 'output'],
+  rules: {
+    'selector-class-pattern': [
+      '^([a-z][a-z0-9]*)(_[a-z0-9]+)*$',
+      {
+        message: (selector) => `Expected class selector "${selector}" to be snake-case`,
+      },
+    ],
+    'custom-property-empty-line-before': [
+      'always',
+      {
+        except: ['first-nested'],
+        ignore: ['after-custom-property', 'after-comment', 'inside-single-line-block'],
+      },
+    ],
+  },
+};

package/src/generators/code-checks/generator.js

@@ -34,6 +34,7 @@ function codeChecksGenerator(tree, options) {
         tree.write('.gitignore', gitignoreContent);
         // Update .prettierignore
         const prettierignoreContent = ((_b = tree.read('.prettierignore')) === null || _b === void 0 ? void 0 : _b.toString()) +
+            '\n/output' +
             '\n\n# Files with custom rules\n**/actions.ts\n**/epics.ts\n**/selectors.ts\n';
         tree.write('.prettierignore', prettierignoreContent);
         // Add files

package/src/generators/code-checks/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/code-checks/generator.ts"],"names":[],"mappings":";;AAgBA,kDA8CC;;AA9DD,iDAAyC;AACzC,6BAA6B;AAC7B,uCAQoB;AACpB,4DAA4D;AAC5D,qCAA8B;AAE9B,uCAAgC;AAEhC,SAAsB,mBAAmB,CAAC,IAAU,EAAE,OAAkC;;;QACtF,MAAM,WAAW,GAAG,GAAG,CAAC;QAExB,eAAe;QACf,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAE7B,wBAAwB;QACxB,IAAA,wBAAQ,EAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACxD,IAAA,wBAAQ,EAAC,8BAA8B,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAE/D,4BAA4B;QAC5B,IAAA,wBAAQ,EAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAExD,MAAM,WAAW,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACnD,WAAW,CAAC,aAAa,CAAC,GAAG,gBAAM,CAAC,aAAa,CAAC,CAAC;QACnD,WAAW,CAAC,OAAO,mCAAQ,iBAAO,GAAK,WAAW,CAAC,OAAO,CAAE,CAAC;QAC7D,IAAA,kBAAS,EAAC,IAAI,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;QAE7C,4BAA4B;QAC5B,MAAM,YAAY,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QAC1D,YAAY,CAAC,eAAe,mCAAQ,YAAY,CAAC,eAAe,GAAK,gBAAM,CAAC,QAAQ,CAAE,CAAC;QACvF,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,gBAAM,CAAC,eAAe,CAAC,CAAC;QACnD,IAAA,kBAAS,EAAC,IAAI,EAAE,oBAAoB,EAAE,YAAY,CAAC,CAAC;QAEpD,oBAAoB;QACpB,MAAM,gBAAgB,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,0CAAE,QAAQ,EAAE,IAAG,IAAI,GAAG,gBAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClG,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAE3C,yBAAyB;QACzB,MAAM,qBAAqB,GACzB,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,0CAAE,QAAQ,EAAE;YACxC,8EAA8E,CAAC;QACjF,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;QAErD,YAAY;QACZ,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QAEzE,iCAAiC;QACjC,IAAA,qCAA4B,EAAC,IAAI,EAAE,EAAE,EAAE,8BAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QAEvE,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAS,EAAE;YAChB,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA;AAED,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/code-checks/generator.ts"],"names":[],"mappings":";;AAgBA,kDA+CC;;AA/DD,iDAAyC;AACzC,6BAA6B;AAC7B,uCAQoB;AACpB,4DAA4D;AAC5D,qCAA8B;AAE9B,uCAAgC;AAEhC,SAAsB,mBAAmB,CAAC,IAAU,EAAE,OAAkC;;;QACtF,MAAM,WAAW,GAAG,GAAG,CAAC;QAExB,eAAe;QACf,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAE7B,wBAAwB;QACxB,IAAA,wBAAQ,EAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACxD,IAAA,wBAAQ,EAAC,8BAA8B,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAE/D,4BAA4B;QAC5B,IAAA,wBAAQ,EAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAExD,MAAM,WAAW,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACnD,WAAW,CAAC,aAAa,CAAC,GAAG,gBAAM,CAAC,aAAa,CAAC,CAAC;QACnD,WAAW,CAAC,OAAO,mCAAQ,iBAAO,GAAK,WAAW,CAAC,OAAO,CAAE,CAAC;QAC7D,IAAA,kBAAS,EAAC,IAAI,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;QAE7C,4BAA4B;QAC5B,MAAM,YAAY,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QAC1D,YAAY,CAAC,eAAe,mCAAQ,YAAY,CAAC,eAAe,GAAK,gBAAM,CAAC,QAAQ,CAAE,CAAC;QACvF,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,gBAAM,CAAC,eAAe,CAAC,CAAC;QACnD,IAAA,kBAAS,EAAC,IAAI,EAAE,oBAAoB,EAAE,YAAY,CAAC,CAAC;QAEpD,oBAAoB;QACpB,MAAM,gBAAgB,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,0CAAE,QAAQ,EAAE,IAAG,IAAI,GAAG,gBAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClG,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAE3C,yBAAyB;QACzB,MAAM,qBAAqB,GACzB,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,0CAAE,QAAQ,EAAE;YACxC,WAAW;YACX,8EAA8E,CAAC;QACjF,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;QAErD,YAAY;QACZ,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QAEzE,iCAAiC;QACjC,IAAA,qCAA4B,EAAC,IAAI,EAAE,EAAE,EAAE,8BAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QAEvE,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAS,EAAE;YAChB,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA;AAED,kBAAe,mBAAmB,CAAC"}

package/src/generators/code-checks/scripts.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     lint: string;
+    'lint:css': string;
     format: string;
     prepare: string;
 };

package/src/generators/code-checks/scripts.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     lint: 'npx tsc && npx eslint ./',
-    format: 'npx prettier --write . && npm run lint -- --fix',
+    'lint:css': 'npx stylelint "**/*.{css,scss}" --fix --allow-empty-input',
+    format: 'npx prettier --write . && npm run lint -- --fix && npm run lint:css',
     prepare: 'husky',
 };
 //# sourceMappingURL=scripts.js.map

package/src/generators/code-checks/scripts.js.map

@@ -1 +1 @@
-{"version":3,"file":"scripts.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/code-checks/scripts.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,IAAI,EAAE,0BAA0B;IAChC,MAAM,EAAE,iDAAiD;IACzD,OAAO,EAAE,OAAO;CACjB,CAAC"}
+{"version":3,"file":"scripts.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/code-checks/scripts.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,IAAI,EAAE,0BAA0B;IAChC,UAAU,EAAE,2DAA2D;IACvE,MAAM,EAAE,qEAAqE;IAC7E,OAAO,EAAE,OAAO;CACjB,CAAC"}

package/src/generators/next-app/generator.js

@@ -13,7 +13,7 @@ const generators_1 = require("../../shared/generators");
 const utils_1 = require("../../shared/utils");
 function nextAppGenerator(tree, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
+        var _a, _b, _c;
         const shouldGenerateApiClientLib = options.withStore && !(0, lodash_1.isBoolean)(options.withApiClient) && (yield (0, utils_1.confirm)('Do you want to create api client lib?'));
         const shouldGenerateAuthLibs = shouldGenerateApiClientLib && (yield (0, utils_1.confirm)('Do you want to create auth lib?'));
         const appRoot = `apps/${options.directory}`;
@@ -26,6 +26,7 @@ function nextAppGenerator(tree, options) {
         if (!(0, fs_1.existsSync)(appRoot)) {
             (0, child_process_1.execSync)(`npx nx g @nx/next:app ${options.name} --directory=apps/${options.directory} --tags="${tags.join(', ')}" --linter=none --appDir=true --style=scss --src=false --unitTestRunner=none --e2eTestRunner=none`, { stdio: 'inherit' });
         }
+        tree.write('.gitignore', ((_a = tree.read('.gitignore')) === null || _a === void 0 ? void 0 : _a.toString()) + '\nnext-env.d.ts\n');
         yield (0, generators_1.runI18nNextGenerator)(tree, options);
         yield (0, generators_1.runNavigationUtilsGenerator)(tree, {
             appDirectory: options.directory,
@@ -58,8 +59,8 @@ function nextAppGenerator(tree, options) {
         if (!appTsconfigJson.include.includes(nextTypesInclude)) {
             appTsconfigJson.include.push(nextTypesInclude);
         }
-        (_a = appTsconfigJson.compilerOptions) === null || _a === void 0 ? true : delete _a.paths;
-        (_b = appTsconfigJson.compilerOptions) === null || _b === void 0 ? true : delete _b.rootDir;
+        (_b = appTsconfigJson.compilerOptions) === null || _b === void 0 ? true : delete _b.paths;
+        (_c = appTsconfigJson.compilerOptions) === null || _c === void 0 ? true : delete _c.rootDir;
         (0, devkit_1.writeJson)(tree, appTsconfigPath, appTsconfigJson);
         // Add app files
         (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'files'), appRoot, Object.assign(Object.assign({}, options), { formatName: utils_1.formatName,

package/src/generators/next-app/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/next-app/generator.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/next-app/generator.ts"],"names":[],"mappings":";;AAyBA,4CAiHC;;AA1ID,iDAAyC;AACzC,2BAAgC;AAChC,6BAA6B;AAC7B,uCAQoB;AACpB,mCAAmC;AACnC,4DAA0E;AAC1E,8CAAuD;AACvD,wDAMiC;AACjC,8CAA2F;AAG3F,SAAsB,gBAAgB,CAAC,IAAU,EAAE,OAA+B;;;QAChF,MAAM,0BAA0B,GAC9B,OAAO,CAAC,SAAS,IAAI,CAAC,IAAA,kBAAS,EAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAA,eAAO,EAAC,uCAAuC,CAAC,CAAC,CAAC;QACrH,MAAM,sBAAsB,GAAG,0BAA0B,IAAI,CAAC,MAAM,IAAA,eAAO,EAAC,iCAAiC,CAAC,CAAC,CAAC;QAEhH,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,MAAM,QAAQ,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,GAAG,IAAA,2BAAmB,EAAC,IAAI,CAAC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QACpE,MAAM,IAAI,GAAG,CAAC,OAAO,OAAO,CAAC,SAAS,EAAE,EAAE,UAAU,CAAC,CAAC;QACtD,MAAM,qBAAqB,GAAG,GAAG,OAAO,CAAC,SAAS,SAAS,CAAC;QAE5D,0BAA0B;QAC1B,IAAA,wBAAQ,EAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAEtD,IAAI,CAAC,IAAA,eAAU,EAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAA,wBAAQ,EACN,yBAAyB,OAAO,CAAC,IAAI,qBAAqB,OAAO,CAAC,SAAS,YAAY,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,mGAAmG,EACzM,EAAE,KAAK,EAAE,SAAS,EAAE,CACrB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,0CAAE,QAAQ,EAAE,IAAG,mBAAmB,CAAC,CAAC;QAEpF,MAAM,IAAA,iCAAoB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC1C,MAAM,IAAA,wCAA2B,EAAC,IAAI,EAAE;YACtC,YAAY,EAAE,OAAO,CAAC,SAAS;YAC/B,iBAAiB,EAAE,yBAAiB,CAAC,QAAQ;SAC9C,CAAC,CAAC;QAEH,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,MAAM,IAAA,8BAAiB,EAAC,IAAI,kCACvB,OAAO,KACV,iBAAiB,EAAE,yBAAiB,CAAC,QAAQ,IAC7C,CAAC;QACL,CAAC;QAED,IAAI,0BAA0B,EAAE,CAAC;YAC/B,MAAM,IAAA,kCAAqB,EAAC,IAAI,kCAAO,OAAO,KAAE,IAAI,EAAE,yBAAiB,CAAC,QAAQ,IAAG,CAAC;QACtF,CAAC;QAED,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;YAC1B,MAAM,IAAA,kCAAqB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7C,CAAC;QAED,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC;QAEvC,2DAA2D;QAC3D,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,kBAAkB,CAAC,CAAC;QAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,UAAU,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,uBAAuB,CAAC,CAAC;QAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,iBAAiB,CAAC,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,iBAAiB,CAAC,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,oBAAoB,CAAC,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,oBAAoB,CAAC,CAAC;QAE5C,8FAA8F;QAC9F,MAAM,eAAe,GAAG,GAAG,OAAO,gBAAgB,CAAC;QACnD,MAAM,eAAe,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QACxD,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;QAE/C,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACxD,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACjD,CAAC;QAEM,MAAA,eAAe,CAAC,eAAe,+CAAE,KAAK,CAAC;QACvC,MAAA,eAAe,CAAC,eAAe,+CAAE,OAAO,CAAC;QAChD,IAAA,kBAAS,EAAC,IAAI,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;QAElD,gBAAgB;QAChB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,kCACrD,OAAO,KACV,UAAU,EAAV,kBAAU;YACV,OAAO;YACP,YAAY,EACZ,cAAc,EAAE,OAAO,CAAC,SAAS,EACjC,qBAAqB,IACrB,CAAC;QAEH,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,6BAA6B,CAAC,CAAC;QACvD,CAAC;QAED,IAAA,mBAAW,EAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACrC,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,QAAQ,kCACrD,OAAO,KACV,UAAU,EAAV,kBAAU;YACV,qBAAqB,IACrB,CAAC;QAEH,mBAAmB;QACnB,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,UAAU,CAAC,EAAE,8BAAe,CAAC,UAAU,CAAC,CAAC,CAAC;QAE1F,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAS,EAAE;YAChB,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;YAE1B,IAAI,sBAAsB,EAAE,CAAC;gBAC3B,IAAA,wBAAQ,EAAC,6BAA6B,OAAO,CAAC,SAAS,WAAW,yBAAiB,CAAC,QAAQ,EAAE,EAAE;oBAC9F,KAAK,EAAE,SAAS;iBACjB,CAAC,CAAC;YACL,CAAC;YAED,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;gBACvB,IAAA,wBAAQ,EAAC,+BAA+B,OAAO,EAAE,EAAE;oBACjD,KAAK,EAAE,SAAS;iBACjB,CAAC,CAAC;YACL,CAAC;YAED,IAAA,wBAAQ,EAAC,mCAAmC,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC;CAAA;AAED,kBAAe,gBAAgB,CAAC"}

package/src/generators/repo-config/engines.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    npm: string;
+};
+export default _default;

package/src/generators/repo-config/engines.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    npm: '>=11.10.0',
+};
+//# sourceMappingURL=engines.js.map

package/src/generators/repo-config/engines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engines.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/repo-config/engines.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,GAAG,EAAE,WAAW;CACjB,CAAC"}

package/src/generators/repo-config/files/.npmrc.template

@@ -0,0 +1,2 @@
+engine-strict=true
+min-release-age=3

package/src/generators/repo-config/generator.js

@@ -6,6 +6,7 @@ const path = require("path");
 const devkit_1 = require("@nx/devkit");
 const dependencies_1 = require("../../shared/dependencies");
 const utils_1 = require("../../shared/utils");
+const engines_1 = require("./engines");
 const scripts_1 = require("./scripts");
 function repoConfigGenerator(tree) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
@@ -19,6 +20,7 @@ function repoConfigGenerator(tree) {
         const projectPackageJson = (0, devkit_1.readJson)(tree, projectPackagePath);
         projectPackageJson.workspaces = ['apps/*'];
         projectPackageJson.scripts = scripts_1.default;
+        projectPackageJson.engines = engines_1.default;
         (0, devkit_1.writeJson)(tree, projectPackagePath, projectPackageJson);
         // Add project files
         (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'files'), projectRoot, {

package/src/generators/repo-config/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/repo-config/generator.ts"],"names":[],"mappings":";;AAcA,kDA6BC;;AA3CD,6BAA6B;AAC7B,uCAQoB;AACpB,4DAA4D;AAC5D,8CAAgE;AAChE,uCAAgC;AAEhC,SAAsB,mBAAmB,CAAC,IAAU;;QAClD,MAAM,WAAW,GAAG,GAAG,CAAC;QACxB,MAAM,kBAAkB,GAAG,cAAc,CAAC;QAE1C,2DAA2D;QAC3D,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAExB,8BAA8B;QAC9B,MAAM,kBAAkB,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAC9D,kBAAkB,CAAC,UAAU,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC3C,kBAAkB,CAAC,OAAO,GAAG,iBAAO,CAAC;QACrC,IAAA,kBAAS,EAAC,IAAI,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAExD,oBAAoB;QACpB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE;YAC9D,IAAI,EAAE,IAAA,sBAAc,EAAC,kBAAkB,CAAC,IAAI,CAAC;YAC7C,UAAU,EAAV,kBAAU;SACX,CAAC,CAAC;QAEH,mBAAmB;QACnB,IAAA,qCAA4B,EAAC,IAAI,EAAE,EAAE,EAAE,8BAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QAEvE,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAS,EAAE;YAChB,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA;AAED,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/repo-config/generator.ts"],"names":[],"mappings":";;AAeA,kDA8BC;;AA7CD,6BAA6B;AAC7B,uCAQoB;AACpB,4DAA4D;AAC5D,8CAAgE;AAChE,uCAAgC;AAChC,uCAAgC;AAEhC,SAAsB,mBAAmB,CAAC,IAAU;;QAClD,MAAM,WAAW,GAAG,GAAG,CAAC;QACxB,MAAM,kBAAkB,GAAG,cAAc,CAAC;QAE1C,2DAA2D;QAC3D,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAExB,8BAA8B;QAC9B,MAAM,kBAAkB,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAC9D,kBAAkB,CAAC,UAAU,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC3C,kBAAkB,CAAC,OAAO,GAAG,iBAAO,CAAC;QACrC,kBAAkB,CAAC,OAAO,GAAG,iBAAO,CAAC;QACrC,IAAA,kBAAS,EAAC,IAAI,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAExD,oBAAoB;QACpB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE;YAC9D,IAAI,EAAE,IAAA,sBAAc,EAAC,kBAAkB,CAAC,IAAI,CAAC;YAC7C,UAAU,EAAV,kBAAU;SACX,CAAC,CAAC;QAEH,mBAAmB;QACnB,IAAA,qCAA4B,EAAC,IAAI,EAAE,EAAE,EAAE,8BAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QAEvE,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAS,EAAE;YAChB,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA;AAED,kBAAe,mBAAmB,CAAC"}

package/src/shared/dependencies.d.ts

@@ -90,6 +90,8 @@ export declare const devDependencies: {
         '@typescript-eslint/parser': string;
         'tsc-files': string;
         'typescript-eslint': string;
+        stylelint: string;
+        'stylelint-config-standard-scss': string;
     };
     'expo-app': {
         '@types/lodash-es': string;

package/src/shared/dependencies.js

@@ -53,7 +53,7 @@ exports.dependencies = {
         'expo-image': '~55.0.10',
         'expo-router': '~55.0.14',
         'react-native-toast-message': '^2.3.3',
-        'react-native-keyboard-controller': '1.20.7',
+        'react-native-keyboard-controller': '~1.21.8',
     },
     store: {
         '@ronas-it/rtkq-entity-api': '^1.1.1',
@@ -93,6 +93,8 @@ exports.devDependencies = {
         '@typescript-eslint/parser': '^8.46.0',
         'tsc-files': '^1.1.4',
         'typescript-eslint': '^8.46.0',
+        stylelint: '^17.12.0',
+        'stylelint-config-standard-scss': '^17.0.0',
     },
     'expo-app': {
         '@types/lodash-es': '^4.17.12',

package/src/shared/dependencies.js.map

@@ -1 +1 @@
-{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../../plugin/src/shared/dependencies.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../../plugin/src/shared/dependencies.ts"],"names":[],"mappings":"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"}

package/src/shared/generators/ui-kit/form-ui-kit-components/form-text-input/component.tsx.template

@@ -0,0 +1,48 @@
+import { ReactElement, RefObject } from 'react';
+import { Control, FieldValues, Path, useController } from 'react-hook-form';
+import { TextInput } from 'react-native';
+import { AnimatedTextInput, AnimatedTextInputProps } from '../animated-text-input';
+import { StaticTextInput, StaticTextInputProps } from '../static-text-input';
+
+export interface FormTextInputProps<T extends FieldValues>
+  extends Omit<AnimatedTextInputProps, 'ref'>,
+    Omit<StaticTextInputProps, 'ref'> {
+  name: Path<T>;
+  control: Control<T>;
+  inputRef?: RefObject<TextInput | null>;
+  inputVariant?: 'animated' | 'static';
+}
+
+export function FormTextInput<T extends FieldValues>({
+  name,
+  control,
+  inputRef,
+  inputVariant = 'animated',
+  ...restProps
+}: FormTextInputProps<T>): ReactElement {
+  const { field, fieldState } = useController({ control, name });
+
+  if (inputVariant === 'static') {
+    return (
+      <StaticTextInput
+        ref={inputRef}
+        value={field.value}
+        onChangeText={field.onChange}
+        onBlur={field.onBlur}
+        error={fieldState.error?.message}
+        {...(restProps as StaticTextInputProps)}
+      />
+    );
+  }
+
+  return (
+    <AnimatedTextInput
+      ref={inputRef}
+      value={field.value}
+      onChangeText={field.onChange}
+      onBlur={field.onBlur}
+      error={fieldState.error?.message}
+      {...(restProps as AnimatedTextInputProps)}
+    />
+  );
+}

package/src/shared/generators/ui-kit/form-ui-kit-components/index.ts.template

@@ -0,0 +1 @@
+export * from './form-text-input';

package/src/shared/generators/ui-kit/generator.d.ts

@@ -2,5 +2,6 @@ import { Tree } from '@nx/devkit';
 export declare function runUiKitGenerator(tree: Tree, options: {
     name: string;
     directory: string;
+    withFormUtils?: boolean;
 }): Promise<void>;
 export default runUiKitGenerator;

package/src/shared/generators/ui-kit/generator.js

@@ -13,10 +13,12 @@ function runUiKitGenerator(tree, options) {
         const appRoot = `apps/${options.directory}`;
         const i18nRoot = `i18n/${options.directory}`;
         const libRoot = `libs/${options.directory}`;
+        const uiKitRoot = `${libRoot}/shared/ui/ui-kit/src`;
         const libPath = `${(0, utils_1.getImportPathPrefix)(tree)}/${options.directory}`;
         const appPackagePath = `${appRoot}/package.json`;
         const appLayoutPath = `${appRoot}/app`;
         const toastServicePath = `${libRoot}/shared/utils/toast-service/src`;
+        const uiKitIndexPath = `${uiKitRoot}/index.ts`;
         // Generate ui-kit lib
         (0, child_process_1.execSync)(`npx nx g react-lib --app=${options.directory} --scope=shared --type=ui --name=ui-kit --withComponent=false`, {
             stdio: 'inherit',
@@ -26,12 +28,19 @@ function runUiKitGenerator(tree, options) {
             stdio: 'inherit',
         });
         // Remove unnecessary files
-        tree.delete(`${libRoot}/shared/ui/ui-kit/src/index.ts`);
+        tree.delete(uiKitIndexPath);
         tree.delete(`${appLayoutPath}/index.tsx`);
         tree.delete(`${i18nRoot}/shared/en.json`);
         tree.delete(`${toastServicePath}/index.ts`);
         // Add lib files
         (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'lib-files'), libRoot, Object.assign(Object.assign({}, options), { libPath }));
+        const cachedUiKitIndexContent = tree.read(uiKitIndexPath, 'utf8') || '';
+        if (options.withFormUtils) {
+            (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'form-ui-kit-components'), uiKitRoot, Object.assign(Object.assign({}, options), { libPath }));
+            const formUiKitIndexContent = tree.read(uiKitIndexPath, 'utf8') || '';
+            tree.write(uiKitIndexPath, cachedUiKitIndexContent);
+            (0, utils_1.appendFileContent)(uiKitIndexPath, formUiKitIndexContent, tree);
+        }
         // Add app files
         (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'app-files'), appRoot, Object.assign(Object.assign({}, options), { libPath }));
         // Add layout files
@@ -42,8 +51,14 @@ function runUiKitGenerator(tree, options) {
         (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'toast-service-files'), toastServicePath, {});
         // Add dependencies
         (0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies['ui-kit'], {});
+        if (options.withFormUtils) {
+            (0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies.form, {});
+        }
         if ((0, fs_1.existsSync)(appPackagePath)) {
             (0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies['ui-kit'], {}, appPackagePath);
+            if (options.withFormUtils) {
+                (0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies.form, {}, appPackagePath);
+            }
         }
         yield (0, devkit_1.formatFiles)(tree);
     });

package/src/shared/generators/ui-kit/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../plugin/src/shared/generators/ui-kit/generator.ts"],"names":[],"mappings":";;AAOA,8CA6DC;;AApED,iDAAyC;AACzC,2BAAgC;AAChC,6BAA6B;AAC7B,uCAA4F;AAC5F,qDAAkD;AAClD,uCAAkD;AAElD,SAAsB,iBAAiB,CAAC,IAAU,EAAE,OAA4C;;QAC9F,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,MAAM,QAAQ,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAE5C,MAAM,OAAO,GAAG,GAAG,IAAA,2BAAmB,EAAC,IAAI,CAAC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QACpE,MAAM,cAAc,GAAG,GAAG,OAAO,eAAe,CAAC;QACjD,MAAM,aAAa,GAAG,GAAG,OAAO,MAAM,CAAC;QACvC,MAAM,gBAAgB,GAAG,GAAG,OAAO,iCAAiC,CAAC;QAErE,sBAAsB;QACtB,IAAA,wBAAQ,EACN,4BAA4B,OAAO,CAAC,SAAS,+DAA+D,EAC5G;YACE,KAAK,EAAE,SAAS;SACjB,CACF,CAAC;QAEF,6BAA6B;QAC7B,IAAA,wBAAQ,EAAC,4BAA4B,OAAO,CAAC,SAAS,mDAAmD,EAAE;YACzG,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QAEH,2BAA2B;QAC3B,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,gCAAgC,CAAC,CAAC;QACxD,IAAI,CAAC,MAAM,CAAC,GAAG,aAAa,YAAY,CAAC,CAAC;QAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,iBAAiB,CAAC,CAAC;QAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,gBAAgB,WAAW,CAAC,CAAC;QAE5C,gBAAgB;QAChB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,kCACzD,OAAO,KACV,OAAO,IACP,CAAC;QAEH,gBAAgB;QAChB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,kCACzD,OAAO,KACV,OAAO,IACP,CAAC;QAEH,mBAAmB;QACnB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE,aAAa,kCAClE,OAAO,KACV,OAAO,IACP,CAAC;QAEH,iBAAiB;QACjB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAEhE,0BAA0B;QAC1B,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAqB,CAAC,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC;QAEvF,mBAAmB;QACnB,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QAE/D,IAAI,IAAA,eAAU,EAAC,cAAc,CAAC,EAAE,CAAC;YAC/B,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;QACjF,CAAC;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAED,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../plugin/src/shared/generators/ui-kit/generator.ts"],"names":[],"mappings":"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"}

package/src/shared/generators/ui-kit/layout-files/index.tsx.template

@@ -1,12 +1,25 @@
-import { AppButton, AppScreen, AppSpinner, AppText, AppTextInput, SearchInput, AppCheckbox } from '<%= libPath %>/shared/ui/ui-kit';
+import {
+  AppButton,
+  AppCheckbox,
+  AppScreen,
+  AppSpinner,
+  AppSwitch,
+  AppTag,
+  AppText,
+  AnimatedTextInput,
+  SearchInput,
+  StaticTextInput,
+} from '<%= libPath %>/shared/ui/ui-kit';
 import { ReactElement, useState } from 'react';
 import { View } from 'react-native';
 import { StyleSheet } from 'react-native-unistyles';
 
 export default function RootScreen(): ReactElement {
-  const [username, setUsername] = useState<string>('');
+  const [animatedInputValue, setAnimatedInputValue] = useState('');
+  const [staticInputValue, setStaticInputValue] = useState('');
   const [password, setPassword] = useState<string>('');
   const [isChecked, setIsChecked] = useState<boolean>(false);
+  const [isSwitched, setIsSwitched] = useState(false);
   const [searchValue, setSearchValue] = useState<string>('');
 
   return (
@@ -29,20 +42,26 @@ export default function RootScreen(): ReactElement {
         <AppCheckbox value={isChecked} onValueChange={setIsChecked} />
         <AppText>Checkbox</AppText>
       </View>
+      <View style={styles.checkbox}>
+        <AppSwitch checked={isSwitched} onValueChange={setIsSwitched} />
+        <AppText>Switch</AppText>
+      </View>
+      <AppTag text='Tag' />
+      <AnimatedTextInput
+        label='Animated text input'
+        autoCapitalize='none'
+        autoCorrect={false}
+        value={animatedInputValue}
+        onChangeText={setAnimatedInputValue}
+      />
+      <StaticTextInput placeholder='Static text input' value={staticInputValue} onChangeText={setStaticInputValue} />
+      <AnimatedTextInput isPassword={true} label='Password' value={password} onChangeText={setPassword} />
       <SearchInput
         placeholder='Search'
         value={searchValue}
         onChangeText={setSearchValue}
         onClearPress={() => setSearchValue('')}
       />
-      <AppTextInput
-        label='Username'
-        autoCapitalize='none'
-        autoCorrect={false}
-        value={username}
-        onChangeText={setUsername}
-      />
-      <AppTextInput isPassword={true} label='Password' value={password} onChangeText={setPassword} />
       <AppButton text='Button Primary Regular' />
       <AppButton text='Button Primary Small' size='small' />
       <AppButton text='Button Secondary Regular' variant='secondary' />

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/{text-input → animated-text-input}/component.tsx.template

@@ -7,7 +7,7 @@ import { AppPressableIcon } from '../pressable-icon';
 import { AppText, textStyles as appTextStyles } from '../text';
 import { useAnimatedLabel } from './hooks';
 
-export interface AppTextInputProps extends TextInputProps {
+export interface AnimatedTextInputProps extends TextInputProps {
   accessoryRight?: ReactElement;
   label?: string;
   error?: string;
@@ -17,7 +17,7 @@ export interface AppTextInputProps extends TextInputProps {
   nextInputRef?: RefObject<TextInput | null>;
 }
 
-export const AppTextInput = ({
+export const AnimatedTextInput = ({
   disabled,
   label,
   error,
@@ -33,7 +33,7 @@ export const AppTextInput = ({
   returnKeyType,
   placeholder,
   ...props
-}: AppTextInputProps): ReactElement => {
+}: AnimatedTextInputProps): ReactElement => {
   appTextStyles.useVariants({ variant: 'bodyDefault' });
   const isIos = Platform.OS === 'ios';
   const inputRef = ref || useRef<TextInput>(null);
@@ -71,7 +71,7 @@ export const AppTextInput = ({
       <View style={inputStyles.container(isFocused, !!disabled, !!error)}>
         <TouchableWithoutFeedback onPress={handleInputPress}>
           <View style={commonStyle.fullFlex}>
-            {label && (
+            {!!label && (
               <Animated.View style={labelAnimatedStyle} pointerEvents='none'>
                 <AppText
                   variant='bodyDefault'
@@ -91,7 +91,7 @@ export const AppTextInput = ({
               onBlur={handleBlur}
               style={[appTextStyles.text, textStyles.input(!!disabled, isIos), inputStyles.input]}
               cursorColor={colors.textPrimary}
-              selectionColor={colors.textPrimary}
+              selectionColor={colors.primaryOpacity}
               hitSlop={{ top: 40 }}
               secureTextEntry={isSecured && isPassword}
               onSubmitEditing={nextInputRef ? goToNextRef : onSubmitEditing}
@@ -103,7 +103,7 @@ export const AppTextInput = ({
         </TouchableWithoutFeedback>
         {accessoryRightComponent}
       </View>
-      {error && (
+      {!!error && (
         <AppText variant='bodySmall' style={textStyles.error}>
           {error}
         </AppText>

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/animated-text-input/index.ts.template

@@ -0,0 +1 @@
+export * from './component';

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/index.ts.template

@@ -7,7 +7,7 @@ export * from './pressable-icon';
 export * from './screen';
 export * from './spinner';
 export * from './text';
-export * from './text-input';
+export * from './animated-text-input';
 export * from './header';
 export * from './image';
 export * from './keyboard-avoiding-view';
@@ -17,3 +17,6 @@ export * from './search-input';
 export * from './bottom-tab-navigator';
 export * from './toast';
 export * from './modal';
+export * from './switch';
+export * from './tag';
+export * from './static-text-input';

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/search-input/component.tsx.template

@@ -51,7 +51,7 @@ export function SearchInput({
           ref={ref}
           style={[textStyles.text, styles.input, isIos && styles.noLineHeight]}
           cursorColor={colors.textPrimary}
-          selectionColor={colors.textPrimary}
+          selectionColor={colors.primaryOpacity}
           placeholderTextColor={colors.textSecondary}
           onBlur={handleBlur}
           onFocus={handleFocus}

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/static-text-input/component.tsx.template

@@ -0,0 +1,139 @@
+import { ReactElement, RefObject, useRef, useState } from 'react';
+import { TextInput, FocusEvent, TextInputProps, View, Platform, TouchableWithoutFeedback } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { colors, commonStyle, rem, spacings } from '<%= libPath %>/shared/ui/styles';
+import { AppPressableIcon } from '../pressable-icon';
+import { AppText, textStyles as appTextStyles } from '../text';
+
+export interface StaticTextInputProps extends TextInputProps {
+  label?: string;
+  accessoryRight?: ReactElement;
+  error?: string;
+  disabled?: boolean;
+  isPassword?: boolean;
+  ref?: RefObject<TextInput | null>;
+  nextInputRef?: RefObject<TextInput | null>;
+}
+
+export const StaticTextInput = ({
+  disabled,
+  error,
+  style,
+  label,
+  accessoryRight,
+  value,
+  isPassword,
+  onFocus,
+  onBlur,
+  ref,
+  nextInputRef,
+  onSubmitEditing,
+  returnKeyType,
+  placeholder,
+  ...props
+}: StaticTextInputProps): ReactElement => {
+  appTextStyles.useVariants({ variant: 'bodyDefault' });
+  const isIos = Platform.OS === 'ios';
+  const inputRef = ref || useRef<TextInput>(null);
+
+  const [isFocused, setIsFocused] = useState(false);
+  const [isSecured, setIsSecured] = useState(true);
+
+  const handleOnFocus = (e: FocusEvent): void => {
+    setIsFocused(true);
+    onFocus?.(e);
+  };
+
+  const handleBlur = (e: FocusEvent): void => {
+    setIsFocused(false);
+    onBlur?.(e);
+  };
+
+  const goToNextRef = (): void => nextInputRef?.current?.focus();
+
+  const handleInputPress = (): void => inputRef.current?.focus();
+
+  const accessoryRightComponent = isPassword ? (
+    <AppPressableIcon name={isSecured ? 'eye' : 'eyeOff'} onPress={() => setIsSecured(!isSecured)} />
+  ) : (
+    accessoryRight
+  );
+
+  return (
+    <View style={styles.wrapper}>
+      <View style={inputStyles.wrapper}>
+        {!!label && <AppText variant='bodySmall'>{label}</AppText>}
+        <View style={inputStyles.container(isFocused, !!error)}>
+          <TouchableWithoutFeedback onPress={handleInputPress}>
+            <View style={commonStyle.fullFlex}>
+              <TextInput
+                ref={inputRef}
+                editable={!disabled}
+                value={value}
+                onFocus={handleOnFocus}
+                onBlur={handleBlur}
+                style={[appTextStyles.text, textStyles.input(isIos), inputStyles.input]}
+                cursorColor={colors.textPrimary}
+                selectionColor={colors.primaryOpacity}
+                placeholder={label ? '' : placeholder}
+                placeholderTextColor={colors.textSecondary}
+                hitSlop={{ top: 40 }}
+                secureTextEntry={isSecured && isPassword}
+                onSubmitEditing={nextInputRef ? goToNextRef : onSubmitEditing}
+                returnKeyType={nextInputRef ? 'next' : returnKeyType}
+                {...props}
+              />
+            </View>
+          </TouchableWithoutFeedback>
+          {accessoryRightComponent}
+        </View>
+      </View>
+      {!!error && (
+        <AppText variant='bodySmall' style={textStyles.error}>
+          {error}
+        </AppText>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    gap: spacings.xs,
+  },
+});
+
+const inputStyles = StyleSheet.create(({ colors }) => ({
+  wrapper: {
+    gap: spacings.xxs,
+  },
+  container: (focused: boolean, errored: boolean) => ({
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacings.xs,
+    borderWidth: 1,
+    backgroundColor: focused ? colors.backgroundPrimary : colors.backgroundSecondary,
+    borderColor: focused ? colors.primary : errored ? colors.error : colors.backgroundSecondary,
+    borderRadius: spacings.md,
+    minHeight: 3.5 * rem,
+    paddingHorizontal: spacings.sm,
+  }),
+  input: {
+    flex: 1,
+    padding: 0,
+  },
+}));
+
+const textStyles = StyleSheet.create(({ colors }) => ({
+  input: (isIos: boolean) => ({
+    color: colors.textPrimary,
+    lineHeight: isIos ? 0 : 1.4375 * rem,
+    // NOTE: Needs to fix Android spacings
+    // https://reactnative.dev/docs/text-style-props#includefontpadding-android
+    includeFontPadding: false,
+    textAlignVertical: 'center',
+  }),
+  error: {
+    color: colors.error,
+  },
+}));

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/static-text-input/index.ts.template

@@ -0,0 +1 @@
+export * from './component';

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/switch/component.tsx.template

@@ -0,0 +1,68 @@
+import { ReactElement } from 'react';
+import { StyleProp, View, ViewStyle } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { StyleSheet } from 'react-native-unistyles';
+import { AppPressable, AppPressableProps } from '../pressable';
+import { rem, spacings } from '<%= libPath %>/shared/ui/styles';
+
+export interface AppSwitchProps extends Omit<AppPressableProps, 'onPress'> {
+  checked: boolean;
+  onValueChange: (value: boolean) => void;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function AppSwitch({ checked, onValueChange, disabled, style, ...props }: AppSwitchProps): ReactElement {
+  const thumbOffset = useSharedValue(checked ? 2.75 * rem - 4 - spacings.xxl : 0);
+
+  const thumbAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: thumbOffset.value }],
+  }));
+
+  const handlePress = (): void => {
+    if (disabled) {
+      return;
+    }
+
+    thumbOffset.value = withTiming(!checked ? 2.75 * rem - spacings.xxl - 4 : 0, { duration: 180 });
+    onValueChange(!checked);
+  };
+
+  return (
+    <AppPressable
+      style={style}
+      onPress={handlePress}
+      accessibilityRole='switch'
+      accessibilityState={{ checked: checked, disabled: !!disabled }}
+      pressedOpacity={1}
+      {...props}>
+      <View style={styles.track(checked, !!disabled)}>
+        <Animated.View style={[styles.thumb, thumbAnimatedStyle]} />
+      </View>
+    </AppPressable>
+  );
+}
+
+const styles = StyleSheet.create(({ colors, spacings }) => ({
+  track: (checked: boolean, disabled: boolean) => ({
+    width: 2.75 * rem,
+    height: 1.75 * rem,
+    borderRadius: 2 * rem,
+    backgroundColor: checked
+      ? disabled
+        ? colors.primaryOpacity
+        : colors.primary
+      : disabled
+        ? colors.textTertiary
+        : colors.textSecondary,
+    justifyContent: 'center',
+  }),
+  thumb: {
+    position: 'absolute',
+    top: 2,
+    left: 2,
+    width: spacings.xxl,
+    height: spacings.xxl,
+    borderRadius: '100%',
+    backgroundColor: colors.textPrimary,
+  },
+}));

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/switch/index.ts.template

@@ -0,0 +1 @@
+export * from './component';

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/tag/component.tsx.template

@@ -0,0 +1,72 @@
+import { ReactElement } from 'react';
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { AppText } from '../text';
+import { Icon } from '../icon';
+import { AppPressable } from '../pressable';
+import { colors, spacings } from '<%= libPath %>/shared/ui/styles';
+
+export interface AppTagProps {
+  text: string;
+  onRemovePress?: () => void;
+  backgroundColor?: keyof typeof colors;
+  textColor?: keyof typeof colors;
+}
+
+export function AppTag({
+  text,
+  onRemovePress,
+  backgroundColor = 'primary',
+  textColor = 'textPrimary',
+}: AppTagProps): ReactElement {
+  return (
+    <View style={containerStyles.container(backgroundColor, !!onRemovePress)}>
+      <AppText variant='bodySmall' style={textStyles.text(textColor)}>
+        {text}
+      </AppText>
+      {onRemovePress && (
+        <AppPressable onPress={onRemovePress} style={containerStyles.iconContainer} hitSlop={10}>
+          <View style={containerStyles.iconBackground(textColor)} />
+          <Icon name='close' color={textColor} width={16} height={16} />
+        </AppPressable>
+      )}
+    </View>
+  );
+}
+
+const containerStyles = StyleSheet.create(({ colors }) => ({
+  container: (backgroundColor: keyof typeof colors, withRemoveButton: boolean) => ({
+    flexDirection: 'row',
+    alignSelf: 'flex-start',
+    alignItems: 'center',
+    height: 32,
+    gap: 4,
+    paddingLeft: spacings.sm,
+    paddingRight: withRemoveButton ? spacings.xxs : spacings.sm,
+    borderRadius: spacings.xs,
+    backgroundColor: colors[backgroundColor],
+  }),
+  iconContainer: {
+    borderRadius: 100,
+    overflow: 'hidden',
+    width: 24,
+    height: 24,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  iconBackground: (iconColor: keyof typeof colors) => ({
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    backgroundColor: colors[iconColor],
+    opacity: 0.1,
+  }),
+}));
+
+const textStyles = StyleSheet.create(({ colors }) => ({
+  text: (textColor: keyof typeof colors) => ({
+    color: colors[textColor],
+  }),
+}));

package/src/shared/generators/ui-kit/lib-files/shared/ui/ui-kit/src/tag/index.ts.template

@@ -0,0 +1 @@
+export * from './component';