@beyondcorp/beyond-ui 1.3.10 → 1.4.0

package/dist/components/Auth/{PasswordResetForm.d.ts → ForgotPasswordForm.d.ts}

@@ -1,9 +1,9 @@
 import * as React from "react";
-export interface PasswordResetFormProps {
+export interface ForgotPasswordFormProps {
     onReset?: (email: string) => Promise<void> | void;
     className?: string;
     isLoading?: boolean;
     successMessage?: string;
     errorMessage?: string;
 }
-export declare const PasswordResetForm: React.FC<PasswordResetFormProps>;
+export declare const ForgotPasswordForm: React.FC<ForgotPasswordFormProps>;

package/dist/components/Auth/{PasswordResetForm.example.js → ForgotPasswordForm.example.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { PasswordResetForm } from './PasswordResetForm.js';
+import { ForgotPasswordForm } from './ForgotPasswordForm.js';
 import { Card, CardHeader, CardTitle, CardContent } from '../Card/Card.js';
 import { toast } from 'react-hot-toast';
 
@@ -13,8 +13,8 @@ const PasswordResetFormExample = () => {
         setLoading(false);
         toast.success(`If an account exists for ${email}, a reset link was sent.`);
     };
-    return (jsx("div", { className: "flex items-center justify-center min-h-[400px] bg-background", children: jsxs(Card, { className: "w-full max-w-md", children: [jsx(CardHeader, { children: jsx(CardTitle, { children: "Password Reset" }) }), jsx(CardContent, { children: jsx(PasswordResetForm, { onReset: handleReset, isLoading: loading }) })] }) }));
+    return (jsx("div", { className: "flex items-center justify-center min-h-[400px] bg-background", children: jsxs(Card, { className: "w-full max-w-md", children: [jsx(CardHeader, { children: jsx(CardTitle, { children: "Password Reset" }) }), jsx(CardContent, { children: jsx(ForgotPasswordForm, { onReset: handleReset, isLoading: loading }) })] }) }));
 };
 
 export { PasswordResetFormExample };
-//# sourceMappingURL=PasswordResetForm.example.js.map
+//# sourceMappingURL=ForgotPasswordForm.example.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.example.js","sources":["../../../src/components/Auth/ForgotPasswordForm.example.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ForgotPasswordForm } from \"./ForgotPasswordForm\";\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          <ForgotPasswordForm\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,kBAAkB,EAAA,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,EAAA,CAClB,GACU,CAAA,EAAA,CACT,EAAA,CACH;AAEV;;;;"}

package/dist/components/Auth/{PasswordResetForm.js → ForgotPasswordForm.js}

@@ -10,7 +10,7 @@ import { cn } from '../../utils/cn.js';
 const schema = z.object({
     email: z.string().min(1, "Email is required").email("Enter a valid email")
 });
-const PasswordResetForm = ({ onReset, className, isLoading, successMessage, errorMessage }) => {
+const ForgotPasswordForm = ({ onReset, className, isLoading, successMessage, errorMessage }) => {
     const { register, handleSubmit, formState: { errors, isSubmitting, isSubmitSuccessful } } = useForm({ resolver: zodResolver(schema) });
     const [status, setStatus] = React.useState("idle");
     const onSubmit = async (data) => {
@@ -23,8 +23,8 @@ const PasswordResetForm = ({ onReset, className, isLoading, successMessage, erro
             setStatus("error");
         }
     };
-    return (jsxs("form", { onSubmit: handleSubmit(onSubmit), className: cn("space-y-6", className), autoComplete: "off", noValidate: true, children: [jsxs("div", { children: [jsx("label", { className: "block text-sm font-medium mb-1", htmlFor: "reset-email", children: "Email Address" }), jsx(Input, { id: "reset-email", type: "email", autoComplete: "email", placeholder: "you@email.com", ...register("email"), disabled: isSubmitting || isLoading, variant: errors.email ? "error" : "default" }), errors.email && (jsx("div", { className: "text-danger mt-1 text-xs", children: errors.email.message }))] }), jsx(Button, { type: "submit", variant: "primary", disabled: isSubmitting || isLoading, className: "w-full", children: "Send Password Reset Link" }), status === "success" && (jsx("div", { className: "text-success-700 bg-success-50 border border-success-200 p-2 text-sm rounded text-center", children: successMessage || "A password reset link was sent if the address exists in our system." })), status === "error" && (jsx("div", { className: "text-danger-700 bg-danger-50 border border-danger-200 p-2 text-sm rounded text-center", children: errorMessage || "There was an error submitting. Please try again." }))] }));
+    return (jsxs("form", { onSubmit: handleSubmit(onSubmit), className: cn("space-y-6", className), autoComplete: "off", noValidate: true, children: [jsxs("div", { children: [jsx("label", { className: "block text-sm font-medium mb-1", htmlFor: "reset-email", children: "Email Address" }), jsx(Input, { id: "reset-email", type: "email", autoComplete: "email", placeholder: "you@email.com", ...register("email"), disabled: isSubmitting || isLoading, variant: errors.email ? "error" : "default" }), errors.email && (jsx("div", { className: "text-danger mt-1 text-xs", children: errors.email.message }))] }), jsx(Button, { type: "submit", variant: "primary", disabled: isSubmitting || isLoading, className: "w-full", children: "Send Reset Link" }), status === "success" && (jsx("div", { className: "text-success-700 bg-success-50 border border-success-200 p-2 text-sm rounded text-center", children: successMessage || "A reset link was sent if the address exists in our system." })), status === "error" && (jsx("div", { className: "text-danger-700 bg-danger-50 border border-danger-200 p-2 text-sm rounded text-center", children: errorMessage || "There was an error submitting. Please try again." }))] }));
 };
 
-export { PasswordResetForm };
-//# sourceMappingURL=PasswordResetForm.js.map
+export { ForgotPasswordForm };
+//# sourceMappingURL=ForgotPasswordForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.js","sources":["../../../src/components/Auth/ForgotPasswordForm.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 ForgotPasswordFormData = z.infer<typeof schema>;\n\nexport interface ForgotPasswordFormProps {\n  onReset?: (email: string) => Promise<void> | void;\n  className?: string;\n  isLoading?: boolean;\n  successMessage?: string;\n  errorMessage?: string;\n}\n\nexport const ForgotPasswordForm: React.FC<ForgotPasswordFormProps> = ({\n  onReset,\n  className,\n  isLoading,\n  successMessage,\n  errorMessage\n}) => {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting, isSubmitSuccessful }\n  } = useForm<ForgotPasswordFormData>({ resolver: zodResolver(schema) });\n\n  const [status, setStatus] = React.useState<\"idle\" | \"success\" | \"error\">(\"idle\");\n\n  const onSubmit = async (data: ForgotPasswordFormData) => {\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 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 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,kBAAkB,GAAsC,CAAC,EACpE,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,CAAyB,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;AAEtE,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA+B,MAAM,CAAC;AAEhF,IAAA,MAAM,QAAQ,GAAG,OAAO,IAA4B,KAAI;QACtD,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,iBAAA,EAAA,CAGX,EACR,MAAM,KAAK,SAAS,KACnBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0FAA0F,EAAA,QAAA,EACtG,cAAc,IAAI,4DAA4D,EAAA,CAC3E,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;;;;"}

package/dist/components/Auth/ResetPasswordForm.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface ResetPasswordFormProps {
+    onSubmit?: (password: string) => Promise<void> | void;
+    className?: string;
+    isLoading?: boolean;
+    successMessage?: string;
+    errorMessage?: string;
+}
+export declare const ResetPasswordForm: React.FC<ResetPasswordFormProps>;

package/dist/components/Auth/ResetPasswordForm.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { Lock, EyeOff, Eye } from 'lucide-react';
+import { Input } from '../Input/Input.js';
+import { Button } from '../Button/Button.js';
+import { cn } from '../../utils/cn.js';
+import { Spinner } from '../Spinner/Spinner.js';
+
+const schema = z.object({
+    password: z.string().min(8, "Password must be at least 8 characters"),
+    confirmPassword: z.string()
+}).refine((data) => data.password === data.confirmPassword, {
+    message: "Passwords do not match",
+    path: ["confirmPassword"],
+});
+const ResetPasswordForm = ({ onSubmit, className, isLoading, successMessage, errorMessage }) => {
+    const [showPassword, setShowPassword] = React.useState(false);
+    const [showConfirmPassword, setShowConfirmPassword] = React.useState(false);
+    const [status, setStatus] = React.useState("idle");
+    const { register, handleSubmit, formState: { errors, isSubmitting } } = useForm({ resolver: zodResolver(schema) });
+    const handleFormSubmit = async (data) => {
+        setStatus("idle");
+        try {
+            await onSubmit?.(data.password);
+            setStatus("success");
+        }
+        catch (e) {
+            setStatus("error");
+        }
+    };
+    if (status === "success") {
+        return (jsx("div", { className: cn("text-success-700 bg-success-50 border border-success-200 p-6 text-sm rounded-lg text-center", className), children: successMessage || "Your password has been successfully reset. You can now log in with your new password." }));
+    }
+    return (jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), className: cn("space-y-6", className), autoComplete: "off", noValidate: true, children: [jsxs("div", { children: [jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", htmlFor: "password", children: "New Password" }), jsxs("div", { className: "relative", children: [jsx(Lock, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400" }), jsx(Input, { id: "password", type: showPassword ? "text" : "password", placeholder: "Enter new password", className: cn("pl-10 pr-10", errors.password && "border-danger-500 focus:ring-danger-500"), ...register("password"), disabled: isSubmitting || isLoading }), jsx("button", { type: "button", onClick: () => setShowPassword(!showPassword), className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600", children: showPassword ? jsx(EyeOff, { className: "h-5 w-5" }) : jsx(Eye, { className: "h-5 w-5" }) })] }), errors.password && (jsx("p", { className: "mt-1 text-sm text-danger-600", children: errors.password.message }))] }), jsxs("div", { children: [jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", htmlFor: "confirmPassword", children: "Confirm Password" }), jsxs("div", { className: "relative", children: [jsx(Lock, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400" }), jsx(Input, { id: "confirmPassword", type: showConfirmPassword ? "text" : "password", placeholder: "Confirm new password", className: cn("pl-10 pr-10", errors.confirmPassword && "border-danger-500 focus:ring-danger-500"), ...register("confirmPassword"), disabled: isSubmitting || isLoading }), jsx("button", { type: "button", onClick: () => setShowConfirmPassword(!showConfirmPassword), className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600", children: showConfirmPassword ? jsx(EyeOff, { className: "h-5 w-5" }) : jsx(Eye, { className: "h-5 w-5" }) })] }), errors.confirmPassword && (jsx("p", { className: "mt-1 text-sm text-danger-600", children: errors.confirmPassword.message }))] }), jsx(Button, { type: "submit", variant: "primary", className: "w-full", disabled: isSubmitting || isLoading, children: (isSubmitting || isLoading) ? (jsxs(Fragment, { children: [jsx(Spinner, { size: "sm", className: "mr-2" }), "Resetting..."] })) : ("Reset Password") }), status === "error" && (jsx("div", { className: "text-danger-700 bg-danger-50 border border-danger-200 p-2 text-sm rounded text-center", children: errorMessage || "There was an error resetting your password. Please try again." }))] }));
+};
+
+export { ResetPasswordForm };
+//# sourceMappingURL=ResetPasswordForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordForm.js","sources":["../../../src/components/Auth/ResetPasswordForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Eye, EyeOff, Lock } from \"lucide-react\";\nimport { Input } from \"../Input\";\nimport { Button } from \"../Button\";\nimport { cn } from \"../../utils/cn\";\nimport { Spinner } from \"../Spinner\";\n\nconst schema = z.object({\n  password: z.string().min(8, \"Password must be at least 8 characters\"),\n  confirmPassword: z.string()\n}).refine((data) => data.password === data.confirmPassword, {\n  message: \"Passwords do not match\",\n  path: [\"confirmPassword\"],\n});\n\ntype ResetPasswordFormData = z.infer<typeof schema>;\n\nexport interface ResetPasswordFormProps {\n  onSubmit?: (password: string) => Promise<void> | void;\n  className?: string;\n  isLoading?: boolean;\n  successMessage?: string;\n  errorMessage?: string;\n}\n\nexport const ResetPasswordForm: React.FC<ResetPasswordFormProps> = ({\n  onSubmit,\n  className,\n  isLoading,\n  successMessage,\n  errorMessage\n}) => {\n  const [showPassword, setShowPassword] = React.useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = React.useState(false);\n  const [status, setStatus] = React.useState<\"idle\" | \"success\" | \"error\">(\"idle\");\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting }\n  } = useForm<ResetPasswordFormData>({ resolver: zodResolver(schema) });\n\n  const handleFormSubmit = async (data: ResetPasswordFormData) => {\n    setStatus(\"idle\");\n    try {\n      await onSubmit?.(data.password);\n      setStatus(\"success\");\n    } catch (e) {\n      setStatus(\"error\");\n    }\n  };\n\n  if (status === \"success\") {\n    return (\n      <div className={cn(\"text-success-700 bg-success-50 border border-success-200 p-6 text-sm rounded-lg text-center\", className)}>\n        {successMessage || \"Your password has been successfully reset. You can now log in with your new password.\"}\n      </div>\n    );\n  }\n\n  return (\n    <form\n      onSubmit={handleSubmit(handleFormSubmit)}\n      className={cn(\"space-y-6\", className)}\n      autoComplete=\"off\"\n      noValidate\n    >\n      {/* Password Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-gray-700 mb-2\" htmlFor=\"password\">\n          New Password\n        </label>\n        <div className=\"relative\">\n          <Lock className=\"absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400\" />\n          <Input\n            id=\"password\"\n            type={showPassword ? \"text\" : \"password\"}\n            placeholder=\"Enter new password\"\n            className={cn(\"pl-10 pr-10\", errors.password && \"border-danger-500 focus:ring-danger-500\")}\n            {...register(\"password\")}\n            disabled={isSubmitting || isLoading}\n          />\n          <button\n            type=\"button\"\n            onClick={() => setShowPassword(!showPassword)}\n            className=\"absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n          >\n            {showPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\n          </button>\n        </div>\n        {errors.password && (\n          <p className=\"mt-1 text-sm text-danger-600\">{errors.password.message}</p>\n        )}\n      </div>\n\n      {/* Confirm Password Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-gray-700 mb-2\" htmlFor=\"confirmPassword\">\n          Confirm Password\n        </label>\n        <div className=\"relative\">\n          <Lock className=\"absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400\" />\n          <Input\n            id=\"confirmPassword\"\n            type={showConfirmPassword ? \"text\" : \"password\"}\n            placeholder=\"Confirm new password\"\n            className={cn(\"pl-10 pr-10\", errors.confirmPassword && \"border-danger-500 focus:ring-danger-500\")}\n            {...register(\"confirmPassword\")}\n            disabled={isSubmitting || isLoading}\n          />\n          <button\n            type=\"button\"\n            onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n            className=\"absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n          >\n            {showConfirmPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\n          </button>\n        </div>\n        {errors.confirmPassword && (\n          <p className=\"mt-1 text-sm text-danger-600\">{errors.confirmPassword.message}</p>\n        )}\n      </div>\n\n      <Button\n        type=\"submit\"\n        variant=\"primary\"\n        className=\"w-full\"\n        disabled={isSubmitting || isLoading}\n      >\n        {(isSubmitting || isLoading) ? (\n          <>\n            <Spinner size=\"sm\" className=\"mr-2\" />\n            Resetting...\n          </>\n        ) : (\n          \"Reset Password\"\n        )}\n      </Button>\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 resetting your password. Please try again.\"}\n        </div>\n      )}\n    </form>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/Auth/index.d.ts

@@ -1,5 +1,6 @@
 export * from './LoginForm';
 export * from './SignupForm';
 export * from './ProtectedRoute';
-export * from './PasswordResetForm';
+export * from './ForgotPasswordForm';
+export * from './ResetPasswordForm';
 export * from './AuthShowcase';

package/dist/components/Auth/index.js

@@ -1,6 +1,7 @@
 export { LoginForm } from './LoginForm.js';
 export { SignupForm } from './SignupForm.js';
 export { ProtectedRoute, useRequireRole, withRoleProtection } from './ProtectedRoute.js';
-export { PasswordResetForm } from './PasswordResetForm.js';
+export { ForgotPasswordForm } from './ForgotPasswordForm.js';
+export { ResetPasswordForm } from './ResetPasswordForm.js';
 export { AuthShowcase } from './AuthShowcase.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/ComponentShowcase/ComponentShowcase.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState, useRef, useMemo, useEffect } from 'react';
-import { Layout, Shield, AlertCircle, BarChart3, MousePointer, Palette, ChevronRight, Search, ChevronDown, Menu, Monitor, Tablet, Smartphone, Sun, Moon, Eye, Code, Settings, Check, Copy, Book } from 'lucide-react';
+import { Mail, Layout, Shield, AlertCircle, BarChart3, MousePointer, Palette, ChevronRight, Search, ChevronDown, Menu, Monitor, Tablet, Smartphone, Sun, Moon, Eye, Code, Settings, Check, Copy, Book } from 'lucide-react';
 import { cn } from '../../utils/cn.js';
 import { Button } from '../Button/Button.js';
 import { Input } from '../Input/Input.js';
@@ -64,6 +64,12 @@ const componentCategories = {
             { name: "Sidebar", id: "sidebar" },
             { name: "Navbar", id: "navbar" }
         ]
+    },
+    Emails: {
+        icon: jsx(Mail, { className: "h-4 w-4" }),
+        components: [
+            { name: "Email Templates", id: "email-templates" }
+        ]
     }
 };
 const ComponentShowcase = ({ className }) => {

package/dist/components/ComponentShowcase/ComponentShowcase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentShowcase.js","sources":["../../../src/components/ComponentShowcase/ComponentShowcase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState, useMemo, useRef, useEffect } from \"react\";\nimport {\n  Search,\n  Copy,\n  Check,\n  Monitor,\n  Tablet,\n  Smartphone,\n  Sun,\n  Moon,\n  ChevronRight,\n  ChevronDown,\n  Code,\n  Eye,\n  Book,\n  Palette,\n  Layout,\n  MousePointer,\n  AlertCircle,\n  BarChart3,\n  Settings,\n  Shield,\n  Menu\n} from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { Button } from \"../Button\";\nimport { Input } from \"../Input\";\nimport { Badge } from \"../Badge\";\nimport { Toast, showToast } from \"../Toast\";\n\nimport { showcaseRegistry } from \"./showcaseRegistry\";\nimport { componentDocs } from \"./componentDocs\";\nimport { useDarkMode } from \"../../hooks/useDarkMode\";\n\n// Component categories and their items\nconst componentCategories = {\n  Forms: {\n    icon: <MousePointer className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Button\", id: \"button\" },\n      { name: \"Input\", id: \"input\" },\n      { name: \"Textarea\", id: \"textarea\" },\n      { name: \"Checkbox\", id: \"checkbox\" },\n      { name: \"Switch\", id: \"switch\" }\n    ]\n  },\n  \"Data Display\": {\n    icon: <BarChart3 className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Card\", id: \"card\" },\n      { name: \"Badge\", id: \"badge\" },\n      { name: \"Avatar\", id: \"avatar\" },\n      { name: \"StatsCard\", id: \"statscard\" },\n      { name: \"Tabs\", id: \"tabs\" },\n      { name: \"DataTable\", id: \"datatable\" }\n    ]\n  },\n  Feedback: {\n    icon: <AlertCircle className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Alert\", id: \"alert\" },\n      { name: \"Toast\", id: \"toast\" },\n      { name: \"Modal\", id: \"modal\" },\n      { name: \"Spinner\", id: \"spinner\" },\n      { name: \"Skeleton\", id: \"skeleton\" },\n      { name: \"Chat Widget\", id: \"chatwidget\" }\n    ]\n  },\n  Authentication: {\n    icon: <Shield className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Auth System\", id: \"auth\" },\n      { name: \"Login Page\", id: \"login\" },\n      { name: \"Signup Page\", id: \"signup\" },\n      { name: \"Password Reset\", id: \"password-reset\" },\n      { name: \"!isAuthenticated Shield\", id: \"shield\" },\n    ]\n  },\n  Layout: {\n    icon: <Layout className=\"h-4 w-4\" />,\n    components: [\n      { name: \"DashboardLayout\", id: \"dashboard-layout\" },\n      { name: \"Page Layout\", id: \"page-layout\" },\n      { name: \"DashboardGrid\", id: \"dashboard-grid\" },\n      { name: \"Sidebar\", id: \"sidebar\" },\n      { name: \"Navbar\", id: \"navbar\" }\n    ]\n  }\n};\n\n// Prop documentation interface\ninterface PropDoc {\n  name: string;\n  type: string;\n  default?: string;\n  description?: string;\n  required?: boolean;\n}\n\n// Props\ninterface ComponentShowcaseProps {\n  className?: string;\n}\n\nexport const ComponentShowcase: React.FC<ComponentShowcaseProps> = ({ className }) => {\n  const [selectedComponent, setSelectedComponent] = useState(\"button\");\n  const [activeTab, setActiveTab] = useState<\"preview\" | \"code\" | \"props\">(\"preview\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {\n    if (typeof window !== \"undefined\") {\n      return window.innerWidth < 1024;\n    }\n    return false; // Default for SSR\n  });\n  const [expandedCategories, setExpandedCategories] = useState<string[]>([\"Forms\"]);\n  const [viewMode, setViewMode] = useState<\"desktop\" | \"tablet\" | \"mobile\">(\"desktop\");\n  const { isDarkMode, toggle: toggleDarkMode } = useDarkMode();\n  const [copiedCode, setCopiedCode] = useState<string | null>(null);\n  const sidebarRef = useRef<HTMLDivElement | null>(null);\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n  const toggleCategory = (category: string) => {\n    setExpandedCategories((prev) =>\n      prev.includes(category)\n        ? prev.filter((c) => c !== category)\n        : [...prev, category]\n    );\n  };\n\n  const flatComponents = useMemo(() => {\n    return Object.values(componentCategories).flatMap((category) =>\n      category.components.map((component) => component.id)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (focusedIndex >= 0 && sidebarRef.current && !sidebarCollapsed) {\n      const buttons = sidebarRef.current.querySelectorAll<HTMLButtonElement>(\n        '[data-component-id]'\n      );\n      const target = buttons[focusedIndex];\n      if (target) {\n        target.focus();\n      }\n    }\n  }, [focusedIndex, sidebarCollapsed]);\n\n  const handleKeyNavigation = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (sidebarCollapsed) return;\n\n    const currentIndex = flatComponents.indexOf(selectedComponent);\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      const nextIndex = currentIndex === flatComponents.length - 1 ? 0 : currentIndex + 1;\n      setFocusedIndex(nextIndex);\n      setSelectedComponent(flatComponents[nextIndex]);\n    } else if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      const prevIndex = currentIndex <= 0 ? flatComponents.length - 1 : currentIndex - 1;\n      setFocusedIndex(prevIndex);\n      setSelectedComponent(flatComponents[prevIndex]);\n    }\n  };\n\n  const copyToClipboard = async (code: string) => {\n    try {\n      if (navigator?.clipboard?.writeText) {\n        await navigator.clipboard.writeText(code);\n        setCopiedCode(code);\n        showToast.success(\"Code copied to clipboard!\");\n        setTimeout(() => setCopiedCode(null), 2000);\n      } else {\n        throw new Error(\"Clipboard API unavailable\");\n      }\n    } catch (err) {\n      showToast.error(\"Failed to copy code\");\n    }\n  };\n\n  const filteredCategories = Object.entries(componentCategories).reduce(\n    (acc, [categoryName, categoryData]) => {\n      const filteredComponents = categoryData.components.filter((component) =>\n        component.name.toLowerCase().includes(searchQuery.toLowerCase())\n      );\n\n      if (filteredComponents.length > 0) {\n        (acc as any)[categoryName] = {\n          ...categoryData,\n          components: filteredComponents\n        };\n      }\n\n      return acc;\n    },\n    {} as Partial<typeof componentCategories>\n  );\n\n  const currentDoc = componentDocs[selectedComponent as keyof typeof componentDocs];\n  const currentExample = currentDoc?.example ?? '';\n  const currentProps = (currentDoc?.props ?? []) as PropDoc[];\n\n  const getViewportClass = () => {\n    switch (viewMode) {\n      case \"tablet\":\n        return \"max-w-2xl\";\n      case \"mobile\":\n        return \"max-w-sm\";\n      default:\n        return \"w-full\";\n    }\n  };\n\n  return (\n    <div className={cn(\"flex h-screen bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-gray-100\", isDarkMode && \"dark\", className)}>\n      <Toast />\n\n      {/* Mobile Overlay for Showcase Sidebar */}\n      {!sidebarCollapsed && (\n        <div\n          className=\"fixed inset-0 bg-black/50 dark:bg-black/80 z-10 lg:hidden backdrop-blur-sm transition-opacity\"\n          onClick={() => setSidebarCollapsed(true)}\n        />\n      )}\n\n      {/* Sidebar */}\n      <div\n        ref={sidebarRef}\n        className={cn(\n          \"bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 transition-all duration-300 flex flex-col z-20 shrink-0\",\n          \"max-lg:absolute max-lg:h-full max-lg:shadow-2xl\",\n          sidebarCollapsed ? \"lg:w-16 max-lg:w-80 max-lg:-translate-x-full\" : \"w-80 max-lg:translate-x-0\"\n        )}\n        tabIndex={sidebarCollapsed ? -1 : 0}\n        onKeyDown={handleKeyNavigation}\n        aria-label=\"Component navigation\"\n      >\n        {/* Sidebar Header */}\n        <div className=\"p-4 border-b border-gray-200 dark:border-gray-800\">\n          <div className={cn(\"flex items-center justify-between mb-4\", sidebarCollapsed ? \"lg:hidden\" : \"\")}>\n              <div className=\"flex items-center space-x-2\">\n                <div className=\"w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center\">\n                  <Palette className=\"h-4 w-4 text-white\" />\n                </div>\n                <span className=\"font-bold text-lg text-gray-900 dark:text-white\">Beyond UI</span>\n              </div>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setSidebarCollapsed(true)}\n              >\n                <ChevronRight className=\"h-4 w-4\" />\n              </Button>\n            </div>\n\n          <div className={cn(\"justify-center\", sidebarCollapsed ? \"flex max-lg:hidden\" : \"hidden\")}>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setSidebarCollapsed(false)}\n              >\n                <Palette className=\"h-4 w-4\" />\n              </Button>\n            </div>\n\n          <div className={cn(\"relative\", sidebarCollapsed ? \"lg:hidden\" : \"\")}>\n              <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 dark:text-gray-500\" />\n              <Input\n                placeholder=\"Search components...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"pl-10\"\n              />\n            </div>\n        </div>\n\n        {/* Navigation */}\n        <nav className=\"flex-1 p-4 overflow-y-auto\">\n          {Object.entries(filteredCategories).map(([categoryName, categoryData]) => (\n            <div key={categoryName} className=\"mb-4\">\n              <button\n                onClick={() => {\n                  if (typeof window !== \"undefined\" && window.innerWidth < 1024) {\n                    toggleCategory(categoryName);\n                  } else if (!sidebarCollapsed) {\n                    toggleCategory(categoryName);\n                  }\n                }}\n                className={cn(\n                  \"flex items-center w-full p-2 text-sm font-medium rounded-lg transition-colors\",\n                \"hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300\",\n                  sidebarCollapsed ? \"lg:justify-center max-lg:justify-between\" : \"justify-between\"\n                )}\n              >\n                <div className=\"flex items-center space-x-2\">\n                  {categoryData.icon}\n                  <span className={cn(sidebarCollapsed ? \"lg:hidden\" : \"\")}>{categoryName}</span>\n                </div>\n                  <ChevronDown\n                    className={cn(\n                      \"h-4 w-4 transition-transform\",\n                      expandedCategories.includes(categoryName) && \"rotate-180\",\n                      sidebarCollapsed ? \"lg:hidden\" : \"\"\n                    )}\n                  />\n              </button>\n\n              {expandedCategories.includes(categoryName) && (\n                <div className={cn(\"mt-2 ml-6 space-y-1\", sidebarCollapsed ? \"lg:hidden\" : \"\")}>\n                  {categoryData.components.map((component) => {\n                    const isActive = selectedComponent === component.id;\n                    return (\n                      <button\n                        key={component.id}\n                        data-component-id={component.id}\n                        onClick={() => {\n                          setSelectedComponent(component.id);\n                          setFocusedIndex(flatComponents.indexOf(component.id));\n                  if (window.innerWidth < 1024) {\n                    setSidebarCollapsed(true);\n                  }\n                        }}\n                        className={cn(\n                          \"flex items-center w-full p-2 text-sm rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500\",\n                          isActive\n                          ? \"bg-primary-50 dark:bg-primary-900/20 text-primary-700 dark:text-primary-400 border-r-2 border-primary-600 dark:border-primary-500\"\n                          : \"text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50 hover:text-gray-900 dark:hover:text-white\"\n                        )}\n                        aria-current={isActive ? \"page\" : undefined}\n                      >\n                        {component.name}\n                      </button>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          ))}\n        </nav>\n      </div>\n\n      {/* Main Content */}\n      <div className=\"flex-1 flex flex-col overflow-hidden\">\n        {/* Header */}\n        <header className=\"bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 p-4\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center space-x-4\">\n              {/* Mobile Menu Toggle */}\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"lg:hidden p-2 -ml-2 shrink-0\"\n                onClick={() => setSidebarCollapsed(false)}\n                aria-label=\"Open component menu\"\n              >\n                <Menu className=\"h-5 w-5 text-gray-700 dark:text-gray-300\" />\n              </Button>\n              \n              <h1 className=\"text-xl md:text-2xl font-bold text-gray-900 dark:text-white truncate\">\n                {currentDoc?.name || \"Component Showcase\"}\n              </h1>\n              {currentDoc && <Badge variant=\"outline\">{currentDoc.name}</Badge>}\n            </div>\n\n            <div className=\"flex items-center space-x-2\">\n              {/* Viewport Controls */}\n              <div className=\"flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1\">\n                <Button\n                  variant={viewMode === \"desktop\" ? \"primary\" : \"ghost\"}\n                  size=\"sm\"\n                  onClick={() => setViewMode(\"desktop\")}\n                >\n                  <Monitor className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant={viewMode === \"tablet\" ? \"primary\" : \"ghost\"}\n                  size=\"sm\"\n                  onClick={() => setViewMode(\"tablet\")}\n                >\n                  <Tablet className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant={viewMode === \"mobile\" ? \"primary\" : \"ghost\"}\n                  size=\"sm\"\n                  onClick={() => setViewMode(\"mobile\")}\n                >\n                  <Smartphone className=\"h-4 w-4\" />\n                </Button>\n              </div>\n\n              {/* Dark Mode Toggle */}\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={toggleDarkMode}\n              >\n                {isDarkMode ? (\n                  <Sun className=\"h-4 w-4\" />\n                ) : (\n                  <Moon className=\"h-4 w-4\" />\n                )}\n              </Button>\n            </div>\n          </div>\n        </header>\n\n        {/* Content */}\n        <main className=\"flex-1 overflow-auto p-6 bg-gray-50 dark:bg-gray-950\">\n          {currentDoc ? (\n            <div className=\"max-w-6xl mx-auto space-y-8\">\n              {/* Description */}\n              <div>\n                <p className=\"text-lg text-gray-600 dark:text-gray-400\">{currentDoc.description}</p>\n              </div>\n\n              {/* Tabs */}\n              <div>\n                <div className=\"flex gap-3 mb-4\" role=\"tablist\" aria-label=\"Component details tabs\">\n                  <Button\n                    variant={activeTab === \"preview\" ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => setActiveTab(\"preview\")}\n                    role=\"tab\"\n                    aria-selected={activeTab === \"preview\"}\n                  >\n                    <Eye className=\"h-4 w-4 mr-2\" />\n                    Preview\n                  </Button>\n                  <Button\n                    variant={activeTab === \"code\" ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => setActiveTab(\"code\")}\n                    role=\"tab\"\n                    aria-selected={activeTab === \"code\"}\n                  >\n                    <Code className=\"h-4 w-4 mr-2\" />\n                    Code\n                  </Button>\n                  <Button\n                    variant={activeTab === \"props\" ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => setActiveTab(\"props\")}\n                    role=\"tab\"\n                    aria-selected={activeTab === \"props\"}\n                  >\n                    <Settings className=\"h-4 w-4 mr-2\" />\n                    Props\n                  </Button>\n                </div>\n                <div>\n                  <div className=\"mt-6\">\n                    <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow p-6\">\n                      {/* Preview */}\n                      <div\n                        className={cn(\n                          \"mx-auto transition-all duration-300\",\n                          getViewportClass()\n                        )}\n                      >\n                        <div>\n                          {showcaseRegistry[selectedComponent]\n                            ? React.createElement(\n                                showcaseRegistry[selectedComponent]\n                              )\n                            : null}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                  {activeTab === \"code\" && (\n                    <div className=\"mt-6\" role=\"tabpanel\" aria-label=\"Code example\">\n                      <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow p-6\">\n                        <div className=\"flex flex-row items-center justify-between\">\n                          <h2 className=\"text-lg font-semibold mb-0 dark:text-white\">\n                            Usage Example\n                          </h2>\n                          <Button\n                            variant=\"outline\"\n                            size=\"sm\"\n                            onClick={() => copyToClipboard(currentExample)}\n                          >\n                            {copiedCode === currentExample ? (\n                              <Check className=\"h-4 w-4 mr-2\" />\n                            ) : (\n                              <Copy className=\"h-4 w-4 mr-2\" />\n                            )}\n                            Copy\n                          </Button>\n                        </div>\n                        <pre className=\"bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto\">\n                          <code>{currentExample}</code>\n                        </pre>\n                      </div>\n                    </div>\n                  )}\n\n                  {activeTab === \"props\" && (\n                    <div className=\"mt-6\" role=\"tabpanel\" aria-label=\"Component props\">\n                      <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow p-6\">\n                        <h2 className=\"text-lg font-semibold mb-4 dark:text-white\">\n                          Component Props\n                        </h2>\n                        <div className=\"overflow-x-auto\">\n                          <table className=\"w-full border-collapse\">\n                            <thead>\n                              <tr className=\"border-b border-gray-200 dark:border-gray-800\">\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Prop\n                                </th>\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Type\n                                </th>\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Default\n                                </th>\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Description\n                                </th>\n                              </tr>\n                            </thead>\n                            <tbody>\n                              {currentProps.length > 0 ? (\n                                currentProps.map((prop: PropDoc, index) => (\n                                  <tr key={prop.name ?? index} className=\"border-b border-gray-100 dark:border-gray-800/50\">\n                                    <td className=\"p-3\">\n                                      <code className=\"bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded text-sm dark:text-gray-300\">\n                                        {prop.name}\n                                      </code>\n                                      {prop.required && (\n                                        <Badge variant=\"danger\" className=\"ml-2 text-xs\">\n                                          Required\n                                        </Badge>\n                                      )}\n                                    </td>\n                                    <td className=\"p-3 text-gray-600 dark:text-gray-400\">{prop.type}</td>\n                                    <td className=\"p-3 text-gray-600 dark:text-gray-400\">\n                                      {prop.default ? (\n                                        <code className=\"bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded text-sm dark:text-gray-300\">\n                                          {prop.default}\n                                        </code>\n                                      ) : null}\n                                    </td>\n                                    <td className=\"p-3 text-gray-600 dark:text-gray-400\">{prop.description}</td>\n                                  </tr>\n                                ))\n                              ) : (\n                                <tr>\n                                  <td colSpan={4} className=\"p-4 text-center text-gray-500 dark:text-gray-400\">\n                                    No props documented for this component yet.\n                                  </td>\n                                </tr>\n                              )}\n                            </tbody>\n                          </table>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div className=\"flex items-center justify-center h-full\">\n              <div className=\"text-center\">\n                <Book className=\"h-16 w-16 text-gray-400 dark:text-gray-600 mx-auto mb-4\" />\n                <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\n                  Select a Component\n                </h2>\n                <p className=\"text-gray-600 dark:text-gray-400\">\n                  Choose a component from the sidebar to view its documentation and examples.\n                </p>\n              </div>\n            </div>\n          )}\n        </main>\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ComponentShowcase.js","sources":["../../../src/components/ComponentShowcase/ComponentShowcase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState, useMemo, useRef, useEffect } from \"react\";\nimport {\n  Search,\n  Copy,\n  Check,\n  Monitor,\n  Tablet,\n  Smartphone,\n  Sun,\n  Moon,\n  ChevronRight,\n  ChevronDown,\n  Code,\n  Eye,\n  Book,\n  Palette,\n  Layout,\n  MousePointer,\n  AlertCircle,\n  BarChart3,\n  Settings,\n  Shield,\n  Menu,\n  Mail\n} from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { Button } from \"../Button\";\nimport { Input } from \"../Input\";\nimport { Badge } from \"../Badge\";\nimport { Toast, showToast } from \"../Toast\";\n\nimport { showcaseRegistry } from \"./showcaseRegistry\";\nimport { componentDocs } from \"./componentDocs\";\nimport { useDarkMode } from \"../../hooks/useDarkMode\";\n\n// Component categories and their items\nconst componentCategories = {\n  Forms: {\n    icon: <MousePointer className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Button\", id: \"button\" },\n      { name: \"Input\", id: \"input\" },\n      { name: \"Textarea\", id: \"textarea\" },\n      { name: \"Checkbox\", id: \"checkbox\" },\n      { name: \"Switch\", id: \"switch\" }\n    ]\n  },\n  \"Data Display\": {\n    icon: <BarChart3 className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Card\", id: \"card\" },\n      { name: \"Badge\", id: \"badge\" },\n      { name: \"Avatar\", id: \"avatar\" },\n      { name: \"StatsCard\", id: \"statscard\" },\n      { name: \"Tabs\", id: \"tabs\" },\n      { name: \"DataTable\", id: \"datatable\" }\n    ]\n  },\n  Feedback: {\n    icon: <AlertCircle className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Alert\", id: \"alert\" },\n      { name: \"Toast\", id: \"toast\" },\n      { name: \"Modal\", id: \"modal\" },\n      { name: \"Spinner\", id: \"spinner\" },\n      { name: \"Skeleton\", id: \"skeleton\" },\n      { name: \"Chat Widget\", id: \"chatwidget\" }\n    ]\n  },\n  Authentication: {\n    icon: <Shield className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Auth System\", id: \"auth\" },\n      { name: \"Login Page\", id: \"login\" },\n      { name: \"Signup Page\", id: \"signup\" },\n      { name: \"Password Reset\", id: \"password-reset\" },\n      { name: \"!isAuthenticated Shield\", id: \"shield\" },\n    ]\n  },\n  Layout: {\n    icon: <Layout className=\"h-4 w-4\" />,\n    components: [\n      { name: \"DashboardLayout\", id: \"dashboard-layout\" },\n      { name: \"Page Layout\", id: \"page-layout\" },\n      { name: \"DashboardGrid\", id: \"dashboard-grid\" },\n      { name: \"Sidebar\", id: \"sidebar\" },\n      { name: \"Navbar\", id: \"navbar\" }\n    ]\n  },\n  Emails: {\n    icon: <Mail className=\"h-4 w-4\" />,\n    components: [\n      { name: \"Email Templates\", id: \"email-templates\" }\n    ]\n  }\n};\n\n// Prop documentation interface\ninterface PropDoc {\n  name: string;\n  type: string;\n  default?: string;\n  description?: string;\n  required?: boolean;\n}\n\n// Props\ninterface ComponentShowcaseProps {\n  className?: string;\n}\n\nexport const ComponentShowcase: React.FC<ComponentShowcaseProps> = ({ className }) => {\n  const [selectedComponent, setSelectedComponent] = useState(\"button\");\n  const [activeTab, setActiveTab] = useState<\"preview\" | \"code\" | \"props\">(\"preview\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {\n    if (typeof window !== \"undefined\") {\n      return window.innerWidth < 1024;\n    }\n    return false; // Default for SSR\n  });\n  const [expandedCategories, setExpandedCategories] = useState<string[]>([\"Forms\"]);\n  const [viewMode, setViewMode] = useState<\"desktop\" | \"tablet\" | \"mobile\">(\"desktop\");\n  const { isDarkMode, toggle: toggleDarkMode } = useDarkMode();\n  const [copiedCode, setCopiedCode] = useState<string | null>(null);\n  const sidebarRef = useRef<HTMLDivElement | null>(null);\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n  const toggleCategory = (category: string) => {\n    setExpandedCategories((prev) =>\n      prev.includes(category)\n        ? prev.filter((c) => c !== category)\n        : [...prev, category]\n    );\n  };\n\n  const flatComponents = useMemo(() => {\n    return Object.values(componentCategories).flatMap((category) =>\n      category.components.map((component) => component.id)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (focusedIndex >= 0 && sidebarRef.current && !sidebarCollapsed) {\n      const buttons = sidebarRef.current.querySelectorAll<HTMLButtonElement>(\n        '[data-component-id]'\n      );\n      const target = buttons[focusedIndex];\n      if (target) {\n        target.focus();\n      }\n    }\n  }, [focusedIndex, sidebarCollapsed]);\n\n  const handleKeyNavigation = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (sidebarCollapsed) return;\n\n    const currentIndex = flatComponents.indexOf(selectedComponent);\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      const nextIndex = currentIndex === flatComponents.length - 1 ? 0 : currentIndex + 1;\n      setFocusedIndex(nextIndex);\n      setSelectedComponent(flatComponents[nextIndex]);\n    } else if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      const prevIndex = currentIndex <= 0 ? flatComponents.length - 1 : currentIndex - 1;\n      setFocusedIndex(prevIndex);\n      setSelectedComponent(flatComponents[prevIndex]);\n    }\n  };\n\n  const copyToClipboard = async (code: string) => {\n    try {\n      if (navigator?.clipboard?.writeText) {\n        await navigator.clipboard.writeText(code);\n        setCopiedCode(code);\n        showToast.success(\"Code copied to clipboard!\");\n        setTimeout(() => setCopiedCode(null), 2000);\n      } else {\n        throw new Error(\"Clipboard API unavailable\");\n      }\n    } catch (err) {\n      showToast.error(\"Failed to copy code\");\n    }\n  };\n\n  const filteredCategories = Object.entries(componentCategories).reduce(\n    (acc, [categoryName, categoryData]) => {\n      const filteredComponents = categoryData.components.filter((component) =>\n        component.name.toLowerCase().includes(searchQuery.toLowerCase())\n      );\n\n      if (filteredComponents.length > 0) {\n        (acc as any)[categoryName] = {\n          ...categoryData,\n          components: filteredComponents\n        };\n      }\n\n      return acc;\n    },\n    {} as Partial<typeof componentCategories>\n  );\n\n  const currentDoc = componentDocs[selectedComponent as keyof typeof componentDocs];\n  const currentExample = currentDoc?.example ?? '';\n  const currentProps = (currentDoc?.props ?? []) as PropDoc[];\n\n  const getViewportClass = () => {\n    switch (viewMode) {\n      case \"tablet\":\n        return \"max-w-2xl\";\n      case \"mobile\":\n        return \"max-w-sm\";\n      default:\n        return \"w-full\";\n    }\n  };\n\n  return (\n    <div className={cn(\"flex h-screen bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-gray-100\", isDarkMode && \"dark\", className)}>\n      <Toast />\n\n      {/* Mobile Overlay for Showcase Sidebar */}\n      {!sidebarCollapsed && (\n        <div\n          className=\"fixed inset-0 bg-black/50 dark:bg-black/80 z-10 lg:hidden backdrop-blur-sm transition-opacity\"\n          onClick={() => setSidebarCollapsed(true)}\n        />\n      )}\n\n      {/* Sidebar */}\n      <div\n        ref={sidebarRef}\n        className={cn(\n          \"bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 transition-all duration-300 flex flex-col z-20 shrink-0\",\n          \"max-lg:absolute max-lg:h-full max-lg:shadow-2xl\",\n          sidebarCollapsed ? \"lg:w-16 max-lg:w-80 max-lg:-translate-x-full\" : \"w-80 max-lg:translate-x-0\"\n        )}\n        tabIndex={sidebarCollapsed ? -1 : 0}\n        onKeyDown={handleKeyNavigation}\n        aria-label=\"Component navigation\"\n      >\n        {/* Sidebar Header */}\n        <div className=\"p-4 border-b border-gray-200 dark:border-gray-800\">\n          <div className={cn(\"flex items-center justify-between mb-4\", sidebarCollapsed ? \"lg:hidden\" : \"\")}>\n              <div className=\"flex items-center space-x-2\">\n                <div className=\"w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center\">\n                  <Palette className=\"h-4 w-4 text-white\" />\n                </div>\n                <span className=\"font-bold text-lg text-gray-900 dark:text-white\">Beyond UI</span>\n              </div>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setSidebarCollapsed(true)}\n              >\n                <ChevronRight className=\"h-4 w-4\" />\n              </Button>\n            </div>\n\n          <div className={cn(\"justify-center\", sidebarCollapsed ? \"flex max-lg:hidden\" : \"hidden\")}>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setSidebarCollapsed(false)}\n              >\n                <Palette className=\"h-4 w-4\" />\n              </Button>\n            </div>\n\n          <div className={cn(\"relative\", sidebarCollapsed ? \"lg:hidden\" : \"\")}>\n              <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 dark:text-gray-500\" />\n              <Input\n                placeholder=\"Search components...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"pl-10\"\n              />\n            </div>\n        </div>\n\n        {/* Navigation */}\n        <nav className=\"flex-1 p-4 overflow-y-auto\">\n          {Object.entries(filteredCategories).map(([categoryName, categoryData]) => (\n            <div key={categoryName} className=\"mb-4\">\n              <button\n                onClick={() => {\n                  if (typeof window !== \"undefined\" && window.innerWidth < 1024) {\n                    toggleCategory(categoryName);\n                  } else if (!sidebarCollapsed) {\n                    toggleCategory(categoryName);\n                  }\n                }}\n                className={cn(\n                  \"flex items-center w-full p-2 text-sm font-medium rounded-lg transition-colors\",\n                \"hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300\",\n                  sidebarCollapsed ? \"lg:justify-center max-lg:justify-between\" : \"justify-between\"\n                )}\n              >\n                <div className=\"flex items-center space-x-2\">\n                  {categoryData.icon}\n                  <span className={cn(sidebarCollapsed ? \"lg:hidden\" : \"\")}>{categoryName}</span>\n                </div>\n                  <ChevronDown\n                    className={cn(\n                      \"h-4 w-4 transition-transform\",\n                      expandedCategories.includes(categoryName) && \"rotate-180\",\n                      sidebarCollapsed ? \"lg:hidden\" : \"\"\n                    )}\n                  />\n              </button>\n\n              {expandedCategories.includes(categoryName) && (\n                <div className={cn(\"mt-2 ml-6 space-y-1\", sidebarCollapsed ? \"lg:hidden\" : \"\")}>\n                  {categoryData.components.map((component) => {\n                    const isActive = selectedComponent === component.id;\n                    return (\n                      <button\n                        key={component.id}\n                        data-component-id={component.id}\n                        onClick={() => {\n                          setSelectedComponent(component.id);\n                          setFocusedIndex(flatComponents.indexOf(component.id));\n                  if (window.innerWidth < 1024) {\n                    setSidebarCollapsed(true);\n                  }\n                        }}\n                        className={cn(\n                          \"flex items-center w-full p-2 text-sm rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500\",\n                          isActive\n                          ? \"bg-primary-50 dark:bg-primary-900/20 text-primary-700 dark:text-primary-400 border-r-2 border-primary-600 dark:border-primary-500\"\n                          : \"text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50 hover:text-gray-900 dark:hover:text-white\"\n                        )}\n                        aria-current={isActive ? \"page\" : undefined}\n                      >\n                        {component.name}\n                      </button>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          ))}\n        </nav>\n      </div>\n\n      {/* Main Content */}\n      <div className=\"flex-1 flex flex-col overflow-hidden\">\n        {/* Header */}\n        <header className=\"bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 p-4\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center space-x-4\">\n              {/* Mobile Menu Toggle */}\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"lg:hidden p-2 -ml-2 shrink-0\"\n                onClick={() => setSidebarCollapsed(false)}\n                aria-label=\"Open component menu\"\n              >\n                <Menu className=\"h-5 w-5 text-gray-700 dark:text-gray-300\" />\n              </Button>\n              \n              <h1 className=\"text-xl md:text-2xl font-bold text-gray-900 dark:text-white truncate\">\n                {currentDoc?.name || \"Component Showcase\"}\n              </h1>\n              {currentDoc && <Badge variant=\"outline\">{currentDoc.name}</Badge>}\n            </div>\n\n            <div className=\"flex items-center space-x-2\">\n              {/* Viewport Controls */}\n              <div className=\"flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1\">\n                <Button\n                  variant={viewMode === \"desktop\" ? \"primary\" : \"ghost\"}\n                  size=\"sm\"\n                  onClick={() => setViewMode(\"desktop\")}\n                >\n                  <Monitor className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant={viewMode === \"tablet\" ? \"primary\" : \"ghost\"}\n                  size=\"sm\"\n                  onClick={() => setViewMode(\"tablet\")}\n                >\n                  <Tablet className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant={viewMode === \"mobile\" ? \"primary\" : \"ghost\"}\n                  size=\"sm\"\n                  onClick={() => setViewMode(\"mobile\")}\n                >\n                  <Smartphone className=\"h-4 w-4\" />\n                </Button>\n              </div>\n\n              {/* Dark Mode Toggle */}\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={toggleDarkMode}\n              >\n                {isDarkMode ? (\n                  <Sun className=\"h-4 w-4\" />\n                ) : (\n                  <Moon className=\"h-4 w-4\" />\n                )}\n              </Button>\n            </div>\n          </div>\n        </header>\n\n        {/* Content */}\n        <main className=\"flex-1 overflow-auto p-6 bg-gray-50 dark:bg-gray-950\">\n          {currentDoc ? (\n            <div className=\"max-w-6xl mx-auto space-y-8\">\n              {/* Description */}\n              <div>\n                <p className=\"text-lg text-gray-600 dark:text-gray-400\">{currentDoc.description}</p>\n              </div>\n\n              {/* Tabs */}\n              <div>\n                <div className=\"flex gap-3 mb-4\" role=\"tablist\" aria-label=\"Component details tabs\">\n                  <Button\n                    variant={activeTab === \"preview\" ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => setActiveTab(\"preview\")}\n                    role=\"tab\"\n                    aria-selected={activeTab === \"preview\"}\n                  >\n                    <Eye className=\"h-4 w-4 mr-2\" />\n                    Preview\n                  </Button>\n                  <Button\n                    variant={activeTab === \"code\" ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => setActiveTab(\"code\")}\n                    role=\"tab\"\n                    aria-selected={activeTab === \"code\"}\n                  >\n                    <Code className=\"h-4 w-4 mr-2\" />\n                    Code\n                  </Button>\n                  <Button\n                    variant={activeTab === \"props\" ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => setActiveTab(\"props\")}\n                    role=\"tab\"\n                    aria-selected={activeTab === \"props\"}\n                  >\n                    <Settings className=\"h-4 w-4 mr-2\" />\n                    Props\n                  </Button>\n                </div>\n                <div>\n                  <div className=\"mt-6\">\n                    <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow p-6\">\n                      {/* Preview */}\n                      <div\n                        className={cn(\n                          \"mx-auto transition-all duration-300\",\n                          getViewportClass()\n                        )}\n                      >\n                        <div>\n                          {showcaseRegistry[selectedComponent]\n                            ? React.createElement(\n                                showcaseRegistry[selectedComponent]\n                              )\n                            : null}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                  {activeTab === \"code\" && (\n                    <div className=\"mt-6\" role=\"tabpanel\" aria-label=\"Code example\">\n                      <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow p-6\">\n                        <div className=\"flex flex-row items-center justify-between\">\n                          <h2 className=\"text-lg font-semibold mb-0 dark:text-white\">\n                            Usage Example\n                          </h2>\n                          <Button\n                            variant=\"outline\"\n                            size=\"sm\"\n                            onClick={() => copyToClipboard(currentExample)}\n                          >\n                            {copiedCode === currentExample ? (\n                              <Check className=\"h-4 w-4 mr-2\" />\n                            ) : (\n                              <Copy className=\"h-4 w-4 mr-2\" />\n                            )}\n                            Copy\n                          </Button>\n                        </div>\n                        <pre className=\"bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto\">\n                          <code>{currentExample}</code>\n                        </pre>\n                      </div>\n                    </div>\n                  )}\n\n                  {activeTab === \"props\" && (\n                    <div className=\"mt-6\" role=\"tabpanel\" aria-label=\"Component props\">\n                      <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow p-6\">\n                        <h2 className=\"text-lg font-semibold mb-4 dark:text-white\">\n                          Component Props\n                        </h2>\n                        <div className=\"overflow-x-auto\">\n                          <table className=\"w-full border-collapse\">\n                            <thead>\n                              <tr className=\"border-b border-gray-200 dark:border-gray-800\">\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Prop\n                                </th>\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Type\n                                </th>\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Default\n                                </th>\n                                <th className=\"text-left p-3 font-medium text-gray-900 dark:text-gray-100\">\n                                  Description\n                                </th>\n                              </tr>\n                            </thead>\n                            <tbody>\n                              {currentProps.length > 0 ? (\n                                currentProps.map((prop: PropDoc, index) => (\n                                  <tr key={prop.name ?? index} className=\"border-b border-gray-100 dark:border-gray-800/50\">\n                                    <td className=\"p-3\">\n                                      <code className=\"bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded text-sm dark:text-gray-300\">\n                                        {prop.name}\n                                      </code>\n                                      {prop.required && (\n                                        <Badge variant=\"danger\" className=\"ml-2 text-xs\">\n                                          Required\n                                        </Badge>\n                                      )}\n                                    </td>\n                                    <td className=\"p-3 text-gray-600 dark:text-gray-400\">{prop.type}</td>\n                                    <td className=\"p-3 text-gray-600 dark:text-gray-400\">\n                                      {prop.default ? (\n                                        <code className=\"bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded text-sm dark:text-gray-300\">\n                                          {prop.default}\n                                        </code>\n                                      ) : null}\n                                    </td>\n                                    <td className=\"p-3 text-gray-600 dark:text-gray-400\">{prop.description}</td>\n                                  </tr>\n                                ))\n                              ) : (\n                                <tr>\n                                  <td colSpan={4} className=\"p-4 text-center text-gray-500 dark:text-gray-400\">\n                                    No props documented for this component yet.\n                                  </td>\n                                </tr>\n                              )}\n                            </tbody>\n                          </table>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div className=\"flex items-center justify-center h-full\">\n              <div className=\"text-center\">\n                <Book className=\"h-16 w-16 text-gray-400 dark:text-gray-600 mx-auto mb-4\" />\n                <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\n                  Select a Component\n                </h2>\n                <p className=\"text-gray-600 dark:text-gray-400\">\n                  Choose a component from the sidebar to view its documentation and examples.\n                </p>\n              </div>\n            </div>\n          )}\n        </main>\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/ComponentShowcase/componentDocs.d.ts

@@ -254,4 +254,10 @@ export declare const componentDocs: {
             default?: undefined;
         })[];
     };
+    "email-templates": {
+        name: string;
+        description: string;
+        example: string;
+        props: never[];
+    };
 };

package/dist/components/ComponentShowcase/componentDocs.js

@@ -248,6 +248,23 @@ function Example() {
             { name: "onSendMessage", type: "(message: string) => Promise<void> | void", description: "Callback hook when the user sends a message." }
         ]
     },
+    "email-templates": {
+        name: "Email Templates",
+        description: "A comprehensive suite of 100+ React Email templates spanning marketing, billing, auth, and internal operations.",
+        example: `import { WelcomeEmail, renderEmailParams } from "@/components/Email";
+
+// In your Next.js API route:
+const { html, text } = await renderEmailParams(<WelcomeEmail userName="Alex" />);
+
+await resend.emails.send({
+  from: 'hello@beyondcorp.com',
+  to: 'user@example.com',
+  subject: 'Welcome!',
+  html,
+  text
+});`,
+        props: []
+    }
 };
 
 export { componentDocs };

package/dist/components/ComponentShowcase/componentDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentDocs.js","sources":["../../../src/components/ComponentShowcase/componentDocs.ts"],"sourcesContent":["/**\n * Centralized docs/config for all showcased components:\n * - description, usage example, props table, etc.\n * Used for ComponentShowcase main screen documentation.\n */\nexport const componentDocs = {\n  button: {\n    name: \"Button\",\n    description: \"A versatile button component with multiple variants and sizes.\",\n    example: `<Button variant=\"primary\" size=\"md\">\n  Click me\n</Button>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"primary\", description: \"Button style variant\" },\n      { name: \"size\", type: \"string\", default: \"md\", description: \"Button size\" },\n      { name: \"disabled\", type: \"boolean\", default: \"false\", description: \"Disable the button\" }\n    ]\n  },\n  input: {\n    name: \"Input\",\n    description: \"A flexible input component with validation states and different sizes.\",\n    example: `<Input placeholder=\"Enter your email\" />`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Input variant (default/success/error)\" },\n      { name: \"inputSize\", type: \"string\", default: \"md\", description: \"Input size\" },\n      { name: \"placeholder\", type: \"string\", default: \"\", description: \"Placeholder text\" }\n    ]\n  },\n  badge: {\n    name: \"Badge\",\n    description: \"A small tag for statuses or classifications.\",\n    example: `<Badge>Default</Badge>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Badge style variant\" }\n    ]\n  },\n  card: {\n    name: \"Card\",\n    description: \"A container element for grouping content.\",\n    example: `<Card><CardContent>Example</CardContent></Card>`,\n    props: [\n      { name: \"children\", type: \"ReactNode\", description: \"Card content\" }\n    ]\n  },\n  textarea: {\n    name: \"Textarea\",\n    description: \"A multi-line text input component.\",\n    example: `<Textarea placeholder=\"Write here...\" />`,\n    props: [\n      { name: \"rows\", type: \"number\", default: 3, description: \"Number of rows\" }\n    ]\n  },\n  checkbox: {\n    name: \"Checkbox\",\n    description: \"A standard form checkbox.\",\n    example: `<Checkbox checked={true} />`,\n    props: [\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\n    ]\n  },\n  switch: {\n    name: \"Switch\",\n    description: \"A boolean toggle control.\",\n    example: `<Switch checked={true} />`,\n    props: [\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\n    ]\n  },\n  avatar: {\n    name: \"Avatar\",\n    description: \"Displays a user profile image or initials.\",\n    example: `<Avatar><AvatarFallback>U</AvatarFallback></Avatar>`,\n    props: [\n      { name: \"size\", type: \"\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"\", default: \"md\", description: \"Avatar size\" }\n    ]\n  },\n  alert: {\n    name: \"Alert\",\n    description: \"Displays messages for important info.\",\n    example: `<Alert variant=\"info\"><AlertTitle>Info</AlertTitle></Alert>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"info\", description: \"Alert type\" }\n    ]\n  },\n  toast: {\n    name: \"Toast\",\n    description: \"Transient notification message overlay.\",\n    example: `<Toast />`,\n    props: []\n  },\n  modal: {\n    name: \"Modal\",\n    description: \"A dialog overlay for user attention.\",\n    example: `<Modal open={true} onOpenChange={() => {}} />`,\n    props: [\n      { name: \"open\", type: \"boolean\", description: \"Show or hide the modal\" }\n    ]\n  },\n  spinner: {\n    name: \"Spinner\",\n    description: \"Animated indicator for loading states.\",\n    example: `<Spinner />`,\n    props: []\n  },\n  skeleton: {\n    name: \"Skeleton\",\n    description: \"Shimmer placeholder for loading UIs.\",\n    example: `<Skeleton className=\"h-6 w-32\" />`,\n    props: [\n      { name: \"className\", type: \"string\", description: \"Skeleton custom styles\" }\n    ]\n  },\n  statscard: {\n    name: \"StatsCard\",\n    description: \"Shows key metrics and trends.\",\n    example: `<StatsCard title=\"Users\" value=\"2,543\" />`,\n    props: [\n      { name: \"title\", type: \"string\", description: \"Card title\" },\n      { name: \"value\", type: \"string|number\", description: \"Main value\" }\n    ]\n  },\n  tabs: {\n    name: \"Tabs\",\n    description: \"Navigation between content views.\",\n    example: `<Tabs value=\"tab-1\"><TabsList>...</TabsList></Tabs>`,\n    props: [\n      { name: \"value\", type: \"string\", description: \"Selected tab value\" }\n    ]\n  },\n  sidebar: {\n    name: \"Sidebar\",\n    description: \"Persistent vertical navigation panel.\",\n    example: `<Sidebar menuItems={[]} />`,\n    props: []\n  },\n  navbar: {\n    name: \"Navbar\",\n    description: \"Top navigation bar for branding and links.\",\n    example: `<Navbar>...</Navbar>`,\n    props: []\n  },\n  \"dashboard-layout\": {\n    name: \"DashboardLayout\",\n    description: \"Layout for dashboards with sidebar and content.\",\n    example: `<DashboardLayout>...</DashboardLayout>`,\n    props: []\n  },\n  \"dashboard-header\": {\n    name: \"DashboardHeader\",\n    description: \"Header for dashboard screens.\",\n    example: `<DashboardHeader />`,\n    props: []\n  },\n  \"dashboard-grid\": {\n    name: \"DashboardGrid\",\n    description: \"Grid container for dashboard widgets.\",\n    example: `<DashboardGrid>...</DashboardGrid>`,\n    props: []\n  },\n  datatable: {\n    name: \"DataTable\",\n    description: \"Advanced table for displaying data collections.\",\n    example: `<DataTable columns={[]} dataSource={[]} />`,\n    props: []\n  },\n  \"page-layout\": {\n    name: \"Page Layout\",\n    description: \"Flexible, semantic layout system for landing pages, products, blogs, and more. Compose with PageHeader, PageHero, PageContent, PageSidebar, and PageFooter for complete responsive UIs.\",\n    example: `import { PageLayout, PageHeader, PageContent, PageFooter } from \"@/components/PageLayout\";\n\nfunction Example() {\n  return (\n    <PageLayout variant=\"default\" maxWidth=\"xl\">\n      <PageHeader>\n        <nav>\n          <span>My App</span>\n        </nav>\n      </PageHeader>\n      <PageContent maxWidth=\"lg\">\n        <h1>Welcome!</h1>\n        <p>Your content here...</p>\n      </PageContent>\n      <PageFooter variant=\"simple\">\n        <p>&copy; 2024 My App. All rights reserved.</p>\n      </PageFooter>\n    </PageLayout>\n  );\n}`,\n    props: [\n      { name: \"variant\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"landing\\\"|\\\"product\\\"|\\\"blog\\\"\", default: \"\\\"default\\\"\", description: \"Sets page color and layout preset\" },\n      { name: \"maxWidth\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"|\\\"2xl\\\"|\\\"full\\\"\", default: \"\\\"xl\\\"\", description: \"Limits overall page width for content\" },\n      { name: \"contentLayout\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"fullWidth\\\"\", default: \"\\\"default\\\"\", description: \"Layout mode for PageLayoutContent\" },\n      { name: \"contentSpacing\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"\", default: \"\\\"md\\\"\", description: \"Vertical padding spacing\" },\n      { name: \"children\", type: \"ReactNode\", description: \"Page structure (usually header, content, sidebar, footer)\" },\n      // Optionally highlight subcomponent props\n      { name: \"PageHeader\", type: \"Sticky/Transparent, children\", description: \"Header settings for navigation bar\" },\n      { name: \"PageHero\", type: \"fullHeight, backgroundImage, overlay, children\", description: \"Hero section for landing visuals\" },\n      { name: \"PageContent\", type: \"maxWidth, children\", description: \"Content area for main body text/components\" },\n      { name: \"PageSidebar\", type: \"position, width, children\", description: \"Sidebar area (e.g. for menu or extra info)\" },\n      { name: \"PageFooter\", type: \"variant, children\", description: \"Footer configuration\" }\n    ]\n  },\n  // --- AUTHENTICATION DEMOS ---\n  login: {\n    name: \"Login Page\",\n    description: \"Showcases the reusable LoginForm component as a full login page example.\",\n    example: `<LoginForm />`,\n    props: []\n  },\n  signup: {\n    name: \"Signup Page\",\n    description: \"Showcases the reusable SignupForm component as a full signup page example.\",\n    example: `<SignupForm />`,\n    props: []\n  },\n  shield: {\n    name: \"!isAuthenticated Shield\",\n    description: \"ProtectedRoute gate which only renders content when authenticated; otherwise shows fallback.\",\n    example: `<ProtectedRoute>Protected Content</ProtectedRoute>`,\n    props: []\n  },\n  auth: {\n    name: \"Auth System\",\n    description: \"Demo of authentication UI and flows.\",\n    example: `<AuthShowcase />`,\n    props: []\n  },\n  \"password-reset\": {\n    name: \"Password Reset\",\n    description: \"Showcases the reusable PasswordResetForm component, allowing users to request a password reset via email.\",\n    example: `<PasswordResetForm onReset={email => { ... }} />`,\n    props: [\n      { name: \"onReset\", type: \"(email: string) => Promise<void> | void\", description: \"Submit reset request callback\" },\n      { name: \"isLoading\", type: \"boolean\", description: \"Loading indicator\" },\n      { name: \"successMessage\", type: \"string\", description: \"Message displayed on success\" },\n      { name: \"errorMessage\", type: \"string\", description: \"Error feedback message\" }\n    ],\n  },\n  chatwidget: {\n    name: \"Chat Widget\",\n    description: \"A floating AI/Human support chat widget with customizable positions.\",\n    example: `<ChatWidget \\n  position=\"bottom-right\" \\n  title=\"Support\"\\n  onSendMessage={(msg) => console.log(msg)}\\n/>`,\n    props: [\n      { name: \"position\", type: '\\\"bottom-right\\\" | \\\"bottom-left\\\"', default: '\\\"bottom-right\\\"', description: \"Controls horizontal anchoring.\" },\n      { name: \"strategy\", type: '\\\"fixed\\\" | \\\"absolute\\\"', default: '\\\"fixed\\\"', description: \"Use fixed for whole page, absolute for container bounds.\" },\n      { name: \"title\", type: \"string\", default: '\\\"Support\\\"', description: \"Header title text.\" },\n      { name: \"subtitle\", type: \"string\", default: '\\\"We typically reply in a few minutes\\\"', description: \"Header subtitle text.\" },\n      { name: \"onSendMessage\", type: \"(message: string) => Promise<void> | void\", description: \"Callback hook when the user sends a message.\" }\n    ]\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentDocs.js","sources":["../../../src/components/ComponentShowcase/componentDocs.ts"],"sourcesContent":["/**\n * Centralized docs/config for all showcased components:\n * - description, usage example, props table, etc.\n * Used for ComponentShowcase main screen documentation.\n */\nexport const componentDocs = {\n  button: {\n    name: \"Button\",\n    description: \"A versatile button component with multiple variants and sizes.\",\n    example: `<Button variant=\"primary\" size=\"md\">\n  Click me\n</Button>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"primary\", description: \"Button style variant\" },\n      { name: \"size\", type: \"string\", default: \"md\", description: \"Button size\" },\n      { name: \"disabled\", type: \"boolean\", default: \"false\", description: \"Disable the button\" }\n    ]\n  },\n  input: {\n    name: \"Input\",\n    description: \"A flexible input component with validation states and different sizes.\",\n    example: `<Input placeholder=\"Enter your email\" />`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Input variant (default/success/error)\" },\n      { name: \"inputSize\", type: \"string\", default: \"md\", description: \"Input size\" },\n      { name: \"placeholder\", type: \"string\", default: \"\", description: \"Placeholder text\" }\n    ]\n  },\n  badge: {\n    name: \"Badge\",\n    description: \"A small tag for statuses or classifications.\",\n    example: `<Badge>Default</Badge>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Badge style variant\" }\n    ]\n  },\n  card: {\n    name: \"Card\",\n    description: \"A container element for grouping content.\",\n    example: `<Card><CardContent>Example</CardContent></Card>`,\n    props: [\n      { name: \"children\", type: \"ReactNode\", description: \"Card content\" }\n    ]\n  },\n  textarea: {\n    name: \"Textarea\",\n    description: \"A multi-line text input component.\",\n    example: `<Textarea placeholder=\"Write here...\" />`,\n    props: [\n      { name: \"rows\", type: \"number\", default: 3, description: \"Number of rows\" }\n    ]\n  },\n  checkbox: {\n    name: \"Checkbox\",\n    description: \"A standard form checkbox.\",\n    example: `<Checkbox checked={true} />`,\n    props: [\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\n    ]\n  },\n  switch: {\n    name: \"Switch\",\n    description: \"A boolean toggle control.\",\n    example: `<Switch checked={true} />`,\n    props: [\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\n    ]\n  },\n  avatar: {\n    name: \"Avatar\",\n    description: \"Displays a user profile image or initials.\",\n    example: `<Avatar><AvatarFallback>U</AvatarFallback></Avatar>`,\n    props: [\n      { name: \"size\", type: \"\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"\", default: \"md\", description: \"Avatar size\" }\n    ]\n  },\n  alert: {\n    name: \"Alert\",\n    description: \"Displays messages for important info.\",\n    example: `<Alert variant=\"info\"><AlertTitle>Info</AlertTitle></Alert>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"info\", description: \"Alert type\" }\n    ]\n  },\n  toast: {\n    name: \"Toast\",\n    description: \"Transient notification message overlay.\",\n    example: `<Toast />`,\n    props: []\n  },\n  modal: {\n    name: \"Modal\",\n    description: \"A dialog overlay for user attention.\",\n    example: `<Modal open={true} onOpenChange={() => {}} />`,\n    props: [\n      { name: \"open\", type: \"boolean\", description: \"Show or hide the modal\" }\n    ]\n  },\n  spinner: {\n    name: \"Spinner\",\n    description: \"Animated indicator for loading states.\",\n    example: `<Spinner />`,\n    props: []\n  },\n  skeleton: {\n    name: \"Skeleton\",\n    description: \"Shimmer placeholder for loading UIs.\",\n    example: `<Skeleton className=\"h-6 w-32\" />`,\n    props: [\n      { name: \"className\", type: \"string\", description: \"Skeleton custom styles\" }\n    ]\n  },\n  statscard: {\n    name: \"StatsCard\",\n    description: \"Shows key metrics and trends.\",\n    example: `<StatsCard title=\"Users\" value=\"2,543\" />`,\n    props: [\n      { name: \"title\", type: \"string\", description: \"Card title\" },\n      { name: \"value\", type: \"string|number\", description: \"Main value\" }\n    ]\n  },\n  tabs: {\n    name: \"Tabs\",\n    description: \"Navigation between content views.\",\n    example: `<Tabs value=\"tab-1\"><TabsList>...</TabsList></Tabs>`,\n    props: [\n      { name: \"value\", type: \"string\", description: \"Selected tab value\" }\n    ]\n  },\n  sidebar: {\n    name: \"Sidebar\",\n    description: \"Persistent vertical navigation panel.\",\n    example: `<Sidebar menuItems={[]} />`,\n    props: []\n  },\n  navbar: {\n    name: \"Navbar\",\n    description: \"Top navigation bar for branding and links.\",\n    example: `<Navbar>...</Navbar>`,\n    props: []\n  },\n  \"dashboard-layout\": {\n    name: \"DashboardLayout\",\n    description: \"Layout for dashboards with sidebar and content.\",\n    example: `<DashboardLayout>...</DashboardLayout>`,\n    props: []\n  },\n  \"dashboard-header\": {\n    name: \"DashboardHeader\",\n    description: \"Header for dashboard screens.\",\n    example: `<DashboardHeader />`,\n    props: []\n  },\n  \"dashboard-grid\": {\n    name: \"DashboardGrid\",\n    description: \"Grid container for dashboard widgets.\",\n    example: `<DashboardGrid>...</DashboardGrid>`,\n    props: []\n  },\n  datatable: {\n    name: \"DataTable\",\n    description: \"Advanced table for displaying data collections.\",\n    example: `<DataTable columns={[]} dataSource={[]} />`,\n    props: []\n  },\n  \"page-layout\": {\n    name: \"Page Layout\",\n    description: \"Flexible, semantic layout system for landing pages, products, blogs, and more. Compose with PageHeader, PageHero, PageContent, PageSidebar, and PageFooter for complete responsive UIs.\",\n    example: `import { PageLayout, PageHeader, PageContent, PageFooter } from \"@/components/PageLayout\";\n\nfunction Example() {\n  return (\n    <PageLayout variant=\"default\" maxWidth=\"xl\">\n      <PageHeader>\n        <nav>\n          <span>My App</span>\n        </nav>\n      </PageHeader>\n      <PageContent maxWidth=\"lg\">\n        <h1>Welcome!</h1>\n        <p>Your content here...</p>\n      </PageContent>\n      <PageFooter variant=\"simple\">\n        <p>&copy; 2024 My App. All rights reserved.</p>\n      </PageFooter>\n    </PageLayout>\n  );\n}`,\n    props: [\n      { name: \"variant\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"landing\\\"|\\\"product\\\"|\\\"blog\\\"\", default: \"\\\"default\\\"\", description: \"Sets page color and layout preset\" },\n      { name: \"maxWidth\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"|\\\"2xl\\\"|\\\"full\\\"\", default: \"\\\"xl\\\"\", description: \"Limits overall page width for content\" },\n      { name: \"contentLayout\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"fullWidth\\\"\", default: \"\\\"default\\\"\", description: \"Layout mode for PageLayoutContent\" },\n      { name: \"contentSpacing\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"\", default: \"\\\"md\\\"\", description: \"Vertical padding spacing\" },\n      { name: \"children\", type: \"ReactNode\", description: \"Page structure (usually header, content, sidebar, footer)\" },\n      // Optionally highlight subcomponent props\n      { name: \"PageHeader\", type: \"Sticky/Transparent, children\", description: \"Header settings for navigation bar\" },\n      { name: \"PageHero\", type: \"fullHeight, backgroundImage, overlay, children\", description: \"Hero section for landing visuals\" },\n      { name: \"PageContent\", type: \"maxWidth, children\", description: \"Content area for main body text/components\" },\n      { name: \"PageSidebar\", type: \"position, width, children\", description: \"Sidebar area (e.g. for menu or extra info)\" },\n      { name: \"PageFooter\", type: \"variant, children\", description: \"Footer configuration\" }\n    ]\n  },\n  // --- AUTHENTICATION DEMOS ---\n  login: {\n    name: \"Login Page\",\n    description: \"Showcases the reusable LoginForm component as a full login page example.\",\n    example: `<LoginForm />`,\n    props: []\n  },\n  signup: {\n    name: \"Signup Page\",\n    description: \"Showcases the reusable SignupForm component as a full signup page example.\",\n    example: `<SignupForm />`,\n    props: []\n  },\n  shield: {\n    name: \"!isAuthenticated Shield\",\n    description: \"ProtectedRoute gate which only renders content when authenticated; otherwise shows fallback.\",\n    example: `<ProtectedRoute>Protected Content</ProtectedRoute>`,\n    props: []\n  },\n  auth: {\n    name: \"Auth System\",\n    description: \"Demo of authentication UI and flows.\",\n    example: `<AuthShowcase />`,\n    props: []\n  },\n  \"password-reset\": {\n    name: \"Password Reset\",\n    description: \"Showcases the reusable PasswordResetForm component, allowing users to request a password reset via email.\",\n    example: `<PasswordResetForm onReset={email => { ... }} />`,\n    props: [\n      { name: \"onReset\", type: \"(email: string) => Promise<void> | void\", description: \"Submit reset request callback\" },\n      { name: \"isLoading\", type: \"boolean\", description: \"Loading indicator\" },\n      { name: \"successMessage\", type: \"string\", description: \"Message displayed on success\" },\n      { name: \"errorMessage\", type: \"string\", description: \"Error feedback message\" }\n    ],\n  },\n  chatwidget: {\n    name: \"Chat Widget\",\n    description: \"A floating AI/Human support chat widget with customizable positions.\",\n    example: `<ChatWidget \\n  position=\"bottom-right\" \\n  title=\"Support\"\\n  onSendMessage={(msg) => console.log(msg)}\\n/>`,\n    props: [\n      { name: \"position\", type: '\\\"bottom-right\\\" | \\\"bottom-left\\\"', default: '\\\"bottom-right\\\"', description: \"Controls horizontal anchoring.\" },\n      { name: \"strategy\", type: '\\\"fixed\\\" | \\\"absolute\\\"', default: '\\\"fixed\\\"', description: \"Use fixed for whole page, absolute for container bounds.\" },\n      { name: \"title\", type: \"string\", default: '\\\"Support\\\"', description: \"Header title text.\" },\n      { name: \"subtitle\", type: \"string\", default: '\\\"We typically reply in a few minutes\\\"', description: \"Header subtitle text.\" },\n      { name: \"onSendMessage\", type: \"(message: string) => Promise<void> | void\", description: \"Callback hook when the user sends a message.\" }\n    ]\n  },\n  \"email-templates\": {\n    name: \"Email Templates\",\n    description: \"A comprehensive suite of 100+ React Email templates spanning marketing, billing, auth, and internal operations.\",\n    example: `import { WelcomeEmail, renderEmailParams } from \"@/components/Email\";\n\n// In your Next.js API route:\nconst { html, text } = await renderEmailParams(<WelcomeEmail userName=\"Alex\" />);\n\nawait resend.emails.send({\n  from: 'hello@beyondcorp.com',\n  to: 'user@example.com',\n  subject: 'Welcome!',\n  html,\n  text\n});`,\n    props: []\n  }\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ComponentShowcase/showcaseRegistry.js

@@ -23,9 +23,10 @@ import { AuthShowcase } from '../Auth/AuthShowcase.js';
 import { LoginFormExample } from '../Auth/LoginForm.example.js';
 import { SignupFormExample } from '../Auth/SignupForm.example.js';
 import { ProtectedRouteExample } from '../Auth/ProtectedRoute.example.js';
-import { PasswordResetFormExample } from '../Auth/PasswordResetForm.example.js';
+import { PasswordResetFormExample } from '../Auth/ForgotPasswordForm.example.js';
 import { PageLayoutShowcase } from '../PageLayout/PageLayoutShowcase.js';
 import { ChatWidgetExample } from '../ChatWidget/ChatWidget.example.js';
+import { EmailShowcase } from '../Email/EmailShowcase.js';
 
 /**
  * Showcase registry maps component ids to their example/demo modules.
@@ -60,7 +61,8 @@ const showcaseRegistry = {
     "password-reset": PasswordResetFormExample,
     shield: ProtectedRouteExample,
     "page-layout": PageLayoutShowcase,
-    chatwidget: ChatWidgetExample
+    chatwidget: ChatWidgetExample,
+    "email-templates": EmailShowcase
     // Extend with other demos as needed
 };