@mdxui/cockpit 0.2.0

package/dist/auth/signup-page.js

@@ -0,0 +1,150 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/auth/signup-page.tsx
+import { SignupForm } from "@mdxui/primitives/auth/signup-form";
+
+// src/auth/auth-layout.tsx
+import { cn } from "@mdxui/primitives/lib/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AuthLayout(_a) {
+  var _b = _a, {
+    className,
+    children,
+    title,
+    subtitle,
+    logo,
+    backgroundImage,
+    showTestimonial = false,
+    testimonial
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "title",
+    "subtitle",
+    "logo",
+    "backgroundImage",
+    "showTestimonial",
+    "testimonial"
+  ]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ className: cn("min-h-screen w-full lg:grid lg:grid-cols-2", className) }, props), { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-[400px] space-y-8 px-4", children: [
+      logo && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: logo }),
+      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-center", children: [
+        title && /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx("div", { children })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "bg-muted hidden lg:block",
+        style: backgroundImage ? {
+          backgroundImage: `url(${backgroundImage})`,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        } : void 0,
+        children: showTestimonial && testimonial && !backgroundImage && /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-12", children: /* @__PURE__ */ jsx("div", { className: "max-w-md space-y-6", children: /* @__PURE__ */ jsxs("blockquote", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-lg font-medium leading-relaxed", children: [
+            '"',
+            testimonial.quote,
+            '"'
+          ] }),
+          /* @__PURE__ */ jsxs("footer", { className: "flex items-center gap-3", children: [
+            testimonial.avatar && /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: testimonial.avatar,
+                alt: testimonial.author,
+                className: "size-10 rounded-full"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-semibold", children: testimonial.author }),
+              /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: testimonial.role })
+            ] })
+          ] })
+        ] }) }) })
+      }
+    )
+  ] }));
+}
+
+// src/auth/signup-page.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function SignupPage({
+  onSubmit,
+  onOAuthClick,
+  onLoginClick,
+  isLoading,
+  showOAuth = true,
+  oauthProviders = ["google", "github"],
+  multiStep = false,
+  error,
+  logo,
+  title = "Create an account",
+  subtitle = "Get started with your free account",
+  backgroundImage,
+  showTestimonial = false,
+  testimonial
+}) {
+  return /* @__PURE__ */ jsx2(
+    AuthLayout,
+    {
+      logo,
+      title,
+      subtitle,
+      backgroundImage,
+      showTestimonial,
+      testimonial,
+      children: /* @__PURE__ */ jsx2(
+        SignupForm,
+        {
+          onSubmit,
+          onOAuthClick,
+          onLoginClick,
+          isLoading,
+          showOAuth,
+          oauthProviders,
+          multiStep,
+          error
+        }
+      )
+    }
+  );
+}
+export {
+  SignupPage
+};
+//# sourceMappingURL=signup-page.js.map

package/dist/auth/signup-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/signup-page.tsx","../../src/auth/auth-layout.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { SignupForm } from \"@mdxui/primitives/auth/signup-form\"\nimport { AuthLayout } from \"./auth-layout\"\n\nexport interface SignupPageProps {\n  onSubmit?: (data: {\n    fullName: string\n    email: string\n    password: string\n    confirmPassword: string\n    agreeToTerms: boolean\n  }) => void | Promise<void>\n  onOAuthClick?: (provider: \"google\" | \"github\" | \"microsoft\") => void | Promise<void>\n  onLoginClick?: () => void\n  isLoading?: boolean\n  showOAuth?: boolean\n  oauthProviders?: Array<\"google\" | \"github\" | \"microsoft\">\n  multiStep?: boolean\n  error?: string\n  logo?: React.ReactNode\n  title?: string\n  subtitle?: string\n  backgroundImage?: string\n  showTestimonial?: boolean\n  testimonial?: {\n    quote: string\n    author: string\n    role: string\n    avatar?: string\n  }\n}\n\nfunction SignupPage({\n  onSubmit,\n  onOAuthClick,\n  onLoginClick,\n  isLoading,\n  showOAuth = true,\n  oauthProviders = [\"google\", \"github\"],\n  multiStep = false,\n  error,\n  logo,\n  title = \"Create an account\",\n  subtitle = \"Get started with your free account\",\n  backgroundImage,\n  showTestimonial = false,\n  testimonial,\n}: SignupPageProps) {\n  return (\n    <AuthLayout\n      logo={logo}\n      title={title}\n      subtitle={subtitle}\n      backgroundImage={backgroundImage}\n      showTestimonial={showTestimonial}\n      testimonial={testimonial}\n    >\n      <SignupForm\n        onSubmit={onSubmit}\n        onOAuthClick={onOAuthClick}\n        onLoginClick={onLoginClick}\n        isLoading={isLoading}\n        showOAuth={showOAuth}\n        oauthProviders={oauthProviders}\n        multiStep={multiStep}\n        error={error}\n      />\n    </AuthLayout>\n  )\n}\n\nexport { SignupPage }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@mdxui/primitives/lib/utils\"\n\nexport interface AuthLayoutProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode\n  title?: string\n  subtitle?: string\n  logo?: React.ReactNode\n  backgroundImage?: string\n  showTestimonial?: boolean\n  testimonial?: {\n    quote: string\n    author: string\n    role: string\n    avatar?: string\n  }\n}\n\nfunction AuthLayout({\n  className,\n  children,\n  title,\n  subtitle,\n  logo,\n  backgroundImage,\n  showTestimonial = false,\n  testimonial,\n  ...props\n}: AuthLayoutProps) {\n  return (\n    <div className={cn(\"min-h-screen w-full lg:grid lg:grid-cols-2\", className)} {...props}>\n      {/* Left side - Form */}\n      <div className=\"flex items-center justify-center py-12\">\n        <div className=\"mx-auto w-full max-w-[400px] space-y-8 px-4\">\n          {logo && <div className=\"flex justify-center\">{logo}</div>}\n\n          {(title || subtitle) && (\n            <div className=\"space-y-2 text-center\">\n              {title && (\n                <h1 className=\"text-3xl font-bold tracking-tight\">{title}</h1>\n              )}\n              {subtitle && (\n                <p className=\"text-muted-foreground text-sm\">{subtitle}</p>\n              )}\n            </div>\n          )}\n\n          <div>{children}</div>\n        </div>\n      </div>\n\n      {/* Right side - Visual/Testimonial */}\n      <div\n        className=\"bg-muted hidden lg:block\"\n        style={\n          backgroundImage\n            ? {\n                backgroundImage: `url(${backgroundImage})`,\n                backgroundSize: \"cover\",\n                backgroundPosition: \"center\",\n              }\n            : undefined\n        }\n      >\n        {showTestimonial && testimonial && !backgroundImage && (\n          <div className=\"flex h-full items-center justify-center p-12\">\n            <div className=\"max-w-md space-y-6\">\n              <blockquote className=\"space-y-4\">\n                <p className=\"text-lg font-medium leading-relaxed\">\n                  \"{testimonial.quote}\"\n                </p>\n                <footer className=\"flex items-center gap-3\">\n                  {testimonial.avatar && (\n                    <img\n                      src={testimonial.avatar}\n                      alt={testimonial.author}\n                      className=\"size-10 rounded-full\"\n                    />\n                  )}\n                  <div>\n                    <div className=\"font-semibold\">{testimonial.author}</div>\n                    <div className=\"text-muted-foreground text-sm\">\n                      {testimonial.role}\n                    </div>\n                  </div>\n                </footer>\n              </blockquote>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport { AuthLayout }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,kBAAkB;;;ACA3B,SAAS,UAAU;AAiCA,cAGP,YAHO;AAhBnB,SAAS,WAAW,IAUA;AAVA,eAClB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EA5BF,IAoBoB,IASf,kBATe,IASf;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,qBAAC,sCAAI,WAAW,GAAG,8CAA8C,SAAS,KAAO,QAAhF,EAEC;AAAA,wBAAC,SAAI,WAAU,0CACb,+BAAC,SAAI,WAAU,+CACZ;AAAA,cAAQ,oBAAC,SAAI,WAAU,uBAAuB,gBAAK;AAAA,OAElD,SAAS,aACT,qBAAC,SAAI,WAAU,yBACZ;AAAA,iBACC,oBAAC,QAAG,WAAU,qCAAqC,iBAAM;AAAA,QAE1D,YACC,oBAAC,OAAE,WAAU,iCAAiC,oBAAS;AAAA,SAE3D;AAAA,MAGF,oBAAC,SAAK,UAAS;AAAA,OACjB,GACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OACE,kBACI;AAAA,UACE,iBAAiB,OAAO,eAAe;AAAA,UACvC,gBAAgB;AAAA,UAChB,oBAAoB;AAAA,QACtB,IACA;AAAA,QAGL,6BAAmB,eAAe,CAAC,mBAClC,oBAAC,SAAI,WAAU,gDACb,8BAAC,SAAI,WAAU,sBACb,+BAAC,gBAAW,WAAU,aACpB;AAAA,+BAAC,OAAE,WAAU,uCAAsC;AAAA;AAAA,YAC/C,YAAY;AAAA,YAAM;AAAA,aACtB;AAAA,UACA,qBAAC,YAAO,WAAU,2BACf;AAAA,wBAAY,UACX;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,YAAY;AAAA,gBACjB,KAAK,YAAY;AAAA,gBACjB,WAAU;AAAA;AAAA,YACZ;AAAA,YAEF,qBAAC,SACC;AAAA,kCAAC,SAAI,WAAU,iBAAiB,sBAAY,QAAO;AAAA,cACnD,oBAAC,SAAI,WAAU,iCACZ,sBAAY,MACf;AAAA,eACF;AAAA,aACF;AAAA,WACF,GACF,GACF;AAAA;AAAA,IAEJ;AAAA,MACF;AAEJ;;;ADpCM,gBAAAA,YAAA;AAzBN,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,iBAAiB,CAAC,UAAU,QAAQ;AAAA,EACpC,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,GAAoB;AAClB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":["jsx"]}