@svadmin/ui 0.68.1 → 0.69.1

package/dist/components/fields/PercentField.svelte

@@ -56,10 +56,10 @@
 
   const toneTextClass: Record<PercentTone, string> = {
     auto: '',
-    success: 'text-success font-medium',
-    warning: 'text-warning-foreground font-medium',
-    destructive: 'text-destructive font-medium',
-    info: 'text-primary font-medium',
+    success: 'svadmin-u-76747e5e02ff svadmin-u-2689f3958069',
+    warning: 'svadmin-u-3a4ff758c2ab svadmin-u-2689f3958069',
+    destructive: 'svadmin-u-811148b13d1e svadmin-u-2689f3958069',
+    info: 'svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069',
     neutral: 'text-foreground',
   };
 
@@ -78,15 +78,15 @@
 </script>
 
 {#if percentNumber === null}
-  <span class={cn('field-percent text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-percent svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
-  <div class={cn('field-percent inline-flex items-center gap-2 text-sm', className)}>
-    <span class={cn('tabular-nums', toneTextClass[resolvedTone])}>
+  <div class={cn('field-percent svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb', className)}>
+    <span class={cn('svadmin-u-3032cae0badb', toneTextClass[resolvedTone])}>
       {formatted}
     </span>
     {#if showProgress}
       <div
-        class="h-1.5 w-16 overflow-hidden rounded-full bg-muted"
+        class="svadmin-u-095acb275581 svadmin-u-baceed3462fd svadmin-u-2cd02d11d1af svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219"
         role="progressbar"
         aria-label="Percentage"
         aria-valuemin="0"
@@ -94,7 +94,7 @@
         aria-valuenow={clampedProgress}
       >
         <div
-          class={cn('h-full transition-all duration-300', toneBarClass[resolvedTone])}
+          class={cn('svadmin-u-668b21aa5409 svadmin-u-0fe7d7d814d0 svadmin-u-7890552ecd63', toneBarClass[resolvedTone])}
           style="width: {clampedProgress}%"
         ></div>
       </div>

package/dist/components/fields/PhoneField.svelte

@@ -75,34 +75,34 @@
 </script>
 
 {#if !stringValue}
-  <span class={cn('field-phone text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-phone svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
-  <div class={cn('field-phone inline-flex items-center gap-1.5 text-sm', className)}>
+  <div class={cn('field-phone svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-fc7473ca09eb', className)}>
     {#if showIcon}
-      <Phone class="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+      <Phone class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-012fbd121f37 svadmin-u-bfa603190748" />
     {/if}
     {#if clickable && telHref}
       <a
         href={telHref}
-        class="font-medium text-foreground hover:text-primary transition-colors underline-offset-4 hover:underline"
+        class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-1a78fc7ab897 svadmin-u-ceb69a6b0e5f svadmin-u-02af9e5da98e svadmin-u-f673f4a7d061"
       >
         {stringValue}
       </a>
     {:else}
-      <span class="text-foreground">{stringValue}</span>
+      <span class="svadmin-u-d4108abe6359">{stringValue}</span>
     {/if}
     {#if copyable}
       <button
         type="button"
         onclick={handleCopy}
-        class="inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+        class="svadmin-u-52083e7da442 svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-07389a777c1f svadmin-u-bfa603190748 svadmin-u-8e551981c8d7 svadmin-u-ea7b2e9e070e svadmin-u-ceb69a6b0e5f"
         aria-label={copied ? 'Copied' : 'Copy phone number'}
         title={copied ? 'Copied' : 'Copy phone number'}
       >
         {#if copied}
-          <Check class="h-3 w-3 text-success" />
+          <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-76747e5e02ff" />
         {:else}
-          <Copy class="h-3 w-3" />
+          <Copy class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         {/if}
       </button>
     {/if}

package/dist/components/fields/RatingField.svelte

@@ -37,9 +37,9 @@
   });
 
   const sizeClasses: Record<RatingSize, { icon: string; text: string }> = {
-    sm: { icon: 'h-3.5 w-3.5', text: 'text-xs' },
-    default: { icon: 'h-4 w-4', text: 'text-sm' },
-    lg: { icon: 'h-5 w-5', text: 'text-base' },
+    sm: { icon: 'svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c', text: 'svadmin-u-359090c2d529' },
+    default: { icon: 'svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3', text: 'svadmin-u-fc7473ca09eb' },
+    lg: { icon: 'svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e', text: 'svadmin-u-4ee734926ff6' },
   };
 
   const stars = $derived.by(() => {
@@ -59,26 +59,26 @@
 </script>
 
 {#if numericValue === null}
-  <span class={cn('field-rating text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-rating svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
-  <div class={cn('field-rating inline-flex items-center gap-1.5', className)}>
+  <div class={cn('field-rating svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568', className)}>
     <div
-      class="inline-flex items-center gap-0.5 text-warning"
+      class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-a3899220f90e svadmin-u-918184635b1d"
       role="img"
       aria-label={`${numericValue} out of ${normalizedMax}`}
     >
       {#each stars as starType, idx (idx)}
         {#if starType === 'full'}
-          <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'fill-warning text-warning')} />
+          <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'svadmin-u-d633790a1397 svadmin-u-918184635b1d')} />
         {:else if starType === 'half'}
-          <StarHalf aria-hidden="true" class={cn(sizeClasses[size].icon, 'fill-warning text-warning')} />
+          <StarHalf aria-hidden="true" class={cn(sizeClasses[size].icon, 'svadmin-u-d633790a1397 svadmin-u-918184635b1d')} />
         {:else}
-          <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'text-muted-foreground/30')} />
+          <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'svadmin-u-106b502aac96')} />
         {/if}
       {/each}
     </div>
     {#if showValue}
-      <span class={cn('tabular-nums font-medium text-foreground', sizeClasses[size].text)}>
+      <span class={cn('svadmin-u-3032cae0badb svadmin-u-2689f3958069 svadmin-u-d4108abe6359', sizeClasses[size].text)}>
         {numericValue}
       </span>
     {/if}

package/dist/components/fields/RelationField.svelte

@@ -20,11 +20,11 @@
 {#if href}
   <a
     {href}
-    class="inline-flex items-center gap-1 text-primary hover:underline text-sm"
+    class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-20aaf08a7ed1 svadmin-u-f673f4a7d061 svadmin-u-fc7473ca09eb"
   >
     {display}
-    <ExternalLink class="h-3 w-3" />
+    <ExternalLink class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
   </a>
 {:else}
-  <span class="text-muted-foreground">{display}</span>
+  <span class="svadmin-u-bfa603190748">{display}</span>
 {/if}

package/dist/components/fields/RichTextField.svelte

@@ -17,17 +17,17 @@
 </script>
 
 {#if !text}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {:else}
-  <div class="prose prose-sm dark:prose-invert max-w-none">
-    <p class="whitespace-pre-wrap text-sm leading-relaxed">
+  <div class="svadmin-rich-text prose prose-sm svadmin-u-2191c1456297">
+    <p class="svadmin-u-a2edcb1a3a6b svadmin-u-fc7473ca09eb svadmin-u-6b189c6edadb">
       {showFull ? text : display}
     </p>
     {#if truncated}
       <Button
         variant="link"
         size="sm"
-        class="text-xs text-primary h-auto p-0"
+        class="svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1 svadmin-u-b8f0a08ece1e svadmin-u-8a539c7fe216"
         onclick={() => { showFull = !showFull; }}
       >
         {showFull ? i18n.t('common.showLess') : i18n.t('common.showMore')}

package/dist/components/fields/TagField.svelte

@@ -31,11 +31,11 @@
   }: Props = $props();
 
   const toneClass: Record<TagTone, string> = {
-    success: 'border-success/30 bg-success/10 text-success',
-    warning: 'border-warning/30 bg-warning/10 text-warning-foreground',
-    danger: 'border-destructive/30 bg-destructive/10 text-destructive',
-    info: 'border-primary/30 bg-primary/10 text-primary',
-    neutral: 'border-border bg-muted text-muted-foreground',
+    success: 'svadmin-u-18a6e7a36f29 svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff',
+    warning: 'svadmin-u-2f960aa0c478 svadmin-u-283481e780bb svadmin-u-3a4ff758c2ab',
+    danger: 'svadmin-u-9d5d8b4711b4 svadmin-u-43928fcc832f svadmin-u-811148b13d1e',
+    info: 'svadmin-u-05f954a846d6 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1',
+    neutral: 'svadmin-u-18049387f0af svadmin-u-2ef11f1cb219 svadmin-u-bfa603190748',
   };
 
   const tags = $derived(
@@ -58,20 +58,20 @@
   }
 </script>
 
-<span class={cn('inline-flex flex-wrap gap-1 items-center', className)}>
+<span class={cn('svadmin-u-52083e7da442 svadmin-u-1eb5c6df38c1 svadmin-u-44ee8ba0a421 svadmin-u-3960ffc248d9', className)}>
   {#each tags as tag, _i (_i)}
     {@const customClass = resolveTagClass(tag)}
     {#if clickable || onclick}
       <button
         type="button"
         onclick={() => onclick?.(tag)}
-        class="focus:outline-none focus:ring-1 focus:ring-ring rounded"
+        class="svadmin-u-55d048ebfb1c svadmin-u-0f3af40e92e8 svadmin-u-80b9d0ae125f svadmin-u-07389a777c1f"
       >
         <Badge
           variant={customClass ? 'outline' : variant}
           class={cn(
-            'transition-colors cursor-pointer hover:opacity-80',
-            size === 'sm' ? 'px-1.5 py-0 text-[11px] h-5' : '',
+            'svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-eaeb741978b7',
+            size === 'sm' ? 'svadmin-u-45d828117213 svadmin-u-68ecb30dbec6 svadmin-u-d058ca6de60f svadmin-u-cd0d9c512cdc' : '',
             customClass
           )}
         >
@@ -82,7 +82,7 @@
       <Badge
         variant={customClass ? 'outline' : variant}
         class={cn(
-          size === 'sm' ? 'px-1.5 py-0 text-[11px] h-5' : '',
+          size === 'sm' ? 'svadmin-u-45d828117213 svadmin-u-68ecb30dbec6 svadmin-u-d058ca6de60f svadmin-u-cd0d9c512cdc' : '',
           customClass
         )}
       >
@@ -91,6 +91,6 @@
     {/if}
   {/each}
   {#if tags.length === 0}
-    <span class="text-muted-foreground">{nullLabel}</span>
+    <span class="svadmin-u-bfa603190748">{nullLabel}</span>
   {/if}
 </span>

package/dist/components/fields/TextField.svelte

@@ -5,7 +5,7 @@
   const needsTooltip = $derived(value && maxLength && value.length > maxLength);
 </script>
 {#if value}
-  <span class="inline-block" title={needsTooltip ? value : undefined}>{display}</span>
+  <span class="svadmin-u-bb0c4bfc52bd" title={needsTooltip ? value : undefined}>{display}</span>
 {:else}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {/if}

package/dist/components/fields/UrlField.svelte

@@ -37,14 +37,14 @@
     href={value}
     {target}
     rel="noopener noreferrer"
-    class={cn('text-primary hover:underline inline-flex items-center gap-1 text-sm font-medium', className)}
+    class={cn('svadmin-u-20aaf08a7ed1 svadmin-u-f673f4a7d061 svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-fc7473ca09eb svadmin-u-2689f3958069', className)}
     title={value}
   >
     <span>{display}</span>
     {#if showIcon}
-      <ExternalLink class="h-3 w-3 shrink-0 opacity-60" />
+      <ExternalLink class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-012fbd121f37 svadmin-u-f2868c227fcd" />
     {/if}
   </a>
 {:else}
-  <span class="text-muted-foreground">{nullLabel}</span>
+  <span class="svadmin-u-bfa603190748">{nullLabel}</span>
 {/if}

package/dist/components/network/TeamCrewTablePage.svelte

@@ -27,11 +27,11 @@
 </script>
 
 {#snippet row(item: CrewMember)}
-  <tr data-svadmin-table-row><td class="px-4 py-3"><div class="flex items-center gap-3"><Avatar fallback={initials(item.name)} alt={item.name} size="sm" /><div><p class="text-sm font-medium text-foreground">{item.name}</p><p class="text-xs text-muted-foreground">{item.email}</p></div></div></td><td class="px-4 py-3 text-sm">{item.role}</td><td class="px-4 py-3 text-sm text-muted-foreground">{item.department}</td><td class="px-4 py-3"><Badge variant="outline">{item.status}</Badge></td><td class="px-4 py-3 text-sm">{item.projects}</td></tr>
+  <tr data-svadmin-table-row><td class="svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c"><Avatar fallback={initials(item.name)} alt={item.name} size="sm" /><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.name}</p><p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.email}</p></div></div></td><td class="svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12 svadmin-u-fc7473ca09eb">{item.role}</td><td class="svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{item.department}</td><td class="svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><Badge variant="outline">{item.status}</Badge></td><td class="svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12 svadmin-u-fc7473ca09eb">{item.projects}</td></tr>
 {/snippet}
 
 <ContentPageShell pageId="network-team-crew" width="wide">
-  <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"><ContentPageHeader title={i18n.t('network.teamCrew')} description={i18n.t('network.teamCrewDescription')} /><div class="flex flex-wrap gap-2"><Button variant="outline" size="sm"><Download class="size-3.5" />{i18n.t('common.export')}</Button><Button size="sm"><UserPlus class="size-3.5" />{i18n.t('account.inviteMember')}</Button></div></div>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93"><ContentPageHeader title={i18n.t('network.teamCrew')} description={i18n.t('network.teamCrewDescription')} /><div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-77a2a20e90d4"><Button variant="outline" size="sm"><Download class="svadmin-u-783b0d9d1e2c" />{i18n.t('common.export')}</Button><Button size="sm"><UserPlus class="svadmin-u-783b0d9d1e2c" />{i18n.t('account.inviteMember')}</Button></div></div>
   <FilterToolbar bind:query placeholder={i18n.t('common.search')} />
   <NetworkTable rows={filtered} {columns} {row} />
 </ContentPageShell>

package/dist/components/network/UserCardsNFTPage.svelte

@@ -29,7 +29,7 @@
   {#if filtered.length === 0}
     <DataState state="empty" title={i18n.t('network.userCards')} />
   {:else}
-    <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
+    <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e4d6f343b9ff svadmin-u-b86f7f946cd8">
       {#each filtered as user (user.id)}
         <NetworkUserCard
           {user}

package/dist/components/profile/ActivityTimeline.svelte

@@ -13,15 +13,15 @@
   let autoRefresh = $state(false);
   const i18n = useTranslation();
   const config: Record<string, { icon: Component; tone: string; action: string }> = {
-    posted: { icon: MessageSquare, tone: 'bg-primary/10 text-primary', action: i18n.t('publicProfile.activityPosted') },
-    commented: { icon: MessageSquare, tone: 'bg-success/10 text-success', action: i18n.t('publicProfile.activityCommented') },
-    joined: { icon: UserPlus, tone: 'bg-muted text-muted-foreground', action: i18n.t('publicProfile.activityJoined') },
-    created: { icon: Plus, tone: 'bg-warning/10 text-warning-foreground', action: i18n.t('publicProfile.activityCreated') },
-    starred: { icon: Star, tone: 'bg-primary/10 text-primary', action: i18n.t('publicProfile.activityCreated') },
+    posted: { icon: MessageSquare, tone: 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1', action: i18n.t('publicProfile.activityPosted') },
+    commented: { icon: MessageSquare, tone: 'svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff', action: i18n.t('publicProfile.activityCommented') },
+    joined: { icon: UserPlus, tone: 'svadmin-u-2ef11f1cb219 svadmin-u-bfa603190748', action: i18n.t('publicProfile.activityJoined') },
+    created: { icon: Plus, tone: 'svadmin-u-283481e780bb svadmin-u-3a4ff758c2ab', action: i18n.t('publicProfile.activityCreated') },
+    starred: { icon: Star, tone: 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1', action: i18n.t('publicProfile.activityCreated') },
   };
 </script>
 
-<section class="space-y-4">
-  <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"><SectionHeader title={i18n.t("publicProfile.activity")} />{#if showAutoRefresh}<div class="flex items-center gap-1 rounded-md border border-border p-1"><Button size="sm" variant={autoRefresh ? "default" : "ghost"} onclick={() => autoRefresh = true}>{i18n.t("common.on")}</Button><Button size="sm" variant={!autoRefresh ? "default" : "ghost"} onclick={() => autoRefresh = false}>{i18n.t("common.off")}</Button></div>{/if}</div>
-  {#if activities.length === 0}<DataState state="empty" title={i18n.t('publicProfile.noActivity')} />{:else}<Card.Card><Card.CardContent class="p-0"><div class="divide-y divide-border">{#each activities as activity (activity.id)}{@const item = config[activity.type] ?? config.posted}<div class="flex items-start gap-3 p-4">{#if activity.avatar}<Avatar src={activity.avatar} alt={activity.user} size="sm" />{:else}<span class={'flex size-8 shrink-0 items-center justify-center rounded-full ' + item.tone}><item.icon class="size-4" /></span>{/if}<div class="min-w-0 flex-1"><p class="text-sm"><strong class="text-foreground">{activity.user}</strong><span class="text-muted-foreground"> {item.action} </span>{#if activity.target}<strong class="text-foreground">{activity.target}</strong>{/if}</p>{#if activity.content}<p class="mt-1 text-sm text-muted-foreground">{activity.content}</p>{/if}<p class="mt-1 text-xs text-muted-foreground">{activity.timestamp}</p></div></div>{/each}</div></Card.CardContent></Card.Card>{/if}
+<section class="svadmin-u-3e7ce58d64fa">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93"><SectionHeader title={i18n.t("publicProfile.activity")} />{#if showAutoRefresh}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-eb6a3cef9686"><Button size="sm" variant={autoRefresh ? "default" : "ghost"} onclick={() => autoRefresh = true}>{i18n.t("common.on")}</Button><Button size="sm" variant={!autoRefresh ? "default" : "ghost"} onclick={() => autoRefresh = false}>{i18n.t("common.off")}</Button></div>{/if}</div>
+  {#if activities.length === 0}<DataState state="empty" title={i18n.t('publicProfile.noActivity')} />{:else}<Card.Card><Card.CardContent class="svadmin-u-8a539c7fe216"><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each activities as activity (activity.id)}{@const item = config[activity.type] ?? config.posted}<div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c svadmin-u-8e63407b5ceb">{#if activity.avatar}<Avatar src={activity.avatar} alt={activity.user} size="sm" />{:else}<span class={'svadmin-u-60fbb7713999 svadmin-u-d8f5213f0fe0 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 ' + item.tone}><item.icon class="svadmin-u-f7b5fa971871" /></span>{/if}<div class="svadmin-u-7e0b7cdf1a94 svadmin-u-36e579c0b41c"><p class="svadmin-u-fc7473ca09eb"><strong class="svadmin-u-d4108abe6359">{activity.user}</strong><span class="svadmin-u-bfa603190748"> {item.action} </span>{#if activity.target}<strong class="svadmin-u-d4108abe6359">{activity.target}</strong>{/if}</p>{#if activity.content}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{activity.content}</p>{/if}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{activity.timestamp}</p></div></div>{/each}</div></Card.CardContent></Card.Card>{/if}
 </section>

package/dist/components/profile/ProfileCard.svelte

@@ -67,125 +67,125 @@
   }
 </script>
 
-<Card.Card class="overflow-hidden border-border/60">
+<Card.Card class="svadmin-u-2cd02d11d1af svadmin-u-05faf5c801ff">
   {#if coverImage}
-    <div class="h-32 bg-muted relative">
-      <img src={coverImage} alt="" class="h-full w-full object-cover" />
+    <div class="svadmin-u-b5f3ff77f4f9 svadmin-u-2ef11f1cb219 svadmin-u-d89972fe17d6">
+      <img src={coverImage} alt="" class="svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-7d85d0c21a32" />
     </div>
   {:else}
-    <div class="h-32 bg-muted relative">
-      <div class="absolute inset-0 opacity-[0.06]" style="background-image: radial-gradient(circle, currentColor 1px, transparent 1px); background-size: 20px 20px;"></div>
+    <div class="svadmin-u-b5f3ff77f4f9 svadmin-u-2ef11f1cb219 svadmin-u-d89972fe17d6">
+      <div class="svadmin-u-da4dbfbc4fdc svadmin-u-7b7df0449b80 svadmin-u-7fc47b48933f" style="background-image: radial-gradient(circle, currentColor 1px, transparent 1px); background-size: 20px 20px;"></div>
     </div>
   {/if}
 
-  <Card.CardContent class="relative px-5 pb-5">
-    <div class="-mt-10 mb-3 flex items-end gap-4">
-      <div class="ring-4 ring-card rounded-lg overflow-hidden shrink-0">
+  <Card.CardContent class="svadmin-u-d89972fe17d6 svadmin-u-d139dd09e38d svadmin-u-09c1ba5f3e1a">
+    <div class="svadmin-u-f69834fc7f5b svadmin-u-1bb883263ed2 svadmin-u-60fbb7713999 svadmin-u-6f27f4f79e55 svadmin-u-0c3bc98565dd">
+      <div class="svadmin-u-44559afbdbd7 svadmin-u-21752b56424c svadmin-u-5f22e64f2282 svadmin-u-2cd02d11d1af svadmin-u-012fbd121f37">
         {#if avatar}
-          <Avatar class="h-20 w-20">
+          <Avatar class="svadmin-u-0a769880db93 svadmin-u-ed831a4dff32">
             <img src={avatar} alt={name} />
           </Avatar>
         {:else}
-          <div class="flex h-20 w-20 items-center justify-center rounded-lg bg-primary/10 text-primary text-2xl font-bold">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-0a769880db93 svadmin-u-ed831a4dff32 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-3febee094e85 svadmin-u-69450ef1487e">
             {initials}
           </div>
         {/if}
       </div>
-      <div class="flex-1 min-w-0 pb-1">
-        <div class="flex items-center gap-2">
-          <h3 class="text-lg font-semibold text-foreground truncate">{name}</h3>
+      <div class="svadmin-u-36e579c0b41c svadmin-u-7e0b7cdf1a94 svadmin-u-569eb16216dd">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+          <h3 class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-f283ea9bea0e">{name}</h3>
           {#if variant === 'company'}
-            <Badge variant="secondary" class="shrink-0"><Building2 class="h-3 w-3 mr-1" />{i18n.t('profile.company')}</Badge>
+            <Badge variant="secondary" class="svadmin-u-012fbd121f37"><Building2 class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-618162408e7a" />{i18n.t('profile.company')}</Badge>
           {:else if variant === 'gamer'}
-            <Badge variant="secondary" class="shrink-0"><Gamepad2 class="h-3 w-3 mr-1" />{i18n.t('profile.gamer')}</Badge>
+            <Badge variant="secondary" class="svadmin-u-012fbd121f37"><Gamepad2 class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-618162408e7a" />{i18n.t('profile.gamer')}</Badge>
           {/if}
         </div>
         {#if tagline}
-          <p class="text-sm text-muted-foreground truncate">{tagline}</p>
+          <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748 svadmin-u-f283ea9bea0e">{tagline}</p>
         {/if}
       </div>
     </div>
 
     <!-- Variant-specific info -->
     {#if variant === 'company' && (industry || employees || founded)}
-      <div class="mb-3 grid grid-cols-2 gap-2 text-sm">
+      <div class="svadmin-u-1bb883263ed2 svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb">
         {#if industry}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Building2 class="h-3.5 w-3.5" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Building2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             <span>{industry}</span>
           </div>
         {/if}
         {#if employees}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Users class="h-3.5 w-3.5" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Users class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             <span>{employees} {i18n.t('profile.employees')}</span>
           </div>
         {/if}
         {#if founded}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Calendar class="h-3.5 w-3.5" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Calendar class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             <span>{i18n.t('profile.founded')} {founded}</span>
           </div>
         {/if}
         {#if website}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Link class="h-3.5 w-3.5" />
-            <span class="truncate">{website}</span>
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Link class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
+            <span class="svadmin-u-f283ea9bea0e">{website}</span>
           </div>
         {/if}
       </div>
     {:else if variant === 'gamer' && (gamerTag || level || rank)}
-      <div class="mb-3 grid grid-cols-2 gap-2 text-sm">
+      <div class="svadmin-u-1bb883263ed2 svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb">
         {#if gamerTag}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Gamepad2 class="h-3.5 w-3.5" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Gamepad2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             <span>{gamerTag}</span>
           </div>
         {/if}
         {#if level}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Star class="h-3.5 w-3.5" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Star class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             <span>{i18n.t('profile.level')} {level}</span>
           </div>
         {/if}
         {#if rank}
-          <div class="flex items-center gap-2 text-muted-foreground">
-            <Trophy class="h-3.5 w-3.5" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+            <Trophy class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             <span>{rank}</span>
           </div>
         {/if}
       </div>
     {:else}
       <!-- Default profile info -->
-      <div class="mb-3 flex flex-wrap gap-3 text-sm text-muted-foreground">
+      <div class="svadmin-u-1bb883263ed2 svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-1004c0c3954c svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
         {#if location}
-          <div class="flex items-center gap-1.5"><MapPin class="h-3.5 w-3.5" /><span>{location}</span></div>
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568"><MapPin class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" /><span>{location}</span></div>
         {/if}
         {#if website}
-          <div class="flex items-center gap-1.5"><Link class="h-3.5 w-3.5" /><span class="truncate">{website}</span></div>
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568"><Link class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" /><span class="svadmin-u-f283ea9bea0e">{website}</span></div>
         {/if}
         {#if joinedDate}
-          <div class="flex items-center gap-1.5"><Calendar class="h-3.5 w-3.5" /><span>{i18n.t('publicProfile.joinedDate', { date: joinedDate })}</span></div>
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568"><Calendar class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" /><span>{i18n.t('publicProfile.joinedDate', { date: joinedDate })}</span></div>
         {/if}
       </div>
     {/if}
 
     <!-- Tags -->
     {#if tags.length > 0}
-      <div class="mb-3 flex flex-wrap gap-1.5">
+      <div class="svadmin-u-1bb883263ed2 svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-58284b4ea568">
         {#each tags as tag (tag)}
-          <Badge variant="outline" class="text-xs">{tag}</Badge>
+          <Badge variant="outline" class="svadmin-u-359090c2d529">{tag}</Badge>
         {/each}
       </div>
     {/if}
 
     <!-- Stats -->
     {#if stats.length > 0}
-      <div class="mb-3 grid {statsGridClass} gap-3 border-t pt-3">
+      <div class="svadmin-u-1bb883263ed2 svadmin-u-f3c543ad5fe9 {statsGridClass} svadmin-u-1004c0c3954c svadmin-u-b950dda299d3 svadmin-u-ce335a8e4f56">
         {#each stats as stat (stat.label)}
-          <div class="text-center">
-            <div class="text-lg font-semibold text-foreground">{stat.value}</div>
-            <div class="text-xs text-muted-foreground">{stat.label}</div>
+          <div class="svadmin-u-ca6bf63030aa">
+            <div class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{stat.value}</div>
+            <div class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{stat.label}</div>
           </div>
         {/each}
       </div>
@@ -193,18 +193,18 @@
 
     <!-- Followers / Following -->
     {#if followers > 0 || following > 0}
-      <div class="flex gap-4 text-sm border-t pt-3">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-0c3bc98565dd svadmin-u-fc7473ca09eb svadmin-u-b950dda299d3 svadmin-u-ce335a8e4f56">
         {#if followers > 0}
-          <span><strong class="text-foreground">{followers}</strong> <span class="text-muted-foreground">{i18n.t('publicProfile.followers')}</span></span>
+          <span><strong class="svadmin-u-d4108abe6359">{followers}</strong> <span class="svadmin-u-bfa603190748">{i18n.t('publicProfile.followers')}</span></span>
         {/if}
         {#if following > 0}
-          <span><strong class="text-foreground">{following}</strong> <span class="text-muted-foreground">{i18n.t('publicProfile.following')}</span></span>
+          <span><strong class="svadmin-u-d4108abe6359">{following}</strong> <span class="svadmin-u-bfa603190748">{i18n.t('publicProfile.following')}</span></span>
         {/if}
       </div>
     {/if}
 
     <!-- Actions -->
-    <div class="mt-3 flex gap-2">
+    <div class="svadmin-u-eccd13ef4f2f svadmin-u-60fbb7713999 svadmin-u-77a2a20e90d4">
       <Button
         size="sm"
         variant={isConnected ? 'outline' : 'default'}