@omnikit-js/ui 0.9.21 → 0.9.23

package/dist/components/client/index.mjs

@@ -1,1350 +0,0 @@
-import { Button, Modal, TextInput, Spinner } from '../../chunk-2MKNXIZG.mjs';
-export { AddPaymentMethodForm, BillingContent, Button, Modal } from '../../chunk-2MKNXIZG.mjs';
-import { useState, useRef, useEffect, useCallback } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function Tabs({ tabs, defaultTab, className = "" }) {
-  const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsx("nav", { className: "-mb-px flex space-x-8", children: tabs.map((tab) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: () => setActiveTab(tab.id),
-        className: `
-                whitespace-nowrap border-b-2 px-1 pb-4 text-sm font-medium transition-colors
-                ${activeTab === tab.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}
-              `,
-        children: tab.label
-      },
-      tab.id
-    )) }) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-6", children: tabs.find((tab) => tab.id === activeTab)?.content })
-  ] });
-}
-function PaymentMethodManager({ currentMethod }) {
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-4", children: "Current Payment Method" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border border-gray-200 dark:border-gray-700 rounded-lg mb-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-12 w-16 rounded bg-gradient-to-br from-blue-600 to-blue-800 flex items-center justify-center text-white font-bold text-sm", children: currentMethod.type }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("p", { className: "font-medium", children: [
-              "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ",
-              currentMethod.last4
-            ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
-              "Expires ",
-              currentMethod.expiry
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: () => setIsModalOpen(true),
-            variant: "secondary",
-            size: "sm",
-            children: "Update"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: () => setIsModalOpen(true),
-          className: "w-full",
-          children: "Add New Payment Method"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Modal,
-      {
-        isOpen: isModalOpen,
-        onClose: () => setIsModalOpen(false),
-        title: "Add Payment Method",
-        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Cardholder Name" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "text",
-                placeholder: "John Doe",
-                className: "w-full rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Card Number" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "text",
-                placeholder: "1234 5678 9012 3456",
-                className: "w-full rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Expiry Date" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  placeholder: "MM/YY",
-                  className: "w-full rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "CVC" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  placeholder: "123",
-                  className: "w-full rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                id: "setDefaultModal",
-                className: "rounded border-gray-300 dark:border-gray-600 text-blue-600 focus:ring-blue-500"
-              }
-            ),
-            /* @__PURE__ */ jsx("label", { htmlFor: "setDefaultModal", className: "text-sm text-gray-700 dark:text-gray-300", children: "Set as default payment method" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-3 pt-4", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => setIsModalOpen(false),
-                variant: "secondary",
-                className: "flex-1",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => setIsModalOpen(false),
-                className: "flex-1",
-                children: "Add Card"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-function LoginForm({
-  apiUrl,
-  projectId,
-  onSuccess,
-  onError,
-  showRememberMe = false,
-  allowUsername = false,
-  className = "",
-  registerLink,
-  forgotPasswordLink
-}) {
-  const [state, setState] = useState({
-    email: "",
-    password: "",
-    rememberMe: false,
-    isLoading: false,
-    error: null
-  });
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setState((prev) => ({ ...prev, isLoading: true, error: null }));
-    try {
-      const response = await fetch(`${apiUrl}/auth/login`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          [allowUsername && !state.email.includes("@") ? "username" : "email"]: state.email,
-          password: state.password,
-          project_id: projectId
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.error || "Login failed");
-      }
-      onSuccess?.(data);
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Login failed");
-      setState((prev) => ({ ...prev, error: error.message }));
-      onError?.(error);
-    } finally {
-      setState((prev) => ({ ...prev, isLoading: false }));
-    }
-  };
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: `space-y-4 ${className}`, children: [
-    state.error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 dark:bg-red-900/20 dark:text-red-400 rounded-md", children: state.error }),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: allowUsername ? "Email or Username" : "Email",
-        type: allowUsername ? "text" : "email",
-        value: state.email,
-        onChange: (e) => setState((prev) => ({ ...prev, email: e.target.value })),
-        placeholder: allowUsername ? "you@example.com or username" : "you@example.com",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "username"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Password",
-        type: "password",
-        value: state.password,
-        onChange: (e) => setState((prev) => ({ ...prev, password: e.target.value })),
-        placeholder: "Enter your password",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "current-password"
-      }
-    ),
-    showRememberMe && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: state.rememberMe,
-          onChange: (e) => setState((prev) => ({ ...prev, rememberMe: e.target.checked })),
-          className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500",
-          disabled: state.isLoading
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: "Remember me" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "submit",
-        variant: "primary",
-        disabled: state.isLoading,
-        className: "w-full",
-        children: state.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "white", className: "mr-2" }),
-          "Signing in..."
-        ] }) : "Sign in"
-      }
-    ),
-    (forgotPasswordLink || registerLink) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
-      forgotPasswordLink && /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: forgotPasswordLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Forgot password?"
-        }
-      ),
-      registerLink && /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: registerLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Create an account"
-        }
-      )
-    ] })
-  ] });
-}
-function RegisterForm({
-  apiUrl,
-  projectId,
-  onSuccess,
-  onError,
-  requireUsername = false,
-  showDisplayName = false,
-  showOrganizationName = false,
-  showTerms = false,
-  termsLink,
-  className = "",
-  loginLink
-}) {
-  const [state, setState] = useState({
-    email: "",
-    username: "",
-    password: "",
-    confirmPassword: "",
-    displayName: "",
-    organizationName: "",
-    acceptTerms: false,
-    isLoading: false,
-    error: null,
-    fieldErrors: {}
-  });
-  const validateForm = () => {
-    const errors = {};
-    if (!state.email) {
-      errors.email = "Email is required";
-    } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(state.email)) {
-      errors.email = "Please enter a valid email address";
-    }
-    if (requireUsername && !state.username) {
-      errors.username = "Username is required";
-    } else if (state.username && state.username.length < 3) {
-      errors.username = "Username must be at least 3 characters";
-    }
-    if (!state.password) {
-      errors.password = "Password is required";
-    } else if (state.password.length < 6) {
-      errors.password = "Password must be at least 6 characters";
-    }
-    if (state.password !== state.confirmPassword) {
-      errors.confirmPassword = "Passwords do not match";
-    }
-    setState((prev) => ({ ...prev, fieldErrors: errors }));
-    return Object.keys(errors).length === 0;
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!validateForm()) return;
-    if (showTerms && !state.acceptTerms) {
-      setState((prev) => ({ ...prev, error: "You must accept the terms and conditions" }));
-      return;
-    }
-    setState((prev) => ({ ...prev, isLoading: true, error: null }));
-    try {
-      const payload = {
-        email: state.email,
-        password: state.password,
-        project_id: projectId
-      };
-      if (state.username) {
-        payload.username = state.username;
-      }
-      if (state.displayName) {
-        payload.display_name = state.displayName;
-      }
-      if (state.organizationName) {
-        payload.organization_name = state.organizationName;
-      }
-      const response = await fetch(`${apiUrl}/auth/register`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(payload)
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.error || "Registration failed");
-      }
-      onSuccess?.(data);
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Registration failed");
-      setState((prev) => ({ ...prev, error: error.message }));
-      onError?.(error);
-    } finally {
-      setState((prev) => ({ ...prev, isLoading: false }));
-    }
-  };
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: `space-y-4 ${className}`, children: [
-    state.error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 dark:bg-red-900/20 dark:text-red-400 rounded-md", children: state.error }),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Email",
-        type: "email",
-        value: state.email,
-        onChange: (e) => setState((prev) => ({ ...prev, email: e.target.value, fieldErrors: { ...prev.fieldErrors, email: void 0 } })),
-        placeholder: "you@example.com",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "email",
-        error: state.fieldErrors.email
-      }
-    ),
-    requireUsername && /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Username",
-        type: "text",
-        value: state.username,
-        onChange: (e) => setState((prev) => ({ ...prev, username: e.target.value, fieldErrors: { ...prev.fieldErrors, username: void 0 } })),
-        placeholder: "Choose a username",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "username",
-        error: state.fieldErrors.username
-      }
-    ),
-    showDisplayName && /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Display Name",
-        type: "text",
-        value: state.displayName,
-        onChange: (e) => setState((prev) => ({ ...prev, displayName: e.target.value })),
-        placeholder: "Your display name",
-        disabled: state.isLoading,
-        fullWidth: true
-      }
-    ),
-    showOrganizationName && /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Organization Name",
-        type: "text",
-        value: state.organizationName,
-        onChange: (e) => setState((prev) => ({ ...prev, organizationName: e.target.value })),
-        placeholder: "Your organization (optional)",
-        disabled: state.isLoading,
-        fullWidth: true
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Password",
-        type: "password",
-        value: state.password,
-        onChange: (e) => setState((prev) => ({ ...prev, password: e.target.value, fieldErrors: { ...prev.fieldErrors, password: void 0 } })),
-        placeholder: "At least 6 characters",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "new-password",
-        error: state.fieldErrors.password
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Confirm Password",
-        type: "password",
-        value: state.confirmPassword,
-        onChange: (e) => setState((prev) => ({ ...prev, confirmPassword: e.target.value, fieldErrors: { ...prev.fieldErrors, confirmPassword: void 0 } })),
-        placeholder: "Confirm your password",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "new-password",
-        error: state.fieldErrors.confirmPassword
-      }
-    ),
-    showTerms && /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: state.acceptTerms,
-          onChange: (e) => setState((prev) => ({ ...prev, acceptTerms: e.target.checked })),
-          className: "mt-1 rounded border-gray-300 text-blue-600 focus:ring-blue-500",
-          disabled: state.isLoading
-        }
-      ),
-      /* @__PURE__ */ jsxs("span", { className: "text-gray-700 dark:text-gray-300", children: [
-        "I agree to the",
-        " ",
-        termsLink ? /* @__PURE__ */ jsx("a", { href: termsLink, className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "terms and conditions" }) : "terms and conditions"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "submit",
-        variant: "primary",
-        disabled: state.isLoading,
-        className: "w-full",
-        children: state.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "white", className: "mr-2" }),
-          "Creating account..."
-        ] }) : "Create account"
-      }
-    ),
-    loginLink && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-600 dark:text-gray-400", children: [
-      "Already have an account?",
-      " ",
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: loginLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Sign in"
-        }
-      )
-    ] })
-  ] });
-}
-function ForgotPasswordForm({
-  apiUrl,
-  projectId,
-  resetPasswordUrl,
-  onSuccess,
-  onError,
-  className = "",
-  loginLink
-}) {
-  const [state, setState] = useState({
-    email: "",
-    isLoading: false,
-    isSuccess: false,
-    error: null
-  });
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setState((prev) => ({ ...prev, isLoading: true, error: null }));
-    try {
-      const response = await fetch(`${apiUrl}/auth/forgot-password`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          email: state.email,
-          project_id: projectId,
-          frontendUrl: resetPasswordUrl
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.error || "Failed to send reset email");
-      }
-      setState((prev) => ({ ...prev, isSuccess: true }));
-      onSuccess?.();
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to send reset email");
-      setState((prev) => ({ ...prev, error: error.message }));
-      onError?.(error);
-    } finally {
-      setState((prev) => ({ ...prev, isLoading: false }));
-    }
-  };
-  if (state.isSuccess) {
-    return /* @__PURE__ */ jsxs("div", { className: `space-y-4 ${className}`, children: [
-      /* @__PURE__ */ jsxs("div", { className: "p-4 text-center rounded-md bg-green-50 dark:bg-green-900/20", children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "w-12 h-12 mx-auto mb-3 text-green-500",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-green-800 dark:text-green-200", children: "Check your email" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-green-700 dark:text-green-300", children: "If an account with that email exists, we've sent you a password reset link." })
-      ] }),
-      loginLink && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: loginLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Back to sign in"
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Forgot your password?" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Enter your email and we'll send you a reset link." })
-    ] }),
-    state.error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 dark:bg-red-900/20 dark:text-red-400 rounded-md", children: state.error }),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Email",
-        type: "email",
-        value: state.email,
-        onChange: (e) => setState((prev) => ({ ...prev, email: e.target.value })),
-        placeholder: "you@example.com",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "email"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "submit",
-        variant: "primary",
-        disabled: state.isLoading,
-        className: "w-full",
-        children: state.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "white", className: "mr-2" }),
-          "Sending..."
-        ] }) : "Send reset link"
-      }
-    ),
-    loginLink && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-600 dark:text-gray-400", children: [
-      "Remember your password?",
-      " ",
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: loginLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Sign in"
-        }
-      )
-    ] })
-  ] });
-}
-function ResetPasswordForm({
-  apiUrl,
-  token,
-  onSuccess,
-  onError,
-  className = "",
-  loginLink
-}) {
-  const [state, setState] = useState({
-    password: "",
-    confirmPassword: "",
-    isLoading: false,
-    isSuccess: false,
-    error: null,
-    fieldErrors: {}
-  });
-  const validateForm = () => {
-    const errors = {};
-    if (!state.password) {
-      errors.password = "Password is required";
-    } else if (state.password.length < 6) {
-      errors.password = "Password must be at least 6 characters";
-    }
-    if (state.password !== state.confirmPassword) {
-      errors.confirmPassword = "Passwords do not match";
-    }
-    setState((prev) => ({ ...prev, fieldErrors: errors }));
-    return Object.keys(errors).length === 0;
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!validateForm()) return;
-    setState((prev) => ({ ...prev, isLoading: true, error: null }));
-    try {
-      const response = await fetch(`${apiUrl}/auth/reset-password`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          token,
-          password: state.password,
-          sendConfirmationEmail: true
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.error || "Failed to reset password");
-      }
-      setState((prev) => ({ ...prev, isSuccess: true }));
-      onSuccess?.();
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to reset password");
-      setState((prev) => ({ ...prev, error: error.message }));
-      onError?.(error);
-    } finally {
-      setState((prev) => ({ ...prev, isLoading: false }));
-    }
-  };
-  if (state.isSuccess) {
-    return /* @__PURE__ */ jsxs("div", { className: `space-y-4 ${className}`, children: [
-      /* @__PURE__ */ jsxs("div", { className: "p-4 text-center rounded-md bg-green-50 dark:bg-green-900/20", children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "w-12 h-12 mx-auto mb-3 text-green-500",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-green-800 dark:text-green-200", children: "Password reset successful" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-green-700 dark:text-green-300", children: "Your password has been updated. You can now sign in with your new password." })
-      ] }),
-      loginLink && /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: loginLink,
-          className: "inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700",
-          children: "Go to sign in"
-        }
-      ) })
-    ] });
-  }
-  if (!token) {
-    return /* @__PURE__ */ jsxs("div", { className: `space-y-4 ${className}`, children: [
-      /* @__PURE__ */ jsxs("div", { className: "p-4 text-center rounded-md bg-red-50 dark:bg-red-900/20", children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "w-12 h-12 mx-auto mb-3 text-red-500",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-red-800 dark:text-red-200", children: "Invalid reset link" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-red-700 dark:text-red-300", children: "This password reset link is invalid or has expired." })
-      ] }),
-      loginLink && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: loginLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Back to sign in"
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Reset your password" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Enter your new password below." })
-    ] }),
-    state.error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 dark:bg-red-900/20 dark:text-red-400 rounded-md", children: state.error }),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "New Password",
-        type: "password",
-        value: state.password,
-        onChange: (e) => setState((prev) => ({ ...prev, password: e.target.value, fieldErrors: { ...prev.fieldErrors, password: void 0 } })),
-        placeholder: "At least 6 characters",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "new-password",
-        error: state.fieldErrors.password
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Confirm Password",
-        type: "password",
-        value: state.confirmPassword,
-        onChange: (e) => setState((prev) => ({ ...prev, confirmPassword: e.target.value, fieldErrors: { ...prev.fieldErrors, confirmPassword: void 0 } })),
-        placeholder: "Confirm your new password",
-        required: true,
-        disabled: state.isLoading,
-        fullWidth: true,
-        autoComplete: "new-password",
-        error: state.fieldErrors.confirmPassword
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "submit",
-        variant: "primary",
-        disabled: state.isLoading,
-        className: "w-full",
-        children: state.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "white", className: "mr-2" }),
-          "Resetting password..."
-        ] }) : "Reset password"
-      }
-    ),
-    loginLink && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-600 dark:text-gray-400", children: [
-      "Remember your password?",
-      " ",
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: loginLink,
-          className: "text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-          children: "Sign in"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/client/FileUploader/upload-utils.ts
-var DEFAULT_PART_SIZE = 5 * 1024 * 1024;
-var DEFAULT_MULTIPART_THRESHOLD = 5 * 1024 * 1024;
-var DEFAULT_MAX_CONCURRENT_PARTS = 5;
-var EMA_ALPHA = 0.3;
-function getAuthHeaders(config) {
-  const headers = {
-    "Content-Type": "application/json"
-  };
-  if (config.accessToken) {
-    headers["Authorization"] = `Bearer ${config.accessToken}`;
-  } else if (config.apiKey) {
-    headers["X-API-Key"] = config.apiKey;
-  }
-  return headers;
-}
-async function generatePresignedUrl(file, config, isMultipart, numParts) {
-  const response = await fetch(`${config.apiUrl}/storage/generate-presigned-url`, {
-    method: "POST",
-    headers: getAuthHeaders(config),
-    body: JSON.stringify({
-      file_name: file.name,
-      file_size: file.size,
-      mime_type: file.type || "application/octet-stream",
-      project_id: config.projectId,
-      bucket_id: config.bucketId,
-      folder_id: config.folderId,
-      access_level: config.accessLevel || "private",
-      is_multipart: isMultipart,
-      num_parts: numParts
-    })
-  });
-  if (!response.ok) {
-    const errorData = await response.json().catch(() => ({}));
-    throw new Error(errorData.error || "Failed to generate presigned URL");
-  }
-  return response.json();
-}
-async function confirmUpload(fileId, config, parts) {
-  const response = await fetch(`${config.apiUrl}/storage/confirm-upload`, {
-    method: "POST",
-    headers: getAuthHeaders(config),
-    body: JSON.stringify({
-      file_id: fileId,
-      parts
-    })
-  });
-  if (!response.ok) {
-    const errorData = await response.json().catch(() => ({}));
-    throw new Error(errorData.error || "Failed to confirm upload");
-  }
-  return response.json();
-}
-async function uploadSingleFile(file, config) {
-  const presignedResponse = await generatePresignedUrl(file, config, false);
-  const { file_id, upload_url } = presignedResponse.data;
-  if (!upload_url) {
-    throw new Error("No upload URL received");
-  }
-  const uploadResponse = await fetch(upload_url, {
-    method: "PUT",
-    body: file,
-    headers: {
-      "Content-Type": file.type || "application/octet-stream"
-    }
-  });
-  if (!uploadResponse.ok) {
-    throw new Error(`Upload failed: ${uploadResponse.status}`);
-  }
-  config.onProgress?.(file.size, file.size, 0);
-  const confirmResponse = await confirmUpload(file_id, config);
-  return {
-    id: confirmResponse.data.id,
-    name: confirmResponse.data.name,
-    size: confirmResponse.data.size_bytes,
-    mimeType: confirmResponse.data.mime_type,
-    url: confirmResponse.data.storage_url
-  };
-}
-async function uploadMultipartFile(file, config, abortSignal) {
-  const partSize = config.partSize || DEFAULT_PART_SIZE;
-  const maxConcurrentParts = config.maxConcurrentParts || DEFAULT_MAX_CONCURRENT_PARTS;
-  const numParts = Math.ceil(file.size / partSize);
-  const presignedResponse = await generatePresignedUrl(file, config, true, numParts);
-  const { file_id, parts } = presignedResponse.data;
-  if (!parts || parts.length === 0) {
-    throw new Error("No part URLs received");
-  }
-  const uploadedParts = [];
-  let bytesUploaded = 0;
-  const uploadStartTime = Date.now();
-  let smoothedSpeed = 0;
-  const partsQueue = parts.map((p) => ({ part_number: p.part_number, url: p.url }));
-  const inFlight = /* @__PURE__ */ new Map();
-  const uploadPart = async (part) => {
-    if (abortSignal?.aborted) {
-      throw new Error("Upload cancelled");
-    }
-    const start = (part.part_number - 1) * partSize;
-    const end = Math.min(start + partSize, file.size);
-    const partBlob = file.slice(start, end);
-    const partBytes = partBlob.size;
-    const uploadResponse = await fetch(part.url, {
-      method: "PUT",
-      body: partBlob,
-      headers: {
-        "Content-Type": file.type || "application/octet-stream"
-      },
-      signal: abortSignal
-    });
-    if (!uploadResponse.ok) {
-      throw new Error(`Part ${part.part_number} upload failed: ${uploadResponse.status}`);
-    }
-    const etag = uploadResponse.headers.get("ETag")?.replace(/"/g, "") || "";
-    return {
-      partNumber: part.part_number,
-      etag,
-      bytes: partBytes
-    };
-  };
-  const waitForAny = async () => {
-    const entries = Array.from(inFlight.entries());
-    const result = await Promise.race(entries.map(
-      ([partNum, promise]) => promise.then((result2) => ({ partNum, result: result2 }))
-    ));
-    inFlight.delete(result.partNum);
-    return result.result;
-  };
-  while (inFlight.size < maxConcurrentParts && partsQueue.length > 0) {
-    const part = partsQueue.shift();
-    inFlight.set(part.part_number, uploadPart(part));
-  }
-  while (inFlight.size > 0) {
-    const completed = await waitForAny();
-    uploadedParts.push({
-      partNumber: completed.partNumber,
-      etag: completed.etag,
-      bytes: completed.bytes
-    });
-    bytesUploaded += completed.bytes;
-    const elapsed = (Date.now() - uploadStartTime) / 1e3;
-    const instantSpeed = elapsed > 0 ? bytesUploaded / elapsed : 0;
-    smoothedSpeed = smoothedSpeed === 0 ? instantSpeed : EMA_ALPHA * instantSpeed + (1 - EMA_ALPHA) * smoothedSpeed;
-    config.onProgress?.(bytesUploaded, file.size, smoothedSpeed);
-    if (partsQueue.length > 0) {
-      const nextPart = partsQueue.shift();
-      inFlight.set(nextPart.part_number, uploadPart(nextPart));
-    }
-  }
-  const sortedParts = uploadedParts.sort((a, b) => a.partNumber - b.partNumber).map((p) => ({ partNumber: p.partNumber, etag: p.etag }));
-  const confirmResponse = await confirmUpload(file_id, config, sortedParts);
-  return {
-    id: confirmResponse.data.id,
-    name: confirmResponse.data.name,
-    size: confirmResponse.data.size_bytes,
-    mimeType: confirmResponse.data.mime_type,
-    url: confirmResponse.data.storage_url
-  };
-}
-async function uploadFile(file, config, abortSignal) {
-  const multipartThreshold = DEFAULT_MULTIPART_THRESHOLD;
-  if (file.size >= multipartThreshold) {
-    return uploadMultipartFile(file, config, abortSignal);
-  } else {
-    return uploadSingleFile(file, config);
-  }
-}
-function formatFileSize(bytes) {
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
-}
-function formatSpeed(bytesPerSec) {
-  return `${formatFileSize(bytesPerSec)}/s`;
-}
-function generateUploadId() {
-  return `upload-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-}
-var DEFAULT_MAX_CONCURRENT_FILES = 3;
-var DEFAULT_MULTIPART_THRESHOLD2 = 5 * 1024 * 1024;
-function FileUploader({
-  apiUrl,
-  projectId,
-  bucketId,
-  folderId,
-  accessLevel = "private",
-  autoUpload = true,
-  maxConcurrentFiles = DEFAULT_MAX_CONCURRENT_FILES,
-  maxConcurrentParts = 5,
-  multipartThreshold = DEFAULT_MULTIPART_THRESHOLD2,
-  partSize = 5 * 1024 * 1024,
-  accept,
-  maxFileSize,
-  maxFiles = 10,
-  onUploadComplete,
-  onUploadError,
-  onAllUploadsComplete,
-  onProgress,
-  onFilesSelected,
-  apiKey,
-  accessToken,
-  className = "",
-  showFileList = true,
-  showProgress = true,
-  label,
-  helperText,
-  disabled = false
-}) {
-  const [uploads, setUploads] = useState([]);
-  const [isDragging, setIsDragging] = useState(false);
-  const [overallProgress, setOverallProgress] = useState(null);
-  const fileInputRef = useRef(null);
-  const abortControllersRef = useRef(/* @__PURE__ */ new Map());
-  const uploadedFilesRef = useRef([]);
-  useEffect(() => {
-    return () => {
-      abortControllersRef.current.forEach((controller) => controller.abort());
-    };
-  }, []);
-  const validateFile = useCallback((file) => {
-    if (maxFileSize && file.size > maxFileSize) {
-      return `File exceeds maximum size of ${formatFileSize(maxFileSize)}`;
-    }
-    return null;
-  }, [maxFileSize]);
-  const updateUploadState = useCallback((id, updates) => {
-    setUploads((prev) => prev.map((u) => u.id === id ? { ...u, ...updates } : u));
-  }, []);
-  const calculateOverallProgress = useCallback(() => {
-    setUploads((currentUploads) => {
-      const totalBytes = currentUploads.reduce((sum, u) => sum + u.file.size, 0);
-      const bytesUploaded = currentUploads.reduce((sum, u) => sum + u.bytesUploaded, 0);
-      const completedFiles = currentUploads.filter((u) => u.status === "completed").length;
-      const percentage = totalBytes > 0 ? Math.round(bytesUploaded / totalBytes * 100) : 0;
-      const progress = {
-        totalFiles: currentUploads.length,
-        completedFiles,
-        bytesUploaded,
-        totalBytes,
-        percentage,
-        speed: 0,
-        eta: 0
-      };
-      setOverallProgress(progress);
-      onProgress?.(progress);
-      return currentUploads;
-    });
-  }, [onProgress]);
-  const uploadSingleFile2 = useCallback(async (uploadState) => {
-    const { id, file } = uploadState;
-    const abortController = new AbortController();
-    abortControllersRef.current.set(id, abortController);
-    const config = {
-      apiUrl,
-      projectId,
-      bucketId,
-      folderId,
-      accessLevel,
-      apiKey,
-      accessToken,
-      partSize,
-      maxConcurrentParts,
-      onProgress: (bytesUploaded, totalBytes, _speed) => {
-        const progress = Math.round(bytesUploaded / totalBytes * 100);
-        updateUploadState(id, { progress, bytesUploaded });
-        calculateOverallProgress();
-      }
-    };
-    try {
-      updateUploadState(id, { status: "uploading", progress: 0 });
-      const result = await uploadFile(file, config, abortController.signal);
-      updateUploadState(id, {
-        status: "completed",
-        progress: 100,
-        bytesUploaded: file.size,
-        result
-      });
-      uploadedFilesRef.current.push(result);
-      onUploadComplete?.(result);
-      return result;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Upload failed";
-      updateUploadState(id, { status: "error", error: errorMessage });
-      onUploadError?.(file, error instanceof Error ? error : new Error(errorMessage));
-      throw error;
-    } finally {
-      abortControllersRef.current.delete(id);
-      calculateOverallProgress();
-    }
-  }, [
-    apiUrl,
-    projectId,
-    bucketId,
-    folderId,
-    accessLevel,
-    apiKey,
-    accessToken,
-    partSize,
-    maxConcurrentParts,
-    updateUploadState,
-    calculateOverallProgress,
-    onUploadComplete,
-    onUploadError
-  ]);
-  const startUploads = useCallback(async (uploadStates) => {
-    uploadedFilesRef.current = [];
-    const pending = [...uploadStates];
-    const inProgress = [];
-    const processNext = async () => {
-      while (pending.length > 0 && inProgress.length < maxConcurrentFiles) {
-        const next = pending.shift();
-        const promise = uploadSingleFile2(next).catch(() => {
-        }).finally(() => {
-          const index = inProgress.indexOf(promise);
-          if (index > -1) inProgress.splice(index, 1);
-          processNext();
-        });
-        inProgress.push(promise);
-      }
-    };
-    await processNext();
-    while (inProgress.length > 0) {
-      await Promise.race(inProgress);
-    }
-    if (uploadedFilesRef.current.length > 0) {
-      onAllUploadsComplete?.(uploadedFilesRef.current);
-    }
-  }, [maxConcurrentFiles, uploadSingleFile2, onAllUploadsComplete]);
-  const handleFiles = useCallback((files) => {
-    const fileArray = Array.from(files);
-    if (uploads.length + fileArray.length > maxFiles) {
-      const allowed = maxFiles - uploads.length;
-      if (allowed <= 0) return;
-      fileArray.splice(allowed);
-    }
-    const newUploads = [];
-    for (const file of fileArray) {
-      const error = validateFile(file);
-      if (error) {
-        onUploadError?.(file, new Error(error));
-        continue;
-      }
-      newUploads.push({
-        id: generateUploadId(),
-        file,
-        status: "pending",
-        progress: 0,
-        bytesUploaded: 0
-      });
-    }
-    if (newUploads.length === 0) return;
-    setUploads((prev) => [...prev, ...newUploads]);
-    onFilesSelected?.(newUploads.map((u) => u.file));
-    if (autoUpload) {
-      setTimeout(() => startUploads(newUploads), 0);
-    }
-  }, [uploads.length, maxFiles, validateFile, autoUpload, startUploads, onFilesSelected, onUploadError]);
-  const handleDrop = useCallback((e) => {
-    e.preventDefault();
-    setIsDragging(false);
-    if (!disabled) {
-      handleFiles(e.dataTransfer.files);
-    }
-  }, [disabled, handleFiles]);
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    if (!disabled) setIsDragging(true);
-  }, [disabled]);
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    setIsDragging(false);
-  }, []);
-  const handleClick = useCallback(() => {
-    if (!disabled) {
-      fileInputRef.current?.click();
-    }
-  }, [disabled]);
-  const handleInputChange = useCallback((e) => {
-    if (e.target.files) {
-      handleFiles(e.target.files);
-      e.target.value = "";
-    }
-  }, [handleFiles]);
-  const handleRemoveFile = useCallback((id) => {
-    const controller = abortControllersRef.current.get(id);
-    if (controller) {
-      controller.abort();
-      abortControllersRef.current.delete(id);
-    }
-    setUploads((prev) => prev.filter((u) => u.id !== id));
-  }, []);
-  const handleRetry = useCallback((uploadState) => {
-    updateUploadState(uploadState.id, { status: "pending", progress: 0, error: void 0, bytesUploaded: 0 });
-    startUploads([uploadState]);
-  }, [updateUploadState, startUploads]);
-  const handleStartUpload = useCallback(() => {
-    const pendingUploads = uploads.filter((u) => u.status === "pending");
-    if (pendingUploads.length > 0) {
-      startUploads(pendingUploads);
-    }
-  }, [uploads, startUploads]);
-  const isUploading = uploads.some((u) => u.status === "uploading");
-  const hasPendingFiles = uploads.some((u) => u.status === "pending");
-  return /* @__PURE__ */ jsxs("div", { className: `w-full ${className}`, children: [
-    label && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2", children: label }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        onDrop: handleDrop,
-        onDragOver: handleDragOver,
-        onDragLeave: handleDragLeave,
-        onClick: handleClick,
-        className: `
-          relative border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-all
-          ${isDragging ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500"}
-          ${disabled ? "opacity-50 cursor-not-allowed" : ""}
-        `,
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept,
-              multiple: maxFiles > 1,
-              onChange: handleInputChange,
-              disabled,
-              className: "hidden"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-6 h-6 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }) }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "Click to upload" }),
-                " or drag and drop"
-              ] }),
-              /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
-                accept ? `Accepted: ${accept}` : "Any file type",
-                maxFileSize && ` \xB7 Max: ${formatFileSize(maxFileSize)}`
-              ] })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    helperText && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: helperText }),
-    showProgress && overallProgress && isUploading && /* @__PURE__ */ jsxs("div", { className: "mt-4 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm mb-2", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-gray-700 dark:text-gray-300", children: [
-          "Uploading ",
-          overallProgress.completedFiles + 1,
-          " of ",
-          overallProgress.totalFiles
-        ] }),
-        /* @__PURE__ */ jsxs("span", { className: "text-gray-500 dark:text-gray-400", children: [
-          overallProgress.percentage,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "w-full h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-full bg-blue-600 transition-all duration-300",
-          style: { width: `${overallProgress.percentage}%` }
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          formatFileSize(overallProgress.bytesUploaded),
-          " / ",
-          formatFileSize(overallProgress.totalBytes)
-        ] }),
-        overallProgress.speed > 0 && /* @__PURE__ */ jsx("span", { children: formatSpeed(overallProgress.speed) })
-      ] })
-    ] }),
-    showFileList && uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: uploads.map((upload) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded bg-gray-200 dark:bg-gray-700 flex items-center justify-center flex-shrink-0", children: upload.status === "uploading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : upload.status === "completed" ? /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) : upload.status === "error" ? /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-red-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: upload.file.name }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: [
-              /* @__PURE__ */ jsx("span", { children: formatFileSize(upload.file.size) }),
-              upload.status === "uploading" && /* @__PURE__ */ jsxs("span", { children: [
-                "\xB7 ",
-                upload.progress,
-                "%"
-              ] }),
-              upload.status === "error" && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: upload.error }),
-              upload.file.size >= multipartThreshold && upload.status === "pending" && /* @__PURE__ */ jsx("span", { className: "text-blue-500", children: "Multipart" })
-            ] }),
-            upload.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "w-full h-1 bg-gray-200 dark:bg-gray-700 rounded-full mt-2 overflow-hidden", children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "h-full bg-blue-600 transition-all duration-300",
-                style: { width: `${upload.progress}%` }
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            upload.status === "error" && /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: () => handleRetry(upload),
-                className: "p-1 text-gray-400 hover:text-blue-500 transition-colors",
-                title: "Retry",
-                children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: () => handleRemoveFile(upload.id),
-                className: "p-1 text-gray-400 hover:text-red-500 transition-colors",
-                title: "Remove",
-                children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-              }
-            )
-          ] })
-        ]
-      },
-      upload.id
-    )) }),
-    !autoUpload && hasPendingFiles && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleStartUpload,
-        disabled: isUploading || disabled,
-        variant: "primary",
-        className: "w-full",
-        children: isUploading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "white", className: "mr-2" }),
-          "Uploading..."
-        ] }) : `Upload ${uploads.filter((u) => u.status === "pending").length} file(s)`
-      }
-    ) })
-  ] });
-}
-
-// src/components/client/index.ts
-var OMNIKIT_CLIENT_VERSION = "0.9.11";
-
-export { FileUploader, ForgotPasswordForm, LoginForm, OMNIKIT_CLIENT_VERSION, PaymentMethodManager, RegisterForm, ResetPasswordForm, Tabs };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map