@carissa-io/components-email 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,12 @@
-# Temporary Holding Version
+# @carissa-io/components-email
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Input of type email, validated by hand.
+
+```jsx
+import { Email } from '@carissa-io/components-email'
+```
+
+Error code `invalid_email`. `validate` (optional) runs after the email check. `isEmail(value)` is exported.
+
+Takes every prop of [`Input`](../components-input/README.md) (`label`, `required`, `min_length`, `messages`, `onValidate(isValid, errorCode)`, `error`, …).
+Depends on `@carissa-io/components-input`; styles: `@use '@carissa-io/components-email/scss' with (...)` forwards the input's SCSS variables.

package/dist/index.js

@@ -0,0 +1,20 @@
+// src/Email.jsx
+import { Input } from "@carissa-io/components-input";
+import { jsx } from "react/jsx-runtime";
+var EMAIL = /^[^\s@]+@[^\s@.]+(\.[^\s@.]+)+$/;
+var isEmail = (value) => EMAIL.test(String(value ?? "").trim());
+function Email({ validate, autoComplete = "email", ...props }) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ...props,
+      type: "email",
+      autoComplete,
+      validate: (value) => isEmail(value) ? validate?.(value) : "invalid_email"
+    }
+  );
+}
+export {
+  Email,
+  isEmail
+};

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@carissa-io/components-email",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Fluxio UI: email input with email validation, built on components-input",
+  "type": "module",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "scss"
+  ],
+  "exports": {
+    ".": "./dist/index.js",
+    "./scss": "./scss/index.scss",
+    "./scss/*": "./scss/*"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "esbuild src/index.js --bundle --packages=external --format=esm --jsx=automatic --outfile=dist/index.js",
+    "test": "vitest run",
+    "lint": "eslint .",
+    "prepublishOnly": "node -e \"if (!process.env.GITHUB_ACTIONS) { console.error('Refusing to publish outside GitHub Actions CI: commit and push to main instead.'); process.exit(1); }\" && npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/carissa-io/components-email.git"
+  },
+  "license": "UNLICENSED",
+  "engines": {
+    "node": ">=24"
+  },
+  "dependencies": {
+    "@carissa-io/components-input": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@vitejs/plugin-react": "^6.1.1",
+    "esbuild": "^0.28.0",
+    "eslint": "^10.12.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.13.0",
+    "jsdom": "^29.1.1",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "sass-embedded": "^1.105.1",
+    "vite": "^8.3.2",
+    "vitest": "^4.1.11"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}

package/scss/index.scss

@@ -0,0 +1 @@
+@forward '@carissa-io/components-input/scss';