@insforge/react 0.1.0

package/dist/lib.mjs

@@ -0,0 +1,82 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { z } from 'zod';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var emailSchema = z.string().min(1, "Email is required").email("Invalid email address");
+function createPasswordSchema(options) {
+  const {
+    minLength = 6,
+    requireUppercase = false,
+    requireLowercase = false,
+    requireNumber = false,
+    requireSpecialChar = false
+  } = options || {};
+  let schema = z.string().min(minLength, `Password must be at least ${minLength} characters`);
+  if (requireUppercase) {
+    schema = schema.regex(/[A-Z]/, "Password must contain at least one uppercase letter");
+  }
+  if (requireLowercase) {
+    schema = schema.regex(/[a-z]/, "Password must contain at least one lowercase letter");
+  }
+  if (requireNumber) {
+    schema = schema.regex(/\d/, "Password must contain at least one number");
+  }
+  if (requireSpecialChar) {
+    schema = schema.regex(
+      /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/,
+      "Password must contain at least one special character"
+    );
+  }
+  return schema;
+}
+var passwordSchema = createPasswordSchema();
+function validateEmail(email) {
+  const result = emailSchema.safeParse(email);
+  if (result.success) {
+    return { valid: true };
+  }
+  return { valid: false, error: result.error.errors[0]?.message };
+}
+function validatePassword(password, options) {
+  const schema = createPasswordSchema(options);
+  const result = schema.safeParse(password);
+  if (result.success) {
+    return { valid: true };
+  }
+  return { valid: false, error: result.error.errors[0]?.message };
+}
+function checkPasswordStrength(password) {
+  const feedback = [];
+  let score = 0;
+  if (password.length >= 8) {
+    score += 1;
+  } else {
+    feedback.push("Use at least 8 characters");
+  }
+  if (password.length >= 12) {
+    score += 1;
+  }
+  if (/[a-z]/.test(password) && /[A-Z]/.test(password)) {
+    score += 1;
+  } else {
+    feedback.push("Use both uppercase and lowercase letters");
+  }
+  if (/\d/.test(password)) {
+    score += 1;
+  } else {
+    feedback.push("Include at least one number");
+  }
+  if (/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(password)) {
+    score += 1;
+  } else {
+    feedback.push("Include at least one special character");
+  }
+  return { score, feedback };
+}
+
+export { checkPasswordStrength, cn, createPasswordSchema, emailSchema, passwordSchema, validateEmail, validatePassword };
+//# sourceMappingURL=lib.mjs.map
+//# sourceMappingURL=lib.mjs.map

package/dist/lib.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/lib/validation.ts"],"names":[],"mappings":";;;;AAOO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACJO,IAAM,WAAA,GAAc,EACxB,MAAA,EAAO,CACP,IAAI,CAAA,EAAG,mBAAmB,CAAA,CAC1B,KAAA,CAAM,uBAAuB;AAKzB,SAAS,qBAAqB,OAAA,EAMlC;AACD,EAAA,MAAM;AAAA,IACJ,SAAA,GAAY,CAAA;AAAA,IACZ,gBAAA,GAAmB,KAAA;AAAA,IACnB,gBAAA,GAAmB,KAAA;AAAA,IACnB,aAAA,GAAgB,KAAA;AAAA,IAChB,kBAAA,GAAqB;AAAA,GACvB,GAAI,WAAW,EAAC;AAEhB,EAAA,IAAI,MAAA,GAAS,EAAE,MAAA,EAAO,CAAE,IAAI,SAAA,EAAW,CAAA,0BAAA,EAA6B,SAAS,CAAA,WAAA,CAAa,CAAA;AAE1F,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,EAAS,qDAAqD,CAAA;AAAA,EACtF;AAEA,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,EAAS,qDAAqD,CAAA;AAAA,EACtF;AAEA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,IAAA,EAAM,2CAA2C,CAAA;AAAA,EACzE;AAEA,EAAA,IAAI,kBAAA,EAAoB;AACtB,IAAA,MAAA,GAAS,MAAA,CAAO,KAAA;AAAA,MACd,qCAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAKO,IAAM,iBAAiB,oBAAA;AAKvB,SAAS,cAAc,KAAA,EAAmD;AAC/E,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,SAAA,CAAU,KAAK,CAAA;AAC1C,EAAA,IAAI,OAAO,OAAA,EAAS;AAClB,IAAA,OAAO,EAAE,OAAO,IAAA,EAAK;AAAA,EACvB;AACA,EAAA,OAAO,EAAE,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,EAAG,OAAA,EAAQ;AAChE;AAKO,SAAS,gBAAA,CACd,UACA,OAAA,EACoC;AACpC,EAAA,MAAM,MAAA,GAAS,qBAAqB,OAAO,CAAA;AAC3C,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,SAAA,CAAU,QAAQ,CAAA;AACxC,EAAA,IAAI,OAAO,OAAA,EAAS;AAClB,IAAA,OAAO,EAAE,OAAO,IAAA,EAAK;AAAA,EACvB;AACA,EAAA,OAAO,EAAE,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,EAAG,OAAA,EAAQ;AAChE;AAKO,SAAS,sBAAsB,QAAA,EAGpC;AACA,EAAA,MAAM,WAAqB,EAAC;AAC5B,EAAA,IAAI,KAAA,GAAQ,CAAA;AAEZ,EAAA,IAAI,QAAA,CAAS,UAAU,CAAA,EAAG;AACxB,IAAA,KAAA,IAAS,CAAA;AAAA,EACX,CAAA,MAAO;AACL,IAAA,QAAA,CAAS,KAAK,2BAA2B,CAAA;AAAA,EAC3C;AAEA,EAAA,IAAI,QAAA,CAAS,UAAU,EAAA,EAAI;AACzB,IAAA,KAAA,IAAS,CAAA;AAAA,EACX;AAEA,EAAA,IAAI,QAAQ,IAAA,CAAK,QAAQ,KAAK,OAAA,CAAQ,IAAA,CAAK,QAAQ,CAAA,EAAG;AACpD,IAAA,KAAA,IAAS,CAAA;AAAA,EACX,CAAA,MAAO;AACL,IAAA,QAAA,CAAS,KAAK,0CAA0C,CAAA;AAAA,EAC1D;AAEA,EAAA,IAAI,IAAA,CAAK,IAAA,CAAK,QAAQ,CAAA,EAAG;AACvB,IAAA,KAAA,IAAS,CAAA;AAAA,EACX,CAAA,MAAO;AACL,IAAA,QAAA,CAAS,KAAK,6BAA6B,CAAA;AAAA,EAC7C;AAEA,EAAA,IAAI,qCAAA,CAAsC,IAAA,CAAK,QAAQ,CAAA,EAAG;AACxD,IAAA,KAAA,IAAS,CAAA;AAAA,EACX,CAAA,MAAO;AACL,IAAA,QAAA,CAAS,KAAK,wCAAwC,CAAA;AAAA,EACxD;AAEA,EAAA,OAAO,EAAE,OAAO,QAAA,EAAS;AAC3B","file":"lib.mjs","sourcesContent":["import { type ClassValue, clsx } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\n/**\r\n * Utility function to merge Tailwind CSS classes with clsx\r\n * Handles conditional classes and prevents style conflicts\r\n */\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n\r\n","import { z } from 'zod';\r\n\r\n/**\r\n * Email validation schema\r\n */\r\nexport const emailSchema = z\r\n  .string()\r\n  .min(1, 'Email is required')\r\n  .email('Invalid email address');\r\n\r\n/**\r\n * Password validation schema with configurable requirements\r\n */\r\nexport function createPasswordSchema(options?: {\r\n  minLength?: number;\r\n  requireUppercase?: boolean;\r\n  requireLowercase?: boolean;\r\n  requireNumber?: boolean;\r\n  requireSpecialChar?: boolean;\r\n}) {\r\n  const {\r\n    minLength = 6,\r\n    requireUppercase = false,\r\n    requireLowercase = false,\r\n    requireNumber = false,\r\n    requireSpecialChar = false,\r\n  } = options || {};\r\n\r\n  let schema = z.string().min(minLength, `Password must be at least ${minLength} characters`);\r\n\r\n  if (requireUppercase) {\r\n    schema = schema.regex(/[A-Z]/, 'Password must contain at least one uppercase letter');\r\n  }\r\n\r\n  if (requireLowercase) {\r\n    schema = schema.regex(/[a-z]/, 'Password must contain at least one lowercase letter');\r\n  }\r\n\r\n  if (requireNumber) {\r\n    schema = schema.regex(/\\d/, 'Password must contain at least one number');\r\n  }\r\n\r\n  if (requireSpecialChar) {\r\n    schema = schema.regex(\r\n      /[!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/,\r\n      'Password must contain at least one special character'\r\n    );\r\n  }\r\n\r\n  return schema;\r\n}\r\n\r\n/**\r\n * Default password schema (minimum 6 characters)\r\n */\r\nexport const passwordSchema = createPasswordSchema();\r\n\r\n/**\r\n * Validate email format\r\n */\r\nexport function validateEmail(email: string): { valid: boolean; error?: string } {\r\n  const result = emailSchema.safeParse(email);\r\n  if (result.success) {\r\n    return { valid: true };\r\n  }\r\n  return { valid: false, error: result.error.errors[0]?.message };\r\n}\r\n\r\n/**\r\n * Validate password format\r\n */\r\nexport function validatePassword(\r\n  password: string,\r\n  options?: Parameters<typeof createPasswordSchema>[0]\r\n): { valid: boolean; error?: string } {\r\n  const schema = createPasswordSchema(options);\r\n  const result = schema.safeParse(password);\r\n  if (result.success) {\r\n    return { valid: true };\r\n  }\r\n  return { valid: false, error: result.error.errors[0]?.message };\r\n}\r\n\r\n/**\r\n * Validate password strength based on multiple criteria\r\n */\r\nexport function checkPasswordStrength(password: string): {\r\n  score: number;\r\n  feedback: string[];\r\n} {\r\n  const feedback: string[] = [];\r\n  let score = 0;\r\n\r\n  if (password.length >= 8) {\r\n    score += 1;\r\n  } else {\r\n    feedback.push('Use at least 8 characters');\r\n  }\r\n\r\n  if (password.length >= 12) {\r\n    score += 1;\r\n  }\r\n\r\n  if (/[a-z]/.test(password) && /[A-Z]/.test(password)) {\r\n    score += 1;\r\n  } else {\r\n    feedback.push('Use both uppercase and lowercase letters');\r\n  }\r\n\r\n  if (/\\d/.test(password)) {\r\n    score += 1;\r\n  } else {\r\n    feedback.push('Include at least one number');\r\n  }\r\n\r\n  if (/[!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/.test(password)) {\r\n    score += 1;\r\n  } else {\r\n    feedback.push('Include at least one special character');\r\n  }\r\n\r\n  return { score, feedback };\r\n}\r\n\r\n"]}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@insforge/react",
+  "version": "0.1.0",
+  "description": "Framework-agnostic React authentication UI components for Insforge - reusable across all frameworks",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./atoms": {
+      "types": "./dist/atoms.d.ts",
+      "import": "./dist/atoms.mjs",
+      "require": "./dist/atoms.js"
+    },
+    "./forms": {
+      "types": "./dist/forms.d.ts",
+      "import": "./dist/forms.mjs",
+      "require": "./dist/forms.js"
+    },
+    "./lib": {
+      "types": "./dist/lib.d.ts",
+      "import": "./dist/lib.mjs",
+      "require": "./dist/lib.js"
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/styles.css",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "concurrently \"npx @tailwindcss/cli -i ./src/styles.css -o ./dist/styles.css --watch\" \"tsup --watch\"",
+    "type-check": "tsc --noEmit",
+    "clean": "rimraf dist"
+  },
+  "keywords": [
+    "insforge",
+    "react",
+    "authentication",
+    "auth",
+    "ui",
+    "components",
+    "headless",
+    "framework-agnostic"
+  ],
+  "author": "Insforge",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@insforge/sdk": "0.0.58-dev.5",
+    "@insforge/shared-schemas": "^1.1.15",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.546.0",
+    "tailwind-merge": "^3.3.1",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.16",
+    "@types/node": "^20.19.24",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "concurrently": "^9.2.1",
+    "rimraf": "^6.0.1",
+    "tailwindcss": "^4.1.16",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}
+

package/src/styles.css

@@ -0,0 +1,8 @@
+@import 'tailwindcss';
+
+/* 
+ * Note: This CSS file imports Tailwind CSS for the React package.
+ * The package components use standard Tailwind classes and don't require
+ * custom theme configuration from the host application.
+ */
+