@strands.gg/accui 2.8.0 → 2.9.0

package/dist/types/index.d.ts

@@ -1,292 +1,242 @@
-// Re-export types from shared-types when available
-// export * from '@strands.gg/auth-types'
-
-// Core authentication types
 export interface User {
-  id: string
-  email: string
-  firstName: string
-  lastName: string
-  avatar?: string
-  mfaEnabled: boolean
-  emailVerified: boolean
-  passwordUpdatedAt?: string | Date
-  settings?: any
-  xp: number
-  level: number
-  next_level_xp: number
-  username?: string
-  usernameLastChangedAt?: string | Date
-  createdAt: string | Date
-  updatedAt: string | Date
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    avatar?: string;
+    mfaEnabled: boolean;
+    emailVerified: boolean;
+    passwordUpdatedAt?: string | Date;
+    settings?: any;
+    xp: number;
+    level: number;
+    next_level_xp: number;
+    username?: string;
+    usernameLastChangedAt?: string | Date;
+    createdAt: string | Date;
+    updatedAt: string | Date;
 }
-
-// Authenticated fetch types
 export interface AuthenticatedFetchOptions extends RequestInit {
-  /**
-   * Whether to automatically refresh token if the request fails with 401
-   * @default true
-   */
-  autoRefresh?: boolean
-  
-  /**
-   * Whether to throw an error if user is not authenticated
-   * @default true
-   */
-  requireAuth?: boolean
-  
-  /**
-   * Base URL for the API requests
-   * If not provided, will use the current origin
-   */
-  baseURL?: string
+    /**
+     * Whether to automatically refresh token if the request fails with 401
+     * @default true
+     */
+    autoRefresh?: boolean;
+    /**
+     * Whether to throw an error if user is not authenticated
+     * @default true
+     */
+    requireAuth?: boolean;
+    /**
+     * Base URL for the API requests
+     * If not provided, will use the current origin
+     */
+    baseURL?: string;
 }
-
 export interface Session {
-  id?: string
-  userId?: string
-  accessToken: string
-  refreshToken: string
-  expiresAt: Date
-  createdAt?: Date
+    id?: string;
+    userId?: string;
+    accessToken: string;
+    refreshToken: string;
+    expiresAt: Date;
+    createdAt?: Date;
 }
-
-// Enhanced session response type for session management
 export interface SessionInfo {
-  id: string
-  device_name?: string
-  device_type?: string
-  ip_address?: string
-  country?: string
-  city?: string
-  application_domain?: string
-  application_name?: string
-  created_at: string | Date
-  last_activity_at?: string | Date
-  is_current: boolean
+    id: string;
+    device_name?: string;
+    device_type?: string;
+    ip_address?: string;
+    country?: string;
+    city?: string;
+    application_domain?: string;
+    application_name?: string;
+    created_at: string | Date;
+    last_activity_at?: string | Date;
+    is_current: boolean;
 }
-
 export interface SessionStats {
-  total_sessions: number
-  active_sessions: number
-  devices_by_type: Record<string, number>
-  unique_locations: string[]
+    total_sessions: number;
+    active_sessions: number;
+    devices_by_type: Record<string, number>;
+    unique_locations: string[];
 }
-
 export interface AuthConfig {
-  apiUrl: string
-  applicationId: string
-  publicKey: string
-  autoRefresh?: boolean
-  redirectUrl?: string
+    apiUrl: string;
+    applicationId: string;
+    publicKey: string;
+    autoRefresh?: boolean;
+    redirectUrl?: string;
 }
-
-// Component prop types
 export interface SignInCredentials {
-  email: string
-  password: string
+    email: string;
+    password: string;
 }
-
 export interface SignUpData {
-  email: string
-  password: string
-  firstName: string
-  lastName: string
+    email: string;
+    password: string;
+    firstName: string;
+    lastName: string;
 }
-
-// OAuth provider types
 export interface OAuthProvider {
-  id: string
-  name: string
-  enabled: boolean
-  clientId?: string // Optional - may still be used for OAuth provider configuration
-  scopes?: string[]
+    id: string;
+    name: string;
+    enabled: boolean;
+    clientId?: string;
+    scopes?: string[];
 }
-
-// Configuration types for Nuxt modules
 export interface StrandsAuthConfig {
-  /**
-   * Base URL for the Strands Auth API
-   * @default 'https://your-api.example.com'
-   */
-  baseUrl?: string
-
-  /**
-   * Client ID for authentication (optional - authentication is now based on domain)
-   */
-  clientId?: string
-
-  /**
-   * Primary accent color for the auth components
-   * @default '#EA00A8'
-   */
-  accentColor?: string
-
-  /**
-   * Default redirect URL after successful authentication
-   * @default '/'
-   */
-  redirectUrl?: string
-
-  /**
-   * URL to redirect to after successful sign in
-   * @default '/dashboard'
-   */
-  onSignInUrl?: string
-
-  /**
-   * URL to redirect to after successful sign out
-   * @default '/'
-   */
-  onSignOutUrl?: string
-
-  /**
-   * Enable automatic token refresh
-   * @default true
-   */
-  autoRefresh?: boolean
-
-  /**
-   * Token refresh interval in minutes
-   * @default 4
-   */
-  refreshInterval?: number
-
-  /**
-   * Pages that should redirect to sign in if user is not authenticated
-   * @default []
-   */
-  protectedRoutes?: string[]
-
-  /**
-   * Pages that should redirect away if user IS authenticated
-   * @default ['/auth', '/login', '/register']
-   */
-  guestOnlyRoutes?: string[]
-
-  /**
-   * Enable development mode (shows debug info)
-   * @default false
-   */
-  devMode?: boolean
-
-  /**
-   * Support email address for contact links
-   * @optional
-   */
-  supportEmail?: string
-  
-  /**
-   * OAuth2 redirect URL for OAuth providers
-   * If not specified, will use {origin}/auth/callback
-   * @optional
-   */
-  oauth2RedirectUrl?: string
-
-  /**
-   * Automatically import CSS styles
-   * Set to false if you want to manually import styles or use custom styling
-   * @default true
-   */
-  styles?: boolean
-
-  /**
-   * Custom API endpoints
-   */
-  endpoints?: Partial<StrandsAuthEndpoints>
-
-  /**
-   * Enable squircle corners for UI components
-   * @default true
-   */
-  useSquircle?: boolean
+    /**
+     * Base URL for the Strands Auth API
+     * @default 'https://your-api.example.com'
+     */
+    baseUrl?: string;
+    /**
+     * Client ID for authentication (optional - authentication is now based on domain)
+     */
+    clientId?: string;
+    /**
+     * Primary accent color for the auth components
+     * @default '#EA00A8'
+     */
+    accentColor?: string;
+    /**
+     * Default redirect URL after successful authentication
+     * @default '/'
+     */
+    redirectUrl?: string;
+    /**
+     * URL to redirect to after successful sign in
+     * @default '/dashboard'
+     */
+    onSignInUrl?: string;
+    /**
+     * URL to redirect to after successful sign out
+     * @default '/'
+     */
+    onSignOutUrl?: string;
+    /**
+     * Enable automatic token refresh
+     * @default true
+     */
+    autoRefresh?: boolean;
+    /**
+     * Token refresh interval in minutes
+     * @default 4
+     */
+    refreshInterval?: number;
+    /**
+     * Pages that should redirect to sign in if user is not authenticated
+     * @default []
+     */
+    protectedRoutes?: string[];
+    /**
+     * Pages that should redirect away if user IS authenticated
+     * @default ['/auth', '/login', '/register']
+     */
+    guestOnlyRoutes?: string[];
+    /**
+     * Enable development mode (shows debug info)
+     * @default false
+     */
+    devMode?: boolean;
+    /**
+     * Support email address for contact links
+     * @optional
+     */
+    supportEmail?: string;
+    /**
+     * OAuth2 redirect URL for OAuth providers
+     * If not specified, will use {origin}/auth/callback
+     * @optional
+     */
+    oauth2RedirectUrl?: string;
+    /**
+     * Automatically import CSS styles
+     * Set to false if you want to manually import styles or use custom styling
+     * @default true
+     */
+    styles?: boolean;
+    /**
+     * Custom API endpoints
+     */
+    endpoints?: Partial<StrandsAuthEndpoints>;
+    /**
+     * Enable squircle corners for UI components
+     * @default true
+     */
+    useSquircle?: boolean;
 }
-
 export interface StrandsAuthEndpoints {
-  signIn: string
-  signUp: string
-  signOut: string
-  refresh: string
-  passwordReset: string
-  passwordResetConfirm: string
-  completeRegistration: string
-  profile: string
-  verifyEmail: string
-  oauthProviders: string
-  oauthProvider: string
-  changeEmail: string
-  avatar: string
-  settings: string
-  // Username endpoints
-  changeUsername: string
-  usernameCooldown: string
-  checkUsernameAvailability: string
-  // MFA endpoints
-  mfaDevices: string
-  mfaTotpSetup: string
-  mfaTotpVerify: string
-  mfaEmailSetup: string
-  mfaEmailSend: string
-  mfaEmailVerify: string
-  mfaDeviceDisable: string
-  mfaBackupCodes: string
-  // Hardware key endpoints
-  mfaHardwareStartRegistration: string
-  mfaHardwareCompleteRegistration: string
-  // MFA sign-in specific endpoints
-  mfaSigninSendEmail: string
-  mfaSigninVerify: string
-  mfaBackupCodeVerify: string
-  mfaWebAuthnChallenge: string
-  // Session management endpoints
-  sessions: string
-  sessionsStats: string
-  sessionRevoke: string
-  sessionsRevokeAll: string
+    signIn: string;
+    signUp: string;
+    signOut: string;
+    refresh: string;
+    passwordReset: string;
+    passwordResetConfirm: string;
+    completeRegistration: string;
+    profile: string;
+    verifyEmail: string;
+    oauthProviders: string;
+    oauthProvider: string;
+    changeEmail: string;
+    avatar: string;
+    settings: string;
+    changeUsername: string;
+    usernameCooldown: string;
+    checkUsernameAvailability: string;
+    mfaDevices: string;
+    mfaTotpSetup: string;
+    mfaTotpVerify: string;
+    mfaEmailSetup: string;
+    mfaEmailSend: string;
+    mfaEmailVerify: string;
+    mfaDeviceDisable: string;
+    mfaBackupCodes: string;
+    mfaHardwareStartRegistration: string;
+    mfaHardwareCompleteRegistration: string;
+    mfaSigninSendEmail: string;
+    mfaSigninVerify: string;
+    mfaBackupCodeVerify: string;
+    mfaWebAuthnChallenge: string;
+    sessions: string;
+    sessionsStats: string;
+    sessionRevoke: string;
+    sessionsRevokeAll: string;
 }
-
-// API Response types
 export interface AuthResponse {
-  access_token: string
-  refresh_token: string
-  user: User
-  mfa_required?: boolean
-  mfa_session_id?: string
-  available_mfa_methods?: MfaDevice[]
-}
-
-// MFA Types
-export type MfaDeviceType = 'totp' | 'email' | 'hardware' | 'passkey'
-
+    access_token: string;
+    refresh_token: string;
+    user: User;
+    mfa_required?: boolean;
+    mfa_session_id?: string;
+    available_mfa_methods?: MfaDevice[];
+}
+export type MfaDeviceType = 'totp' | 'email' | 'hardware' | 'passkey';
 export interface MfaDevice {
-  id: string
-  device_type: MfaDeviceType
-  device_name: string
-  is_active: boolean
-  last_used_at?: string | Date
-  created_at: string | Date
+    id: string;
+    device_type: MfaDeviceType;
+    device_name: string;
+    is_active: boolean;
+    last_used_at?: string | Date;
+    created_at: string | Date;
 }
-
 export interface MfaDevicesResponse {
-  devices: MfaDevice[]
-  mfa_enabled: boolean
+    devices: MfaDevice[];
+    mfa_enabled: boolean;
 }
-
 export interface TotpSetupResponse {
-  device_id: string
-  secret: string
-  qr_code_url: string
-  backup_codes: string[]
+    device_id: string;
+    secret: string;
+    qr_code_url: string;
+    backup_codes: string[];
 }
-
 export interface BackupCodesResponse {
-  backup_codes: string[]
+    backup_codes: string[];
 }
-
-// MFA Error Response types
 export interface MfaErrorResponse {
-  code: string
-  message: string
-  mfa_session_id?: string
-  available_methods?: string[]
-}
+    code: string;
+    message: string;
+    mfa_session_id?: string;
+    available_methods?: string[];
+}
+export type * from './composables';

package/dist/utils/colors.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Complete Tailwind CSS color palette with shades
+ * Provides all 22 Tailwind colors with their full shade ranges (50-950)
+ */
+interface SwatchConfig {
+    label?: string;
+    shades?: string[];
+}
+export declare const tailwindColors: Record<string, SwatchConfig>;
+export type { SwatchConfig };

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './validation';
+export * from './colors';

package/dist/utils/slots.d.ts

@@ -0,0 +1 @@
+export declare const slotHasContent: (slotName: string, slots: any) => boolean;

package/dist/utils/validation.d.ts

@@ -0,0 +1,12 @@
+export declare const isValidEmail: (email: string) => boolean;
+export declare const validatePassword: (password: string) => {
+    isValid: boolean;
+    strength: "weak" | "medium" | "strong";
+    errors: string[];
+};
+export declare const isValidName: (name: string) => boolean;
+export declare const isRequired: (value: string) => boolean;
+export declare const passwordsMatch: (password: string, confirmation: string) => boolean;
+export declare const getInitials: (firstName?: string, lastName?: string) => string;
+export declare const formatDate: (date: string | Date) => string;
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => ((...args: Parameters<T>) => void);

package/dist/vue/components/StrandsNav/index.d.ts

@@ -0,0 +1,8 @@
+import StrandsNavComponent from './StrandsNav.vue';
+import StrandsNavItem from './StrandsNavItem.vue';
+declare const StrandsNav: typeof StrandsNavComponent & {
+    Item: typeof StrandsNavItem;
+};
+export default StrandsNav;
+export { StrandsNavItem };
+export type { NavItem } from './types';

package/dist/vue/components/StrandsNav/types.d.ts

@@ -0,0 +1,12 @@
+export interface NavItem {
+    id: string;
+    label: string;
+    to?: string;
+    href?: string;
+    icon?: string;
+    badge?: string | number;
+    active?: boolean;
+    disabled?: boolean;
+    children?: NavItem[];
+    [key: string]: any;
+}

package/dist/vue/components/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconGoogle } from './IconGoogle.vue';
+export { default as IconGithub } from './IconGithub.vue';

package/dist/vue/components/index.d.ts

@@ -0,0 +1,27 @@
+export { default as StrandsAuth } from './StrandsAuth.vue';
+export { default as StrandsSignIn } from './StrandsSignIn.vue';
+export { default as StrandsSignUp } from './StrandsSignUp.vue';
+export { default as StrandsCompleteSignUp } from './StrandsCompleteSignUp.vue';
+export { default as StrandsUserProfile } from './StrandsUserProfile.vue';
+export { default as StrandsPasswordReset } from './StrandsPasswordReset.vue';
+export { default as StrandsMfaVerification } from './StrandsMfaVerification.vue';
+export { default as StrandsSessionsModal } from './StrandsSessionsModal.vue';
+export { default as StrandsConfirmModal } from './StrandsConfirmModal.vue';
+export { default as SignedIn } from './SignedIn.vue';
+export { default as StrandsLogo } from './StrandsLogo.vue';
+export { default as StrandsSecuredFooter } from './StrandsSecuredFooter.vue';
+export { default as StrandsConfigProvider } from './StrandsConfigProvider.vue';
+export { default as SvgIcon } from './SvgIcon.vue';
+export { default as StrandsUserButton } from './StrandsUserButton.vue';
+export { default as StrandsNav, StrandsNavItem } from './StrandsNav';
+export type { NavItem } from './StrandsNav';
+export { default as VirtualList } from './VirtualList.vue';
+export * from './icons';
+export { preloadCriticalComponents } from '../utils/lazyComponents';
+export { default as StrandsMFASetup } from './StrandsMFASetup.vue';
+export { default as StrandsMfaModal } from './StrandsMfaModal.vue';
+export { default as StrandsTotpSetupModal } from './StrandsTotpSetupModal.vue';
+export { default as StrandsEmailMfaSetupModal } from './StrandsEmailMfaSetupModal.vue';
+export { default as StrandsHardwareKeySetupModal } from './StrandsHardwareKeySetupModal.vue';
+export { default as StrandsBackupCodesModal } from './StrandsBackupCodesModal.vue';
+export { default as StrandsSettingsModal } from './StrandsSettingsModal.vue';

package/dist/vue/composables/useAuthenticatedFetch.d.ts

@@ -0,0 +1,20 @@
+import type { AuthenticatedFetchOptions } from '../../types';
+/**
+ * Enhanced fetch composable that automatically includes auth headers
+ * and handles token refresh for API requests (Vue version)
+ */
+export declare function useAuthenticatedFetch(): {
+    authenticatedFetch: (url: string | URL, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    get: (url: string | URL, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    post: (url: string | URL, body?: any, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    put: (url: string | URL, body?: any, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    delete: (url: string | URL, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    patch: (url: string | URL, body?: any, options?: AuthenticatedFetchOptions) => Promise<Response>;
+};
+export declare const $authFetch: {
+    get: (url: string | URL, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    post: (url: string | URL, body?: any, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    put: (url: string | URL, body?: any, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    delete: (url: string | URL, options?: AuthenticatedFetchOptions) => Promise<Response>;
+    patch: (url: string | URL, body?: any, options?: AuthenticatedFetchOptions) => Promise<Response>;
+};

package/dist/vue/composables/useDarkMode.d.ts

@@ -0,0 +1,48 @@
+export type ThemeMode = 'light' | 'dark' | 'system';
+/**
+ * Dark mode composable
+ */
+export declare function useDarkMode(): {
+    currentTheme: import("vue").ComputedRef<ThemeMode>;
+    isDark: import("vue").ComputedRef<boolean>;
+    themeLabel: import("vue").ComputedRef<"Light" | "Dark" | "System">;
+    setTheme: (theme: ThemeMode) => void;
+    toggle: () => void;
+    cycleTheme: () => void;
+    initialize: () => void;
+    themeOptions: ({
+        value: "light";
+        label: string;
+        icon: string;
+    } | {
+        value: "dark";
+        label: string;
+        icon: string;
+    } | {
+        value: "system";
+        label: string;
+        icon: string;
+    })[];
+};
+export declare function useGlobalDarkMode(): {
+    currentTheme: import("vue").ComputedRef<ThemeMode>;
+    isDark: import("vue").ComputedRef<boolean>;
+    themeLabel: import("vue").ComputedRef<"Light" | "Dark" | "System">;
+    setTheme: (theme: ThemeMode) => void;
+    toggle: () => void;
+    cycleTheme: () => void;
+    initialize: () => void;
+    themeOptions: ({
+        value: "light";
+        label: string;
+        icon: string;
+    } | {
+        value: "dark";
+        label: string;
+        icon: string;
+    } | {
+        value: "system";
+        label: string;
+        icon: string;
+    })[];
+};