@spear-ai/spectral 1.3.58 → 1.3.60

package/dist/features/AuthCard/SignUpForm.js

@@ -0,0 +1,135 @@
+"use client";
+import "../../styles/main.css";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { P as m } from "../../PasswordInput-ClY_hxuN.js";
+import { Button as c } from "../../Button.js";
+import "../../Icons/AnnotationsIcon.js";
+import "../../Icons/CalendarIcon.js";
+import "../../Icons/CheckCircleIcon.js";
+import "../../Icons/CheckSquareIcon.js";
+import "../../Icons/CheckmarkIcon.js";
+import "../../Icons/ChevronDownIcon.js";
+import "../../Icons/ChevronUpIcon.js";
+import "../../Icons/ClockIcon.js";
+import "../../Icons/CloseCircleIcon.js";
+import "../../Icons/CloseIcon.js";
+import "../../Icons/DashboardIcon.js";
+import "../../Icons/DeleteIcon.js";
+import "../../Icons/DurationIcon.js";
+import { EmailIcon as h } from "../../Icons/EmailIcon.js";
+import "../../Icons/EraserIcon.js";
+import "../../Icons/ErrorIcon.js";
+import "../../Icons/EyeClosedIcon.js";
+import "../../Icons/EyeClosedIcon2.js";
+import "../../Icons/EyeOpenIcon.js";
+import "../../Icons/GoToFirstIcon.js";
+import "../../Icons/GoToLastIcon.js";
+import "../../Icons/HarmonicCursorsIcon.js";
+import "../../Icons/InfoIcon.js";
+import "../../Icons/LabelIcon.js";
+import "../../Icons/LassoIcon.js";
+import "../../Icons/LineToolIcon.js";
+import "../../Icons/LiveViewIcon.js";
+import "../../Icons/LoaderIcon.js";
+import "../../Icons/LocationIcon.js";
+import "../../Icons/LogoutIcon.js";
+import "../../Icons/MetadataIcon.js";
+import "../../Icons/MinusIcon.js";
+import "../../Icons/OntologyIcon.js";
+import "../../Icons/PanelIconClose.js";
+import "../../Icons/PanelIconOpen.js";
+import "../../Icons/PlayIcon.js";
+import "../../Icons/PlusIcon.js";
+import "../../Icons/ResetIcon.js";
+import "../../Icons/ScissorsIcon.js";
+import "../../Icons/SettingsIcon.js";
+import "../../Icons/TrashIcon.js";
+import "../../Icons/UndoIcon.js";
+import "../../Icons/UserIcon.js";
+import "../../Icons/WarningIcon.js";
+import "../../Icons/ZoomAllIcon.js";
+import "../../Icons/ZoomXIcon.js";
+import "../../Icons/ZoomYIcon.js";
+import { Input as i } from "../../Input.js";
+import { Label as e } from "../../Label.js";
+import { useState as l } from "react";
+import { m as w } from "../../proxy-DD79Ok6n.js";
+const br = ({ onSubmit: a, isSubmitting: t }) => {
+  const [p, s] = l(""), [d, n] = l("");
+  return /* @__PURE__ */ o("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ r(e, { htmlFor: "first-name", className: "mb-2 block", children: "First name" }),
+        /* @__PURE__ */ r(
+          i,
+          {
+            type: "text",
+            className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 transition-all",
+            id: "first-name",
+            placeholder: "John"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ r(e, { htmlFor: "last-name", className: "mb-2 block", children: "Last name" }),
+        /* @__PURE__ */ r(
+          i,
+          {
+            type: "text",
+            id: "last-name",
+            className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 transition-all",
+            placeholder: "Doe"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ r(e, { htmlFor: "signup-email", className: "mb-2 block", children: "Email" }),
+      /* @__PURE__ */ r("div", { className: "relative", children: /* @__PURE__ */ r(
+        i,
+        {
+          type: "email",
+          className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all",
+          id: "signup-email",
+          placeholder: "you@example.com",
+          endIcon: /* @__PURE__ */ r(h, { size: 22, className: "absolute top-1/2 right-4 -translate-y-1/2 transition-colors" })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r(
+      m,
+      {
+        value: p,
+        onChange: s,
+        id: "signup-password",
+        label: "Password",
+        showStrength: !0,
+        className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all"
+      }
+    ),
+    /* @__PURE__ */ r(
+      m,
+      {
+        value: d,
+        onChange: n,
+        id: "confirm-password",
+        label: "Confirm password",
+        className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all"
+      }
+    ),
+    /* @__PURE__ */ r(w.div, { whileHover: { scale: t ? 1 : 1.02 }, whileTap: { scale: t ? 1 : 0.98 }, children: /* @__PURE__ */ r(
+      c,
+      {
+        type: "button",
+        onClick: a,
+        disabled: t,
+        state: t ? "loading" : "default",
+        label: "Create account",
+        className: "bg-accent w-full"
+      }
+    ) })
+  ] });
+};
+export {
+  br as SignUpForm
+};