@spear-ai/spectral 1.3.67 → 1.3.68

package/dist/features/AuthCard/SignUpForm.js

@@ -69,75 +69,30 @@ const Pr = ({ onSubmit: l, isSubmitting: t }) => {
   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(m, { 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__ */ r(m, { htmlFor: "first-name", className: "block mb-2", children: "First name" }),
+        /* @__PURE__ */ r(i, { type: "text", className: "w-full px-4 py-3 rounded-lg bg-white/5 border border-white/10 transition-all", id: "first-name", placeholder: "John" })
       ] }),
       /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ r(m, { 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__ */ r(m, { htmlFor: "last-name", className: "block mb-2", children: "Last name" }),
+        /* @__PURE__ */ r(i, { type: "text", id: "last-name", className: "w-full px-4 py-3 rounded-lg bg-white/5 border border-white/10 transition-all", placeholder: "Doe" })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ r(m, { htmlFor: "signup-email", className: "mb-2 block", children: "Email" }),
+      /* @__PURE__ */ r(m, { htmlFor: "signup-email", className: "block mb-2", 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",
+          className: "w-full px-4 py-3 pr-12 rounded-lg bg-white/5 border border-white/10 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" })
+          endIcon: /* @__PURE__ */ r(h, { size: 22, className: "absolute right-4 top-1/2 -translate-y-1/2 transition-colors" })
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(
-      e,
-      {
-        value: a,
-        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(
-      e,
-      {
-        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: l,
-        disabled: t,
-        state: t ? "loading" : "default",
-        label: "Create account",
-        className: "bg-accent w-full"
-      }
-    ) })
+    /* @__PURE__ */ r(e, { value: a, onChange: s, id: "signup-password", label: "Password", showStrength: !0, className: "w-full px-4 py-3 pr-12 rounded-lg bg-white/5 border border-white/10 transition-all" }),
+    /* @__PURE__ */ r(e, { value: d, onChange: n, id: "confirm-password", label: "Confirm password", className: "w-full px-4 py-3 pr-12 rounded-lg bg-white/5 border border-white/10 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: l, disabled: t, state: t ? "loading" : "default", label: "Create account", className: "w-full bg-accent" }) })
   ] });
 };
 export {

package/dist/features/AuthCard.js

@@ -27,279 +27,175 @@ const O = () => {
   }, C = () => {
     r(null), d(""), c("");
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(i.div, { className: "min-h-screen flex items-center justify-center p-4", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.8, ease: "easeOut" }, children: /* @__PURE__ */ t(
     i.div,
     {
-      className: "flex min-h-screen items-center justify-center p-4",
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      transition: { duration: 0.8, ease: "easeOut" },
-      children: /* @__PURE__ */ t(
+      className: "w-full max-w-md",
+      initial: { opacity: 0, y: 20, scale: 0.95 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      transition: {
+        duration: 0.6,
+        delay: 0.2,
+        ease: [0.16, 1, 0.3, 1]
+      },
+      style: { perspective: "1000px" },
+      children: /* @__PURE__ */ e(
         i.div,
         {
-          className: "w-full max-w-md",
-          initial: { opacity: 0, y: 20, scale: 0.95 },
-          animate: { opacity: 1, y: 0, scale: 1 },
+          animate: {
+            rotateY: p ? 180 : 0
+          },
           transition: {
             duration: 0.6,
-            delay: 0.2,
             ease: [0.16, 1, 0.3, 1]
           },
-          style: { perspective: "1000px" },
-          children: /* @__PURE__ */ e(
-            i.div,
-            {
-              animate: {
-                rotateY: p ? 180 : 0
-              },
-              transition: {
-                duration: 0.6,
-                ease: [0.16, 1, 0.3, 1]
-              },
-              style: {
-                transformStyle: "preserve-3d",
-                position: "relative",
-                minHeight: "600px"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  i.div,
-                  {
-                    className: "rounded-2xl p-6 shadow-2xl",
-                    style: {
-                      background: "rgba(0, 0, 0, 0.43)",
-                      backdropFilter: "blur(12.3px)",
-                      WebkitBackdropFilter: "blur(12.3px)",
-                      border: "1px solid rgba(205, 251, 80, 0.15)",
-                      backfaceVisibility: "hidden",
-                      position: p ? "absolute" : "relative",
-                      width: "100%"
-                    },
-                    children: [
-                      /* @__PURE__ */ t(
-                        i.div,
-                        {
-                          className: "text-center",
-                          initial: { opacity: 0, y: -10 },
-                          animate: { opacity: 1, y: 0 },
-                          transition: { delay: 0.4, duration: 0.5 },
-                          children: /* @__PURE__ */ e("div", { className: "mb-6 inline-flex items-center gap-3", children: [
-                            /* @__PURE__ */ e(
-                              i.svg,
+          style: {
+            transformStyle: "preserve-3d",
+            position: "relative",
+            minHeight: "600px"
+          },
+          children: [
+            /* @__PURE__ */ e(
+              i.div,
+              {
+                className: "rounded-2xl p-6 shadow-2xl",
+                style: {
+                  background: "rgba(0, 0, 0, 0.43)",
+                  backdropFilter: "blur(12.3px)",
+                  WebkitBackdropFilter: "blur(12.3px)",
+                  border: "1px solid rgba(205, 251, 80, 0.15)",
+                  backfaceVisibility: "hidden",
+                  position: p ? "absolute" : "relative",
+                  width: "100%"
+                },
+                children: [
+                  /* @__PURE__ */ t(i.div, { className: "text-center", initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.4, duration: 0.5 }, children: /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-3 mb-6", children: [
+                    /* @__PURE__ */ e(
+                      i.svg,
+                      {
+                        width: "40",
+                        height: "40",
+                        viewBox: "0 0 200 200",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        className: "drop-shadow-lg",
+                        initial: { rotate: -180, opacity: 0 },
+                        animate: { rotate: 0, opacity: 1 },
+                        transition: { delay: 0.5, duration: 0.8, ease: "easeOut" },
+                        children: [
+                          /* @__PURE__ */ t("mask", { id: "mask0_2177_2", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: "10", y: "14", width: "180", height: "172", children: /* @__PURE__ */ t("path", { d: "M190 14.5H10V185.5H190V14.5Z", fill: "white" }) }),
+                          /* @__PURE__ */ e("g", { mask: "url(#mask0_2177_2)", children: [
+                            /* @__PURE__ */ t(
+                              "path",
                               {
-                                width: "40",
-                                height: "40",
-                                viewBox: "0 0 200 200",
-                                fill: "none",
-                                xmlns: "http://www.w3.org/2000/svg",
-                                className: "drop-shadow-lg",
-                                initial: { rotate: -180, opacity: 0 },
-                                animate: { rotate: 0, opacity: 1 },
-                                transition: { delay: 0.5, duration: 0.8, ease: "easeOut" },
-                                children: [
-                                  /* @__PURE__ */ t(
-                                    "mask",
-                                    {
-                                      id: "mask0_2177_2",
-                                      style: { maskType: "luminance" },
-                                      maskUnits: "userSpaceOnUse",
-                                      x: "10",
-                                      y: "14",
-                                      width: "180",
-                                      height: "172",
-                                      children: /* @__PURE__ */ t("path", { d: "M190 14.5H10V185.5H190V14.5Z", fill: "white" })
-                                    }
-                                  ),
-                                  /* @__PURE__ */ e("g", { mask: "url(#mask0_2177_2)", children: [
-                                    /* @__PURE__ */ t(
-                                      "path",
-                                      {
-                                        d: "M74.6163 42.2071C60.9241 57.4826 45.1526 75.0738 39.5423 81.3302C33.932 87.5867 25.0261 97.5401 19.7297 103.431C14.4333 109.322 10.0784 114.278 9.99997 114.481C9.88228 114.806 24.5161 131.422 25.4577 132.032C25.7716 132.194 26.36 131.951 26.9485 131.422C27.4586 130.894 35.1874 122.363 44.0933 112.409C88.1124 63.2109 98.9014 51.2261 99.4507 50.7793C100.196 50.1292 95.3705 44.8884 162.498 119.722C168.422 126.303 173.522 131.869 173.836 132.072C174.503 132.479 173.797 133.169 183.095 122.81C186.901 118.584 190 114.969 190 114.766C190 114.237 189.451 113.628 168.422 90.2274C158.614 79.2989 148.021 67.5173 144.882 64.0234C141.744 60.5702 131.7 49.398 122.559 39.2414C113.378 29.0848 104.629 19.3752 103.06 17.6282C101.53 15.9219 100.078 14.5 99.8822 14.5C99.6468 14.5 88.3086 26.9723 74.6163 42.2071Z",
-                                        fill: "oklch(92.53% 0.1976 123.38)"
-                                      }
-                                    ),
-                                    /* @__PURE__ */ t(
-                                      "path",
-                                      {
-                                        d: "M96.7437 64.9172C95.0175 66.7861 92.3104 69.7924 90.7411 71.58C86.2685 76.6176 51.5868 115.456 41.1901 127.035C36.0899 132.722 31.8919 137.679 31.8919 138.004C31.9311 138.938 47.9381 156.489 48.762 156.489C49.429 156.489 60.4534 144.382 91.0549 110.053C95.6844 104.853 99.6862 100.628 99.9608 100.709C100.432 100.831 106.983 108.022 120.362 122.972C148.531 154.539 150.846 157.098 151.356 156.773C152.219 156.286 168.422 138.248 168.422 137.801C168.422 137.598 166.068 134.835 163.204 131.666C156.888 124.678 140.92 106.965 129.778 94.5744C119.067 82.5897 105.728 67.8423 102.472 64.3079L99.8823 61.5046L96.7437 64.9172Z",
-                                        fill: "oklch(92.53% 0.1976 123.38)"
-                                      }
-                                    ),
-                                    /* @__PURE__ */ t(
-                                      "path",
-                                      {
-                                        d: "M97.7245 154.701C88.034 156.326 82.1491 167.458 86.2685 176.396C87.6417 179.443 90.898 182.855 93.762 184.196C96.7045 185.577 101.059 185.902 104.159 184.968C108.317 183.708 112.476 179.564 114.124 174.974C115.065 172.414 115.026 167.62 114.085 164.939C111.613 157.911 104.59 153.523 97.7245 154.701Z",
-                                        fill: "oklch(92.53% 0.1976 123.38)"
-                                      }
-                                    )
-                                  ] })
-                                ]
+                                d: "M74.6163 42.2071C60.9241 57.4826 45.1526 75.0738 39.5423 81.3302C33.932 87.5867 25.0261 97.5401 19.7297 103.431C14.4333 109.322 10.0784 114.278 9.99997 114.481C9.88228 114.806 24.5161 131.422 25.4577 132.032C25.7716 132.194 26.36 131.951 26.9485 131.422C27.4586 130.894 35.1874 122.363 44.0933 112.409C88.1124 63.2109 98.9014 51.2261 99.4507 50.7793C100.196 50.1292 95.3705 44.8884 162.498 119.722C168.422 126.303 173.522 131.869 173.836 132.072C174.503 132.479 173.797 133.169 183.095 122.81C186.901 118.584 190 114.969 190 114.766C190 114.237 189.451 113.628 168.422 90.2274C158.614 79.2989 148.021 67.5173 144.882 64.0234C141.744 60.5702 131.7 49.398 122.559 39.2414C113.378 29.0848 104.629 19.3752 103.06 17.6282C101.53 15.9219 100.078 14.5 99.8822 14.5C99.6468 14.5 88.3086 26.9723 74.6163 42.2071Z",
+                                fill: "oklch(92.53% 0.1976 123.38)"
                               }
                             ),
                             /* @__PURE__ */ t(
-                              i.h1,
+                              "path",
                               {
-                                className: "text-text-primary text-2xl font-bold",
-                                initial: { opacity: 0, x: -10 },
-                                animate: { opacity: 1, x: 0 },
-                                transition: { delay: 0.6, duration: 0.5 },
-                                children: "Horizon"
+                                d: "M96.7437 64.9172C95.0175 66.7861 92.3104 69.7924 90.7411 71.58C86.2685 76.6176 51.5868 115.456 41.1901 127.035C36.0899 132.722 31.8919 137.679 31.8919 138.004C31.9311 138.938 47.9381 156.489 48.762 156.489C49.429 156.489 60.4534 144.382 91.0549 110.053C95.6844 104.853 99.6862 100.628 99.9608 100.709C100.432 100.831 106.983 108.022 120.362 122.972C148.531 154.539 150.846 157.098 151.356 156.773C152.219 156.286 168.422 138.248 168.422 137.801C168.422 137.598 166.068 134.835 163.204 131.666C156.888 124.678 140.92 106.965 129.778 94.5744C119.067 82.5897 105.728 67.8423 102.472 64.3079L99.8823 61.5046L96.7437 64.9172Z",
+                                fill: "oklch(92.53% 0.1976 123.38)"
                               }
-                            )
-                          ] })
-                        }
-                      ),
-                      /* @__PURE__ */ t(
-                        i.div,
-                        {
-                          initial: { opacity: 0, y: 10 },
-                          animate: { opacity: 1, y: 0 },
-                          transition: { delay: 0.5, duration: 0.5 },
-                          children: /* @__PURE__ */ t(w, { mode: a, onModeChange: m })
-                        }
-                      ),
-                      /* @__PURE__ */ e(i.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.6, duration: 0.7 }, children: [
-                        /* @__PURE__ */ t(
-                          "div",
-                          {
-                            className: "overflow-hidden transition-all duration-500 ease-out",
-                            style: {
-                              maxHeight: a === "signup" ? "800px" : "0",
-                              opacity: a === "signup" ? 1 : 0,
-                              transform: a === "signup" ? "translateY(0)" : "translateY(-10px)"
-                            },
-                            children: /* @__PURE__ */ t(S, { onSubmit: h, isSubmitting: l })
-                          }
-                        ),
-                        /* @__PURE__ */ t(
-                          "div",
-                          {
-                            className: "overflow-hidden transition-all duration-500 ease-out",
-                            style: {
-                              maxHeight: a === "signin" ? "800px" : "0",
-                              opacity: a === "signin" ? 1 : 0,
-                              transform: a === "signin" ? "translateY(0)" : "translateY(-10px)"
-                            },
-                            children: /* @__PURE__ */ t(
-                              v,
-                              {
-                                onSubmit: h,
-                                onForgotPassword: x,
-                                isSubmitting: l
-                              }
-                            )
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  i.div,
-                  {
-                    className: "absolute top-0 left-0 w-full rounded-2xl p-6 shadow-2xl",
-                    style: {
-                      background: "rgba(0, 0, 0, 0.43)",
-                      backdropFilter: "blur(12.3px)",
-                      WebkitBackdropFilter: "blur(12.3px)",
-                      border: "1px solid rgba(205, 251, 80, 0.15)",
-                      backfaceVisibility: "hidden",
-                      transform: "rotateY(180deg)"
-                    },
-                    children: [
-                      /* @__PURE__ */ e("div", { className: "mb-6 text-center", children: [
-                        /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-3", children: [
-                          /* @__PURE__ */ e("svg", { width: "40", height: "40", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                            ),
                             /* @__PURE__ */ t(
-                              "mask",
+                              "path",
                               {
-                                id: "mask0_2177_3",
-                                style: { maskType: "luminance" },
-                                maskUnits: "userSpaceOnUse",
-                                x: "10",
-                                y: "14",
-                                width: "180",
-                                height: "172",
-                                children: /* @__PURE__ */ t("path", { d: "M190 14.5H10V185.5H190V14.5Z", fill: "white" })
+                                d: "M97.7245 154.701C88.034 156.326 82.1491 167.458 86.2685 176.396C87.6417 179.443 90.898 182.855 93.762 184.196C96.7045 185.577 101.059 185.902 104.159 184.968C108.317 183.708 112.476 179.564 114.124 174.974C115.065 172.414 115.026 167.62 114.085 164.939C111.613 157.911 104.59 153.523 97.7245 154.701Z",
+                                fill: "oklch(92.53% 0.1976 123.38)"
                               }
-                            ),
-                            /* @__PURE__ */ e("g", { mask: "url(#mask0_2177_3)", children: [
-                              /* @__PURE__ */ t(
-                                "path",
-                                {
-                                  d: "M74.6163 42.2071C60.9241 57.4826 45.1526 75.0738 39.5423 81.3302C33.932 87.5867 25.0261 97.5401 19.7297 103.431C14.4333 109.322 10.0784 114.278 9.99997 114.481C9.88228 114.806 24.5161 131.422 25.4577 132.032C25.7716 132.194 26.36 131.951 26.9485 131.422C27.4586 130.894 35.1874 122.363 44.0933 112.409C88.1124 63.2109 98.9014 51.2261 99.4507 50.7793C100.196 50.1292 95.3705 44.8884 162.498 119.722C168.422 126.303 173.522 131.869 173.836 132.072C174.503 132.479 173.797 133.169 183.095 122.81C186.901 118.584 190 114.969 190 114.766C190 114.237 189.451 113.628 168.422 90.2274C158.614 79.2989 148.021 67.5173 144.882 64.0234C141.744 60.5702 131.7 49.398 122.559 39.2414C113.378 29.0848 104.629 19.3752 103.06 17.6282C101.53 15.9219 100.078 14.5 99.8822 14.5C99.6468 14.5 88.3086 26.9723 74.6163 42.2071Z",
-                                  fill: "oklch(92.53% 0.1976 123.38)"
-                                }
-                              ),
-                              /* @__PURE__ */ t(
-                                "path",
-                                {
-                                  d: "M96.7437 64.9172C95.0175 66.7861 92.3104 69.7924 90.7411 71.58C86.2685 76.6176 51.5868 115.456 41.1901 127.035C36.0899 132.722 31.8919 137.679 31.8919 138.004C31.9311 138.938 47.9381 156.489 48.762 156.489C49.429 156.489 60.4534 144.382 91.0549 110.053C95.6844 104.853 99.6862 100.628 99.9608 100.709C100.432 100.831 106.983 108.022 120.362 122.972C148.531 154.539 150.846 157.098 151.356 156.773C152.219 156.286 168.422 138.248 168.422 137.801C168.422 137.598 166.068 134.835 163.204 131.666C156.888 124.678 140.92 106.965 129.778 94.5744C119.067 82.5897 105.728 67.8423 102.472 64.3079L99.8823 61.5046L96.7437 64.9172Z",
-                                  fill: "oklch(92.53% 0.1976 123.38)"
-                                }
-                              ),
-                              /* @__PURE__ */ t(
-                                "path",
-                                {
-                                  d: "M97.7245 154.701C88.034 156.326 82.1491 167.458 86.2685 176.396C87.6417 179.443 90.898 182.855 93.762 184.196C96.7045 185.577 101.059 185.902 104.159 184.968C108.317 183.708 112.476 179.564 114.124 174.974C115.065 172.414 115.026 167.62 114.085 164.939C111.613 157.911 104.59 153.523 97.7245 154.701Z",
-                                  fill: "oklch(92.53% 0.1976 123.38)"
-                                }
-                              )
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ t("h1", { className: "text-text-primary text-2xl font-bold", children: s === "email" ? "Reset Password" : "Create New Password" })
-                        ] }),
-                        /* @__PURE__ */ t("p", { className: "text-text-secondary mt-2 text-sm", children: s === "email" ? "Enter your email to receive a verification code" : "Enter the code and create your new password" })
-                      ] }),
-                      /* @__PURE__ */ t(N, { mode: "wait", children: s === "email" ? /* @__PURE__ */ t(
-                        i.div,
-                        {
-                          initial: { opacity: 0, x: 20 },
-                          animate: { opacity: 1, x: 0 },
-                          exit: { opacity: 0, x: -20 },
-                          transition: { duration: 0.3 },
-                          children: /* @__PURE__ */ t(
-                            b,
+                            )
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ t(i.h1, { className: "text-2xl font-bold text-text-primary", initial: { opacity: 0, x: -10 }, animate: { opacity: 1, x: 0 }, transition: { delay: 0.6, duration: 0.5 }, children: "Horizon" })
+                  ] }) }),
+                  /* @__PURE__ */ t(i.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.5, duration: 0.5 }, children: /* @__PURE__ */ t(w, { mode: a, onModeChange: m }) }),
+                  /* @__PURE__ */ e(i.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.6, duration: 0.7 }, children: [
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "overflow-hidden transition-all duration-500 ease-out",
+                        style: {
+                          maxHeight: a === "signup" ? "800px" : "0",
+                          opacity: a === "signup" ? 1 : 0,
+                          transform: a === "signup" ? "translateY(0)" : "translateY(-10px)"
+                        },
+                        children: /* @__PURE__ */ t(S, { onSubmit: h, isSubmitting: l })
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "overflow-hidden transition-all duration-500 ease-out",
+                        style: {
+                          maxHeight: a === "signin" ? "800px" : "0",
+                          opacity: a === "signin" ? 1 : 0,
+                          transform: a === "signin" ? "translateY(0)" : "translateY(-10px)"
+                        },
+                        children: /* @__PURE__ */ t(v, { onSubmit: h, onForgotPassword: x, isSubmitting: l })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              i.div,
+              {
+                className: "rounded-2xl p-6 shadow-2xl absolute top-0 left-0 w-full",
+                style: {
+                  background: "rgba(0, 0, 0, 0.43)",
+                  backdropFilter: "blur(12.3px)",
+                  WebkitBackdropFilter: "blur(12.3px)",
+                  border: "1px solid rgba(205, 251, 80, 0.15)",
+                  backfaceVisibility: "hidden",
+                  transform: "rotateY(180deg)"
+                },
+                children: [
+                  /* @__PURE__ */ e("div", { className: "text-center mb-6", children: [
+                    /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-3", children: [
+                      /* @__PURE__ */ e("svg", { width: "40", height: "40", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                        /* @__PURE__ */ t("mask", { id: "mask0_2177_3", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: "10", y: "14", width: "180", height: "172", children: /* @__PURE__ */ t("path", { d: "M190 14.5H10V185.5H190V14.5Z", fill: "white" }) }),
+                        /* @__PURE__ */ e("g", { mask: "url(#mask0_2177_3)", children: [
+                          /* @__PURE__ */ t(
+                            "path",
                             {
-                              email: u,
-                              onEmailChange: d,
-                              onSubmit: g,
-                              onBack: C,
-                              isSubmitting: l
+                              d: "M74.6163 42.2071C60.9241 57.4826 45.1526 75.0738 39.5423 81.3302C33.932 87.5867 25.0261 97.5401 19.7297 103.431C14.4333 109.322 10.0784 114.278 9.99997 114.481C9.88228 114.806 24.5161 131.422 25.4577 132.032C25.7716 132.194 26.36 131.951 26.9485 131.422C27.4586 130.894 35.1874 122.363 44.0933 112.409C88.1124 63.2109 98.9014 51.2261 99.4507 50.7793C100.196 50.1292 95.3705 44.8884 162.498 119.722C168.422 126.303 173.522 131.869 173.836 132.072C174.503 132.479 173.797 133.169 183.095 122.81C186.901 118.584 190 114.969 190 114.766C190 114.237 189.451 113.628 168.422 90.2274C158.614 79.2989 148.021 67.5173 144.882 64.0234C141.744 60.5702 131.7 49.398 122.559 39.2414C113.378 29.0848 104.629 19.3752 103.06 17.6282C101.53 15.9219 100.078 14.5 99.8822 14.5C99.6468 14.5 88.3086 26.9723 74.6163 42.2071Z",
+                              fill: "oklch(92.53% 0.1976 123.38)"
                             }
-                          )
-                        },
-                        "email-step"
-                      ) : /* @__PURE__ */ t(
-                        i.div,
-                        {
-                          initial: { opacity: 0, x: 20 },
-                          animate: { opacity: 1, x: 0 },
-                          exit: { opacity: 0, x: -20 },
-                          transition: { duration: 0.3 },
-                          children: /* @__PURE__ */ t(
-                            k,
+                          ),
+                          /* @__PURE__ */ t(
+                            "path",
+                            {
+                              d: "M96.7437 64.9172C95.0175 66.7861 92.3104 69.7924 90.7411 71.58C86.2685 76.6176 51.5868 115.456 41.1901 127.035C36.0899 132.722 31.8919 137.679 31.8919 138.004C31.9311 138.938 47.9381 156.489 48.762 156.489C49.429 156.489 60.4534 144.382 91.0549 110.053C95.6844 104.853 99.6862 100.628 99.9608 100.709C100.432 100.831 106.983 108.022 120.362 122.972C148.531 154.539 150.846 157.098 151.356 156.773C152.219 156.286 168.422 138.248 168.422 137.801C168.422 137.598 166.068 134.835 163.204 131.666C156.888 124.678 140.92 106.965 129.778 94.5744C119.067 82.5897 105.728 67.8423 102.472 64.3079L99.8823 61.5046L96.7437 64.9172Z",
+                              fill: "oklch(92.53% 0.1976 123.38)"
+                            }
+                          ),
+                          /* @__PURE__ */ t(
+                            "path",
                             {
-                              otp: y,
-                              onOtpChange: c,
-                              onSubmit: f,
-                              onBack: C,
-                              isSubmitting: l
+                              d: "M97.7245 154.701C88.034 156.326 82.1491 167.458 86.2685 176.396C87.6417 179.443 90.898 182.855 93.762 184.196C96.7045 185.577 101.059 185.902 104.159 184.968C108.317 183.708 112.476 179.564 114.124 174.974C115.065 172.414 115.026 167.62 114.085 164.939C111.613 157.911 104.59 153.523 97.7245 154.701Z",
+                              fill: "oklch(92.53% 0.1976 123.38)"
                             }
                           )
-                        },
-                        "reset-step"
-                      ) })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ t("h1", { className: "text-2xl font-bold text-text-primary", children: s === "email" ? "Reset Password" : "Create New Password" })
+                    ] }),
+                    /* @__PURE__ */ t("p", { className: "text-sm text-text-secondary mt-2", children: s === "email" ? "Enter your email to receive a verification code" : "Enter the code and create your new password" })
+                  ] }),
+                  /* @__PURE__ */ t(N, { mode: "wait", children: s === "email" ? /* @__PURE__ */ t(i.div, { initial: { opacity: 0, x: 20 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -20 }, transition: { duration: 0.3 }, children: /* @__PURE__ */ t(b, { email: u, onEmailChange: d, onSubmit: g, onBack: C, isSubmitting: l }) }, "email-step") : /* @__PURE__ */ t(i.div, { initial: { opacity: 0, x: 20 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -20 }, transition: { duration: 0.3 }, children: /* @__PURE__ */ t(k, { otp: y, onOtpChange: c, onSubmit: f, onBack: C, isSubmitting: l }) }, "reset-step") })
+                ]
+              }
+            )
+          ]
         }
       )
     }
-  );
+  ) });
 };
 export {
   O as AuthCard

package/dist/features/ClearDialog/ClearDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClearDialog.d.ts","sourceRoot":"","sources":["../../../src/features/ClearDialog/ClearDialog.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,+CAoCvB,CAAA"}
+{"version":3,"file":"ClearDialog.d.ts","sourceRoot":"","sources":["../../../src/features/ClearDialog/ClearDialog.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,+CAgCvB,CAAA"}

package/dist/features/ClearDialog.js

@@ -8,20 +8,20 @@ const b = () => /* @__PURE__ */ l(r, { children: [
   /* @__PURE__ */ l(t, { children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ e("h3", { children: "Clear Options" }),
-      /* @__PURE__ */ l("div", { className: "bg-level-two flex flex-col rounded-lg p-4", children: [
-        /* @__PURE__ */ e("p", { className: "mb-1 !text-lg font-semibold", children: "Clear Current View" }),
-        /* @__PURE__ */ e("p", { className: "text-text-secondary mb-5 !text-sm", children: "Delete all drawings and labels currently visible in your screen." }),
-        /* @__PURE__ */ e(a, { label: "Clear View", variant: "primary", className: "!bg-danger-100 hover:!bg-danger-300 self-end" })
+      /* @__PURE__ */ l("div", { className: "flex flex-col bg-level-two rounded-lg p-4", children: [
+        /* @__PURE__ */ e("p", { className: "!text-lg font-semibold mb-1", children: "Clear Current View" }),
+        /* @__PURE__ */ e("p", { className: "!text-sm text-text-secondary mb-5", children: "Delete all drawings and labels currently visible in your screen." }),
+        /* @__PURE__ */ e(a, { label: "Clear View", variant: "primary", className: "!bg-danger-100 self-end hover:!bg-danger-300" })
       ] }),
-      /* @__PURE__ */ l("div", { className: "bg-level-two flex flex-col rounded-lg p-4", children: [
-        /* @__PURE__ */ e("p", { className: "mb-1 !text-lg font-semibold", children: "Clear Entire BTR" }),
-        /* @__PURE__ */ e("p", { className: "text-text-secondary mb-5 !text-sm", children: "Delete all drawings, labels, and scissorgrams on the BTR chart." }),
-        /* @__PURE__ */ e(a, { label: "Clear All", variant: "primary", className: "!bg-danger-100 hover:!bg-danger-300 self-end" })
+      /* @__PURE__ */ l("div", { className: "flex flex-col bg-level-two rounded-lg p-4", children: [
+        /* @__PURE__ */ e("p", { className: "!text-lg font-semibold mb-1", children: "Clear Entire BTR" }),
+        /* @__PURE__ */ e("p", { className: "!text-sm text-text-secondary mb-5", children: "Delete all drawings, labels, and scissorgrams on the BTR chart." }),
+        /* @__PURE__ */ e(a, { label: "Clear All", variant: "primary", className: "!bg-danger-100 self-end hover:!bg-danger-300" })
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "my-2 flex items-center gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "flex my-2 gap-2 items-center", children: [
       /* @__PURE__ */ e(o, { size: 24, className: "text-danger-300" }),
-      /* @__PURE__ */ e("p", { className: "!text-danger-300 !text-sm font-semibold", children: "These actions cannot be undone." })
+      /* @__PURE__ */ e("p", { className: "!text-sm !text-danger-300 font-semibold", children: "These actions cannot be undone." })
     ] }),
     /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(a, { label: "Cancel", variant: "outline" }) }) })
   ] })

package/dist/features/LabelingTools/LabelingTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelingTools.d.ts","sourceRoot":"","sources":["../../../src/features/LabelingTools/LabelingTools.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,aAAa,+CA8IzB,CAAA"}
+{"version":3,"file":"LabelingTools.d.ts","sourceRoot":"","sources":["../../../src/features/LabelingTools/LabelingTools.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,+CAqHzB,CAAA"}