indatastar-styled-password-strength-meter 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 InDataStar
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# indatastar-styled-password-strength-meter
+
+A lightweight, customizable **password strength meter** for React Native apps.  
+
+## Installation
+
+
+```sh
+npm install indatastar-styled-password-strength-meter
+```
+
+
+## Usage
+
+
+```js
+import { multiply } from 'indatastar-styled-password-strength-meter';
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/PasswordStrengthMeter.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function PasswordStrengthMeter({
+  password,
+  containerStyle,
+  textStyle
+}) {
+  const strength = password.length > 10 ? 'Strong' : password.length > 5 ? 'Medium' : 'Weak';
+  const strengthColor = strength === 'Strong' ? 'green' : strength === 'Medium' ? 'orange' : 'red';
+  return /*#__PURE__*/_jsx(View, {
+    style: containerStyle,
+    children: /*#__PURE__*/_jsxs(Text, {
+      style: [{
+        fontWeight: 'bold'
+      }, textStyle],
+      children: ["Password Strength:", ' ', /*#__PURE__*/_jsx(Text, {
+        style: [{
+          color: strengthColor,
+          fontWeight: 'bold'
+        }, textStyle],
+        children: strength
+      })]
+    })
+  });
+}
+//# sourceMappingURL=PasswordStrengthMeter.js.map

package/lib/module/PasswordStrengthMeter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","View","jsx","_jsx","jsxs","_jsxs","PasswordStrengthMeter","password","containerStyle","textStyle","strength","length","strengthColor","style","children","fontWeight","color"],"sourceRoot":"../../src","sources":["PasswordStrengthMeter.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW1C,eAAe,SAASC,qBAAqBA,CAAC;EAC5CC,QAAQ;EACRC,cAAc;EACdC;AAC0B,CAAC,EAAE;EAC7B,MAAMC,QAAQ,GACZH,QAAQ,CAACI,MAAM,GAAG,EAAE,GAAG,QAAQ,GAAGJ,QAAQ,CAACI,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,MAAM;EAC3E,MAAMC,aAAa,GACjBF,QAAQ,KAAK,QAAQ,GAAG,OAAO,GAAGA,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK;EAE5E,oBACEP,IAAA,CAACF,IAAI;IAACY,KAAK,EAAEL,cAAe;IAAAM,QAAA,eAC1BT,KAAA,CAACL,IAAI;MAACa,KAAK,EAAE,CAAC;QAAEE,UAAU,EAAE;MAAO,CAAC,EAAEN,SAAS,CAAE;MAAAK,QAAA,GAAC,oBAC9B,EAAC,GAAG,eACtBX,IAAA,CAACH,IAAI;QAACa,KAAK,EAAE,CAAC;UAAEG,KAAK,EAAEJ,aAAa;UAAEG,UAAU,EAAE;QAAO,CAAC,EAAEN,SAAS,CAAE;QAAAK,QAAA,EACpEJ;MAAQ,CACL,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as PasswordStrengthMeter } from "./PasswordStrengthMeter.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","PasswordStrengthMeter"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AACA,SAAQA,OAAO,IAAIC,qBAAqB,QAAM,4BAAyB;AACvE,cAAc,YAAS","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/passwordRules.js

@@ -0,0 +1,18 @@
+"use strict";
+
+//Add in length default is 8 cant be lower
+export function evaluatePasswordStrength(password) {
+  if (!password) return 'Weak';
+  let score = 0;
+  if (password.length >= 8) score += 1;
+  if (/[A-Z]/.test(password)) score += 1;
+  if (/[0-9]/.test(password)) score += 1;
+  if (/[^A-Za-z0-9]/.test(password)) score += 1;
+  if (score >= 4) return 'Strong';
+  if (score >= 2) return 'Medium';
+  return undefined;
+}
+export function isPasswordValid(password) {
+  return password.length >= 8 && /[A-Z]/.test(password) && /[0-9]]/.test(password);
+}
+//# sourceMappingURL=passwordRules.js.map

package/lib/module/utils/passwordRules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["evaluatePasswordStrength","password","score","length","test","undefined","isPasswordValid"],"sourceRoot":"../../../src","sources":["utils/passwordRules.ts"],"mappings":";;AAEA;AACA,OAAO,SAASA,wBAAwBA,CAACC,QAAe,EAAe;EACrE,IAAG,CAACA,QAAQ,EAAE,OAAO,MAAM;EAE3B,IAAIC,KAAK,GAAG,CAAC;EAEb,IAAGD,QAAQ,CAACE,MAAM,IAAE,CAAC,EAAED,KAAK,IAAI,CAAC;EACjC,IAAG,OAAO,CAACE,IAAI,CAACH,QAAQ,CAAC,EAAEC,KAAK,IAAG,CAAC;EACpC,IAAG,OAAO,CAACE,IAAI,CAACH,QAAQ,CAAC,EAAEC,KAAK,IAAG,CAAC;EACpC,IAAG,cAAc,CAACE,IAAI,CAACH,QAAQ,CAAC,EAAEC,KAAK,IAAG,CAAC;EAE3C,IAAGA,KAAK,IAAI,CAAC,EAAE,OAAO,QAAQ;EAC9B,IAAGA,KAAK,IAAI,CAAC,EAAE,OAAO,QAAQ;EAE9B,OAAOG,SAAS;AAClB;AAEA,OAAO,SAASC,eAAeA,CAACL,QAAe,EAAS;EACtD,OAAOA,QAAQ,CAACE,MAAM,IAAI,CAAC,IAAI,OAAO,CAACC,IAAI,CAACH,QAAQ,CAAC,IAAI,QAAQ,CAACG,IAAI,CAACH,QAAQ,CAAC;AAClF","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/PasswordStrengthMeter.d.ts

@@ -0,0 +1,11 @@
+import type { ViewStyle } from 'react-native';
+import type { StyleProp } from 'react-native';
+import type { TextStyle } from 'react-native';
+type PasswordStrengthMeterProps = {
+    password: string;
+    containerStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+};
+export default function PasswordStrengthMeter({ password, containerStyle, textStyle, }: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PasswordStrengthMeter.d.ts.map

package/lib/typescript/src/PasswordStrengthMeter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordStrengthMeter.d.ts","sourceRoot":"","sources":["../../../src/PasswordStrengthMeter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAG,SAAS,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAG,SAAS,EAAC,MAAM,cAAc,CAAC;AAE9C,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,SAAS,GACV,EAAE,0BAA0B,2CAgB5B"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PasswordStrengthMeter } from './PasswordStrengthMeter';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,MAAK,yBAAyB,CAAA;AACvE,cAAc,SAAS,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,20 @@
+import type { StyleProp } from 'react-native';
+import type { TextStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import type { StrengthLevel } from './utils/passwordRules';
+export type PasswordStrengthMeterProps = {
+    password: string;
+    containerStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    onChangeStrength?: () => void;
+};
+export type PasswordStrengthBarProps = {
+    strength: StrengthLevel;
+    colors?: {
+        Weak?: string;
+        Medium?: string;
+        Strong?: string;
+    };
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAEzD,MAAM,MAAM,0BAA0B,GAAC;IACrC,QAAQ,EAAC,MAAM,CAAC;IAChB,cAAc,CAAC,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,CAAC,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAC,MAAI,IAAI,CAAC;CAC5B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAC;IACnC,QAAQ,EAAC,aAAa,CAAC;IACvB,MAAM,CAAC,EAAC;QACN,IAAI,CAAC,EAAC,MAAM,CAAC;QACb,MAAM,CAAC,EAAC,MAAM,CAAC;QACf,MAAM,CAAC,EAAC,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,CAAC,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B,CAAA"}

package/lib/typescript/src/utils/passwordRules.d.ts

@@ -0,0 +1,4 @@
+export type StrengthLevel = 'Weak' | 'Medium' | 'Strong' | undefined;
+export declare function evaluatePasswordStrength(password: string): StrengthLevel;
+export declare function isPasswordValid(password: string): boolean;
+//# sourceMappingURL=passwordRules.d.ts.map

package/lib/typescript/src/utils/passwordRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"passwordRules.d.ts","sourceRoot":"","sources":["../../../../src/utils/passwordRules.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,aAAa,GAAE,MAAM,GAAC,QAAQ,GAAC,QAAQ,GAAC,SAAS,CAAA;AAE7D,wBAAgB,wBAAwB,CAAC,QAAQ,EAAC,MAAM,GAAE,aAAa,CActE;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAC,MAAM,GAAE,OAAO,CAEvD"}

package/package.json

@@ -0,0 +1,160 @@
+{
+  "name": "indatastar-styled-password-strength-meter",
+  "version": "0.1.0",
+  "description": "A lightweight, customizable **password strength meter** for React Native apps.  ",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace indatastar-styled-password-strength-meter-example",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/InDataStar/indatastar-styled-password-strength-meter.git"
+  },
+  "author": "InDataStar <crawfordlp1@gmail.com> (https://github.com/InDataStar)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/InDataStar/indatastar-styled-password-strength-meter/issues"
+  },
+  "homepage": "https://github.com/InDataStar/indatastar-styled-password-strength-meter#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.1.12",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "jest": "^29.7.0",
+    "lefthook": "^2.0.3",
+    "prettier": "^3.8.1",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-builder-bob": "^0.40.13",
+    "release-it": "^19.0.4",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "library",
+    "languages": "js",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.57.0"
+  }
+}

package/src/PasswordStrengthMeter.tsx

@@ -0,0 +1,32 @@
+import { Text, View } from 'react-native';
+import type { ViewStyle} from 'react-native';
+import type {  StyleProp} from 'react-native';
+import type {  TextStyle} from 'react-native';
+
+type PasswordStrengthMeterProps = {
+  password: string;
+  containerStyle?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+};
+
+export default function PasswordStrengthMeter({
+  password,
+  containerStyle,
+  textStyle,
+}: PasswordStrengthMeterProps) {
+  const strength =
+    password.length > 10 ? 'Strong' : password.length > 5 ? 'Medium' : 'Weak';
+  const strengthColor =
+    strength === 'Strong' ? 'green' : strength === 'Medium' ? 'orange' : 'red';
+
+  return (
+    <View style={containerStyle}>
+      <Text style={[{ fontWeight: 'bold' }, textStyle]}>
+        Password Strength:{' '}
+        <Text style={[{ color: strengthColor, fontWeight: 'bold' }, textStyle]}>
+          {strength}
+        </Text>
+      </Text>
+    </View>
+  );
+}

package/src/index.tsx

@@ -0,0 +1,3 @@
+
+export {default as PasswordStrengthMeter}from './PasswordStrengthMeter'
+export * from './types';

package/src/types.ts

@@ -0,0 +1,21 @@
+import type {StyleProp} from 'react-native';
+import type {TextStyle} from 'react-native';
+import type {ViewStyle} from 'react-native';
+import type {StrengthLevel} from './utils/passwordRules';
+
+export type PasswordStrengthMeterProps={
+  password:string;
+  containerStyle?:StyleProp<ViewStyle>;
+  textStyle?:StyleProp<TextStyle>;
+  onChangeStrength?:()=>void;
+}
+
+export type PasswordStrengthBarProps={
+  strength:StrengthLevel;
+  colors?:{
+    Weak?:string;
+    Medium?:string;
+    Strong?:string;
+  };
+  style?:StyleProp<ViewStyle>;
+}

package/src/utils/passwordRules.ts

@@ -0,0 +1,22 @@
+
+export type StrengthLevel ='Weak'|'Medium'|'Strong'|undefined
+//Add in length default is 8 cant be lower
+export function evaluatePasswordStrength(password:string):StrengthLevel{
+  if(!password) return 'Weak';
+
+  let score = 0;
+
+  if(password.length>=8) score += 1;
+  if(/[A-Z]/.test(password)) score +=1;
+  if(/[0-9]/.test(password)) score +=1;
+  if(/[^A-Za-z0-9]/.test(password)) score +=1;
+
+  if(score >= 4) return 'Strong';
+  if(score >= 2) return 'Medium';
+
+  return undefined;
+}
+
+export function isPasswordValid(password:string):boolean{
+  return password.length >= 8 && /[A-Z]/.test(password) && /[0-9]]/.test(password);
+}