@carbonbits/sixr 1.0.4 → 1.2.0

package/dist/validation.d.cts

@@ -0,0 +1,28 @@
+import { z } from 'zod';
+
+/**
+ * The design checks `/.+@.+\..+/` rather than anything stricter, which accepts
+ * the addresses people actually type and leaves real verification to the
+ * confirmation email. Kept deliberately, in place of `z.email()`.
+ */
+declare const emailSchema: z.ZodString;
+/** At least 8 characters, upper and lower case, and a number or symbol. */
+declare const passwordSchema: z.ZodString;
+/**
+ * Eight characters, displayed as `XXXX-XXXX`. The separator is presentational,
+ * so it is stripped before the length is counted and the parsed value comes
+ * back normalised and upper-cased.
+ */
+declare const verificationCodeSchema: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+/** Recovery codes; the design enables the button at 6 characters. */
+declare const backupCodeSchema: z.ZodString;
+/** Free-text profile fields — the design only requires them to be non-empty. */
+declare const fullNameSchema: z.ZodString;
+declare const jobTitleSchema: z.ZodString;
+/**
+ * Optional in the design, and used for recovery and alerts only, so this stays
+ * permissive: digits, spaces and the usual punctuation, in any arrangement.
+ */
+declare const phoneSchema: z.ZodString;
+
+export { backupCodeSchema, emailSchema, fullNameSchema, jobTitleSchema, passwordSchema, phoneSchema, verificationCodeSchema };

package/dist/validation.d.ts

@@ -0,0 +1,28 @@
+import { z } from 'zod';
+
+/**
+ * The design checks `/.+@.+\..+/` rather than anything stricter, which accepts
+ * the addresses people actually type and leaves real verification to the
+ * confirmation email. Kept deliberately, in place of `z.email()`.
+ */
+declare const emailSchema: z.ZodString;
+/** At least 8 characters, upper and lower case, and a number or symbol. */
+declare const passwordSchema: z.ZodString;
+/**
+ * Eight characters, displayed as `XXXX-XXXX`. The separator is presentational,
+ * so it is stripped before the length is counted and the parsed value comes
+ * back normalised and upper-cased.
+ */
+declare const verificationCodeSchema: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+/** Recovery codes; the design enables the button at 6 characters. */
+declare const backupCodeSchema: z.ZodString;
+/** Free-text profile fields — the design only requires them to be non-empty. */
+declare const fullNameSchema: z.ZodString;
+declare const jobTitleSchema: z.ZodString;
+/**
+ * Optional in the design, and used for recovery and alerts only, so this stays
+ * permissive: digits, spaces and the usual punctuation, in any arrangement.
+ */
+declare const phoneSchema: z.ZodString;
+
+export { backupCodeSchema, emailSchema, fullNameSchema, jobTitleSchema, passwordSchema, phoneSchema, verificationCodeSchema };

package/dist/validation.js

@@ -0,0 +1,35 @@
+import { z } from 'zod';
+
+// src/validation/index.ts
+var REQUIRED = 1;
+var MIN_PASSWORD_LENGTH = 8;
+var VERIFICATION_CODE_LENGTH = 8;
+var MIN_BACKUP_CODE_LENGTH = 6;
+var MIN_PHONE_LENGTH = 7;
+var EMAIL_PATTERN = /.+@.+\..+/;
+var UPPER_CASE = /[A-Z]/;
+var LOWER_CASE = /[a-z]/;
+var DIGIT = /[0-9]/;
+var SYMBOL = /[^A-Za-z0-9]/;
+var SEPARATORS = /-/g;
+var PHONE_PATTERN = new RegExp(`^[+]?[\\d\\s().-]{${MIN_PHONE_LENGTH},}$`);
+var emailSchema = z.string().trim().min(REQUIRED, "Enter your work email").regex(EMAIL_PATTERN, "Enter a valid email address");
+var passwordSchema = z.string().min(MIN_PASSWORD_LENGTH, "Use at least 8 characters").refine(
+  (value) => UPPER_CASE.test(value) && LOWER_CASE.test(value),
+  "Use both upper and lower case letters"
+).refine(
+  (value) => DIGIT.test(value) || SYMBOL.test(value),
+  "Add a number or symbol"
+);
+var verificationCodeSchema = z.string().transform((value) => value.replace(SEPARATORS, "").toUpperCase()).refine(
+  (value) => value.length === VERIFICATION_CODE_LENGTH,
+  "Enter the 8-character code"
+);
+var backupCodeSchema = z.string().trim().min(MIN_BACKUP_CODE_LENGTH, "Enter a backup code");
+var fullNameSchema = z.string().trim().min(REQUIRED, "Enter your full name");
+var jobTitleSchema = z.string().trim().min(REQUIRED, "Enter your job title");
+var phoneSchema = z.string().trim().regex(PHONE_PATTERN, "Enter a valid mobile number");
+
+export { backupCodeSchema, emailSchema, fullNameSchema, jobTitleSchema, passwordSchema, phoneSchema, verificationCodeSchema };
+//# sourceMappingURL=validation.js.map
+//# sourceMappingURL=validation.js.map

package/dist/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/validation/index.ts"],"names":[],"mappings":";;;AAYA,IAAM,QAAA,GAAW,CAAA;AACjB,IAAM,mBAAA,GAAsB,CAAA;AAC5B,IAAM,wBAAA,GAA2B,CAAA;AACjC,IAAM,sBAAA,GAAyB,CAAA;AAC/B,IAAM,gBAAA,GAAmB,CAAA;AAEzB,IAAM,aAAA,GAAgB,WAAA;AACtB,IAAM,UAAA,GAAa,OAAA;AACnB,IAAM,UAAA,GAAa,OAAA;AACnB,IAAM,KAAA,GAAQ,OAAA;AACd,IAAM,MAAA,GAAS,cAAA;AACf,IAAM,UAAA,GAAa,IAAA;AACnB,IAAM,aAAA,GAAgB,IAAI,MAAA,CAAO,CAAA,kBAAA,EAAqB,gBAAgB,CAAA,GAAA,CAAK,CAAA;AAOpE,IAAM,WAAA,GAAc,CAAA,CACxB,MAAA,EAAO,CACP,IAAA,EAAK,CACL,GAAA,CAAI,QAAA,EAAU,uBAAuB,CAAA,CACrC,KAAA,CAAM,aAAA,EAAe,6BAA6B;AAG9C,IAAM,iBAAiB,CAAA,CAC3B,MAAA,GACA,GAAA,CAAI,mBAAA,EAAqB,2BAA2B,CAAA,CACpD,MAAA;AAAA,EACC,CAAC,UAAU,UAAA,CAAW,IAAA,CAAK,KAAK,CAAA,IAAK,UAAA,CAAW,KAAK,KAAK,CAAA;AAAA,EAC1D;AACF,CAAA,CACC,MAAA;AAAA,EACC,CAAC,UAAU,KAAA,CAAM,IAAA,CAAK,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,EACjD;AACF;AAOK,IAAM,sBAAA,GAAyB,CAAA,CACnC,MAAA,EAAO,CACP,UAAU,CAAC,KAAA,KAAU,KAAA,CAAM,OAAA,CAAQ,UAAA,EAAY,EAAE,CAAA,CAAE,WAAA,EAAa,CAAA,CAChE,MAAA;AAAA,EACC,CAAC,KAAA,KAAU,KAAA,CAAM,MAAA,KAAW,wBAAA;AAAA,EAC5B;AACF;AAGK,IAAM,gBAAA,GAAmB,EAC7B,MAAA,EAAO,CACP,MAAK,CACL,GAAA,CAAI,wBAAwB,qBAAqB;AAG7C,IAAM,cAAA,GAAiB,EAC3B,MAAA,EAAO,CACP,MAAK,CACL,GAAA,CAAI,UAAU,sBAAsB;AAEhC,IAAM,cAAA,GAAiB,EAC3B,MAAA,EAAO,CACP,MAAK,CACL,GAAA,CAAI,UAAU,sBAAsB;AAMhC,IAAM,WAAA,GAAc,EACxB,MAAA,EAAO,CACP,MAAK,CACL,KAAA,CAAM,eAAe,6BAA6B","file":"validation.js","sourcesContent":["import { z } from \"zod\";\n\n/**\n * Field rules taken from the Carbonbits V1 auth design, which validates inline\n * as you type. The predicates here are the ones that screen actually applies —\n * kept in one place so a form built from `TextInput` agrees with the design\n * rather than re-deriving the rules per screen.\n *\n * These are ordinary zod schemas: extend them with `.refine`, swap a message\n * with `.min(8, \"…\")`, or ignore them and pass your own.\n */\n\nconst REQUIRED = 1;\nconst MIN_PASSWORD_LENGTH = 8;\nconst VERIFICATION_CODE_LENGTH = 8;\nconst MIN_BACKUP_CODE_LENGTH = 6;\nconst MIN_PHONE_LENGTH = 7;\n\nconst EMAIL_PATTERN = /.+@.+\\..+/;\nconst UPPER_CASE = /[A-Z]/;\nconst LOWER_CASE = /[a-z]/;\nconst DIGIT = /[0-9]/;\nconst SYMBOL = /[^A-Za-z0-9]/;\nconst SEPARATORS = /-/g;\nconst PHONE_PATTERN = new RegExp(`^[+]?[\\\\d\\\\s().-]{${MIN_PHONE_LENGTH},}$`);\n\n/**\n * The design checks `/.+@.+\\..+/` rather than anything stricter, which accepts\n * the addresses people actually type and leaves real verification to the\n * confirmation email. Kept deliberately, in place of `z.email()`.\n */\nexport const emailSchema = z\n  .string()\n  .trim()\n  .min(REQUIRED, \"Enter your work email\")\n  .regex(EMAIL_PATTERN, \"Enter a valid email address\");\n\n/** At least 8 characters, upper and lower case, and a number or symbol. */\nexport const passwordSchema = z\n  .string()\n  .min(MIN_PASSWORD_LENGTH, \"Use at least 8 characters\")\n  .refine(\n    (value) => UPPER_CASE.test(value) && LOWER_CASE.test(value),\n    \"Use both upper and lower case letters\",\n  )\n  .refine(\n    (value) => DIGIT.test(value) || SYMBOL.test(value),\n    \"Add a number or symbol\",\n  );\n\n/**\n * Eight characters, displayed as `XXXX-XXXX`. The separator is presentational,\n * so it is stripped before the length is counted and the parsed value comes\n * back normalised and upper-cased.\n */\nexport const verificationCodeSchema = z\n  .string()\n  .transform((value) => value.replace(SEPARATORS, \"\").toUpperCase())\n  .refine(\n    (value) => value.length === VERIFICATION_CODE_LENGTH,\n    \"Enter the 8-character code\",\n  );\n\n/** Recovery codes; the design enables the button at 6 characters. */\nexport const backupCodeSchema = z\n  .string()\n  .trim()\n  .min(MIN_BACKUP_CODE_LENGTH, \"Enter a backup code\");\n\n/** Free-text profile fields — the design only requires them to be non-empty. */\nexport const fullNameSchema = z\n  .string()\n  .trim()\n  .min(REQUIRED, \"Enter your full name\");\n\nexport const jobTitleSchema = z\n  .string()\n  .trim()\n  .min(REQUIRED, \"Enter your job title\");\n\n/**\n * Optional in the design, and used for recovery and alerts only, so this stays\n * permissive: digits, spaces and the usual punctuation, in any arrangement.\n */\nexport const phoneSchema = z\n  .string()\n  .trim()\n  .regex(PHONE_PATTERN, \"Enter a valid mobile number\");\n"]}

package/package.json

@@ -1,82 +1,133 @@
 {
   "name": "@carbonbits/sixr",
-  "version": "1.0.4",
+  "version": "1.2.0",
   "description": "e-commerce geared component library",
   "homepage": "https://carbonbits.co.ke/sixr",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/carbonbits/sixr.git"
+  },
+  "bugs": {
+    "url": "https://github.com/carbonbits/sixr/issues"
+  },
   "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
-    "dist/**"
+    "dist"
   ],
-  "main": "dist/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./cart": {
+      "import": {
+        "types": "./dist/cart.d.ts",
+        "default": "./dist/cart.js"
+      },
+      "require": {
+        "types": "./dist/cart.d.cts",
+        "default": "./dist/cart.cjs"
+      }
+    },
+    "./text-input": {
+      "import": {
+        "types": "./dist/text-input.d.ts",
+        "default": "./dist/text-input.js"
+      },
+      "require": {
+        "types": "./dist/text-input.d.cts",
+        "default": "./dist/text-input.cjs"
+      }
+    },
+    "./validation": {
+      "import": {
+        "types": "./dist/validation.d.ts",
+        "default": "./dist/validation.js"
+      },
+      "require": {
+        "types": "./dist/validation.d.cts",
+        "default": "./dist/validation.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^27.0.1",
-    "@types/node": "^16.7.13",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "typescript": "^4.4.2",
-    "web-vitals": "^2.1.0"
+  "engines": {
+    "node": ">=20.19.0"
   },
+  "packageManager": "pnpm@12.4.2",
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
+    "build": "pnpm run build:js && pnpm run build:css",
+    "build:js": "rm -rf dist && tsup",
+    "build:css": "tailwindcss -i ./src/styles/index.css -o ./dist/styles.css --minify",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check --error-on-warnings",
+    "lint:fix": "biome check --write --error-on-warnings",
+    "format": "biome format --write",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic --exit-zero-on-changes"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "zod": "^4.0.0"
   },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+  "peerDependenciesMeta": {
+    "zod": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-essentials": "^7.0.5",
-    "@storybook/addon-interactions": "^7.0.5",
-    "@storybook/addon-links": "^7.0.5",
-    "@storybook/blocks": "^7.0.5",
-    "@storybook/preset-create-react-app": "^7.0.5",
-    "@storybook/react": "^7.0.5",
-    "@storybook/react-webpack5": "^7.0.5",
-    "@storybook/testing-library": "^0.0.14-next.2",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "chromatic": "^6.17.4",
-    "prop-types": "^15.8.1",
-    "semantic-release": "^21.0.1",
-    "storybook": "^7.0.5",
-    "webpack": "^5.79.0"
-  },
-  "readme": "ERROR: No README data found!"
+    "@biomejs/biome": "^2.5.14",
+    "@semantic-release/changelog": "^7.0.0",
+    "@semantic-release/exec": "^7.1.0",
+    "@semantic-release/git": "^11.0.1",
+    "@semantic-release/github": "^12.0.9",
+    "@semantic-release/npm": "^13.1.5",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "chromatic": "^18.9.0",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
+    "jsdom": "^30.1.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "semantic-release": "^25.0.9",
+    "storybook": "^10.6.0",
+    "tailwindcss": "^4.3.3",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.0",
+    "vitest": "^5.0.1",
+    "zod": "^4.0.0"
+  }
 }