@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/user/components/login-form.mjs

@@ -1,101 +1,105 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { logInUserAction } from "../actions/logInUserAction";
+import { StorefrontInput } from "../../storefront/primitives/input";
+import { StorefrontButton } from "../../storefront/primitives/button";
+const DEFAULT_LOGIN_LABELS = {
+  title: "Welcome back",
+  subtitle: "Sign in to access your account",
+  email: "Email address",
+  emailPlaceholder: "you@example.com",
+  password: "Password",
+  passwordPlaceholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+  forgotPassword: "Forgot password?",
+  submit: "Sign In",
+  signingIn: "Signing in..."
+};
+function LoginFormFields({
+  emailLabel,
+  emailPlaceholder,
+  passwordLabel,
+  passwordPlaceholder,
+  forgotPassword,
+  forgotPasswordLink,
+  errors
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StorefrontInput,
+      {
+        type: "email",
+        id: "email",
+        name: "email",
+        required: true,
+        label: emailLabel,
+        placeholder: emailPlaceholder,
+        error: errors.email?.join(", ")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StorefrontInput,
+      {
+        type: "password",
+        id: "password",
+        name: "password",
+        required: true,
+        label: passwordLabel,
+        placeholder: passwordPlaceholder,
+        error: errors.password?.join(", ")
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-start text-sm", children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: forgotPasswordLink,
+        className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition",
+        children: forgotPassword
+      }
+    ) })
+  ] });
+}
 const LoginForm = ({
-  title = "Welcome back",
-  subtitle = "Sign in to access your account",
-  emailLabel = "Email address",
-  emailPlaceholder = "you@example.com",
-  passwordLabel = "Password",
-  passwordPlaceholder = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+  labels = {},
   forgotPasswordLink = "/reset-password/start",
-  submitText = "Sign In",
   signup = { href: "/signup", label: "Sign up" },
   successRedirect = "/"
 }) => {
+  const resolved = { ...DEFAULT_LOGIN_LABELS, ...labels };
+  const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved;
+  const emailLabel = resolved.email;
+  const passwordLabel = resolved.password;
   const [errors, setErrors] = useState({});
   const [isPending, setIsPending] = useState(false);
-  const action = async (formData) => {
+  const handleSubmit = async (e) => {
+    e.preventDefault();
     setIsPending(true);
     setErrors({});
+    const formData = new FormData(e.currentTarget);
     const res = await logInUserAction(formData, { redirectPath: successRedirect });
     if (res?.errors) {
       setErrors(res.errors);
     }
     setIsPending(false);
   };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
-    await action(formData);
-  };
-  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 font-enad", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-border-radius) p-8", children: [
+  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 font-enad", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8", children: [
     /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center", children: title }),
     /* @__PURE__ */ jsx("p", { className: "text-(--enad-text-muted-color) text-sm text-center mb-8", children: subtitle }),
     /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            htmlFor: "email",
-            className: "block text-sm font-medium text-(--enad-text-primary-color) mb-1",
-            children: emailLabel
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "email",
-            id: "email",
-            name: "email",
-            required: true,
-            placeholder: emailPlaceholder,
-            className: "w-full px-4 py-2.5 border border-(--enad-border-color) rounded-(--enad-border-radius) focus:ring-2 focus:ring-(--enad-button-bg) focus:border-(--enad-button-bg) outline-none transition text-(--enad-text-primary-color) bg-(--enad-background)"
-          }
-        ),
-        errors.email && /* @__PURE__ */ jsx("p", { className: "text-(--enad-error-color) text-sm mt-1", children: errors.email.join(", ") })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            htmlFor: "password",
-            className: "block text-sm font-medium text-(--enad-text-primary-color) mb-1",
-            children: passwordLabel
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "password",
-            id: "password",
-            name: "password",
-            required: true,
-            placeholder: passwordPlaceholder,
-            className: "w-full px-4 py-2.5 border border-(--enad-border-color) rounded-(--enad-border-radius) focus:ring-2 focus:ring-(--enad-button-bg) focus:border-(--enad-button-bg) outline-none transition text-(--enad-text-primary-color) bg-(--enad-background)"
-          }
-        ),
-        errors.password && /* @__PURE__ */ jsx("p", { className: "text-(--enad-error-color) text-sm mt-1", children: errors.password.join(", ") })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-start text-sm", children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: forgotPasswordLink,
-          className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition",
-          children: "Forgot password?"
-        }
-      ) }),
       /* @__PURE__ */ jsx(
-        "button",
+        LoginFormFields,
         {
-          type: "submit",
-          disabled: isPending,
-          className: "w-full py-2.5 bg-(--enad-button-bg) hover:bg-(--enad-button-hover-bg) text-(--enad-button-color) font-medium rounded-(--enad-border-radius) transition shadow-sm hover:shadow",
-          children: isPending ? "Signing in..." : submitText
+          emailLabel,
+          emailPlaceholder,
+          passwordLabel,
+          passwordPlaceholder,
+          forgotPassword,
+          forgotPasswordLink,
+          errors
         }
       ),
-      errors.general && /* @__PURE__ */ jsx("p", { className: "text-(--enad-error-color) text-sm mt-2 text-center", children: errors.general.join(", ") })
+      /* @__PURE__ */ jsx(StorefrontButton, { type: "submit", disabled: isPending, className: "w-full", children: isPending ? signingIn : submit }),
+      errors.general && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-(--enad-error-color) text-sm mt-2 text-center", children: errors.general.join(", ") })
     ] }),
     signup && /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) text-center mt-2", children: /* @__PURE__ */ jsx(
       "a",

package/dist/client/user/components/login-form.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/user/components/login-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, FormEvent } from \"react\"\nimport { logInUserAction } from \"../actions/logInUserAction\"\n\ninterface LoginFormProps {\n  title?: string\n  subtitle?: string\n  emailLabel?: string\n  emailPlaceholder?: string\n  passwordLabel?: string\n  passwordPlaceholder?: string\n  forgotPasswordLink?: string\n  submitText?: string\n  signup?: {\n    href: string\n    label: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  password?: string[]\n  general?: string[]\n}\n\nexport const LoginForm: React.FC<LoginFormProps> = ({\n  title = \"Welcome back\",\n  subtitle = \"Sign in to access your account\",\n  emailLabel = \"Email address\",\n  emailPlaceholder = \"you@example.com\",\n  passwordLabel = \"Password\",\n  passwordPlaceholder = \"••••••••\",\n  forgotPasswordLink = \"/reset-password/start\",\n  submitText = \"Sign In\",\n  signup = { href: \"/signup\", label: \"Sign up\" },\n  successRedirect = \"/\",\n}) => {\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n\n  const action = async (formData: FormData): Promise<void> => {\n    setIsPending(true)\n    setErrors({})\n\n    const res = await logInUserAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    }\n\n    setIsPending(false)\n  }\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.currentTarget)\n    await action(formData)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-border-radius) p-8\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-(--enad-text-muted-color) text-sm text-center mb-8\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          {/* Email */}\n          <div>\n            <label\n              htmlFor=\"email\"\n              className=\"block text-sm font-medium text-(--enad-text-primary-color) mb-1\"\n            >\n              {emailLabel}\n            </label>\n            <input\n              type=\"email\"\n              id=\"email\"\n              name=\"email\"\n              required\n              placeholder={emailPlaceholder}\n              className=\"w-full px-4 py-2.5 border border-(--enad-border-color) rounded-(--enad-border-radius) focus:ring-2 focus:ring-(--enad-button-bg) focus:border-(--enad-button-bg) outline-none transition text-(--enad-text-primary-color) bg-(--enad-background)\"\n            />\n            {errors.email && (\n              <p className=\"text-(--enad-error-color) text-sm mt-1\">{errors.email.join(\", \")}</p>\n            )}\n          </div>\n\n          {/* Password */}\n          <div>\n            <label\n              htmlFor=\"password\"\n              className=\"block text-sm font-medium text-(--enad-text-primary-color) mb-1\"\n            >\n              {passwordLabel}\n            </label>\n            <input\n              type=\"password\"\n              id=\"password\"\n              name=\"password\"\n              required\n              placeholder={passwordPlaceholder}\n              className=\"w-full px-4 py-2.5 border border-(--enad-border-color) rounded-(--enad-border-radius) focus:ring-2 focus:ring-(--enad-button-bg) focus:border-(--enad-button-bg) outline-none transition text-(--enad-text-primary-color) bg-(--enad-background)\"\n            />\n            {errors.password && (\n              <p className=\"text-(--enad-error-color) text-sm mt-1\">{errors.password.join(\", \")}</p>\n            )}\n          </div>\n\n          {/* Forgot password */}\n          <div className=\"flex justify-start text-sm\">\n            <a\n              href={forgotPasswordLink}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition\"\n            >\n              Forgot password?\n            </a>\n          </div>\n\n          {/* Submit */}\n          <button\n            type=\"submit\"\n            disabled={isPending}\n            className=\"w-full py-2.5 bg-(--enad-button-bg) hover:bg-(--enad-button-hover-bg) text-(--enad-button-color) font-medium rounded-(--enad-border-radius) transition shadow-sm hover:shadow\"\n          >\n            {isPending ? \"Signing in...\" : submitText}\n          </button>\n\n          {/* General errors */}\n          {errors.general && (\n            <p className=\"text-(--enad-error-color) text-sm mt-2 text-center\">\n              {errors.general.join(\", \")}\n            </p>\n          )}\n        </form>\n\n        {/* Signup link */}\n        {signup && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-2\">\n            <a\n              href={signup.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {signup.label}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";AAgEQ,cAOE,YAPF;AA9DR,SAAgB,gBAA2B;AAC3C,SAAS,uBAAuB;AAwBzB,MAAM,YAAsC,CAAC;AAAA,EAClD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,SAAS,EAAE,MAAM,WAAW,OAAO,UAAU;AAAA,EAC7C,kBAAkB;AACpB,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,CAAC,CAAC;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,SAAS,OAAO,aAAsC;AAC1D,iBAAa,IAAI;AACjB,cAAU,CAAC,CAAC;AAEZ,UAAM,MAAM,MAAM,gBAAgB,UAAU,EAAE,cAAc,gBAAgB,CAAC;AAE7E,QAAI,KAAK,QAAQ;AACf,gBAAU,IAAI,MAAM;AAAA,IACtB;AAEA,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,eAAe,OAAO,MAAkC;AAC5D,MAAE,eAAe;AACjB,UAAM,WAAW,IAAI,SAAS,EAAE,aAAa;AAC7C,UAAM,OAAO,QAAQ;AAAA,EACvB;AAEA,SACE,oBAAC,UAAK,WAAU,mDACd,+BAAC,SAAI,WAAU,wHACb;AAAA,wBAAC,QAAG,WAAU,4EACX,iBACH;AAAA,IACA,oBAAC,OAAE,WAAU,2DAA2D,oBAAS;AAAA,IAEjF,qBAAC,UAAK,UAAU,cAAc,WAAU,aAEtC;AAAA,2BAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,aAAa;AAAA,YACb,WAAU;AAAA;AAAA,QACZ;AAAA,QACC,OAAO,SACN,oBAAC,OAAE,WAAU,0CAA0C,iBAAO,MAAM,KAAK,IAAI,GAAE;AAAA,SAEnF;AAAA,MAGA,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,aAAa;AAAA,YACb,WAAU;AAAA;AAAA,QACZ;AAAA,QACC,OAAO,YACN,oBAAC,OAAE,WAAU,0CAA0C,iBAAO,SAAS,KAAK,IAAI,GAAE;AAAA,SAEtF;AAAA,MAGA,oBAAC,SAAI,WAAU,8BACb;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,MAED,GACF;AAAA,MAGA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,WAAU;AAAA,UAET,sBAAY,kBAAkB;AAAA;AAAA,MACjC;AAAA,MAGC,OAAO,WACN,oBAAC,OAAE,WAAU,sDACV,iBAAO,QAAQ,KAAK,IAAI,GAC3B;AAAA,OAEJ;AAAA,IAGC,UACC,oBAAC,OAAE,WAAU,2DACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,OAAO;AAAA,QACb,WAAU;AAAA,QAET,iBAAO;AAAA;AAAA,IACV,GACF;AAAA,KAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/client/user/components/login-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { logInUserAction } from \"../actions/logInUserAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface LoginFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    password?: string\n    passwordPlaceholder?: string\n    forgotPassword?: string\n    submit?: string\n    signingIn?: string\n  }\n  forgotPasswordLink?: string\n  signup?: {\n    href: string\n    label: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  password?: string[]\n  general?: string[]\n}\n\nconst DEFAULT_LOGIN_LABELS = {\n  title: \"Welcome back\",\n  subtitle: \"Sign in to access your account\",\n  email: \"Email address\",\n  emailPlaceholder: \"you@example.com\",\n  password: \"Password\",\n  passwordPlaceholder: \"••••••••\",\n  forgotPassword: \"Forgot password?\",\n  submit: \"Sign In\",\n  signingIn: \"Signing in...\",\n} as const\n\nfunction LoginFormFields({\n  emailLabel,\n  emailPlaceholder,\n  passwordLabel,\n  passwordPlaceholder,\n  forgotPassword,\n  forgotPasswordLink,\n  errors,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  passwordLabel: string\n  passwordPlaceholder: string\n  forgotPassword: string\n  forgotPasswordLink: string\n  errors: FormErrors\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontInput\n        type=\"password\"\n        id=\"password\"\n        name=\"password\"\n        required\n        label={passwordLabel}\n        placeholder={passwordPlaceholder}\n        error={errors.password?.join(\", \")}\n      />\n\n      <div className=\"flex justify-start text-sm\">\n        <a\n          href={forgotPasswordLink}\n          className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition\"\n        >\n          {forgotPassword}\n        </a>\n      </div>\n    </>\n  )\n}\n\nexport const LoginForm: React.FC<LoginFormProps> = ({\n  labels = {},\n  forgotPasswordLink = \"/reset-password/start\",\n  signup = { href: \"/signup\", label: \"Sign up\" },\n  successRedirect = \"/\",\n}) => {\n  const resolved = { ...DEFAULT_LOGIN_LABELS, ...labels }\n  const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved\n  const emailLabel = resolved.email\n  const passwordLabel = resolved.password\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n\n    const formData = new FormData(e.currentTarget)\n    const res = await logInUserAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-(--enad-text-muted-color) text-sm text-center mb-8\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <LoginFormFields\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            passwordLabel={passwordLabel}\n            passwordPlaceholder={passwordPlaceholder}\n            forgotPassword={forgotPassword}\n            forgotPasswordLink={forgotPasswordLink}\n            errors={errors}\n          />\n\n          <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n            {isPending ? signingIn : submit}\n          </StorefrontButton>\n\n          {errors.general && (\n            <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-2 text-center\">\n              {errors.general.join(\", \")}\n            </p>\n          )}\n        </form>\n\n        {signup && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-2\">\n            <a\n              href={signup.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {signup.label}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/client/user/components/reset-password-form.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface ResetPasswordFormProps {
+    labels?: {
+        title?: string;
+        subtitle?: string;
+        email?: string;
+        emailPlaceholder?: string;
+        submit?: string;
+        sending?: string;
+        successMessage?: string;
+    };
+    extraLink?: {
+        href: string;
+        text: string;
+    };
+    successRedirect?: string;
+}
+export declare const ResetPasswordForm: React.FC<ResetPasswordFormProps>;
+export {};
+//# sourceMappingURL=reset-password-form.d.ts.map

package/dist/client/user/components/reset-password-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../../../src/client/user/components/reset-password-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAKvD,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAuDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsE9D,CAAA"}

package/dist/client/user/components/reset-password-form.mjs

@@ -1,75 +1,82 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { createPasswordResetLinkAction } from "../actions/createResetPasswordLinkAction";
+import { StorefrontInput } from "../../storefront/primitives/input";
+import { StorefrontButton } from "../../storefront/primitives/button";
+function ResetPasswordFormBody({
+  emailLabel,
+  emailPlaceholder,
+  submit,
+  sending,
+  errors,
+  isPending,
+  successMessage
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StorefrontInput,
+      {
+        type: "email",
+        id: "email",
+        name: "email",
+        required: true,
+        label: emailLabel,
+        placeholder: emailPlaceholder,
+        error: errors.email?.join(", ")
+      }
+    ),
+    /* @__PURE__ */ jsx(StorefrontButton, { type: "submit", disabled: isPending, className: "w-full", children: isPending ? sending : submit }),
+    errors.general && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-(--enad-error-color) text-sm mt-1 text-center", children: errors.general.join(", ") }),
+    successMessage && /* @__PURE__ */ jsx("p", { role: "status", className: "text-(--enad-success-color) text-sm mt-2 text-center", children: successMessage })
+  ] });
+}
 const ResetPasswordForm = ({
-  title = "Reset your password",
-  subtitle = "Enter your email to receive reset instructions",
-  submitText = "Send Reset Link",
+  labels = {},
   extraLink = { href: "/login", text: "Back to sign in" },
   successRedirect = "/login"
 }) => {
+  const {
+    title = "Reset your password",
+    subtitle = "Enter your email to receive reset instructions",
+    email: emailLabel = "Email",
+    emailPlaceholder = "you@example.com",
+    submit = "Send Reset Link",
+    sending = "Sending...",
+    successMessage: successMessageText = "Check your email for reset instructions."
+  } = labels;
   const [errors, setErrors] = useState({});
   const [isPending, setIsPending] = useState(false);
   const [successMessage, setSuccessMessage] = useState("");
-  const action = async (formData) => {
+  const handleSubmit = async (e) => {
+    e.preventDefault();
     setIsPending(true);
     setErrors({});
     setSuccessMessage("");
+    const formData = new FormData(e.currentTarget);
     const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect });
     if (res?.errors) {
       setErrors(res.errors);
     } else {
-      setSuccessMessage("Check your email for reset instructions.");
+      setSuccessMessage(successMessageText);
     }
     setIsPending(false);
   };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
-    await action(formData);
-  };
-  const inputClasses = `
-        w-full px-4 py-2.5 border border-(--enad-border-color)
-        rounded-(--enad-border-radius)
-        focus:ring-2 focus:ring-(--enad-button-bg)
-        focus:border-(--enad-button-bg)
-        outline-none transition
-        bg-(--enad-background) text-(--enad-text-primary-color)
-    `;
-  const buttonClasses = `
-        w-full py-2.5 bg-(--enad-button-bg)
-        hover:bg-(--enad-button-hover-bg)
-        text-(--enad-button-color)
-        font-medium rounded-(--enad-border-radius)
-        transition shadow-sm hover:shadow
-    `;
-  const labelClasses = `block text-sm font-medium text-(--enad-text-primary-color) mb-1`;
-  const errorClasses = `text-(--enad-error-color) text-sm mt-1`;
-  const successClasses = `text-(--enad-success-color) text-sm mt-2 text-center`;
-  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 font-enad", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-border-radius)", children: [
+  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 font-enad", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)", children: [
     /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center", children: title }),
     /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) mb-8 text-center", children: subtitle }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "email", className: labelClasses, children: "Email" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "email",
-            id: "email",
-            name: "email",
-            required: true,
-            placeholder: "you@example.com",
-            className: inputClasses
-          }
-        ),
-        errors.email && /* @__PURE__ */ jsx("p", { className: errorClasses, children: errors.email.join(", ") })
-      ] }),
-      /* @__PURE__ */ jsx("button", { type: "submit", disabled: isPending, className: buttonClasses, children: isPending ? "Sending..." : submitText }),
-      errors.general && /* @__PURE__ */ jsx("p", { className: errorClasses + " text-center", children: errors.general.join(", ") }),
-      successMessage && /* @__PURE__ */ jsx("p", { className: successClasses, children: successMessage })
-    ] }),
+    /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: "space-y-5", children: /* @__PURE__ */ jsx(
+      ResetPasswordFormBody,
+      {
+        emailLabel,
+        emailPlaceholder,
+        submit,
+        sending,
+        errors,
+        isPending,
+        successMessage
+      }
+    ) }),
     extraLink && /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) text-center mt-4", children: /* @__PURE__ */ jsx(
       "a",
       {

package/dist/client/user/components/reset-password-form.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, FormEvent } from \"react\"\nimport { createPasswordResetLinkAction } from \"../actions/createResetPasswordLinkAction\"\n\ninterface ResetPasswordFormProps {\n  title?: string\n  subtitle?: string\n  submitText?: string\n  extraLink?: {\n    href: string\n    text: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  general?: string[]\n}\n\nexport const ResetPasswordForm: React.FC<ResetPasswordFormProps> = ({\n  title = \"Reset your password\",\n  subtitle = \"Enter your email to receive reset instructions\",\n  submitText = \"Send Reset Link\",\n  extraLink = { href: \"/login\", text: \"Back to sign in\" },\n  successRedirect = \"/login\",\n}) => {\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n  const [successMessage, setSuccessMessage] = useState(\"\")\n\n  const action = async (formData: FormData) => {\n    setIsPending(true)\n    setErrors({})\n    setSuccessMessage(\"\")\n\n    const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    } else {\n      setSuccessMessage(\"Check your email for reset instructions.\")\n    }\n\n    setIsPending(false)\n  }\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.currentTarget)\n    await action(formData)\n  }\n\n  const inputClasses = `\n        w-full px-4 py-2.5 border border-(--enad-border-color)\n        rounded-(--enad-border-radius)\n        focus:ring-2 focus:ring-(--enad-button-bg)\n        focus:border-(--enad-button-bg)\n        outline-none transition\n        bg-(--enad-background) text-(--enad-text-primary-color)\n    `\n\n  const buttonClasses = `\n        w-full py-2.5 bg-(--enad-button-bg)\n        hover:bg-(--enad-button-hover-bg)\n        text-(--enad-button-color)\n        font-medium rounded-(--enad-border-radius)\n        transition shadow-sm hover:shadow\n    `\n\n  const labelClasses = `block text-sm font-medium text-(--enad-text-primary-color) mb-1`\n  const errorClasses = `text-(--enad-error-color) text-sm mt-1`\n  const successClasses = `text-(--enad-success-color) text-sm mt-2 text-center`\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-border-radius)\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-8 text-center\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          {/* Email */}\n          <div>\n            <label htmlFor=\"email\" className={labelClasses}>\n              Email\n            </label>\n            <input\n              type=\"email\"\n              id=\"email\"\n              name=\"email\"\n              required\n              placeholder=\"you@example.com\"\n              className={inputClasses}\n            />\n            {errors.email && <p className={errorClasses}>{errors.email.join(\", \")}</p>}\n          </div>\n\n          {/* Submit */}\n          <button type=\"submit\" disabled={isPending} className={buttonClasses}>\n            {isPending ? \"Sending...\" : submitText}\n          </button>\n\n          {/* General error */}\n          {errors.general && (\n            <p className={errorClasses + \" text-center\"}>{errors.general.join(\", \")}</p>\n          )}\n\n          {/* Success message */}\n          {successMessage && <p className={successClasses}>{successMessage}</p>}\n        </form>\n\n        {/* Extra Link */}\n        {extraLink && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-4\">\n            <a\n              href={extraLink.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {extraLink.text}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";AA8EQ,cAOE,YAPF;AA5ER,SAAgB,gBAA2B;AAC3C,SAAS,qCAAqC;AAkBvC,MAAM,oBAAsD,CAAC;AAAA,EAClE,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY,EAAE,MAAM,UAAU,MAAM,kBAAkB;AAAA,EACtD,kBAAkB;AACpB,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,CAAC,CAAC;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE;AAEvD,QAAM,SAAS,OAAO,aAAuB;AAC3C,iBAAa,IAAI;AACjB,cAAU,CAAC,CAAC;AACZ,sBAAkB,EAAE;AAEpB,UAAM,MAAM,MAAM,8BAA8B,UAAU,EAAE,cAAc,gBAAgB,CAAC;AAE3F,QAAI,KAAK,QAAQ;AACf,gBAAU,IAAI,MAAM;AAAA,IACtB,OAAO;AACL,wBAAkB,0CAA0C;AAAA,IAC9D;AAEA,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,eAAe,OAAO,MAAkC;AAC5D,MAAE,eAAe;AACjB,UAAM,WAAW,IAAI,SAAS,EAAE,aAAa;AAC7C,UAAM,OAAO,QAAQ;AAAA,EACvB;AAEA,QAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASrB,QAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtB,QAAM,eAAe;AACrB,QAAM,eAAe;AACrB,QAAM,iBAAiB;AAEvB,SACE,oBAAC,UAAK,WAAU,mDACd,+BAAC,SAAI,WAAU,wHACb;AAAA,wBAAC,QAAG,WAAU,4EACX,iBACH;AAAA,IACA,oBAAC,OAAE,WAAU,2DAA2D,oBAAS;AAAA,IAEjF,qBAAC,UAAK,UAAU,cAAc,WAAU,aAEtC;AAAA,2BAAC,SACC;AAAA,4BAAC,WAAM,SAAQ,SAAQ,WAAW,cAAc,mBAEhD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,aAAY;AAAA,YACZ,WAAW;AAAA;AAAA,QACb;AAAA,QACC,OAAO,SAAS,oBAAC,OAAE,WAAW,cAAe,iBAAO,MAAM,KAAK,IAAI,GAAE;AAAA,SACxE;AAAA,MAGA,oBAAC,YAAO,MAAK,UAAS,UAAU,WAAW,WAAW,eACnD,sBAAY,eAAe,YAC9B;AAAA,MAGC,OAAO,WACN,oBAAC,OAAE,WAAW,eAAe,gBAAiB,iBAAO,QAAQ,KAAK,IAAI,GAAE;AAAA,MAIzE,kBAAkB,oBAAC,OAAE,WAAW,gBAAiB,0BAAe;AAAA,OACnE;AAAA,IAGC,aACC,oBAAC,OAAE,WAAU,2DACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU;AAAA,QAChB,WAAU;AAAA,QAET,oBAAU;AAAA;AAAA,IACb,GACF;AAAA,KAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { createPasswordResetLinkAction } from \"../actions/createResetPasswordLinkAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface ResetPasswordFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    submit?: string\n    sending?: string\n    successMessage?: string\n  }\n  extraLink?: {\n    href: string\n    text: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  general?: string[]\n}\n\nfunction ResetPasswordFormBody({\n  emailLabel,\n  emailPlaceholder,\n  submit,\n  sending,\n  errors,\n  isPending,\n  successMessage,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  submit: string\n  sending: string\n  errors: FormErrors\n  isPending: boolean\n  successMessage: string\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n        {isPending ? sending : submit}\n      </StorefrontButton>\n\n      {errors.general && (\n        <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-1 text-center\">\n          {errors.general.join(\", \")}\n        </p>\n      )}\n\n      {successMessage && (\n        <p role=\"status\" className=\"text-(--enad-success-color) text-sm mt-2 text-center\">\n          {successMessage}\n        </p>\n      )}\n    </>\n  )\n}\n\nexport const ResetPasswordForm: React.FC<ResetPasswordFormProps> = ({\n  labels = {},\n  extraLink = { href: \"/login\", text: \"Back to sign in\" },\n  successRedirect = \"/login\",\n}) => {\n  const {\n    title = \"Reset your password\",\n    subtitle = \"Enter your email to receive reset instructions\",\n    email: emailLabel = \"Email\",\n    emailPlaceholder = \"you@example.com\",\n    submit = \"Send Reset Link\",\n    sending = \"Sending...\",\n    successMessage: successMessageText = \"Check your email for reset instructions.\",\n  } = labels\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n  const [successMessage, setSuccessMessage] = useState(\"\")\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n    setSuccessMessage(\"\")\n\n    const formData = new FormData(e.currentTarget)\n    const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    } else {\n      setSuccessMessage(successMessageText)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-8 text-center\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <ResetPasswordFormBody\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            submit={submit}\n            sending={sending}\n            errors={errors}\n            isPending={isPending}\n            successMessage={successMessage}\n          />\n        </form>\n\n        {extraLink && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-4\">\n            <a\n              href={extraLink.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {extraLink.text}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";AA+CI,mBACE,KADF;AA7CJ,SAAgB,gBAAgC;AAChD,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAwBjC,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,QACb,OAAO,OAAO,OAAO,KAAK,IAAI;AAAA;AAAA,IAChC;AAAA,IAEA,oBAAC,oBAAiB,MAAK,UAAS,UAAU,WAAW,WAAU,UAC5D,sBAAY,UAAU,QACzB;AAAA,IAEC,OAAO,WACN,oBAAC,OAAE,MAAK,SAAQ,WAAU,sDACvB,iBAAO,QAAQ,KAAK,IAAI,GAC3B;AAAA,IAGD,kBACC,oBAAC,OAAE,MAAK,UAAS,WAAU,wDACxB,0BACH;AAAA,KAEJ;AAEJ;AAEO,MAAM,oBAAsD,CAAC;AAAA,EAClE,SAAS,CAAC;AAAA,EACV,YAAY,EAAE,MAAM,UAAU,MAAM,kBAAkB;AAAA,EACtD,kBAAkB;AACpB,MAAM;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO,aAAa;AAAA,IACpB,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,gBAAgB,qBAAqB;AAAA,EACvC,IAAI;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,CAAC,CAAC;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE;AAEvD,QAAM,eAAe,OAAO,MAAkC;AAC5D,MAAE,eAAe;AACjB,iBAAa,IAAI;AACjB,cAAU,CAAC,CAAC;AACZ,sBAAkB,EAAE;AAEpB,UAAM,WAAW,IAAI,SAAS,EAAE,aAAa;AAC7C,UAAM,MAAM,MAAM,8BAA8B,UAAU,EAAE,cAAc,gBAAgB,CAAC;AAE3F,QAAI,KAAK,QAAQ;AACf,gBAAU,IAAI,MAAM;AAAA,IACtB,OAAO;AACL,wBAAkB,kBAAkB;AAAA,IACtC;AAEA,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE,oBAAC,UAAK,WAAU,mDACd,+BAAC,SAAI,WAAU,sHACb;AAAA,wBAAC,QAAG,WAAU,4EACX,iBACH;AAAA,IACA,oBAAC,OAAE,WAAU,2DAA2D,oBAAS;AAAA,IAEjF,oBAAC,UAAK,UAAU,cAAc,WAAU,aACtC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IAEC,aACC,oBAAC,OAAE,WAAU,2DACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU;AAAA,QAChB,WAAU;AAAA,QAET,oBAAU;AAAA;AAAA,IACb,GACF;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/client/user/components/sign-out.d.ts

@@ -0,0 +1,8 @@
+interface SignOutProps {
+    labels?: {
+        button?: string;
+    };
+}
+export declare const SignOut: ({ labels }: SignOutProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=sign-out.d.ts.map

package/dist/client/user/components/sign-out.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-out.d.ts","sourceRoot":"","sources":["../../../../src/client/user/components/sign-out.tsx"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF;AAED,eAAO,MAAM,OAAO,GAAI,YAAiB,YAAY,4CAkBpD,CAAA"}

package/dist/client/user/components/sign-out.mjs

@@ -2,18 +2,21 @@
 import { jsx } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { logOutUserAction } from "../actions/logoutUserAction";
-const SignOut = () => {
+import { StorefrontButton } from "../../storefront/primitives/button";
+const SignOut = ({ labels = {} }) => {
+  const { button = "Sign out" } = labels;
   const queryClient = useQueryClient();
   return /* @__PURE__ */ jsx(
-    "button",
+    StorefrontButton,
     {
+      variant: "ghost",
       onClick: async () => {
         const success = await logOutUserAction();
         if (success) {
           queryClient.setQueryData(["user"], null);
         }
       },
-      children: "Sign out"
+      children: button
     }
   );
 };

package/dist/client/user/components/sign-out.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/user/components/sign-out.tsx"],"sourcesContent":["\"use client\"\n\nimport { useQueryClient } from \"@tanstack/react-query\"\nimport { logOutUserAction } from \"../actions/logoutUserAction\"\n\nexport const SignOut = () => {\n  const queryClient = useQueryClient()\n\n  return (\n    <button\n      onClick={async () => {\n        const success = await logOutUserAction()\n\n        if (success) {\n          queryClient.setQueryData([\"user\"], null)\n        }\n      }}\n    >\n      Sign out\n    </button>\n  )\n}\n"],"mappings":";AASI;AAPJ,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAE1B,MAAM,UAAU,MAAM;AAC3B,QAAM,cAAc,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,YAAY;AACnB,cAAM,UAAU,MAAM,iBAAiB;AAEvC,YAAI,SAAS;AACX,sBAAY,aAAa,CAAC,MAAM,GAAG,IAAI;AAAA,QACzC;AAAA,MACF;AAAA,MACD;AAAA;AAAA,EAED;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/client/user/components/sign-out.tsx"],"sourcesContent":["\"use client\"\n\nimport { useQueryClient } from \"@tanstack/react-query\"\nimport { logOutUserAction } from \"../actions/logoutUserAction\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface SignOutProps {\n  labels?: {\n    button?: string\n  }\n}\n\nexport const SignOut = ({ labels = {} }: SignOutProps) => {\n  const { button = \"Sign out\" } = labels\n  const queryClient = useQueryClient()\n\n  return (\n    <StorefrontButton\n      variant=\"ghost\"\n      onClick={async () => {\n        const success = await logOutUserAction()\n\n        if (success) {\n          queryClient.setQueryData([\"user\"], null)\n        }\n      }}\n    >\n      {button}\n    </StorefrontButton>\n  )\n}\n"],"mappings":";AAiBI;AAfJ,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAQ1B,MAAM,UAAU,CAAC,EAAE,SAAS,CAAC,EAAE,MAAoB;AACxD,QAAM,EAAE,SAAS,WAAW,IAAI;AAChC,QAAM,cAAc,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,YAAY;AACnB,cAAM,UAAU,MAAM,iBAAiB;AAEvC,YAAI,SAAS;AACX,sBAAY,aAAa,CAAC,MAAM,GAAG,IAAI;AAAA,QACzC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/client/user/components/signup-form.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+interface SignupFormProps {
+    labels?: {
+        title?: string;
+        subtitle?: string;
+        firstName?: string;
+        firstNamePlaceholder?: string;
+        lastName?: string;
+        lastNamePlaceholder?: string;
+        email?: string;
+        emailPlaceholder?: string;
+        password?: string;
+        passwordPlaceholder?: string;
+        acceptTerms?: string;
+        termsLinkText?: string;
+        submit?: string;
+        signingUp?: string;
+    };
+    extraLink?: {
+        href: string;
+        text: string;
+    };
+    successRedirect: string;
+}
+export declare const SignupForm: React.FC<SignupFormProps>;
+export {};
+//# sourceMappingURL=signup-form.d.ts.map

package/dist/client/user/components/signup-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-form.d.ts","sourceRoot":"","sources":["../../../../src/client/user/components/signup-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAMvD,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,eAAe,EAAE,MAAM,CAAA;CACxB;AAoID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgFhD,CAAA"}