@spear-ai/spectral 1.3.58 → 1.3.59

package/dist/features/AuthCard/AuthToggle.js

@@ -0,0 +1,36 @@
+import "../../styles/main.css";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import "react";
+const s = ({ mode: t, onModeChange: i }) => /* @__PURE__ */ r("div", { className: "relative mb-4 flex gap-2 rounded-lg bg-white/5 p-1", children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: "absolute top-1 bottom-1 rounded-md bg-white/5 transition-all duration-400 ease-out",
+      style: {
+        left: t === "signin" ? "4px" : "calc(50% + 2px)",
+        width: "calc(50% - 6px)"
+      }
+    }
+  ),
+  /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: () => i("signin"),
+      type: "button",
+      className: `relative z-10 flex-1 cursor-pointer rounded-md py-2.5 text-sm font-medium transition-colors duration-500 ${t === "signin" ? "text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+      children: "Sign in"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: () => i("signup"),
+      type: "button",
+      className: `relative z-10 flex-1 cursor-pointer rounded-md py-2.5 text-sm font-medium transition-colors duration-500 ${t === "signup" ? "text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+      children: "Sign up"
+    }
+  )
+] });
+export {
+  s as AuthToggle
+};

package/dist/features/AuthCard/ForgotPasswordEmailForm.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+interface ForgotPasswordEmailFormProps {
+    email: string;
+    onEmailChange: (email: string) => void;
+    onSubmit: () => void;
+    onBack: () => void;
+    isSubmitting: boolean;
+}
+export declare const ForgotPasswordEmailForm: ({ email, onEmailChange, onSubmit, onBack, isSubmitting, }: ForgotPasswordEmailFormProps) => ReactElement;
+export {};
+//# sourceMappingURL=ForgotPasswordEmailForm.d.ts.map

package/dist/features/AuthCard/ForgotPasswordEmailForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordEmailForm.d.ts","sourceRoot":"","sources":["../../../src/features/AuthCard/ForgotPasswordEmailForm.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,UAAU,4BAA4B;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,uBAAuB,GAAI,2DAMrC,4BAA4B,KAAG,YAkCjC,CAAA"}

package/dist/features/AuthCard/ForgotPasswordEmailForm.js

@@ -0,0 +1,92 @@
+import "../../styles/main.css";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { Button as i } 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 s } 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 c } from "../../Input.js";
+import { Label as n } from "../../Label.js";
+import "react";
+import { m as d } from "../../proxy-DD79Ok6n.js";
+const ho = ({
+  email: m,
+  onEmailChange: p,
+  onSubmit: e,
+  onBack: a,
+  isSubmitting: r
+}) => /* @__PURE__ */ t("div", { className: "space-y-6", children: [
+  /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ o(n, { htmlFor: "reset-email", className: "mb-2 block", children: "Email address" }),
+    /* @__PURE__ */ o(
+      c,
+      {
+        type: "email",
+        id: "reset-email",
+        value: m,
+        onChange: (l) => p(l.target.value),
+        className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all",
+        placeholder: "you@example.com",
+        endIcon: /* @__PURE__ */ o(s, { size: 22, className: "absolute top-1/2 right-4 -translate-y-1/2 transition-colors" })
+      }
+    )
+  ] }),
+  /* @__PURE__ */ o(d.div, { whileHover: { scale: r ? 1 : 1.02 }, whileTap: { scale: r ? 1 : 0.98 }, children: /* @__PURE__ */ o(
+    i,
+    {
+      type: "button",
+      onClick: e,
+      disabled: r,
+      state: r ? "loading" : "default",
+      label: "Send verification code",
+      className: "bg-accent w-full"
+    }
+  ) }),
+  /* @__PURE__ */ o("div", { className: "flex justify-center", children: /* @__PURE__ */ o(i, { type: "button", label: "Back to sign in", variant: "ghost", className: "text-sm", onClick: a }) })
+] });
+export {
+  ho as ForgotPasswordEmailForm
+};

package/dist/features/AuthCard/ForgotPasswordResetForm.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+interface ForgotPasswordResetFormProps {
+    otp: string;
+    onOtpChange: (otp: string) => void;
+    onSubmit: () => void;
+    onBack: () => void;
+    isSubmitting: boolean;
+}
+export declare const ForgotPasswordResetForm: ({ otp, onOtpChange, onSubmit, onBack, isSubmitting, }: ForgotPasswordResetFormProps) => ReactElement;
+export {};
+//# sourceMappingURL=ForgotPasswordResetForm.d.ts.map

package/dist/features/AuthCard/ForgotPasswordResetForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordResetForm.d.ts","sourceRoot":"","sources":["../../../src/features/AuthCard/ForgotPasswordResetForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD,UAAU,4BAA4B;IACpC,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,uBAAuB,GAAI,uDAMrC,4BAA4B,KAAG,YAgDjC,CAAA"}

package/dist/features/AuthCard/ForgotPasswordResetForm.js

@@ -0,0 +1,66 @@
+"use client";
+import "../../styles/main.css";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { OTPInput as f } from "./OTPInput.js";
+import { P as a } from "../../PasswordInput-ClY_hxuN.js";
+import { Button as r } from "../../Button.js";
+import { useState as s } from "react";
+import { m as h } from "../../proxy-DD79Ok6n.js";
+const P = ({
+  otp: t,
+  onOtpChange: l,
+  onSubmit: n,
+  onBack: d,
+  isSubmitting: o
+}) => {
+  const [i, w] = s(""), [c, p] = s("");
+  return /* @__PURE__ */ m("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        value: t,
+        onChange: l,
+        id: "otp",
+        label: "Verification code",
+        placeholder: "000000",
+        maxLength: 6
+      }
+    ),
+    /* @__PURE__ */ e(
+      a,
+      {
+        value: i,
+        onChange: w,
+        id: "new-password",
+        label: "New password",
+        showStrength: !0,
+        className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all"
+      }
+    ),
+    /* @__PURE__ */ e(
+      a,
+      {
+        value: c,
+        onChange: p,
+        id: "confirm-new-password",
+        label: "Confirm new password",
+        className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all"
+      }
+    ),
+    /* @__PURE__ */ e(h.div, { whileHover: { scale: o ? 1 : 1.02 }, whileTap: { scale: o ? 1 : 0.98 }, children: /* @__PURE__ */ e(
+      r,
+      {
+        type: "button",
+        onClick: n,
+        disabled: o,
+        state: o ? "loading" : "default",
+        label: "Reset password",
+        className: "bg-accent w-full"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(r, { type: "button", label: "Back to sign in", variant: "ghost", className: "text-sm", onClick: d }) })
+  ] });
+};
+export {
+  P as ForgotPasswordResetForm
+};

package/dist/features/AuthCard/OTPInput.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+interface OTPInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    maxLength?: number;
+}
+export declare const OTPInput: ({ value, onChange, id, label, placeholder, maxLength, }: OTPInputProps) => ReactElement;
+export {};
+//# sourceMappingURL=OTPInput.d.ts.map

package/dist/features/AuthCard/OTPInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../src/features/AuthCard/OTPInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,GAAI,yDAOtB,aAAa,KAAG,YAiBlB,CAAA"}

package/dist/features/AuthCard/OTPInput.js

@@ -0,0 +1,30 @@
+import "../../styles/main.css";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Input as p } from "../../Input.js";
+import { Label as c } from "../../Label.js";
+import "react";
+const f = ({
+  value: r,
+  onChange: o,
+  id: t = "otp",
+  label: n = "Verification code",
+  placeholder: i = "000000",
+  maxLength: l = 6
+}) => /* @__PURE__ */ m("div", { children: [
+  /* @__PURE__ */ e(c, { htmlFor: t, className: "mb-2 block", children: n }),
+  /* @__PURE__ */ e(
+    p,
+    {
+      type: "text",
+      id: t,
+      value: r,
+      onChange: (a) => o(a.target.value),
+      className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 text-center font-mono text-lg tracking-widest transition-all",
+      placeholder: i,
+      maxLength: l
+    }
+  )
+] });
+export {
+  f as OTPInput
+};

package/dist/features/AuthCard/PasswordInput.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+interface PasswordInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    id: string;
+    label: string;
+    placeholder?: string;
+    showStrength?: boolean;
+    className?: string;
+}
+export declare const PasswordInput: ({ value, onChange, id, label, placeholder, showStrength, className, }: PasswordInputProps) => ReactElement;
+export {};
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/features/AuthCard/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/features/AuthCard/PasswordInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,GAAI,uEAQ3B,kBAAkB,KAAG,YA2DvB,CAAA"}

package/dist/features/AuthCard/PasswordInput.js

@@ -0,0 +1,56 @@
+import "react/jsx-runtime";
+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 "../../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.js";
+import "../../utils/sharedUtils.js";
+import "react";
+import { P as oo } from "../../PasswordInput-ClY_hxuN.js";
+import "../../proxy-DD79Ok6n.js";
+export {
+  oo as PasswordInput
+};

package/dist/features/AuthCard/SignInForm.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+interface SignInFormProps {
+    onSubmit: () => void;
+    onForgotPassword: () => void;
+    isSubmitting: boolean;
+}
+export declare const SignInForm: ({ onSubmit, onForgotPassword, isSubmitting }: SignInFormProps) => ReactElement;
+export {};
+//# sourceMappingURL=SignInForm.d.ts.map

package/dist/features/AuthCard/SignInForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInForm.d.ts","sourceRoot":"","sources":["../../../src/features/AuthCard/SignInForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,8CAA8C,eAAe,KAAG,YAmE1F,CAAA"}

package/dist/features/AuthCard/SignInForm.js

@@ -0,0 +1,120 @@
+"use client";
+import "../../styles/main.css";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { P as s } from "../../PasswordInput-ClY_hxuN.js";
+import { Button as e } 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 p } 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 n } from "../../Input.js";
+import { Label as c } from "../../Label.js";
+import { useState as d } from "react";
+import { m as h } from "../../proxy-DD79Ok6n.js";
+const ur = ({ onSubmit: i, onForgotPassword: m, isSubmitting: t }) => {
+  const [a, l] = d("");
+  return /* @__PURE__ */ o("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ r(c, { htmlFor: "email", className: "mb-2 block", children: "Email" }),
+      /* @__PURE__ */ r("div", { className: "relative", children: /* @__PURE__ */ r(
+        n,
+        {
+          type: "email",
+          className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all",
+          id: "email",
+          placeholder: "you@example.com",
+          endIcon: /* @__PURE__ */ r(p, { size: 22, className: "absolute top-1/2 right-4 -translate-y-1/2 transition-colors" })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r(
+      s,
+      {
+        value: a,
+        onChange: l,
+        id: "password",
+        label: "Password",
+        className: "w-full rounded-lg border border-white/10 bg-white/5 px-4 py-3 pr-12 transition-all"
+      }
+    ),
+    /* @__PURE__ */ r(h.div, { whileHover: { scale: t ? 1 : 1.02 }, whileTap: { scale: t ? 1 : 0.98 }, children: /* @__PURE__ */ r(
+      e,
+      {
+        type: "button",
+        onClick: i,
+        disabled: t,
+        state: t ? "loading" : "default",
+        label: "Sign in",
+        className: "bg-accent w-full"
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "relative mb-6", children: [
+      /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ r("div", { className: "w-full border-t border-white/15" }) }),
+      /* @__PURE__ */ r("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ r("span", { className: "text-text-secondary bg-transparent px-4", children: "or" }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex justify-center", children: /* @__PURE__ */ r(
+      e,
+      {
+        type: "button",
+        label: "Request a one-time password",
+        className: "transition-all duration-200 ease-out hover:scale-102"
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ r(
+      e,
+      {
+        type: "button",
+        label: "Forgot your password?",
+        variant: "ghost",
+        className: "text-sm",
+        onClick: m
+      }
+    ) })
+  ] });
+};
+export {
+  ur as SignInForm
+};

package/dist/features/AuthCard/SignUpForm.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+interface SignUpFormProps {
+    onSubmit: () => void;
+    isSubmitting: boolean;
+}
+export declare const SignUpForm: ({ onSubmit, isSubmitting }: SignUpFormProps) => ReactElement;
+export {};
+//# sourceMappingURL=SignUpForm.d.ts.map

package/dist/features/AuthCard/SignUpForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpForm.d.ts","sourceRoot":"","sources":["../../../src/features/AuthCard/SignUpForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,4BAA4B,eAAe,KAAG,YA2ExE,CAAA"}

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
+};