claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
78 lines • 2.43 kB
TypeScript
import type { UserInfo } from '../../knowledge/CollaborativeBlockEditor/types.js';
interface UserProfileInfo extends UserInfo {
status: 'online' | 'away' | 'busy' | 'offline';
role?: string;
title?: string;
department?: string;
location?: string;
timezone?: string;
bio?: string;
joinedAt?: string;
lastSeen?: string;
messageCount?: number;
isCurrentUser?: boolean;
permissions?: string[];
socialLinks?: Array<{
platform: string;
url: string;
username: string;
}>;
customFields?: Array<{
label: string;
value: string;
type: 'text' | 'link' | 'email';
}>;
}
interface UserProfileCardProps {
user: UserProfileInfo;
editable?: boolean;
showActions?: boolean;
showBioEditor?: boolean;
compact?: boolean;
class?: string;
onBioUpdate?: (userId: string, bio: string) => Promise<void>;
onMessageUser?: (userId: string) => void;
onCallUser?: (userId: string) => void;
onViewFullProfile?: (userId: string) => void;
onBlockUser?: (userId: string) => void;
onReportUser?: (userId: string) => void;
}
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
declare const UserProfileCard: $$__sveltets_2_IsomorphicComponent<UserProfileCardProps, {
'bio-updated': CustomEvent<{
userId: string;
bio: string;
}>;
'message-user': CustomEvent<{
userId: string;
}>;
'call-user': CustomEvent<{
userId: string;
}>;
'view-full-profile': CustomEvent<{
userId: string;
}>;
'block-user': CustomEvent<{
userId: string;
}>;
'report-user': CustomEvent<{
userId: string;
}>;
} & {
[evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type UserProfileCard = InstanceType<typeof UserProfileCard>;
export default UserProfileCard;
//# sourceMappingURL=UserProfileCard.svelte.d.ts.map