@vertesia/ui 0.77.0 → 0.78.0-dev-28b447d

package/src/features/store/objects/components/DocumentIcon.tsx

@@ -15,6 +15,36 @@ interface DocumentIconProps {
     selection: DocumentSelection;
     onRowClick?: (object: ContentObjectItem) => void;
 }
+
+export function DocumentIconSkeleton({ isLoading = false, counts = 6 }: { isLoading?: boolean, counts?: number }) {
+    if (!isLoading) {
+        return null
+    }
+    return (
+        <div className='flex flex-wrap gap-2 justify-between'>
+            {Array(counts).fill(0).map((_, index) =>
+                <div key={index} className="w-[15vw] animate-pulse">
+                    <Card className="relative flex flex-col border h-fit">
+                        <div className="h-48 bg-muted rounded-t-xl flex items-center justify-center text-muted">
+                            &nbsp;
+                        </div>
+                        <Separator className='bg-muted h-[2px]' />
+                        <CardContent className="p-2 flex flex-col">
+                            <div className="flex flex-col overflow-hidden">
+                                <div className="h-5 bg-muted rounded w-3/4 mb-2"></div>
+                                <div className="h-4 bg-muted rounded w-1/2"></div>
+                            </div>
+                            <div className="text-xs text-muted w-full flex justify-end mt-2">
+                                <div className="h-3 bg-muted rounded w-1/4"></div>
+                            </div>
+                        </CardContent>
+                    </Card>
+                </div>
+            )}
+        </div>
+    )
+}
+
 export function DocumentIcon({ selection, document, onSelectionChange, onRowClick }: Readonly<DocumentIconProps>) {
     const { client } = useUserSession()
 
@@ -77,8 +107,8 @@ export function DocumentIcon({ selection, document, onSelectionChange, onRowClic
                 )
             }
             <Separator className='bg-gray-200 h-[2px]' />
-            <CardContent className="p-2 flex flex-col gap-1">
-                <div className="flex flex-col">
+            <CardContent className="p-2 flex flex-col">
+                <div className="flex flex-col overflow-hidden">
                     <VTooltip
                         placement='top'
                         description={document.properties?.title ?? document.name}>
@@ -94,6 +124,11 @@ export function DocumentIcon({ selection, document, onSelectionChange, onRowClic
                         ) : <p className="text-xs text-muted">{"\u2002"}</p>
                     }
                 </div>
+                {document.score && (
+                    <div className="text-xs text-muted w-full flex justify-end">
+                        Score: {(document.score).toFixed(4) ?? "-"}
+                    </div>
+                )}
             </CardContent>
         </Card>
     )

package/src/features/store/objects/layout/documentLayout.tsx

@@ -1,8 +1,7 @@
-import { Table, TBody, Spinner } from "@vertesia/ui/core";
+import { Table, TBody } from "@vertesia/ui/core";
 import { ContentObjectItem, ColumnLayout } from "@vertesia/common";
-import clsx from "clsx";
 import { ChangeEvent } from "react";
-import { DocumentIcon } from "../components/DocumentIcon";
+import { DocumentIcon, DocumentIconSkeleton } from "../components/DocumentIcon";
 import { DocumentSelection } from "../DocumentSelectionProvider";
 import { DocumentTableColumn } from "./DocumentTableColumn";
 
@@ -53,12 +52,9 @@ export function DocumentTableView({ objects, selection, isLoading, onRowClick, c
 }
 
 export function DocumentGridView({ objects, selection, isLoading, onSelectionChange, onRowClick }: ViewProps) {
-
     return (
         <>
-            <div className={clsx("bg-white opacity-40 absolute inset-0 z-50 flex justify-center items-center", isLoading ? "block" : "hidden")}>
-                <Spinner size='xl' />
-            </div>
+            <DocumentIconSkeleton isLoading={isLoading} />
             <div className="w-full gap-2 grid lg:grid-cols-6">
                 {objects.map((document) => (
                     <DocumentIcon key={document.id} document={document} selection={selection} onSelectionChange={onSelectionChange} onRowClick={onRowClick} />

package/src/features/store/objects/search/DocumentSearchContext.ts

@@ -107,9 +107,11 @@ export class DocumentSearch implements SearchInterface {
             facets: includeFacets ? this.facetSpecs : undefined
         };
 
-        return this.collectionId ?
+        const request = this.collectionId ?
             this.client.collections.searchMembers(this.collectionId, payload)
             : this.client.objects.search(payload);
+            
+        return request;
     }
 
     _facetsRequest() {
@@ -126,7 +128,7 @@ export class DocumentSearch implements SearchInterface {
     }
 
     _search(loadMore = false, noFacets = false) {
-        if (this.isRunning) { // avoid searching when a search is pending
+        if (this.isRunning && loadMore) { // avoid searching when a search is pending, but allow initial search
             return Promise.resolve(false);
         }
         this.result.value = {
@@ -165,7 +167,10 @@ export class DocumentSearch implements SearchInterface {
     }
 
     search(noFacets = false) {
-        if (this.isRunning) return Promise.resolve(false);
+        // Allow initial search even if isLoading is true (for initial page load)
+        if (this.isRunning && this.objects.length > 0) {
+            return Promise.resolve(false);
+        }
         return this._search(false, noFacets);
     }
 

package/src/features/store/objects/selection/actions/AddToCollectionAction.tsx

@@ -41,14 +41,16 @@ interface SelectCollectionModalProps {
 }
 function SelectCollectionModal({ isOpen, onClose, objectIds }: SelectCollectionModalProps) {
     return (
-        <VModal isOpen={isOpen} onClose={onClose}>
-            <VModalTitle className="flex flex-col">
+        <VModal isOpen={isOpen} onClose={onClose} className="max-w-lg w-full min-w-0 overflow-hidden">
+            <VModalTitle className="flex flex-col min-w-0 overflow-hidden">
                 Add to a Collection
             </VModalTitle>
-            <DialogDescription>
+            <DialogDescription className="min-w-0 overflow-hidden">
                 Add the selected objects to an existing collection or create a new one.
             </DialogDescription>
-            <AddToCollectionForm onClose={onClose} objectIds={objectIds} />
+            <div className="min-w-0 max-w-full overflow-hidden">
+                <AddToCollectionForm onClose={onClose} objectIds={objectIds} />
+            </div>
         </VModal>
     )
 }
@@ -92,13 +94,18 @@ function AddToCollectionForm({ onClose, objectIds }: AddToCollectionFormProps) {
             name: 'select',
             label: 'Select Collection',
             content: (
-                <div className="p-4">
+                <div className="p-4 min-w-0 max-w-full overflow-hidden">
                     <Heading level={5}>Choose from existing collections</Heading>
-                    <VModalBody>
-                        <SelectCollection onChange={onCollectionChange} value={selectedCollectionId} className="mb-4" />
+                    <VModalBody className="min-w-0 max-w-full overflow-hidden">
+                        <div className="mb-4 min-w-0 max-w-full overflow-hidden">
+                            <SelectCollection onChange={onCollectionChange} value={selectedCollectionId} />
+                        </div>
                     </VModalBody>
                     <VModalFooter>
-                        <Button isDisabled={!selectedCollectionId} onClick={() => selectedCollectionId && onAddToCollection({ collectionId: selectedCollectionId })}>
+                        <Button
+                            isDisabled={!selectedCollectionId}
+                            onClick={() => selectedCollectionId && onAddToCollection({ collectionId: selectedCollectionId })}
+                        >
                             Add to Collection
                         </Button>
                     </VModalFooter>

package/src/features/store/objects/upload/DocumentUploadModal.tsx

@@ -114,12 +114,11 @@ export function DocumentUploadModal({
         if (!collectionData && !selectedFolder) return null;
 
         return (
-            <div className="mb-4 p-3 bg-primary rounded-md border border-primary">
-                <div className="flex items-center text-primary">
-                    <FolderIcon className="size-5 mr-2" />
+            <MessageBox className="mb-4" status="default" icon={<FolderIcon className="size-5" />}>
+                <div className="flex items-center">
                     <span className="font-medium">Upload Location:</span>
                 </div>
-                <div className="ml-7 text-sm text-primary mt-1">
+                <div className="text-sm mt-1">
                     {collectionData && (
                         <div className="flex items-center">
                             <span className="mr-1">Collection:</span>
@@ -133,7 +132,7 @@ export function DocumentUploadModal({
                         </div>
                     )}
                 </div>
-            </div>
+            </MessageBox>
         );
     };
 
@@ -167,7 +166,7 @@ export function DocumentUploadModal({
             setResult(null);
             setTitle(title);
             setDescription("");
-            
+
             // Set initial files if provided
             if (initialFiles && initialFiles.length > 0) {
                 setFiles(initialFiles);

package/src/features/store/types/ObjectSchemaEditor.tsx

@@ -130,7 +130,7 @@ function contentToJson(content: string | undefined | null) {
 const validateSchema = (schema: Record<string, any>) => {
     try {
         const ajv = new Ajv({
-            strict: true, // Enable strict mode to ensure all properties are validated
+            strict: false, // Enable strict mode to ensure all properties are validated
         });
         // Compile the schema. This implicitly validates the schema definition
         // against the JSON Schema draft that ajv supports by default.

package/src/features/user/UserInfo.tsx

@@ -1,10 +1,12 @@
 import { useUserSession } from "@vertesia/ui/session";
-import { ApiKey, PrincipalType, User } from "@vertesia/common";
+import { ApiKey, PrincipalType, User, UserGroup } from "@vertesia/common";
 import { Avatar, Table, Popover, PopoverContent, PopoverTrigger, useFetch } from "@vertesia/ui/core";
 import { ReactNode } from "react";
+import { Users } from "lucide-react";
 
 //TODO use a real cache
 const USER_CACHE: Record<string, Promise<User>> = {};
+const GROUP_CACHE: Record<string, Promise<UserGroup>> = {};
 
 /**
  * Fetch the user information given a user reference.
@@ -26,6 +28,25 @@ export function useFetchUserInfo(userId: string) {
     }, [userId]);
 }
 
+/**
+ * Fetch the group information given a group ID.
+ * @param groupId
+ */
+export function useFetchGroupInfo(groupId: string) {
+    const { client } = useUserSession();
+
+    return useFetch(() => {
+        let group: Promise<UserGroup> | undefined = GROUP_CACHE[groupId];
+        if (!group) {
+            group = client.iam.groups.retrieve(groupId).then(group => {
+                return group;
+            });
+            GROUP_CACHE[groupId] = group;
+        }
+        return group;
+    }, [groupId]);
+}
+
 function AvatarPlaceholder() {
     return <div className='size-8' />
 }
@@ -38,8 +59,10 @@ interface InfoProps {
 function SystemAvatar({ showTitle = false, size = "md" }: InfoProps) {
     return (
         <UserPopoverPanel title="System User" description="The system user is used to initialize built-in objects.">
-            <Avatar src="/icon.svg" size={size} />
-            {showTitle && <div className="text-sm font-semibold pl-2">System User</div>}
+            <div className="flex gap-2 items-center">
+                <Avatar src="/icon.svg" size={size} />
+                {showTitle && <div className="text-sm font-semibold pl-2">System User</div>}
+            </div>
         </UserPopoverPanel>
     )
 }
@@ -96,10 +119,14 @@ export function UserInfo({ userRef, showTitle = false, size = "md" }: UserInfoPr
     switch (type) {
         case PrincipalType.User:
             return <UserAvatar userId={id} showTitle={showTitle} size={size} />
+        case PrincipalType.Group:
+            return <GroupAvatar userId={id} showTitle={showTitle} size={size} />
         case "system":
             return <SystemAvatar showTitle={showTitle} size={size} />
         case PrincipalType.ServiceAccount:
             return <ServiceAccountAvatar accountId={id} showTitle={showTitle} size={size} />
+        case PrincipalType.Agent:
+            return <ServiceAccountAvatar accountId={id} showTitle={showTitle} size={size} />
         case PrincipalType.ApiKey:
             return <ApiKeyAvatar keyId={id} size={size} showTitle={showTitle} />
         default:
@@ -123,6 +150,44 @@ function UnknownAvatar({ title, message, color, size = "md", showTitle = false }
     )
 }
 
+interface GroupAvatarProps extends InfoProps {
+    userId: string;
+}
+function GroupAvatar({ userId, showTitle = false, size = "md" }: GroupAvatarProps) {
+    const { data: group, error } = useFetchGroupInfo(userId);
+
+    if (error) {
+        return <ErrorAvatar title="Failed to fetch group" error={error} showTitle={showTitle} size={size} />
+    }
+
+    if (!group) {
+        return <AvatarPlaceholder />
+    }
+
+    const description = (
+        <div className="space-y-1">
+            {group.description && <div className="text-sm">{group.description}</div>}
+            <div className="text-xs text-muted-foreground">Group ID: {group.id}</div>
+            {group.tags && group.tags.length > 0 && (
+                <div className="flex flex-wrap gap-1">
+                    {group.tags.map(tag => (
+                        <span key={tag} className="px-1.5 py-0.5 bg-muted rounded text-xs">{tag}</span>
+                    ))}
+                </div>
+            )}
+        </div>
+    )
+
+    return (
+        <UserPopoverPanel title={group.name || "Unnamed Group"} description={description}>
+            <div className="flex flex-row items-center gap-2">
+                <Users className="size-6 text-indigo-500" size={size} />
+                {showTitle && <div className="text-sm font-semibold pl-2">{group.name || "Unnamed Group"}</div>}
+            </div>
+        </UserPopoverPanel>
+    )
+}
+
 interface UserAvatarProps extends InfoProps {
     userId: string;
 }

package/src/session/UserSession.ts

@@ -33,6 +33,7 @@ class UserSession {
             this.client = new VertesiaClient({
                 serverUrl: Env.endpoints.studio,
                 storeUrl: Env.endpoints.zeno,
+                tokenServerUrl: Env.endpoints.sts
             });
         }
 

package/src/session/UserSessionProvider.tsx

@@ -7,7 +7,7 @@ import { Env } from "@vertesia/ui/env";
 import { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY, UserSession, UserSessionContext } from "./UserSession";
 
 const devDomains = [".composable.sh", ".vertesia.dev", "vertesia.app"];
-const CENTRAL_AUTH_REDIRECT = "https://internal-auth.vertesia.app/";
+const CENTRAL_AUTH_REDIRECT = "https://internal-auth.vertesia.app/?sts=https://sts-staging.vertesia.io";
 
 function shouldRedirectToCentralAuth() {
     // Authentication is not supported in Docker environment.

package/src/session/auth/composable.ts

@@ -32,95 +32,96 @@ export async function fetchComposableToken(getIdToken: () => Promise<string | nu
         throw new Error('No id token found');
     }
 
-    console.log('Fetching composable token from ' + Env.endpoints.studio);
-    Env.logger.info('Fetching composable token from' + Env.endpoints.studio, {
+    // Use STS endpoint - either configured or default to sts.vertesia.io
+    const stsEndpoint = Env.endpoints.sts;
+    console.log('Using STS for token generation:', stsEndpoint);
+    Env.logger.info('Using STS for token generation', {
         vertesia: {
             account_id: accountId,
             project_id: projectId,
+            sts_url: stsEndpoint,
         },
     });
 
-    const url = new URL(Env.endpoints.studio + '/auth/token');
-    if (accountId) url.searchParams.set('accountId', accountId);
-    if (projectId) url.searchParams.set('projectId', projectId);
-    if (ttl) url.searchParams.set('ttl', String(ttl));
-
-    console.log(`Getting composable token for account ${accountId} and project ${projectId}`);
-    Env.logger.info('Getting composable token', {
-        vertesia: {
+    try {
+        // Call STS to generate a user token
+        const stsUrl = new URL(stsEndpoint + '/token/issue');
+        const requestBody = {
+            type: 'user',
             account_id: accountId,
             project_id: projectId,
-        },
-    });
-
-    const res = await fetch(url, {
-        method: 'GET',
-        headers: {
-            'Content-Type': 'application/json',
-            'Authorization': `Bearer ${idToken}`
-        }
-    }).catch(err => {
-        localStorage.removeItem(LastSelectedAccountId_KEY);
-        localStorage.removeItem(LastSelectedProjectId_KEY);
-        console.error('Failed to get composable token', err);
-        Env.logger.error('Failed to get composable token', {
-            vertesia: {
-                account_id: accountId,
-                project_id: projectId,
-                error: err,
+            expires_at: ttl ? Math.floor(Date.now() / 1000) + ttl : undefined,
+        };
+
+        const stsRes = await fetch(stsUrl, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${idToken}` // Firebase token for authentication
             },
+            body: JSON.stringify(requestBody)
         });
-        throw new Error('Failed to get composable token');
-    });
 
-    if (idToken && res?.status === 412) {
-        console.log("412: auth succeeded but user doesn't exist - signup required", res?.status);
-        Env.logger.error("412: auth succeeded but user doesn't exist - signup required", {
-            vertesia: {
-                account_id: accountId,
-                project_id: projectId,
-                status: res?.status
-            },
-        });
-        const idTokenDecoded = jwtDecode(idToken) as any;
-        if (!idTokenDecoded?.email) {
-            Env.logger.error('No email found in id token');
-            throw new Error('No email found in id token');
-        }
-        Env.logger.error('User not found', {
-            vertesia: {
-                account_id: accountId,
-                project_id: projectId,
-                email: idTokenDecoded.email
+        if (idToken && stsRes?.status === 412) {
+            console.log("412: auth succeeded but user doesn't exist - signup required", stsRes?.status);
+            Env.logger.error("412: auth succeeded but user doesn't exist - signup required", {
+                vertesia: {
+                    account_id: accountId,
+                    project_id: projectId,
+                    status: stsRes?.status
+                },
+            });
+            const idTokenDecoded = jwtDecode(idToken) as any;
+            if (!idTokenDecoded?.email) {
+                Env.logger.error('No email found in id token');
+                throw new Error('No email found in id token');
             }
-        });
-        throw new UserNotFoundError('User not found', idTokenDecoded.email);
-    }
+            Env.logger.error('User not found', {
+                vertesia: {
+                    account_id: accountId,
+                    project_id: projectId,
+                    email: idTokenDecoded.email
+                }
+            });
+            throw new UserNotFoundError('User not found', idTokenDecoded.email);
+        }
+
+        if (!stsRes.ok) {
+            const errorText = await stsRes.text();
+            console.error('STS token generation failed:', stsRes.status, errorText);
+            Env.logger.error('STS token generation failed', {
+                vertesia: {
+                    status: stsRes.status,
+                    error: errorText,
+                    account_id: accountId,
+                    project_id: projectId,
+                },
+            });
+            throw new Error(`Failed to get token from STS: ${stsRes.status}`);
+        }
+
+        const { token } = await stsRes.json();
+        console.log('Successfully got token from STS');
+        Env.logger.info('Successfully got token from STS');
+        return token;
 
-    if (!res || !res.ok) {
-        console.error('Failed to get composable token', res);
-        Env.logger.error('Failed to get composable token', {
+    } catch (error) {
+        if (error instanceof UserNotFoundError) {
+            throw error; // Re-throw UserNotFoundError
+        }
+
+        localStorage.removeItem(LastSelectedAccountId_KEY);
+        localStorage.removeItem(LastSelectedProjectId_KEY);
+        console.error('Failed to get composable token from STS', error);
+        Env.logger.error('Failed to get composable token from STS', {
             vertesia: {
                 account_id: accountId,
                 project_id: projectId,
-                status: res?.status,
+                error: error,
             },
         });
         throw new Error('Failed to get composable token');
     }
-
-    const { token } = await res.json().catch(err => {
-        Env.logger.error('Failed to parse composable token', {
-            vertesia: {
-                account_id: accountId,
-                project_id: projectId,
-                error: err,
-            },
-        });
-        console.error('Failed to parse composable token', err);
-    });
-
-    return token;
 }
 
 /**
@@ -187,4 +188,4 @@ export class UserNotFoundError extends Error {
         this.name = 'UserNotFoundError';
         this.email = email;
     }
-}
+}

package/src/shell/apps/AppProjectSelector.tsx

@@ -1,11 +1,11 @@
 import { ProjectRef, RequireAtLeastOne } from "@vertesia/common";
 import { SelectBox, useFetch } from "@vertesia/ui/core";
-import { useUserSession } from "@vertesia/ui/session";
+import { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY, useUserSession } from "@vertesia/ui/session";
 import { useState } from "react";
 
 interface AppProjectSelectorProps {
     app: RequireAtLeastOne<{ id?: string, name?: string }, 'id' | 'name'>;
-    onChange: (value: ProjectRef) => void;
+    onChange?: (value: ProjectRef) => void | boolean;
     placeholder?: string;
 }
 export function AppProjectSelector({ app, onChange, placeholder }: AppProjectSelectorProps) {
@@ -14,11 +14,23 @@ export function AppProjectSelector({ app, onChange, placeholder }: AppProjectSel
         return client.apps.getAppInstallationProjects(app);
     }, [app.id, app.name])
 
+    const _onChange = (project: ProjectRef) => {
+        if (onChange) {
+            if (!onChange(project)) {
+                // if onChange returns true then the defualt on change is called
+                return;
+            }
+        }
+        // default on change
+        localStorage.setItem(LastSelectedAccountId_KEY, project.account);
+        localStorage.setItem(LastSelectedProjectId_KEY + '-' + project.account, project.id);
+        window.location.reload();
+    }
+
     if (error) {
         return <span className='text-red-600'>Error: failed to fetch projects: {error.message}</span>
     }
-
-    return <SelectProject placeholder={placeholder} initialValue={project?.id} projects={projects || []} onChange={onChange} />
+    return <SelectProject placeholder={placeholder} initialValue={project?.id} projects={projects || []} onChange={_onChange} />
 }
 
 interface SelectProjectProps {
@@ -28,17 +40,16 @@ interface SelectProjectProps {
     placeholder?: string;
 }
 function SelectProject({ initialValue, projects, onChange, placeholder = "Select Project" }: Readonly<SelectProjectProps>) {
-    const [value, setValue] = useState<ProjectRef | undefined>(() => {
-        return initialValue ? projects.find(p => p.id === initialValue) : undefined
-    });
+    const [value, setValue] = useState<ProjectRef | undefined>();
     const _onChange = (value: ProjectRef) => {
         setValue(value)
         onChange(value)
     }
+    let actualValue = !value && initialValue ? projects.find(p => p.id === initialValue) : value;
     return (
         <SelectBox
             by="id"
-            value={value}
+            value={actualValue}
             options={projects}
             optionLabel={(option) => option.name}
             placeholder={placeholder}

package/src/shell/apps/index.ts

@@ -1,3 +1,3 @@
 export * from "./AppInstallationProvider";
+export * from "./AppProjectSelector";
 export * from "./StandaloneApp";
-export * from "./AppProjectSelector";

package/src/shell/login/UserInfo.tsx

@@ -67,7 +67,7 @@ export default function InfoList() {
 
     return (
         <div className="w-full">
-            <VTabs defaultValue="user" tabs={tabs} fullWidth>
+            <VTabs defaultValue="user" tabs={tabs} fullWidth updateHash={false}>
                 <VTabsBar />
                 <VTabsPanel />
             </VTabs>

package/src/widgets/schema-editor/index.ts

@@ -1,4 +1,3 @@
-export * from "./JSONSchemaEditorModal.js";
 export * from "./ManagedSchema.js";
 export * from "./editor/EditableSchemaProperty.js";
 export * from "./editor/PropertyEditor.js";

package/lib/esm/core/components/Avatar.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function getRealSize(size) {
-    switch (size) {
-        case 'xs': return 'size-4';
-        case 'sm': return 'size-6';
-        case 'md': return 'size-8';
-        case 'lg': return 'size-10';
-        case 'xl': return 'size-12';
-        case '2xl': return 'size-14';
-        default: throw new Error('Unexpected size: ' + size);
-    }
-}
-export function Avatar({ size, src, name, shape = "circle", color = 'bg-gray-500', className }) {
-    const rounded = shape === 'circle' ? 'rounded-full' : 'rounded-md';
-    const sizeClass = getRealSize(size || 'md');
-    if (src) {
-        return (_jsx("img", { className: `inline-block ${sizeClass} ${rounded} ${color} ${className}`, src: src, alt: name || src, title: name }));
-    }
-    if (name) {
-        const [first, second] = name.split(' ');
-        let text = second ? `${first[0]}${second[0]}` : `${first[0]}${first[1]}`;
-        return (_jsx("span", { className: `inline-flex ${sizeClass} items-center justify-center ${rounded} ${color} ${className}`, title: name, children: _jsx("span", { className: `${(size != 'xs') ? 'text-xs' : 'text-[0.6rem]'} font-medium leading-none text-white`, children: text }) }));
-    }
-    return (_jsx("span", { className: `inline-block ${sizeClass} overflow-hidden ${rounded} ${color}`, children: _jsx("svg", { className: "h-full w-full text-gray-300", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" }) }) }));
-}
-export function SvgAvatar({ size, shape = "circle", color = 'bg-gray-500', className, children }) {
-    const rounded = shape === 'circle' ? 'rounded-full' : 'rounded-md';
-    const sizeClass = getRealSize(size || 'md');
-    return (_jsx("span", { className: `inline-block ${sizeClass} overflow-hidden ${rounded} ${color} ${className}`, children: children }));
-}
-//# sourceMappingURL=Avatar.js.map

package/lib/esm/core/components/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/core/components/Avatar.tsx"],"names":[],"mappings":";AACA,SAAS,WAAW,CAAC,IAA8C;IAC/D,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,KAAK,IAAI,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS,CAAC;QAC7B,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAe;IACvG,MAAM,OAAO,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAE5C,IAAI,GAAG,EAAE,CAAC;QACN,OAAO,CACH,cACI,SAAS,EAAE,gBAAgB,SAAS,IAAI,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,EACvE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,IAAI,GAAG,EAChB,KAAK,EAAE,IAAI,GACb,CACL,CAAA;IACL,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACzE,OAAO,CACH,eAAM,SAAS,EAAE,eAAe,SAAS,gCAAgC,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,YACjH,eAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,sCAAsC,YAAG,IAAI,GAAQ,GAClH,CACV,CAAA;IACL,CAAC;IAED,OAAO,CACH,eAAM,SAAS,EAAE,gBAAgB,SAAS,oBAAoB,OAAO,IAAI,KAAK,EAAE,YAC5E,cAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,YAChF,eAAM,CAAC,EAAC,4HAA4H,GAAG,GACrI,GACH,CACV,CAAA;AACL,CAAC;AAKD,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAkB;IAC5G,MAAM,OAAO,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAC5C,OAAO,CACH,eAAM,SAAS,EAAE,gBAAgB,SAAS,oBAAoB,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,YACxF,QAAQ,GACN,CACV,CAAA;AACL,CAAC"}