@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/content/WorkspaceStageStepper.svelte

@@ -34,10 +34,10 @@
   }: Props = $props();
 
   const markerClass: Record<WorkspaceStageStatus, string> = {
-    complete: 'border-success/30 bg-success/10 text-success',
-    current: 'border-primary bg-primary text-primary-foreground',
-    blocked: 'border-warning/40 bg-warning/15 text-warning-foreground',
-    pending: 'border-border bg-background text-muted-foreground',
+    complete: 'svadmin-u-18a6e7a36f29 svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff',
+    current: 'svadmin-u-6cbc84dd9e1a svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2',
+    blocked: 'svadmin-u-c688a14d7b97 svadmin-u-d9c3c520f7d5 svadmin-u-3a4ff758c2ab',
+    pending: 'svadmin-u-18049387f0af svadmin-u-e6f9e383a762 svadmin-u-bfa603190748',
   };
 
   const resolvedStatusLabels = $derived<Record<WorkspaceStageStatus, string>>({
@@ -49,33 +49,33 @@
   });
 </script>
 
-<nav aria-label={ariaLabel} class={cn('overflow-x-auto', className)} data-svadmin-workspace-stages>
-  <ol class="flex min-w-max items-start gap-0 px-0.5 py-1">
+<nav aria-label={ariaLabel} class={cn('svadmin-u-1384f66f41d0', className)} data-svadmin-workspace-stages>
+  <ol class="svadmin-u-60fbb7713999 svadmin-u-286893e2971d svadmin-u-60541e1e26f8 svadmin-u-63a285be6490 svadmin-u-177c5cdba493 svadmin-u-660d2effb880">
     {#each stages as stage, index (stage.id)}
-      <li class="flex items-start">
+      <li class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8">
         <button
           type="button"
-          class="group grid min-w-28 grid-cols-[auto_minmax(0,1fr)] gap-x-2 rounded-md px-2 py-1.5 text-left outline-none transition-colors hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-ring sm:min-w-36"
+          class="group svadmin-u-f3c543ad5fe9 svadmin-u-4460ceede36b svadmin-u-4455d4748b63 svadmin-u-0f8a144a7c17 svadmin-u-421ac2be5045 svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-2eba0d65d059 svadmin-u-df37b1fd9495 svadmin-u-ceb69a6b0e5f svadmin-u-39f703dbe296 svadmin-u-793c80e97ffb svadmin-u-9c1295a6914a svadmin-u-e32fca50a966"
           aria-current={stage.id === activeId ? 'step' : undefined}
           aria-label={getStageAriaLabel?.(stage) || `${stage.label}: ${resolvedStatusLabels[stage.status]}`}
           onclick={() => onselect?.(stage)}
         >
-          <span class={cn('flex size-7 items-center justify-center rounded-full border', markerClass[stage.status])}>
+          <span class={cn('svadmin-u-60fbb7713999 svadmin-u-cc46d0fa277d svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-ca6bcd4b6f3f', markerClass[stage.status])}>
             {#if stage.status === 'complete'}
-              <Check class="size-3.5" />
+              <Check class="svadmin-u-783b0d9d1e2c" />
             {:else if stage.status === 'blocked'}
-              <AlertTriangle class="size-3.5" />
+              <AlertTriangle class="svadmin-u-783b0d9d1e2c" />
             {:else}
-              <Circle class={cn('size-2.5', stage.status === 'current' && 'fill-current')} />
+              <Circle class={cn('svadmin-u-6b7265b65ab7', stage.status === 'current' && 'svadmin-u-20269b6b378e')} />
             {/if}
           </span>
-          <span class="min-w-0 pt-0.5">
-            <span class={cn('block text-xs font-medium', stage.id === activeId ? 'text-foreground' : 'text-muted-foreground')}>{stage.label}</span>
-            {#if stage.description}<span class="mt-0.5 block max-w-32 truncate text-[0.6875rem] text-muted-foreground">{stage.description}</span>{/if}
+          <span class="svadmin-u-7e0b7cdf1a94 svadmin-u-087ea857932e">
+            <span class={cn('svadmin-u-0214b4b355d1 svadmin-u-359090c2d529 svadmin-u-2689f3958069', stage.id === activeId ? 'svadmin-u-d4108abe6359' : 'svadmin-u-bfa603190748')}>{stage.label}</span>
+            {#if stage.description}<span class="svadmin-u-15e1b1f444fe svadmin-u-0214b4b355d1 svadmin-u-1d274d2422d8 svadmin-u-f283ea9bea0e svadmin-u-76067d04e222 svadmin-u-bfa603190748">{stage.description}</span>{/if}
           </span>
         </button>
         {#if index < stages.length - 1}
-          <span class={cn('mt-5 h-px w-4 bg-border sm:w-7', stage.status === 'complete' && 'bg-success/50')} aria-hidden="true"></span>
+          <span class={cn('svadmin-u-fb77735ed17c svadmin-u-aea6160836e7 svadmin-u-dc7972ebf3f3 svadmin-u-a59afa8d9b9d svadmin-u-8edb3fc31a03', stage.status === 'complete' && 'svadmin-u-55b6d9158f15')} aria-hidden="true"></span>
         {/if}
       </li>
     {/each}

package/dist/components/content/WorkspaceTabBar.svelte

@@ -36,10 +36,10 @@
 <nav
   aria-label={ariaLabel}
   class={cn(
-    'flex items-center gap-1 overflow-x-auto',
-    variant === 'segmented' && 'rounded-lg border border-border bg-muted/40 p-1',
-    variant === 'pill' && 'gap-1.5 p-0.5',
-    variant === 'underline' && 'gap-2 border-b border-border',
+    'svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-1384f66f41d0',
+    variant === 'segmented' && 'svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-b00f43c30c2b svadmin-u-eb6a3cef9686',
+    variant === 'pill' && 'svadmin-u-58284b4ea568 svadmin-u-de8350a3bbad',
+    variant === 'underline' && 'svadmin-u-77a2a20e90d4 svadmin-u-65fdbade2025 svadmin-u-18049387f0af',
     className,
   )}
   data-svadmin-workspace-tab-bar
@@ -52,38 +52,38 @@
       type="button"
       disabled={item.disabled}
       class={cn(
-        'inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
+        'svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-421ac2be5045 svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-df37b1fd9495 svadmin-u-793c80e97ffb svadmin-u-9c1295a6914a svadmin-u-49330148794a svadmin-u-b29d8adbad2e',
         variant === 'segmented' && [
           isActive
-            ? 'bg-background text-foreground shadow-sm font-semibold'
-            : 'text-muted-foreground hover:bg-background/50 hover:text-foreground',
+            ? 'svadmin-u-e6f9e383a762 svadmin-u-d4108abe6359 svadmin-u-438b2237b8d6 svadmin-u-e83a7042bc91'
+            : 'svadmin-u-bfa603190748 svadmin-u-d01723c1dc46 svadmin-u-ea7b2e9e070e',
         ],
         variant === 'pill' && [
           isActive
-            ? 'bg-primary text-primary-foreground font-semibold'
-            : 'bg-muted/50 text-muted-foreground hover:bg-muted hover:text-foreground',
+            ? 'svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2 svadmin-u-e83a7042bc91'
+            : 'svadmin-u-358af0b65a31 svadmin-u-bfa603190748 svadmin-u-8e551981c8d7 svadmin-u-ea7b2e9e070e',
         ],
         variant === 'underline' && [
-          'rounded-none border-b-2 px-3 py-2',
+          'svadmin-u-0c5e9137c7de svadmin-u-65ac0c49a5d5 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b',
           isActive
-            ? 'border-primary text-primary font-semibold'
-            : 'border-transparent text-muted-foreground hover:border-border hover:text-foreground',
+            ? 'svadmin-u-6cbc84dd9e1a svadmin-u-20aaf08a7ed1 svadmin-u-e83a7042bc91'
+            : 'svadmin-u-521fa0c7c407 svadmin-u-bfa603190748 svadmin-u-512e82e6a68f svadmin-u-ea7b2e9e070e',
         ],
       )}
       aria-current={isActive ? 'page' : undefined}
       onclick={() => onselect?.(item)}
     >
       {#if Icon}
-        <Icon class="size-4 shrink-0" aria-hidden="true" />
+        <Icon class="svadmin-u-f7b5fa971871 svadmin-u-012fbd121f37" aria-hidden="true" />
       {/if}
       <span>{item.label}</span>
       {#if item.badge !== undefined && item.badge !== ''}
         <span
           class={cn(
-            'inline-flex items-center justify-center rounded-full px-1.5 py-0.5 text-[0.6875rem] font-bold leading-none tabular-nums',
+            'svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-76067d04e222 svadmin-u-69450ef1487e svadmin-u-c2385a463da8 svadmin-u-3032cae0badb',
             isActive
-              ? (variant === 'pill' ? 'bg-primary-foreground/20 text-primary-foreground' : 'bg-primary/10 text-primary')
-              : 'bg-muted text-muted-foreground',
+              ? (variant === 'pill' ? 'svadmin-u-d9d0c50e89ff svadmin-u-30ca335ae9c2' : 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1')
+              : 'svadmin-u-2ef11f1cb219 svadmin-u-bfa603190748',
           )}
         >
           {item.badge}

package/dist/components/fields/ArrayField.svelte

@@ -47,28 +47,28 @@
   }
 </script>
 
-<div class="space-y-4 rounded-lg border border-dashed p-4">
-  <div class="flex items-center justify-between">
-    <div class="text-sm font-medium text-foreground">
+<div class="svadmin-u-3e7ce58d64fa svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-a29b7a649c77 svadmin-u-8e63407b5ceb">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc">
+    <div class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">
       {field.label}
       {#if field.required}
-        <span class="text-destructive">*</span>
+        <span class="svadmin-u-811148b13d1e">*</span>
       {/if}
     </div>
     <Button variant="outline" size="sm" type="button" onclick={handleAdd}>
-      <Plus class="h-3.5 w-3.5 mr-1" /> {i18n.t('common.add') || 'Add'}
+      <Plus class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-618162408e7a" /> {i18n.t('common.add') || 'Add'}
     </Button>
   </div>
   
-  <div class="space-y-4 pt-2">
+  <div class="svadmin-u-3e7ce58d64fa svadmin-u-f46b61a9b310">
     {#each arrayVal as item, i (i)}
-      <div class="relative rounded-md border bg-card p-4 pt-6 shadow-sm">
-        <div class="absolute right-2 top-2">
-          <TooltipButton tooltip={i18n.t('common.remove') || 'Remove'} variant="ghost" size="icon" class="h-8 w-8 text-muted-foreground hover:text-destructive transition-colors" onclick={() => handleRemove(i)}>
-            <Trash2 class="h-4 w-4" />
+      <div class="svadmin-u-d89972fe17d6 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-30c1d058f0db svadmin-u-438b2237b8d6">
+        <div class="svadmin-u-da4dbfbc4fdc svadmin-u-7b2d63937d23 svadmin-u-9a2db8f949b6">
+          <TooltipButton tooltip={i18n.t('common.remove') || 'Remove'} variant="ghost" size="icon" class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-bfa603190748 svadmin-u-51e95020d6f2 svadmin-u-ceb69a6b0e5f" onclick={() => handleRemove(i)}>
+            <Trash2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
           </TooltipButton>
         </div>
-        <div class="grid gap-5">
+        <div class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4">
           {#each subFields as subField (subField.key)}
             <FieldRenderer
               field={subField}
@@ -80,7 +80,7 @@
       </div>
     {/each}
     {#if arrayVal.length === 0}
-      <div class="flex flex-col items-center justify-center py-6 text-sm text-muted-foreground bg-muted/10 rounded-md">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-940911bf310c svadmin-u-fc7473ca09eb svadmin-u-bfa603190748 svadmin-u-8a25a995eb8e svadmin-u-421ac2be5045">
         <span>{i18n.t('common.noData') || 'No items added yet.'}</span>
       </div>
     {/if}

package/dist/components/fields/AvatarField.svelte

@@ -38,14 +38,14 @@
   });
 
   const sizeClasses: Record<AvatarSize, { container: string; text: string; dot: string }> = {
-    xs: { container: 'h-5 w-5', text: 'text-[10px]', dot: 'h-1.5 w-1.5' },
-    sm: { container: 'h-7 w-7', text: 'text-xs', dot: 'h-2 w-2' },
-    default: { container: 'h-9 w-9', text: 'text-sm', dot: 'h-2.5 w-2.5' },
-    lg: { container: 'h-11 w-11', text: 'text-base', dot: 'h-3 w-3' },
+    xs: { container: 'svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e', text: 'svadmin-u-1dc571a3609f', dot: 'svadmin-u-095acb275581 svadmin-u-c696a0890973' },
+    sm: { container: 'svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828', text: 'svadmin-u-359090c2d529', dot: 'svadmin-u-2f2a842e50fa svadmin-u-940924b6e2d9' },
+    default: { container: 'svadmin-u-e7a768f922d2 svadmin-u-ae2181c7b10f', text: 'svadmin-u-fc7473ca09eb', dot: 'svadmin-u-9b3d0721b628 svadmin-u-650758f4572a' },
+    lg: { container: 'svadmin-u-f82f0c255ad9 svadmin-u-edaba517866e', text: 'svadmin-u-4ee734926ff6', dot: 'svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29' },
   };
 
   const statusColors: Record<AvatarStatus, string> = {
-    online: 'bg-success',
+    online: 'svadmin-u-3355648fe22b',
     success: 'bg-success',
     busy: 'bg-destructive',
     error: 'bg-destructive',
@@ -71,14 +71,14 @@
 </script>
 
 {#if !hasContent}
-  <span class={cn('field-avatar text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-avatar svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
-  <div class={cn('field-avatar inline-flex items-center gap-2.5', className)}>
-    <div class="relative inline-block shrink-0">
+  <div class={cn('field-avatar svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-7e9a2a250cc3', className)}>
+    <div class="svadmin-u-d89972fe17d6 svadmin-u-bb0c4bfc52bd svadmin-u-012fbd121f37">
       <div
         class={cn(
-          'flex items-center justify-center overflow-hidden bg-muted font-medium text-muted-foreground select-none',
-          shape === 'circle' ? 'rounded-full' : 'rounded-md',
+          'svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-2cd02d11d1af svadmin-u-2ef11f1cb219 svadmin-u-2689f3958069 svadmin-u-bfa603190748 svadmin-u-7f6912283f11',
+          shape === 'circle' ? 'svadmin-u-ac204c108886' : 'svadmin-u-421ac2be5045',
           sizeClasses[size].container,
           sizeClasses[size].text
         )}
@@ -87,7 +87,7 @@
           <img
             {src}
             alt={name?.trim() || 'Avatar'}
-            class="h-full w-full object-cover"
+            class="svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-7d85d0c21a32"
             onerror={() => { imgError = true; }}
           />
         {:else}
@@ -98,7 +98,7 @@
       {#if status}
         <span
           class={cn(
-            'absolute bottom-0 right-0 rounded-full ring-2 ring-background',
+            'svadmin-u-da4dbfbc4fdc svadmin-u-189f036c335c svadmin-u-d8cdcad240d1 svadmin-u-ac204c108886 svadmin-u-16b1efa5875e svadmin-u-85399de17097',
             statusColors[status],
             sizeClasses[size].dot
           )}
@@ -110,12 +110,12 @@
     </div>
 
     {#if showName && (name || subtitle)}
-      <div class="flex flex-col min-w-0 text-left">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-7e0b7cdf1a94 svadmin-u-2eba0d65d059">
         {#if name}
-          <span class="truncate text-xs font-medium text-foreground leading-tight">{name}</span>
+          <span class="svadmin-u-f283ea9bea0e svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-e9fadafbd4a2">{name}</span>
         {/if}
         {#if subtitle}
-          <span class="truncate text-[11px] text-muted-foreground leading-tight">{subtitle}</span>
+          <span class="svadmin-u-f283ea9bea0e svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-e9fadafbd4a2">{subtitle}</span>
         {/if}
       </div>
     {/if}

package/dist/components/fields/BooleanField.svelte

@@ -33,21 +33,21 @@
   }: Props = $props();
 
   const toneClass: Record<BooleanTone, 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',
   };
 </script>
 
 {#if value == null}
-  <span class={cn('text-muted-foreground', className)}>{nullLabel}</span>
+  <span class={cn('svadmin-u-bfa603190748', className)}>{nullLabel}</span>
 {:else if mode === 'badge' || mode === 'tag'}
   <Badge
     variant="outline"
     class={cn(
-      'font-medium text-xs',
+      'svadmin-u-2689f3958069 svadmin-u-359090c2d529',
       value ? toneClass[trueTone] : toneClass[falseTone],
       className
     )}
@@ -57,14 +57,14 @@
 {:else if mode === 'text'}
   <span
     class={cn(
-      'font-medium text-sm',
+      'svadmin-u-2689f3958069 svadmin-u-fc7473ca09eb',
       value
         ? trueTone === 'success'
-          ? 'text-success'
-          : 'text-foreground'
+          ? 'svadmin-u-76747e5e02ff'
+          : 'svadmin-u-d4108abe6359'
         : falseTone === 'danger'
-          ? 'text-destructive'
-          : 'text-muted-foreground',
+          ? 'svadmin-u-811148b13d1e'
+          : 'svadmin-u-bfa603190748',
       className
     )}
   >
@@ -74,7 +74,7 @@
   {#if value}
     <span
       class={cn(
-        'inline-flex items-center justify-center w-5 h-5 rounded-full text-xs font-semibold',
+        'svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-72470489ff4e svadmin-u-cd0d9c512cdc svadmin-u-ac204c108886 svadmin-u-359090c2d529 svadmin-u-e83a7042bc91',
         toneClass[trueTone],
         className
       )}
@@ -84,7 +84,7 @@
   {:else}
     <span
       class={cn(
-        'inline-flex items-center justify-center w-5 h-5 rounded-full text-xs font-semibold',
+        'svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-72470489ff4e svadmin-u-cd0d9c512cdc svadmin-u-ac204c108886 svadmin-u-359090c2d529 svadmin-u-e83a7042bc91',
         toneClass[falseTone],
         className
       )}

package/dist/components/fields/CodeField.svelte

@@ -70,13 +70,13 @@
 </script>
 
 {#if !formattedCode}
-  <span class={cn('field-code text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-code svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
-  <div class={cn('field-code relative group rounded-md border border-border/80 bg-muted/40 text-xs font-mono', className)}>
+  <div class={cn('field-code svadmin-u-d89972fe17d6 group svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-c9ed8c5f79ae svadmin-u-b00f43c30c2b svadmin-u-359090c2d529 svadmin-u-0e65706bcccd', className)}>
     {#if language || copyable}
-      <div class="flex items-center justify-between border-b border-border/60 bg-muted/60 px-2.5 py-1 text-[11px] text-muted-foreground">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-706701550477 svadmin-u-0b91436debbd svadmin-u-660d2effb880 svadmin-u-d058ca6de60f svadmin-u-bfa603190748">
         {#if language}
-          <Badge variant="outline" class="h-4 px-1 text-[10px] font-mono">
+          <Badge variant="outline" class="svadmin-u-11e59c6d5f6b svadmin-u-d8e0e382c67b svadmin-u-1dc571a3609f svadmin-u-0e65706bcccd">
             {language.toUpperCase()}
           </Badge>
         {:else}
@@ -86,23 +86,23 @@
         {#if copyable}
           <button
             type="button"
-            class="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-muted-foreground hover:text-foreground hover:bg-background/80 transition-colors focus:outline-none focus:ring-1 focus:ring-ring"
+            class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-07389a777c1f svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-783c2dcc5172 svadmin-u-ceb69a6b0e5f svadmin-u-55d048ebfb1c svadmin-u-0f3af40e92e8 svadmin-u-80b9d0ae125f"
             onclick={handleCopy}
             title={copied ? copiedTitle : title}
             aria-label={copied ? copiedTitle : title}
           >
             {#if copied}
-              <Check class="h-3 w-3 text-success animate-in zoom-in-50" />
-              <span class="text-[10px] text-success">{copiedTitle}</span>
+              <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-76747e5e02ff svadmin-u-40137e897961 zoom-in-50" />
+              <span class="svadmin-u-1dc571a3609f svadmin-u-76747e5e02ff">{copiedTitle}</span>
             {:else}
-              <Copy class="h-3 w-3" />
-              <span class="text-[10px]">{title}</span>
+              <Copy class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
+              <span class="svadmin-u-1dc571a3609f">{title}</span>
             {/if}
           </button>
         {/if}
       </div>
     {/if}
 
-    <pre class={cn('p-2.5 overflow-x-auto overflow-y-auto leading-relaxed select-all', maxHeight)}><code>{formattedCode}</code></pre>
+    <pre class={cn('svadmin-u-9fe52d5d506c svadmin-u-1384f66f41d0 svadmin-u-92bf82f493b1 svadmin-u-6b189c6edadb svadmin-u-8078c71d23ee', maxHeight)}><code>{formattedCode}</code></pre>
   </div>
 {/if}

package/dist/components/fields/CopyField.svelte

@@ -77,24 +77,24 @@
 </script>
 
 {#if !rawString}
-  <span class={cn('field-copy text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-copy svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
-  <span class={cn('field-copy inline-flex items-center gap-1.5 text-sm group', className)}>
-    <span class={cn(monospace ? 'font-mono text-xs' : '', 'truncate select-all')}>
+  <span class={cn('field-copy svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-fc7473ca09eb group', className)}>
+    <span class={cn(monospace ? 'svadmin-u-0e65706bcccd svadmin-u-359090c2d529' : '', 'svadmin-u-f283ea9bea0e svadmin-u-8078c71d23ee')}>
       {displayText}
     </span>
     {#if copyable}
       <button
         type="button"
-        class="inline-flex items-center justify-center h-5 w-5 rounded text-muted-foreground hover:text-foreground hover:bg-muted/60 transition-colors focus:outline-none focus:ring-1 focus:ring-ring"
+        class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-07389a777c1f svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-68646cdcc246 svadmin-u-ceb69a6b0e5f svadmin-u-55d048ebfb1c svadmin-u-0f3af40e92e8 svadmin-u-80b9d0ae125f"
         onclick={handleCopy}
         title={copied ? copiedTitle : title}
         aria-label={copied ? copiedTitle : title}
       >
         {#if copied}
-          <Check class="h-3 w-3 text-success animate-in zoom-in-50 duration-150" />
+          <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-76747e5e02ff svadmin-u-40137e897961 zoom-in-50 svadmin-u-233c0494b485" />
         {:else}
-          <Copy class="h-3 w-3 opacity-70 group-hover:opacity-100 transition-opacity" />
+          <Copy class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-0c67ca474a69 svadmin-u-181f3d6c9821 svadmin-u-67d6184a0024" />
         {/if}
       </button>
     {/if}

package/dist/components/fields/CurrencyField.svelte

@@ -80,20 +80,20 @@
 
   const toneClasses: Record<CurrencyTone, string> = {
     auto: '',
-    success: 'text-success font-medium',
-    warning: 'text-warning-foreground font-medium',
-    destructive: 'text-destructive font-medium',
+    success: 'svadmin-u-76747e5e02ff svadmin-u-2689f3958069',
+    warning: 'svadmin-u-3a4ff758c2ab svadmin-u-2689f3958069',
+    destructive: 'svadmin-u-811148b13d1e svadmin-u-2689f3958069',
     neutral: 'text-foreground',
   };
 </script>
 
 {#if numericValue === null}
-  <span class={cn('field-currency text-muted-foreground text-sm', className)}>{nullLabel}</span>
+  <span class={cn('field-currency svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb', className)}>{nullLabel}</span>
 {:else}
   <span
     class={cn(
-      'field-currency inline-flex items-center text-sm',
-      tabular && 'font-mono tabular-nums',
+      'field-currency svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-fc7473ca09eb',
+      tabular && 'svadmin-u-0e65706bcccd svadmin-u-3032cae0badb',
       toneClasses[resolvedTone],
       className
     )}

package/dist/components/fields/DateField.svelte

@@ -73,4 +73,4 @@
   });
 </script>
 
-<span class={cn('field-date text-sm', className)} title={fullIsoTitle}>{formatted}</span>
+<span class={cn('field-date svadmin-u-fc7473ca09eb', className)} title={fullIsoTitle}>{formatted}</span>

package/dist/components/fields/DateRangeField.svelte

@@ -90,9 +90,9 @@
   });
 </script>
 
-<span class={cn('field-date-range inline-flex items-center gap-1.5 text-sm', className)}>
+<span class={cn('field-date-range svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-fc7473ca09eb', className)}>
   {#if showIcon}
-    <Calendar class="h-3.5 w-3.5 text-muted-foreground shrink-0" />
+    <Calendar class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748 svadmin-u-012fbd121f37" />
   {/if}
   <span>{display}</span>
 </span>

package/dist/components/fields/EmailField.svelte

@@ -3,7 +3,7 @@
   let { value }: Props = $props();
 </script>
 {#if value}
-  <a href="mailto:{value}" class="text-primary hover:underline no-underline">{value}</a>
+  <a href="mailto:{value}" class="svadmin-u-20aaf08a7ed1 svadmin-u-f673f4a7d061 no-underline">{value}</a>
 {:else}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {/if}

package/dist/components/fields/FileField.svelte

@@ -5,10 +5,10 @@
   const fileName = $derived(value ? value.split('/').pop() ?? value : null);
 </script>
 {#if value}
-  <a href={value} download class="text-primary hover:underline no-underline inline-flex items-center gap-1" title={title ?? fileName ?? ''}>
-    <Download class="h-3.5 w-3.5 opacity-60" />
+  <a href={value} download class="svadmin-u-20aaf08a7ed1 svadmin-u-f673f4a7d061 no-underline svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421" title={title ?? fileName ?? ''}>
+    <Download class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-f2868c227fcd" />
     {fileName}
   </a>
 {:else}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {/if}

package/dist/components/fields/ImageField.svelte

@@ -16,7 +16,7 @@
 </script>
 
 {#if value}
-  <div style={`width: ${width}px; height: ${height}px;`} class="inline-block shrink-0">
+  <div style={`width: ${width}px; height: ${height}px;`} class="svadmin-u-bb0c4bfc52bd svadmin-u-012fbd121f37">
     <MediaThumbnail src={value} {alt} {title} size="full" fit="cover" showOverlay={previewable} class={className} />
   </div>
 {:else}

package/dist/components/fields/JsonField.svelte

@@ -34,41 +34,41 @@
 </script>
 
 {#if value == null}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {:else}
-  <div class="space-y-1">
-    <div class="flex items-center gap-2">
+  <div class="svadmin-u-da7c36cd8867">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
       <Button
         variant="ghost"
         size="sm"
-        class="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground h-auto py-0.5 px-1"
+        class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-b8f0a08ece1e svadmin-u-465609a240a8 svadmin-u-d8e0e382c67b"
         onclick={() => { expanded = !expanded; }}
       >
         {#if expanded}
-          <ChevronDown class="h-3 w-3" />
+          <ChevronDown class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         {:else}
-          <ChevronRight class="h-3 w-3" />
+          <ChevronRight class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         {/if}
         {expanded ? i18n.t('common.collapse') : i18n.t('common.expand')}
       </Button>
       <Button
         variant="ghost"
         size="sm"
-        class="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground h-auto py-0.5 px-1"
+        class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-b8f0a08ece1e svadmin-u-465609a240a8 svadmin-u-d8e0e382c67b"
         onclick={copyJson}
         aria-label={i18n.t('common.copy')}
       >
         {#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>
     </div>
     {#if expanded}
-      <pre class="rounded-lg bg-muted p-3 text-xs overflow-auto max-h-64 font-mono">{formatted}</pre>
+      <pre class="svadmin-u-5f22e64f2282 svadmin-u-2ef11f1cb219 svadmin-u-eb6e8b881acd svadmin-u-359090c2d529 svadmin-u-73fc3fb18ceb svadmin-u-8aee2b07b47d svadmin-u-0e65706bcccd">{formatted}</pre>
     {:else}
-      <code class="text-xs font-mono bg-muted px-1.5 py-0.5 rounded">{preview}</code>
+      <code class="svadmin-u-359090c2d529 svadmin-u-0e65706bcccd svadmin-u-2ef11f1cb219 svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-07389a777c1f">{preview}</code>
     {/if}
   </div>
 {/if}

package/dist/components/fields/MarkdownField.svelte

@@ -52,7 +52,7 @@
 </script>
 
 {#if !value}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {:else}
-  <div class="prose prose-sm dark:prose-invert max-w-none leading-relaxed [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-[0.875em] [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_a]:text-primary {className}">{@html sanitizedHtml}</div>
+  <div class="svadmin-rich-text prose prose-sm svadmin-u-2191c1456297 svadmin-u-6b189c6edadb svadmin-u-d5df4cfe422a svadmin-u-6a67a0ea1c2c svadmin-u-07604905e9d4 svadmin-u-e20c08d8d2ec svadmin-u-0e3a63222818 svadmin-u-43ea57af72e0 svadmin-u-347cd5c5691e svadmin-u-8399f46fd96c svadmin-u-08399a18ce0f svadmin-u-fa71240c566c {className}">{@html sanitizedHtml}</div>
 {/if}

package/dist/components/fields/MultiSelectField.svelte

@@ -10,12 +10,12 @@
 </script>
 
 {#if items.length > 0}
-  <div class="flex flex-wrap gap-1">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-44ee8ba0a421">
     {#each items as v, _i (_i)}
       {@const label = options?.find((o: { label: string; value: string | number }) => o.value === v)?.label ?? String(v)}
-      <Badge variant="secondary" class="font-normal">{label}</Badge>
+      <Badge variant="secondary" class="svadmin-u-8ecebc9f80e6">{label}</Badge>
     {/each}
   </div>
 {:else}
-  <span class="text-muted-foreground">—</span>
+  <span class="svadmin-u-bfa603190748">—</span>
 {/if}

package/dist/components/fields/NumberField.svelte

@@ -75,6 +75,6 @@
   });
 </script>
 
-<span class={cn('field-number text-sm', tabular && 'font-mono tabular-nums', className)}>
+<span class={cn('field-number svadmin-u-fc7473ca09eb', tabular && 'svadmin-u-0e65706bcccd svadmin-u-3032cae0badb', className)}>
   {formatted}
 </span>