@beyondcorp/beyond-ui 1.3.10 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beyondcorp/beyond-ui",
-  "version": "1.3.10",
+  "version": "1.4.00",
   "description": "A comprehensive React UI component library built with TypeScript, TailwindCSS, and CVA",
   "type": "module",
   "main": "dist/index.js",
@@ -19,6 +19,8 @@
   ],
   "scripts": {
     "dev": "vite",
+    "email:dev": "email dev --dir src/components/Email",
+    "email:export": "email export --dir src/components/Email",
     "build": "npm run build:css && tsc && vite build",
     "build:css": "tailwindcss -i ./src/styles/lib.css -o ./dist/styles.css --content \"./dist/components/**/*.{js,jsx}\" --minify",
     "build:lib": "rollup -c && tsc --project tsconfig.build.json --emitDeclarationOnly && npm run build:css",
@@ -42,19 +44,23 @@
   "author": "Beyond Corp",
   "license": "MIT",
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "tailwindcss": ">=3.0.0"
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-slot": "^1.0.2",
+    "@react-email/components": "^1.0.12",
     "@types/prismjs": "^1.26.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
+    "i": "^0.3.7",
     "js-cookie": "^3.0.5",
     "lucide-react": "^0.344.0",
+    "npm": "^11.14.0",
     "prismjs": "^1.30.0",
+    "react-email": "^6.1.1",
     "react-hook-form": "^7.62.0",
     "react-hot-toast": "^2.4.1",
     "react-markdown": "^10.1.0",
@@ -67,6 +73,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
+    "@react-email/ui": "6.1.1",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -89,6 +96,7 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.18",
+    "browserslist": "^4.24.0",
     "eslint": "^9.9.1",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.11",
@@ -103,8 +111,7 @@
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.3.0",
     "vite": "^5.4.2",
-    "vite-plugin-dts": "^3.9.1",
-    "browserslist": "^4.24.0"
+    "vite-plugin-dts": "^3.9.1"
   },
   "engines": {
     "node": ">=18.0.0",

package/dist/components/Auth/PasswordResetForm.example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordResetForm.example.js","sources":["../../../src/components/Auth/PasswordResetForm.example.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PasswordResetForm } from \"./PasswordResetForm\";\nimport { Card, CardHeader, CardTitle, CardContent } from \"../Card\";\nimport { toast } from \"react-hot-toast\";\n\nexport const PasswordResetFormExample: React.FC = () => {\n  const [loading, setLoading] = React.useState(false);\n\n  // Simulate async reset logic\n  const handleReset = async (email: string) => {\n    setLoading(true);\n    await new Promise((res) => setTimeout(res, 1300));\n    setLoading(false);\n    toast.success(`If an account exists for ${email}, a reset link was sent.`);\n  };\n\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px] bg-background\">\n      <Card className=\"w-full max-w-md\">\n        <CardHeader>\n          <CardTitle>Password Reset</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <PasswordResetForm\n            onReset={handleReset}\n            isLoading={loading}\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAKO,MAAM,wBAAwB,GAAa,MAAK;AACrD,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAGnD,IAAA,MAAM,WAAW,GAAG,OAAO,KAAa,KAAI;QAC1C,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,MAAM,IAAI,OAAO,CAAC,CAAC,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACjD,UAAU,CAAC,KAAK,CAAC;AACjB,QAAA,KAAK,CAAC,OAAO,CAAC,4BAA4B,KAAK,CAAA,wBAAA,CAA0B,CAAC;AAC5E,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,YAC3EC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC/BD,IAAC,UAAU,EAAA,EAAA,QAAA,EACTA,IAAC,SAAS,EAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,CAA2B,EAAA,CAC1B,EACbA,IAAC,WAAW,EAAA,EAAA,QAAA,EACVA,IAAC,iBAAiB,EAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,EAAA,CAClB,GACU,CAAA,EAAA,CACT,EAAA,CACH;AAEV;;;;"}

package/dist/components/Auth/PasswordResetForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordResetForm.js","sources":["../../../src/components/Auth/PasswordResetForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Input } from \"../Input\";\nimport { Button } from \"../Button\";\nimport { cn } from \"../../utils/cn\";\n\nconst schema = z.object({\n  email: z.string().min(1, \"Email is required\").email(\"Enter a valid email\")\n});\n\ntype PasswordResetFormData = z.infer<typeof schema>;\n\nexport interface PasswordResetFormProps {\n  onReset?: (email: string) => Promise<void> | void;\n  className?: string;\n  isLoading?: boolean;\n  successMessage?: string;\n  errorMessage?: string;\n}\n\nexport const PasswordResetForm: React.FC<PasswordResetFormProps> = ({\n  onReset,\n  className,\n  isLoading,\n  successMessage,\n  errorMessage\n}) => {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting, isSubmitSuccessful }\n  } = useForm<PasswordResetFormData>({ resolver: zodResolver(schema) });\n\n  const [status, setStatus] = React.useState<\"idle\" | \"success\" | \"error\">(\"idle\");\n\n  const onSubmit = async (data: PasswordResetFormData) => {\n    setStatus(\"idle\");\n    try {\n      await onReset?.(data.email);\n      setStatus(\"success\");\n    } catch (e) {\n      setStatus(\"error\");\n    }\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit(onSubmit)}\n      className={cn(\"space-y-6\", className)}\n      autoComplete=\"off\"\n      noValidate\n    >\n      <div>\n        <label className=\"block text-sm font-medium mb-1\" htmlFor=\"reset-email\">\n          Email Address\n        </label>\n        <Input\n          id=\"reset-email\"\n          type=\"email\"\n          autoComplete=\"email\"\n          placeholder=\"you@email.com\"\n          {...register(\"email\")}\n          disabled={isSubmitting || isLoading}\n          variant={errors.email ? \"error\" : \"default\"}\n        />\n        {errors.email && (\n          <div className=\"text-danger mt-1 text-xs\">{errors.email.message}</div>\n        )}\n      </div>\n      <Button\n        type=\"submit\"\n        variant=\"primary\"\n        disabled={isSubmitting || isLoading}\n        className=\"w-full\"\n      >\n        Send Password Reset Link\n      </Button>\n      {status === \"success\" && (\n        <div className=\"text-success-700 bg-success-50 border border-success-200 p-2 text-sm rounded text-center\">\n          {successMessage || \"A password reset link was sent if the address exists in our system.\"}\n        </div>\n      )}\n      {status === \"error\" && (\n        <div className=\"text-danger-700 bg-danger-50 border border-danger-200 p-2 text-sm rounded text-center\">\n          {errorMessage || \"There was an error submitting. Please try again.\"}\n        </div>\n      )}\n    </form>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAQA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;AACtB,IAAA,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,KAAK,CAAC,qBAAqB;AAC1E,CAAA,CAAC;AAYK,MAAM,iBAAiB,GAAqC,CAAC,EAClE,OAAO,EACP,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACb,KAAI;IACH,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,SAAS,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,EACxD,GAAG,OAAO,CAAwB,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;AAErE,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA+B,MAAM,CAAC;AAEhF,IAAA,MAAM,QAAQ,GAAG,OAAO,IAA2B,KAAI;QACrD,SAAS,CAAC,MAAM,CAAC;AACjB,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,SAAS,CAAC,SAAS,CAAC;QACtB;QAAE,OAAO,CAAC,EAAE;YACV,SAAS,CAAC,OAAO,CAAC;QACpB;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,YAAY,EAAC,KAAK,EAClB,UAAU,EAAA,IAAA,EAAA,QAAA,EAAA,CAEVA,yBACEC,GAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAC,aAAa,EAAA,QAAA,EAAA,eAAA,EAAA,CAE/D,EACRA,GAAA,CAAC,KAAK,EAAA,EACJ,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,OAAO,EACpB,WAAW,EAAC,eAAe,EAAA,GACvB,QAAQ,CAAC,OAAO,CAAC,EACrB,QAAQ,EAAE,YAAY,IAAI,SAAS,EACnC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,SAAS,EAAA,CAC3C,EACD,MAAM,CAAC,KAAK,KACXA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,EAAA,CAAO,CACvE,CAAA,EAAA,CACG,EACNA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,YAAY,IAAI,SAAS,EACnC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,0BAAA,EAAA,CAGX,EACR,MAAM,KAAK,SAAS,KACnBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0FAA0F,EAAA,QAAA,EACtG,cAAc,IAAI,qEAAqE,EAAA,CACpF,CACP,EACA,MAAM,KAAK,OAAO,KACjBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uFAAuF,EAAA,QAAA,EACnG,YAAY,IAAI,kDAAkD,EAAA,CAC/D,CACP,CAAA,EAAA,CACI;AAEX;;;;"}