@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/MediaLibraryModal.svelte

@@ -77,26 +77,26 @@
 </script>
 
 <Dialog.Root bind:open>
-  <Dialog.Content class={cn('sm:max-w-3xl max-h-[85vh] flex flex-col p-0 overflow-hidden text-xs', className)}>
+  <Dialog.Content class={cn('svadmin-u-a02aa8a60111 svadmin-u-c3c9f24b386b svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-8a539c7fe216 svadmin-u-2cd02d11d1af svadmin-u-359090c2d529', className)}>
     <!-- Header -->
-    <Dialog.Header class="p-4 border-b border-border/60">
-      <Dialog.Title class="flex items-center gap-2">
-        <ImageIcon class="h-4 w-4 text-primary" />
+    <Dialog.Header class="svadmin-u-8e63407b5ceb svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+      <Dialog.Title class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+        <ImageIcon class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-20aaf08a7ed1" />
         <span>{title}</span>
       </Dialog.Title>
     </Dialog.Header>
 
     <!-- Toolbar: Search & Categories -->
-    <div class="flex flex-wrap items-center justify-between gap-3 p-3 bg-muted/20 border-b border-border/60">
-      <div class="flex items-center gap-1.5 overflow-x-auto">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-eb6e8b881acd svadmin-u-967d113a1451 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-1384f66f41d0">
         {#each categories as cat (cat)}
           <button
             type="button"
             class={cn(
-              'px-2.5 py-1 rounded-md text-xs font-medium transition-colors cursor-pointer border-0',
+              'svadmin-u-0b91436debbd svadmin-u-660d2effb880 svadmin-u-421ac2be5045 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-119b2aa0b8f6',
               activeCategory === cat
-                ? 'bg-primary text-primary-foreground'
-                : 'bg-card text-muted-foreground hover:text-foreground hover:bg-muted/60'
+                ? 'svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2'
+                : 'svadmin-u-cd0ad9a56558 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-68646cdcc246'
             )}
             onclick={() => { activeCategory = cat; }}
           >
@@ -105,21 +105,21 @@
         {/each}
       </div>
 
-      <div class="flex items-center gap-2">
-        <div class="relative w-48">
-          <Search class="absolute left-2.5 top-2 h-3.5 w-3.5 text-muted-foreground" />
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+        <div class="svadmin-u-d89972fe17d6 svadmin-u-74b2435a1d40">
+          <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-ecfeb742a3f3 svadmin-u-9a2db8f949b6 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" />
           <input
             type="text"
             bind:value={searchQuery}
             placeholder="Search media..."
-            class="h-7.5 w-full rounded-md border border-input bg-background pl-7.5 pr-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d2d2d97dd0c8 svadmin-u-aa2c13a5e1b4 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
           />
         </div>
 
-        <label class="inline-flex">
-          <input type="file" multiple class="hidden" onchange={handleFileInput} />
-          <span class="inline-flex items-center gap-1 h-7.5 px-2.5 rounded-md bg-secondary text-secondary-foreground text-xs font-medium hover:bg-secondary/80 cursor-pointer">
-            <Upload class="h-3.5 w-3.5" />
+        <label class="svadmin-u-52083e7da442">
+          <input type="file" multiple class="svadmin-u-99d72c7fc3e2" onchange={handleFileInput} />
+          <span class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-d1c57777d8b6 svadmin-u-0b91436debbd svadmin-u-421ac2be5045 svadmin-u-ba939ea82d8b svadmin-u-5064267f78e3 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-35b680bc2a46 svadmin-u-34516836730d">
+            <Upload class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             Upload
           </span>
         </label>
@@ -127,43 +127,43 @@
     </div>
 
     <!-- Media Grid -->
-    <div class="flex-1 overflow-y-auto p-4 min-h-64">
-      <div class="grid grid-cols-2 sm:grid-cols-4 gap-3">
+    <div class="svadmin-u-36e579c0b41c svadmin-u-92bf82f493b1 svadmin-u-8e63407b5ceb svadmin-u-c7f14f00a474">
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-898c0bcba480 svadmin-u-1004c0c3954c">
         {#each filteredMedia as item (item.id)}
           {@const isChosen = localSelected.includes(item.url)}
           <button
             type="button"
             class={cn(
-              'group relative flex flex-col rounded-lg border text-left overflow-hidden transition-all cursor-pointer p-0 bg-card',
+              'group svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-2eba0d65d059 svadmin-u-2cd02d11d1af svadmin-u-0fe7d7d814d0 svadmin-u-34516836730d svadmin-u-8a539c7fe216 svadmin-u-cd0ad9a56558',
               isChosen
-                ? 'border-primary ring-2 ring-primary/30 shadow-xs'
-                : 'border-border/60 hover:border-border hover:shadow-xs'
+                ? 'svadmin-u-6cbc84dd9e1a svadmin-u-16b1efa5875e svadmin-u-d07ac033ff8d svadmin-u-cef5b893cf23'
+                : 'svadmin-u-05faf5c801ff svadmin-u-512e82e6a68f svadmin-u-f0372faffc6a'
             )}
             onclick={() => toggleSelect(item.url)}
           >
             <!-- Thumbnail preview -->
-            <div class="relative h-28 w-full bg-muted/40 flex items-center justify-center overflow-hidden">
+            <div class="svadmin-u-d89972fe17d6 svadmin-u-e836f6e0a16f svadmin-u-6da6a3c3f741 svadmin-u-b00f43c30c2b svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-2cd02d11d1af">
               {#if item.type?.startsWith('image') || item.url.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i)}
-                <img src={item.url} alt={item.name} class="h-full w-full object-cover group-hover:scale-105 transition-transform duration-200" />
+                <img src={item.url} alt={item.name} class="svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-7d85d0c21a32 svadmin-u-1a9195e1d901 svadmin-u-eadef238231e svadmin-u-625a4c3fbeb2" />
               {:else}
-                <Folder class="h-8 w-8 text-muted-foreground/60" />
+                <Folder class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-7be4d67a6256" />
               {/if}
 
               <!-- Select Checkmark Badge -->
               {#if isChosen}
-                <div class="absolute top-1.5 right-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-xs">
-                  <Check class="h-3 w-3" />
+                <div class="svadmin-u-da4dbfbc4fdc svadmin-u-b1044d8600a8 svadmin-u-62925abe316b svadmin-u-60fbb7713999 svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2 svadmin-u-cef5b893cf23">
+                  <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
                 </div>
               {/if}
             </div>
 
             <!-- Metadata Info -->
-            <div class="p-2 space-y-0.5">
-              <div class="font-medium text-foreground truncate">{item.name}</div>
-              <div class="flex items-center justify-between text-[10px] text-muted-foreground">
+            <div class="svadmin-u-7660b450905a svadmin-u-e2eedc5718f0">
+              <div class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-f283ea9bea0e">{item.name}</div>
+              <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1dc571a3609f svadmin-u-bfa603190748">
                 <span>{item.size ?? '—'}</span>
                 {#if item.category}
-                  <Badge variant="secondary" class="text-[9px] px-1 py-0">{item.category}</Badge>
+                  <Badge variant="secondary" class="svadmin-u-e09880869d1f svadmin-u-d8e0e382c67b svadmin-u-68ecb30dbec6">{item.category}</Badge>
                 {/if}
               </div>
             </div>
@@ -172,19 +172,19 @@
       </div>
 
       {#if filteredMedia.length === 0}
-        <div class="flex flex-col items-center justify-center py-16 text-muted-foreground text-center space-y-2">
-          <ImageIcon class="h-8 w-8 opacity-40" />
+        <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-02cafd385619 svadmin-u-bfa603190748 svadmin-u-ca6bf63030aa svadmin-u-6f7e013d6499">
+          <ImageIcon class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-2a2db4667b27" />
           <p>No media files found</p>
         </div>
       {/if}
     </div>
 
     <!-- Footer -->
-    <Dialog.Footer class="p-3 border-t border-border/60 bg-muted/20 flex items-center justify-between">
-      <div class="text-muted-foreground">
-        Selected <strong class="text-foreground">{localSelected.length}</strong> file(s)
+    <Dialog.Footer class="svadmin-u-eb6e8b881acd svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff svadmin-u-967d113a1451 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc">
+      <div class="svadmin-u-bfa603190748">
+        Selected <strong class="svadmin-u-d4108abe6359">{localSelected.length}</strong> file(s)
       </div>
-      <div class="flex items-center gap-2">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
         <Button variant="outline" size="sm" onclick={() => { open = false; }}>Cancel</Button>
         <Button size="sm" disabled={localSelected.length === 0} onclick={handleConfirm}>
           Insert Selected

package/dist/components/MentionsInput.svelte

@@ -127,45 +127,45 @@
   }
 </script>
 
-<div class={cn('relative w-full text-xs', className)}>
+<div class={cn('svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741 svadmin-u-359090c2d529', className)}>
   <textarea
     bind:this={textareaEl}
     {value}
     {placeholder}
     {rows}
     {disabled}
-    class="w-full rounded-md border border-input bg-background p-2.5 text-xs text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 resize-y"
+    class="svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-9fe52d5d506c svadmin-u-359090c2d529 svadmin-u-d4108abe6359 svadmin-u-9c24ab70af61 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a svadmin-u-5f533b3a7de7 svadmin-u-b29d8adbad2e svadmin-u-5bd7b080992c"
     oninput={handleInput}
     onkeydown={handleKeyDown}
   ></textarea>
 
   {#if showDropdown && activeOptions.length > 0}
     <div
-      class="absolute left-0 top-full mt-1 z-50 min-w-48 max-h-56 overflow-y-auto rounded-lg border border-border bg-popover text-popover-foreground shadow-md p-1 animate-in fade-in-0 zoom-in-95"
+      class="svadmin-u-da4dbfbc4fdc svadmin-u-c78facc7a0a6 svadmin-u-5e8a03e061f9 svadmin-u-b6b02c0ebef6 svadmin-u-181b286668b5 svadmin-u-4bdb6700d16a svadmin-u-520bb7118c41 svadmin-u-92bf82f493b1 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-e541d86d1ec8 svadmin-u-9b13e8ae5c9c svadmin-u-febc34e471df svadmin-u-eb6a3cef9686 svadmin-u-40137e897961 fade-in-0 zoom-in-95"
     >
-      <div class="px-2 py-1 text-[10px] font-semibold text-muted-foreground uppercase tracking-wider">
+      <div class="svadmin-u-d5eab218aa34 svadmin-u-660d2effb880 svadmin-u-1dc571a3609f svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 uppercase svadmin-u-09ace3a4d9f5">
         {activeTrigger === '#' ? 'Select Tag' : 'Mention Member'}
       </div>
       {#each activeOptions as opt, idx (opt.id)}
         <button
           type="button"
           class={cn(
-            'w-full flex items-center justify-between gap-2 px-2 py-1.5 rounded-md text-left text-xs transition-colors cursor-pointer border-0',
-            idx === selectedIndex ? 'bg-accent text-accent-foreground font-medium' : 'bg-transparent text-foreground hover:bg-muted/60'
+            'svadmin-u-6da6a3c3f741 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-421ac2be5045 svadmin-u-2eba0d65d059 svadmin-u-359090c2d529 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-119b2aa0b8f6',
+            idx === selectedIndex ? 'svadmin-u-f1669c2d7424 svadmin-u-6032d46445ba svadmin-u-2689f3958069' : 'svadmin-u-7f19cdf4c5bb svadmin-u-d4108abe6359 svadmin-u-68646cdcc246'
           )}
           onclick={() => insertMention(opt)}
         >
-          <div class="flex items-center gap-2 truncate">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-f283ea9bea0e">
             {#if activeTrigger === '#'}
-              <Hash class="h-3.5 w-3.5 text-primary shrink-0" />
+              <Hash class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-20aaf08a7ed1 svadmin-u-012fbd121f37" />
             {:else}
-              <User class="h-3.5 w-3.5 text-primary shrink-0" />
+              <User class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-20aaf08a7ed1 svadmin-u-012fbd121f37" />
             {/if}
-            <span class="truncate">{opt.label}</span>
+            <span class="svadmin-u-f283ea9bea0e">{opt.label}</span>
           </div>
 
           {#if opt.subtitle}
-            <Badge variant="secondary" class="text-[10px] px-1 py-0">{opt.subtitle}</Badge>
+            <Badge variant="secondary" class="svadmin-u-1dc571a3609f svadmin-u-d8e0e382c67b svadmin-u-68ecb30dbec6">{opt.subtitle}</Badge>
           {/if}
         </button>
       {/each}

package/dist/components/MetricStrip.svelte

@@ -40,44 +40,13 @@
     children,
   }: Props = $props();
 
-  const columnClassMap = {
-    2: 'grid-cols-1 sm:grid-cols-2',
-    3: 'grid-cols-1 sm:grid-cols-3',
-    4: 'grid-cols-2 sm:grid-cols-4',
-    5: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-5',
-    6: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6',
-    auto: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6',
-  };
-
-  const toneValueColorMap: Record<MetricTone, string> = {
-    default: 'text-foreground',
-    primary: 'text-primary',
-    success: 'text-success',
-    warning: 'text-warning',
-    danger: 'text-destructive',
-    info: 'text-info',
-  };
-
-  const badgeToneMap: Record<
-    NonNullable<NonNullable<MetricStripItem['badge']>['tone']>,
-    string
-  > = {
-    default: 'bg-muted text-muted-foreground border-border',
-    success: 'bg-success/10 text-success border-success/20',
-    warning: 'bg-warning/10 text-warning border-warning/20',
-    danger: 'bg-destructive/10 text-destructive border-destructive/20',
-    info: 'bg-info/10 text-info border-info/20',
-  };
 </script>
 
 <div
   role="region"
   aria-label={ariaLabel}
-  class={cn(
-    'grid gap-px overflow-hidden rounded-lg border border-border bg-border shadow-xs',
-    columnClassMap[columns] || columnClassMap.auto,
-    className
-  )}
+  data-columns={columns}
+  class={cn('svadmin-metric-strip', className)}
 >
   {#if children}
     {@render children()}
@@ -87,57 +56,48 @@
       <svelte:element
         this={isInteractive ? 'a' : 'div'}
         href={item.href}
-        class={cn(
-          'group relative flex flex-col justify-between gap-1 bg-card p-3.5 text-left transition-colors duration-150 sm:p-4',
-          isInteractive && 'cursor-pointer text-inherit no-underline hover:bg-muted/40',
-          item.class
-        )}
+        data-interactive={isInteractive ? 'true' : undefined}
+        data-tone={item.tone || 'default'}
+        class={cn('svadmin-metric-item', item.class)}
       >
-        <div class="flex items-center justify-between gap-2">
-          <span class="truncate text-xs font-semibold text-muted-foreground">{item.label}</span>
+        <div class="svadmin-metric-heading">
+          <span class="svadmin-metric-label">{item.label}</span>
           {#if item.icon}
-            <span class="shrink-0 text-muted-foreground/70">
-              <item.icon class="h-3.5 w-3.5" />
+            <span class="svadmin-metric-icon">
+              <item.icon />
             </span>
           {/if}
         </div>
 
         {#if item.loading}
-          <div class="mt-1 flex items-center justify-between">
-            <Skeleton class="h-6 w-16" />
+          <div class="svadmin-metric-loading">
+            <Skeleton class="svadmin-metric-skeleton" />
           </div>
         {:else}
-          <div class="mt-0.5 flex items-baseline justify-between gap-2">
+          <div class="svadmin-metric-value-row">
             <strong
-              class={cn(
-                'text-xl font-bold tracking-tight tabular-nums sm:text-2xl',
-                toneValueColorMap[item.tone || 'default']
-              )}
+              class="svadmin-metric-value"
             >
               {item.value}
             </strong>
 
             {#if item.badge}
               <span
-                class={cn(
-                  'inline-flex items-center rounded-full border px-1.5 py-0.5 text-[11px] font-semibold',
-                  badgeToneMap[item.badge.tone || 'default']
-                )}
+                data-tone={item.badge.tone || 'default'}
+                class="svadmin-metric-badge"
               >
                 {item.badge.text}
               </span>
             {:else if item.trend}
               <span
-                class={cn(
-                  'inline-flex items-center gap-0.5 text-xs font-medium tabular-nums',
-                  item.trend.value >= 0 ? 'text-success' : 'text-destructive'
-                )}
+                data-direction={item.trend.value >= 0 ? 'up' : 'down'}
+                class="svadmin-metric-trend"
                 aria-label="{item.trend.value >= 0 ? '上升' : '下降'} {Math.abs(item.trend.value)}%"
               >
                 <span aria-hidden="true">{item.trend.value >= 0 ? '↑' : '↓'}</span>
                 <span>{Math.abs(item.trend.value)}%</span>
                 {#if item.trend.label}
-                  <span class="ml-0.5 text-muted-foreground">{item.trend.label}</span>
+                  <span class="svadmin-metric-trend-label">{item.trend.label}</span>
                 {/if}
               </span>
             {/if}

package/dist/components/ModalForm.svelte

@@ -33,7 +33,7 @@
     triggerSize = 'sm',
     submitText = 'Confirm',
     cancelText = 'Cancel',
-    widthClass = 'sm:max-w-lg',
+    widthClass = 'svadmin-u-a09a722d3ce4',
     isSubmitting = false,
     disabled = false,
     onsubmit,
@@ -66,7 +66,7 @@
   {#if triggerSnippet}
     <Dialog.Trigger>
       {#snippet child({ props })}
-        <div {...props} class="inline-flex">
+        <div {...props} class="svadmin-u-52083e7da442">
           {@render triggerSnippet()}
         </div>
       {/snippet}
@@ -81,8 +81,8 @@
     </Dialog.Trigger>
   {/if}
 
-  <Dialog.Content class={cn(widthClass, 'max-h-[90vh] overflow-y-auto', className)}>
-    <form onsubmit={handleSubmit} class="space-y-4">
+  <Dialog.Content class={cn(widthClass, 'svadmin-u-b4168890eac6 svadmin-u-92bf82f493b1', className)}>
+    <form onsubmit={handleSubmit} class="svadmin-u-3e7ce58d64fa">
       <Dialog.Header>
         <Dialog.Title>{title}</Dialog.Title>
         {#if description}
@@ -90,13 +90,13 @@
         {/if}
       </Dialog.Header>
 
-      <div class="py-2 text-sm text-foreground">
+      <div class="svadmin-u-03b4dd7f172b svadmin-u-fc7473ca09eb svadmin-u-d4108abe6359">
         {#if children}
           {@render children()}
         {/if}
       </div>
 
-      <Dialog.Footer class="gap-2 pt-2 border-t border-border/50">
+      <Dialog.Footer class="svadmin-u-77a2a20e90d4 svadmin-u-f46b61a9b310 svadmin-u-b950dda299d3 svadmin-u-591f378e24a1">
         <Button
           type="button"
           variant="outline"
@@ -110,10 +110,10 @@
           type="submit"
           size="sm"
           disabled={loading || isSubmitting || disabled}
-          class="gap-1.5 min-w-20"
+          class="svadmin-u-58284b4ea568 svadmin-u-2e7a6d18a20d"
         >
           {#if loading || isSubmitting}
-            <Loader2 class="h-4 w-4 animate-spin" />
+            <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
           {/if}
           {submitText}
         </Button>

package/dist/components/MultiTabKeepAlive.svelte

@@ -76,37 +76,37 @@
   }
 </script>
 
-<div class={cn('flex items-center justify-between border-b border-border/80 bg-muted/30 px-2 text-xs select-none', className)}>
+<div class={cn('svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-c9ed8c5f79ae svadmin-u-2859c861d7de svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-7f6912283f11', className)}>
   <!-- Tabs list -->
-  <div class="flex items-center gap-1 overflow-x-auto py-1 scrollbar-none">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-1384f66f41d0 svadmin-u-660d2effb880 scrollbar-none">
     {#each tabs as tab (tab.id)}
       {@const isActive = tab.id === activeTabId}
       <div
         role="button"
         tabindex="0"
         class={cn(
-          'group relative flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all cursor-pointer border',
+          'group svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-421ac2be5045 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-0fe7d7d814d0 svadmin-u-34516836730d svadmin-u-ca6bcd4b6f3f',
           isActive
-            ? 'bg-card text-foreground border-border shadow-xs'
-            : 'bg-transparent text-muted-foreground border-transparent hover:bg-muted/60 hover:text-foreground'
+            ? 'svadmin-u-cd0ad9a56558 svadmin-u-d4108abe6359 svadmin-u-18049387f0af svadmin-u-cef5b893cf23'
+            : 'svadmin-u-7f19cdf4c5bb svadmin-u-bfa603190748 svadmin-u-521fa0c7c407 svadmin-u-68646cdcc246 svadmin-u-ea7b2e9e070e'
         )}
         onclick={() => handleSelect(tab)}
         onkeydown={(e) => { if (e.key === 'Enter') handleSelect(tab); }}
         oncontextmenu={(e) => handleContextMenu(e, tab.id)}
       >
         {#if tab.pinned}
-          <Pin class="h-3 w-3 text-primary shrink-0 rotate-45" />
+          <Pin class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-20aaf08a7ed1 svadmin-u-012fbd121f37 svadmin-u-c74901da6f6c" />
         {/if}
 
-        <span class="truncate max-w-32">{tab.title}</span>
+        <span class="svadmin-u-f283ea9bea0e svadmin-u-1d274d2422d8">{tab.title}</span>
 
         {#if tab.closable !== false && !tab.pinned}
           <button
             type="button"
-            class="flex h-3.5 w-3.5 items-center justify-center rounded-full text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive transition-colors p-0 border-0 cursor-pointer"
+            class="svadmin-u-60fbb7713999 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-7be4d67a6256 svadmin-u-8db899b4e072 svadmin-u-51e95020d6f2 svadmin-u-ceb69a6b0e5f svadmin-u-8a539c7fe216 svadmin-u-119b2aa0b8f6 svadmin-u-34516836730d"
             onclick={(e) => handleClose(e, tab.id)}
           >
-            <X class="h-2.5 w-2.5" />
+            <X class="svadmin-u-9b3d0721b628 svadmin-u-650758f4572a" />
           </button>
         {/if}
       </div>
@@ -114,17 +114,17 @@
   </div>
 
   <!-- Actions (Close All / Refresh) -->
-  <div class="flex items-center gap-1 pl-2 shrink-0">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-989541ad4512 svadmin-u-012fbd121f37">
     {#if onrefresh}
       {@const curTab = tabs.find((t) => t.id === activeTabId)}
       {#if curTab}
         <Button
           variant="ghost"
           size="sm"
-          class="h-7 w-7 p-0 text-muted-foreground hover:text-foreground"
+          class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
           onclick={() => onrefresh(curTab)}
         >
-          <RefreshCw class="h-3 w-3" />
+          <RefreshCw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         </Button>
       {/if}
     {/if}
@@ -133,10 +133,10 @@
       <Button
         variant="ghost"
         size="sm"
-        class="h-7 w-7 p-0 text-muted-foreground hover:text-destructive"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216 svadmin-u-bfa603190748 svadmin-u-51e95020d6f2"
         onclick={handleCloseAll}
       >
-        <XCircle class="h-3.5 w-3.5" />
+        <XCircle class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
     {/if}
   </div>

package/dist/components/NavigateToResource.svelte

@@ -14,9 +14,9 @@
   });
 </script>
 
-<div class="flex h-screen w-screen items-center justify-center p-4 text-muted-foreground">
-  <div class="text-center">
-    <div class="mb-4 inline-block h-8 w-8 animate-spin rounded-full border-4 border-primary border-r-transparent"></div>
+<div class="svadmin-u-60fbb7713999 svadmin-u-ef114b5f5ad1 svadmin-u-71ec51c9997d svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-8e63407b5ceb svadmin-u-bfa603190748">
+  <div class="svadmin-u-ca6bf63030aa">
+    <div class="svadmin-u-da019856f2cc svadmin-u-bb0c4bfc52bd svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-afbdd13a380e svadmin-u-ac204c108886 svadmin-u-b485ae1c3b47 svadmin-u-6cbc84dd9e1a svadmin-u-980d09f1c472"></div>
     <p>Navigating to default resource...</p>
   </div>
 </div>

package/dist/components/NotificationsSettings.svelte

@@ -14,17 +14,17 @@
   function saveSettings() { notification.success(i18n.t('common.autoSaved'), 3000); }
 </script>
 
-<div class="space-y-6">
-  <div class="flex flex-col justify-between gap-3 sm:flex-row sm:items-start"><div><h2 class="text-xl font-semibold text-foreground">{i18n.t('settings.notifications')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('settings.notificationsDescription')}</p></div><Button onclick={saveSettings}>{i18n.t('common.save')}</Button></div>
+<div class="svadmin-u-b3542e058833">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a"><div><h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('settings.notifications')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('settings.notificationsDescription')}</p></div><Button onclick={saveSettings}>{i18n.t('common.save')}</Button></div>
   <SettingsGroup title={i18n.t('notifications.emailTitle')} description={i18n.t('notifications.emailDescription')}>
-    <div class="divide-y divide-border">
+    <div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">
       <SettingsFieldRow label={i18n.t('notifications.securityAlerts')} description={i18n.t('notifications.securityAlertsDesc')}>{#snippet control()}<Switch id="email-security" bind:checked={emailAlerts.security} />{/snippet}</SettingsFieldRow>
       <SettingsFieldRow label={i18n.t('notifications.activityLogs')} description={i18n.t('notifications.activityLogsDesc')}>{#snippet control()}<Switch id="email-activity" bind:checked={emailAlerts.activity} />{/snippet}</SettingsFieldRow>
       <SettingsFieldRow label={i18n.t('notifications.systemAlerts')} description={i18n.t('notifications.systemAlertsDesc')}>{#snippet control()}<Switch id="email-reports" bind:checked={emailAlerts.reports} />{/snippet}</SettingsFieldRow>
     </div>
   </SettingsGroup>
   <SettingsGroup title={i18n.t('notifications.pushTitle')} description={i18n.t('notifications.pushDescription')}>
-    <div class="divide-y divide-border">
+    <div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">
       <SettingsFieldRow label={i18n.t('notifications.securityAlerts')} description={i18n.t('notifications.securityPushDesc')}>{#snippet control()}<Switch id="push-security" bind:checked={pushAlerts.security} />{/snippet}</SettingsFieldRow>
       <SettingsFieldRow label={i18n.t('notifications.activityLogs')} description={i18n.t('notifications.activityPushDesc')}>{#snippet control()}<Switch id="push-activity" bind:checked={pushAlerts.activity} />{/snippet}</SettingsFieldRow>
       <SettingsFieldRow label={i18n.t('notifications.systemAlerts')} description={i18n.t('notifications.systemPushDesc')}>{#snippet control()}<Switch id="push-reports" bind:checked={pushAlerts.reports} />{/snippet}</SettingsFieldRow>