@githat/nextjs 0.2.0

package/dist/githat.css

@@ -0,0 +1,334 @@
+/* GitHat SDK Styles — self-contained, no external dependencies */
+
+/* Form Container */
+.githat-form-container {
+  max-width: 400px;
+  margin: 0 auto;
+  padding: 2rem;
+  background: #0f0f14;
+  border: 1px solid #1e1e2e;
+  border-radius: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  color: #e4e4e7;
+}
+
+.githat-form-header {
+  text-align: center;
+  margin-bottom: 1.5rem;
+}
+
+.githat-form-title {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin: 0 0 0.5rem;
+  color: #fafafa;
+}
+
+.githat-form-subtitle {
+  font-size: 0.875rem;
+  color: #a1a1aa;
+  margin: 0;
+}
+
+/* Form */
+.githat-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.githat-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+
+.githat-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #d4d4d8;
+}
+
+.githat-input {
+  padding: 0.625rem 0.75rem;
+  background: #18181b;
+  border: 1px solid #27272a;
+  border-radius: 8px;
+  color: #fafafa;
+  font-size: 0.875rem;
+  outline: none;
+  transition: border-color 0.15s;
+}
+
+.githat-input:focus {
+  border-color: #6366f1;
+  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
+}
+
+.githat-input::placeholder {
+  color: #52525b;
+}
+
+.githat-field-error {
+  font-size: 0.75rem;
+  color: #ef4444;
+  margin: 0;
+}
+
+/* Alerts */
+.githat-alert {
+  padding: 0.75rem 1rem;
+  border-radius: 8px;
+  font-size: 0.875rem;
+  margin-bottom: 1rem;
+}
+
+.githat-alert-error {
+  background: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  color: #fca5a5;
+}
+
+/* Buttons */
+.githat-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.625rem 1.25rem;
+  border-radius: 8px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s;
+  border: none;
+  text-decoration: none;
+  text-align: center;
+}
+
+.githat-button-primary {
+  background: #6366f1;
+  color: #fff;
+}
+
+.githat-button-primary:hover:not(:disabled) {
+  background: #4f46e5;
+}
+
+.githat-button-primary:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.githat-button-outline {
+  background: transparent;
+  color: #e4e4e7;
+  border: 1px solid #27272a;
+}
+
+.githat-button-outline:hover {
+  background: #18181b;
+  border-color: #3f3f46;
+}
+
+/* Links */
+.githat-link {
+  color: #6366f1;
+  text-decoration: none;
+  font-size: 0.875rem;
+}
+
+.githat-link:hover {
+  text-decoration: underline;
+}
+
+.githat-forgot-link {
+  text-align: right;
+  margin-top: -0.25rem;
+}
+
+.githat-form-footer {
+  text-align: center;
+  font-size: 0.875rem;
+  color: #a1a1aa;
+  margin: 1rem 0 0;
+}
+
+.githat-powered-by {
+  text-align: center;
+  font-size: 0.75rem;
+  color: #52525b;
+  margin: 1.5rem 0 0;
+}
+
+/* User Button */
+.githat-user-button {
+  position: relative;
+  display: inline-block;
+}
+
+.githat-avatar-trigger {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border: 2px solid #27272a;
+  cursor: pointer;
+  overflow: hidden;
+  padding: 0;
+  background: #6366f1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: border-color 0.15s;
+}
+
+.githat-avatar-trigger:hover {
+  border-color: #6366f1;
+}
+
+.githat-avatar-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.githat-avatar-initials {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: #fff;
+}
+
+/* Dropdown */
+.githat-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  min-width: 200px;
+  background: #18181b;
+  border: 1px solid #27272a;
+  border-radius: 8px;
+  padding: 0.25rem 0;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+  z-index: 50;
+}
+
+.githat-dropdown-header {
+  padding: 0.75rem 1rem;
+}
+
+.githat-dropdown-name {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #fafafa;
+  margin: 0;
+}
+
+.githat-dropdown-email {
+  font-size: 0.75rem;
+  color: #a1a1aa;
+  margin: 0.125rem 0 0;
+}
+
+.githat-dropdown-org {
+  font-size: 0.75rem;
+  color: #6366f1;
+  margin: 0.25rem 0 0;
+}
+
+.githat-dropdown-divider {
+  height: 1px;
+  background: #27272a;
+  margin: 0.25rem 0;
+}
+
+.githat-dropdown-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0.5rem 1rem;
+  background: none;
+  border: none;
+  color: #d4d4d8;
+  font-size: 0.875rem;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.1s;
+}
+
+.githat-dropdown-item:hover {
+  background: #27272a;
+}
+
+.githat-dropdown-item-active {
+  color: #6366f1;
+}
+
+.githat-check {
+  color: #6366f1;
+}
+
+/* Org Switcher */
+.githat-org-switcher {
+  position: relative;
+  display: inline-block;
+}
+
+.githat-org-trigger {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  background: #18181b;
+  border: 1px solid #27272a;
+  border-radius: 8px;
+  color: #e4e4e7;
+  cursor: pointer;
+  font-size: 0.875rem;
+  transition: border-color 0.15s;
+}
+
+.githat-org-trigger:hover {
+  border-color: #3f3f46;
+}
+
+.githat-org-name {
+  font-weight: 500;
+}
+
+.githat-chevron {
+  font-size: 0.625rem;
+  color: #71717a;
+}
+
+/* Badge */
+.githat-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.625rem;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.githat-badge-verified {
+  background: rgba(16, 185, 129, 0.1);
+  color: #34d399;
+  border: 1px solid rgba(16, 185, 129, 0.3);
+}
+
+.githat-badge-unverified {
+  background: rgba(239, 68, 68, 0.1);
+  color: #fca5a5;
+  border: 1px solid rgba(239, 68, 68, 0.3);
+}
+
+/* Loading */
+.githat-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+  color: #a1a1aa;
+  font-size: 0.875rem;
+}

package/dist/index.d.mts

@@ -0,0 +1,120 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface GitHatUser {
+    id: string;
+    email: string;
+    name: string;
+    avatarUrl: string | null;
+    emailVerified: boolean;
+}
+interface GitHatOrg {
+    id: string;
+    name: string;
+    slug: string;
+    role: string;
+    tier: string;
+}
+interface GitHatConfig {
+    publishableKey: string;
+    apiUrl?: string;
+    signInUrl?: string;
+    signUpUrl?: string;
+    afterSignInUrl?: string;
+    afterSignOutUrl?: string;
+}
+interface AuthState {
+    user: GitHatUser | null;
+    org: GitHatOrg | null;
+    isSignedIn: boolean;
+    isLoading: boolean;
+    authError: string | null;
+}
+interface AuthActions {
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (data: SignUpData) => Promise<SignUpResult>;
+    signOut: () => Promise<void>;
+    switchOrg: (orgId: string) => Promise<void>;
+}
+interface SignUpData {
+    email: string;
+    password: string;
+    name: string;
+    acceptMarketing?: boolean;
+}
+interface SignUpResult {
+    requiresVerification: boolean;
+    email: string;
+}
+interface GitHatContextValue extends AuthState, AuthActions {
+    config: GitHatConfig;
+}
+
+interface GitHatProviderProps {
+    config: GitHatConfig;
+    children: React.ReactNode;
+}
+declare function GitHatProvider({ config: rawConfig, children }: GitHatProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function useAuth(): GitHatContextValue;
+declare function useGitHat(): {
+    fetch: <T = any>(endpoint: string, options?: RequestInit) => Promise<T>;
+    getUserOrgs: () => Promise<{
+        orgs: GitHatOrg[];
+    }>;
+    verifyMCP: (domain: string) => Promise<{
+        verified: boolean;
+    }>;
+    verifyAgent: (wallet: string) => Promise<{
+        verified: boolean;
+    }>;
+};
+
+interface SignInFormProps {
+    onSuccess?: () => void;
+    signUpUrl?: string;
+    forgotPasswordUrl?: string;
+}
+declare function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }: SignInFormProps): react_jsx_runtime.JSX.Element;
+
+interface SignUpFormProps {
+    onSuccess?: (result: {
+        requiresVerification: boolean;
+        email: string;
+    }) => void;
+    signInUrl?: string;
+}
+declare function SignUpForm({ onSuccess, signInUrl }: SignUpFormProps): react_jsx_runtime.JSX.Element;
+
+interface SignInButtonProps {
+    className?: string;
+    children?: React.ReactNode;
+    href?: string;
+}
+declare function SignInButton({ className, children, href }: SignInButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SignUpButtonProps {
+    className?: string;
+    children?: React.ReactNode;
+    href?: string;
+}
+declare function SignUpButton({ className, children, href }: SignUpButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function UserButton(): react_jsx_runtime.JSX.Element | null;
+
+declare function OrgSwitcher(): react_jsx_runtime.JSX.Element | null;
+
+interface VerifiedBadgeProps {
+    type: 'mcp' | 'agent';
+    identifier: string;
+    label?: string;
+}
+declare function VerifiedBadge({ type, identifier, label }: VerifiedBadgeProps): react_jsx_runtime.JSX.Element | null;
+
+interface ProtectedRouteProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+declare function ProtectedRoute({ children, fallback }: ProtectedRouteProps): react_jsx_runtime.JSX.Element | null;
+
+export { type AuthActions, type AuthState, type GitHatConfig, type GitHatContextValue, type GitHatOrg, GitHatProvider, type GitHatUser, OrgSwitcher, ProtectedRoute, SignInButton, SignInForm, SignUpButton, type SignUpData, SignUpForm, type SignUpResult, UserButton, VerifiedBadge, useAuth, useGitHat };

package/dist/index.d.ts

@@ -0,0 +1,120 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface GitHatUser {
+    id: string;
+    email: string;
+    name: string;
+    avatarUrl: string | null;
+    emailVerified: boolean;
+}
+interface GitHatOrg {
+    id: string;
+    name: string;
+    slug: string;
+    role: string;
+    tier: string;
+}
+interface GitHatConfig {
+    publishableKey: string;
+    apiUrl?: string;
+    signInUrl?: string;
+    signUpUrl?: string;
+    afterSignInUrl?: string;
+    afterSignOutUrl?: string;
+}
+interface AuthState {
+    user: GitHatUser | null;
+    org: GitHatOrg | null;
+    isSignedIn: boolean;
+    isLoading: boolean;
+    authError: string | null;
+}
+interface AuthActions {
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (data: SignUpData) => Promise<SignUpResult>;
+    signOut: () => Promise<void>;
+    switchOrg: (orgId: string) => Promise<void>;
+}
+interface SignUpData {
+    email: string;
+    password: string;
+    name: string;
+    acceptMarketing?: boolean;
+}
+interface SignUpResult {
+    requiresVerification: boolean;
+    email: string;
+}
+interface GitHatContextValue extends AuthState, AuthActions {
+    config: GitHatConfig;
+}
+
+interface GitHatProviderProps {
+    config: GitHatConfig;
+    children: React.ReactNode;
+}
+declare function GitHatProvider({ config: rawConfig, children }: GitHatProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function useAuth(): GitHatContextValue;
+declare function useGitHat(): {
+    fetch: <T = any>(endpoint: string, options?: RequestInit) => Promise<T>;
+    getUserOrgs: () => Promise<{
+        orgs: GitHatOrg[];
+    }>;
+    verifyMCP: (domain: string) => Promise<{
+        verified: boolean;
+    }>;
+    verifyAgent: (wallet: string) => Promise<{
+        verified: boolean;
+    }>;
+};
+
+interface SignInFormProps {
+    onSuccess?: () => void;
+    signUpUrl?: string;
+    forgotPasswordUrl?: string;
+}
+declare function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }: SignInFormProps): react_jsx_runtime.JSX.Element;
+
+interface SignUpFormProps {
+    onSuccess?: (result: {
+        requiresVerification: boolean;
+        email: string;
+    }) => void;
+    signInUrl?: string;
+}
+declare function SignUpForm({ onSuccess, signInUrl }: SignUpFormProps): react_jsx_runtime.JSX.Element;
+
+interface SignInButtonProps {
+    className?: string;
+    children?: React.ReactNode;
+    href?: string;
+}
+declare function SignInButton({ className, children, href }: SignInButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SignUpButtonProps {
+    className?: string;
+    children?: React.ReactNode;
+    href?: string;
+}
+declare function SignUpButton({ className, children, href }: SignUpButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function UserButton(): react_jsx_runtime.JSX.Element | null;
+
+declare function OrgSwitcher(): react_jsx_runtime.JSX.Element | null;
+
+interface VerifiedBadgeProps {
+    type: 'mcp' | 'agent';
+    identifier: string;
+    label?: string;
+}
+declare function VerifiedBadge({ type, identifier, label }: VerifiedBadgeProps): react_jsx_runtime.JSX.Element | null;
+
+interface ProtectedRouteProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+declare function ProtectedRoute({ children, fallback }: ProtectedRouteProps): react_jsx_runtime.JSX.Element | null;
+
+export { type AuthActions, type AuthState, type GitHatConfig, type GitHatContextValue, type GitHatOrg, GitHatProvider, type GitHatUser, OrgSwitcher, ProtectedRoute, SignInButton, SignInForm, SignUpButton, type SignUpData, SignUpForm, type SignUpResult, UserButton, VerifiedBadge, useAuth, useGitHat };