@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/SidebarItem.svelte

@@ -107,25 +107,25 @@
   <!-- hidden -->
 {:else if hasChildren && !collapsed}
   {#if isTopLevel}
-    <div class="mt-3 first:mt-0">
+    <div class="svadmin-u-eccd13ef4f2f svadmin-u-71a0a94437c6">
       <Collapsible.Root bind:open={isOpen}>
         <Collapsible.Trigger
-          class="sidebar-menu-item flex w-full items-center justify-between rounded-md py-[7px] text-[13px] font-medium transition-colors duration-150
+          class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-01cc1873771f svadmin-u-a14daebf7748 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
           {childActive
-            ? 'text-sidebar-foreground'
-            : 'text-sidebar-foreground/70 hover:text-sidebar-foreground'}"
+            ? 'svadmin-u-a7a63217e098'
+            : 'svadmin-u-4e5ca9623e22 svadmin-u-646e10356266'}"
           style="padding-left: {indentPx}px; padding-right: 10px"
         >
-          <span class="flex items-center gap-2.5">
-            <Icon class="h-[18px] w-[18px] flex-shrink-0 {childActive ? 'text-primary' : 'text-sidebar-foreground/50'}" />
+          <span class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-7e9a2a250cc3">
+            <Icon class="svadmin-u-86171d20618e svadmin-u-10d7a2feb011 svadmin-u-2074a75bf2e7 {childActive ? 'svadmin-u-20aaf08a7ed1' : 'svadmin-u-68d55a736ff4'}" />
             <span>{label}</span>
           </span>
-          <ChevronDown class="h-3.5 w-3.5 text-sidebar-foreground/40 transition-transform duration-200 {isOpen ? 'rotate-180' : ''}" />
+          <ChevronDown class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-3e3534b4c5df svadmin-u-eadef238231e svadmin-u-625a4c3fbeb2 {isOpen ? 'svadmin-u-3350916b3513' : ''}" />
         </Collapsible.Trigger>
         <Collapsible.Content>
-          <div class="relative mt-[2px]">
-            <div class="absolute left-[19px] top-0 bottom-0 w-px bg-border/60"></div>
-            <div class="space-y-[1px]">
+          <div class="svadmin-u-d89972fe17d6 svadmin-u-0a88129d55fd">
+            <div class="svadmin-u-da4dbfbc4fdc svadmin-u-45c5dd0869c8 svadmin-u-2167406b24d7 svadmin-u-189f036c335c svadmin-u-47a69140380e svadmin-u-29f553b60628"></div>
+            <div class="svadmin-u-cfa4ce4bdcbd">
               {#each item.children as child, _i (_i)}
                 <SidebarItem item={child} {currentPath} {collapsed} depth={depth + 1} />
               {/each}
@@ -137,20 +137,20 @@
   {:else}
     <Collapsible.Root bind:open={isOpen}>
       <Collapsible.Trigger
-        class="sidebar-menu-item flex w-full items-center justify-between rounded-md py-[6px] text-[13px] font-normal transition-colors duration-150
+        class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-a139beb4e318 svadmin-u-a14daebf7748 svadmin-u-8ecebc9f80e6 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
         {childActive
-          ? 'text-primary font-medium'
-          : 'text-sidebar-foreground/65 hover:text-sidebar-foreground'}"
+          ? 'svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069'
+          : 'svadmin-u-98714a2f7d41 svadmin-u-646e10356266'}"
         style="padding-left: {indentPx}px; padding-right: 10px"
       >
-        <span class="flex items-center gap-2.5">
-          <Circle class="h-[5px] w-[5px] flex-shrink-0 {childActive ? 'fill-primary text-primary' : 'fill-sidebar-foreground/30 text-sidebar-foreground/30'}" />
+        <span class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-7e9a2a250cc3">
+          <Circle class="svadmin-u-6e718d5684c2 svadmin-u-28ab41ff3b38 svadmin-u-2074a75bf2e7 {childActive ? 'svadmin-u-fed9c9b1e894 svadmin-u-20aaf08a7ed1' : 'svadmin-u-da619aaefdf6 svadmin-u-8a1efe654daa'}" />
           <span>{label}</span>
         </span>
-        <ChevronDown class="h-3 w-3 text-sidebar-foreground/35 transition-transform duration-200 {isOpen ? 'rotate-180' : ''}" />
+        <ChevronDown class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-711a3789b7a6 svadmin-u-eadef238231e svadmin-u-625a4c3fbeb2 {isOpen ? 'svadmin-u-3350916b3513' : ''}" />
       </Collapsible.Trigger>
       <Collapsible.Content>
-        <div class="space-y-[1px] mt-[1px]">
+        <div class="svadmin-u-cfa4ce4bdcbd svadmin-u-75be195e1cd6">
           {#each item.children as child, _i (_i)}
             <SidebarItem item={child} {currentPath} {collapsed} depth={depth + 1} />
           {/each}
@@ -167,12 +167,12 @@
           href={finalHref}
           target={isExternal ? '_blank' : undefined}
           rel={isExternal ? 'noopener noreferrer' : undefined}
-          class="sidebar-menu-item flex items-center justify-center rounded-md px-2 py-[7px] transition-colors duration-150
+          class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-d5eab218aa34 svadmin-u-01cc1873771f svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
           {active
-            ? 'sidebar-menu-item-active bg-sidebar-accent text-primary'
-            : 'text-sidebar-foreground/50 hover:bg-sidebar-accent/50 hover:text-sidebar-foreground'}"
+            ? 'sidebar-menu-item-active svadmin-u-707e8e52f284 svadmin-u-20aaf08a7ed1'
+            : 'svadmin-u-68d55a736ff4 svadmin-u-55d1f8b9d318 svadmin-u-646e10356266'}"
         >
-          <Icon class="h-[18px] w-[18px] flex-shrink-0" />
+          <Icon class="svadmin-u-86171d20618e svadmin-u-10d7a2feb011 svadmin-u-2074a75bf2e7" />
         </a>
       {/snippet}
     </Tooltip.Trigger>
@@ -186,19 +186,19 @@
       href={finalHref}
       target={isExternal ? '_blank' : undefined}
       rel={isExternal ? 'noopener noreferrer' : undefined}
-      class="sidebar-menu-item flex items-center gap-2.5 rounded-md py-[7px] text-[13px] font-medium transition-colors duration-150
+      class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-7e9a2a250cc3 svadmin-u-421ac2be5045 svadmin-u-01cc1873771f svadmin-u-a14daebf7748 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
       {active
-        ? 'sidebar-menu-item-active text-primary bg-sidebar-accent'
-        : 'text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent/50'}"
+        ? 'sidebar-menu-item-active svadmin-u-20aaf08a7ed1 svadmin-u-707e8e52f284'
+        : 'svadmin-u-4e5ca9623e22 svadmin-u-646e10356266 svadmin-u-55d1f8b9d318'}"
       style="padding-left: {indentPx}px; padding-right: 10px"
     >
-      <Icon class="h-[18px] w-[18px] flex-shrink-0 {active ? 'text-primary' : 'text-sidebar-foreground/50'}" />
-      <span class="flex-1">{label}</span>
+      <Icon class="svadmin-u-86171d20618e svadmin-u-10d7a2feb011 svadmin-u-2074a75bf2e7 {active ? 'svadmin-u-20aaf08a7ed1' : 'svadmin-u-68d55a736ff4'}" />
+      <span class="svadmin-u-36e579c0b41c">{label}</span>
       {#if soon}
-        <Badge variant="secondary" class="h-[18px] px-1.5 text-[10px] font-medium">Soon</Badge>
+        <Badge variant="secondary" class="svadmin-u-86171d20618e svadmin-u-45d828117213 svadmin-u-1dc571a3609f svadmin-u-2689f3958069">Soon</Badge>
       {/if}
       {#if isExternal}
-        <ExternalLink class="h-3 w-3 opacity-40" />
+        <ExternalLink class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-2a2db4667b27" />
       {/if}
     </a>
   {:else}
@@ -206,19 +206,19 @@
       href={finalHref}
       target={isExternal ? '_blank' : undefined}
       rel={isExternal ? 'noopener noreferrer' : undefined}
-      class="sidebar-menu-item flex items-center gap-2.5 rounded-md py-[6px] text-[13px] font-normal transition-colors duration-150
+      class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-7e9a2a250cc3 svadmin-u-421ac2be5045 svadmin-u-a139beb4e318 svadmin-u-a14daebf7748 svadmin-u-8ecebc9f80e6 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
       {active
-        ? 'sidebar-menu-item-active text-primary font-medium'
-        : 'text-sidebar-foreground/65 hover:text-sidebar-foreground'}"
+        ? 'sidebar-menu-item-active svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069'
+        : 'svadmin-u-98714a2f7d41 svadmin-u-646e10356266'}"
       style="padding-left: {indentPx}px; padding-right: 10px"
     >
-      <Circle class="h-[5px] w-[5px] flex-shrink-0 {active ? 'fill-primary text-primary' : 'fill-sidebar-foreground/30 text-sidebar-foreground/30'}" />
-      <span class="flex-1">{label}</span>
+      <Circle class="svadmin-u-6e718d5684c2 svadmin-u-28ab41ff3b38 svadmin-u-2074a75bf2e7 {active ? 'svadmin-u-fed9c9b1e894 svadmin-u-20aaf08a7ed1' : 'svadmin-u-da619aaefdf6 svadmin-u-8a1efe654daa'}" />
+      <span class="svadmin-u-36e579c0b41c">{label}</span>
       {#if soon}
-        <Badge variant="secondary" class="h-[18px] px-1.5 text-[10px] font-medium">Soon</Badge>
+        <Badge variant="secondary" class="svadmin-u-86171d20618e svadmin-u-45d828117213 svadmin-u-1dc571a3609f svadmin-u-2689f3958069">Soon</Badge>
       {/if}
       {#if isExternal}
-        <ExternalLink class="h-3 w-3 opacity-40" />
+        <ExternalLink class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-2a2db4667b27" />
       {/if}
     </a>
   {/if}

package/dist/components/SignaturePad.svelte

@@ -185,54 +185,54 @@
   });
 </script>
 
-<div class={cn('rounded-xl border border-border bg-card p-4 shadow-xs text-xs space-y-3', className)}>
-  <div class="flex items-center justify-between gap-2 pb-2 border-b border-border/60">
-    <div class="font-semibold text-foreground">
-      Electronic Signature <span class="text-muted-foreground font-normal">(Sign inside the box)</span>
+<div class={cn('svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-cef5b893cf23 svadmin-u-359090c2d529 svadmin-u-6ed543e2fbbb', className)}>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+    <div class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">
+      Electronic Signature <span class="svadmin-u-bfa603190748 svadmin-u-8ecebc9f80e6">(Sign inside the box)</span>
     </div>
 
-    <div class="flex items-center gap-1.5">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
       <Button
         variant="ghost"
         size="sm"
-        class="h-7 text-xs gap-1 text-muted-foreground hover:text-foreground"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
         disabled={history.length === 0 || disabled}
         onclick={undo}
       >
-        <RotateCcw class="h-3 w-3" />
+        <RotateCcw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Undo
       </Button>
 
       <Button
         variant="ghost"
         size="sm"
-        class="h-7 text-xs gap-1 text-muted-foreground hover:text-destructive hover:bg-destructive/10"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-bfa603190748 svadmin-u-51e95020d6f2 svadmin-u-8db899b4e072"
         disabled={isEmpty || disabled}
         onclick={clear}
       >
-        <Trash2 class="h-3 w-3" />
+        <Trash2 class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Clear
       </Button>
 
       {#if onsave}
         <Button
           size="sm"
-          class="h-7 text-xs gap-1"
+          class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421"
           disabled={isEmpty || disabled}
           onclick={handleSave}
         >
-          <Check class="h-3 w-3" />
+          <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
           Confirm
         </Button>
       {:else}
         <Button
           variant="outline"
           size="sm"
-          class="h-7 text-xs gap-1"
+          class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421"
           disabled={isEmpty || disabled}
           onclick={handleDownload}
         >
-          <Download class="h-3 w-3" />
+          <Download class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
           Download
         </Button>
       {/if}
@@ -240,12 +240,12 @@
   </div>
 
   <!-- Canvas Drawing Board -->
-  <div class="relative w-full rounded-lg border-2 border-dashed border-border/80 bg-background overflow-hidden flex items-center justify-center">
+  <div class="svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-65935df577ba svadmin-u-a29b7a649c77 svadmin-u-c9ed8c5f79ae svadmin-u-e6f9e383a762 svadmin-u-2cd02d11d1af svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227">
     <canvas
       bind:this={canvasEl}
       {width}
       {height}
-      class="touch-none cursor-crosshair max-w-full h-auto block"
+      class="touch-none svadmin-u-92b7f35f04c0 svadmin-u-c0980a65a70d svadmin-u-b8f0a08ece1e svadmin-u-0214b4b355d1"
       onmousedown={startDrawing}
       onmousemove={draw}
       onmouseup={stopDrawing}
@@ -256,7 +256,7 @@
     ></canvas>
 
     {#if isEmpty}
-      <div class="absolute inset-0 flex items-center justify-center pointer-events-none text-muted-foreground/40 font-mono text-xs select-none">
+      <div class="svadmin-u-da4dbfbc4fdc svadmin-u-7b7df0449b80 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-a4326536b8f5 svadmin-u-52183a1cca53 svadmin-u-0e65706bcccd svadmin-u-359090c2d529 svadmin-u-7f6912283f11">
         Sign here with mouse or touch
       </div>
     {/if}

package/dist/components/SplitPaneLayout.svelte

@@ -65,15 +65,15 @@
 <div
   bind:this={containerEl}
   class={cn(
-    'relative flex w-full h-full min-h-72 rounded-xl border border-border bg-card shadow-xs overflow-hidden select-none',
-    direction === 'horizontal' ? 'flex-row' : 'flex-col',
+    'svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-668b21aa5409 svadmin-u-82d0b7da66df svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-2cd02d11d1af svadmin-u-7f6912283f11',
+    direction === 'horizontal' ? 'svadmin-u-a6e88615d742' : 'svadmin-u-8dddea0773ed',
     className
   )}
 >
   <!-- Pane 1 -->
   <div
     style={direction === 'horizontal' ? `width: ${ratio * 100}%;` : `height: ${ratio * 100}%;`}
-    class="overflow-auto shrink-0 select-text p-4"
+    class="svadmin-u-73fc3fb18ceb svadmin-u-012fbd121f37 svadmin-u-6a31d3b03df0 svadmin-u-8e63407b5ceb"
   >
     {#if pane1}
       {@render pane1()}
@@ -86,17 +86,17 @@
     onmousedown={startDrag}
     ontouchstart={startDrag}
     class={cn(
-      'shrink-0 bg-border hover:bg-primary/60 transition-colors z-10 flex items-center justify-center cursor-pointer',
+      'svadmin-u-012fbd121f37 svadmin-u-a59afa8d9b9d svadmin-u-4e4cd27b0647 svadmin-u-ceb69a6b0e5f svadmin-u-236812d64c82 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-34516836730d',
       direction === 'horizontal'
-        ? 'w-1.5 cursor-col-resize hover:w-2'
-        : 'h-1.5 cursor-row-resize hover:h-2',
-      isDragging ? 'bg-primary w-2' : ''
+        ? 'svadmin-u-c696a0890973 svadmin-u-1ee417e4637c svadmin-u-93d7370429b1'
+        : 'svadmin-u-095acb275581 svadmin-u-b9e5bb3c1a40 svadmin-u-27de9a7feebf',
+      isDragging ? 'svadmin-u-75b1bec3ea0e svadmin-u-940924b6e2d9' : ''
     )}
   >
     <div
       class={cn(
-        'rounded-full bg-muted-foreground/40',
-        direction === 'horizontal' ? 'h-6 w-0.5' : 'w-6 h-0.5'
+        'svadmin-u-ac204c108886 svadmin-u-dccfb8555c84',
+        direction === 'horizontal' ? 'svadmin-u-f6fe902450dc svadmin-u-31d2902b53fb' : 'svadmin-u-7ec10f86d9b1 svadmin-u-10db0d558201'
       )}
     ></div>
   </div>
@@ -104,7 +104,7 @@
   <!-- Pane 2 -->
   <div
     style={direction === 'horizontal' ? `width: ${(1 - ratio) * 100}%;` : `height: ${(1 - ratio) * 100}%;`}
-    class="overflow-auto flex-1 select-text p-4"
+    class="svadmin-u-73fc3fb18ceb svadmin-u-36e579c0b41c svadmin-u-6a31d3b03df0 svadmin-u-8e63407b5ceb"
   >
     {#if pane2}
       {@render pane2()}

package/dist/components/SpreadsheetView.svelte

@@ -235,45 +235,45 @@
   }
 </script>
 
-<div class={cn('rounded-xl border border-border bg-card shadow-xs text-xs space-y-2 p-3 overflow-hidden', className)}>
+<div class={cn('svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-359090c2d529 svadmin-u-6f7e013d6499 svadmin-u-eb6e8b881acd svadmin-u-2cd02d11d1af', className)}>
   <!-- Header Toolbar -->
-  <div class="flex flex-wrap items-center justify-between gap-2 pb-2 border-b border-border/60">
-    <div class="flex items-center gap-2">
-      <FileSpreadsheet class="h-4 w-4 text-primary shrink-0" />
-      <span class="font-semibold text-foreground">{currentSheet?.name ?? 'Spreadsheet'}</span>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+      <FileSpreadsheet class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-20aaf08a7ed1 svadmin-u-012fbd121f37" />
+      <span class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{currentSheet?.name ?? 'Spreadsheet'}</span>
     </div>
 
-    <div class="flex items-center gap-1.5">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
       {#if !readonly}
-        <Button variant="outline" size="sm" class="h-7 text-xs gap-1" onclick={addRow}>
-          <Plus class="h-3 w-3" />
+        <Button variant="outline" size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={addRow}>
+          <Plus class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
           Row
         </Button>
-        <Button variant="outline" size="sm" class="h-7 text-xs gap-1" onclick={addCol}>
-          <Plus class="h-3 w-3" />
+        <Button variant="outline" size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={addCol}>
+          <Plus class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
           Column
         </Button>
       {/if}
 
-      <Button size="sm" class="h-7 text-xs gap-1" onclick={exportCsv}>
-        <Download class="h-3 w-3" />
+      <Button size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={exportCsv}>
+        <Download class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Export CSV
       </Button>
     </div>
   </div>
 
   <!-- Formula Bar -->
-  <div class="flex items-center gap-2 px-2 py-1.5 rounded-lg bg-muted/40 border border-border/60 font-mono">
-    <div class="px-2 py-0.5 rounded bg-background border border-border text-foreground font-semibold text-[11px] min-w-10 text-center">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-5f22e64f2282 svadmin-u-b00f43c30c2b svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-0e65706bcccd">
+    <div class="svadmin-u-d5eab218aa34 svadmin-u-465609a240a8 svadmin-u-07389a777c1f svadmin-u-e6f9e383a762 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-d4108abe6359 svadmin-u-e83a7042bc91 svadmin-u-d058ca6de60f svadmin-u-28ae52cc20ae svadmin-u-ca6bf63030aa">
       {selectedCell}
     </div>
-    <span class="text-muted-foreground text-xs">fx</span>
+    <span class="svadmin-u-bfa603190748 svadmin-u-359090c2d529">fx</span>
     <input
       type="text"
       bind:value={formulaInput}
       {readonly}
       placeholder="Value or formula, e.g. =SUM(B2:E2)"
-      class="flex-1 h-6 bg-transparent border-0 px-1 text-xs text-foreground focus-visible:outline-none placeholder:text-muted-foreground/60 font-mono"
+      class="svadmin-u-36e579c0b41c svadmin-u-f6fe902450dc svadmin-u-7f19cdf4c5bb svadmin-u-119b2aa0b8f6 svadmin-u-d8e0e382c67b svadmin-u-359090c2d529 svadmin-u-d4108abe6359 svadmin-u-f10f771f87e9 svadmin-u-35ca6b75d707 svadmin-u-0e65706bcccd"
       oninput={handleFormulaCommit}
       onkeydown={(e) => { if (e.key === 'Enter') handleFormulaCommit(); }}
     />
@@ -281,23 +281,23 @@
 
   <!-- Spreadsheet Grid -->
   {#if currentSheet}
-    <div class="overflow-auto max-h-[500px] border border-border/60 rounded-lg">
-      <table class="w-full border-collapse text-left font-mono">
-        <thead class="bg-muted/60 sticky top-0 z-10 text-muted-foreground">
+    <div class="svadmin-u-73fc3fb18ceb svadmin-u-b63b7d8eef5d svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-5f22e64f2282">
+      <table class="svadmin-u-6da6a3c3f741 svadmin-u-4583f90cd9bd svadmin-u-2eba0d65d059 svadmin-u-0e65706bcccd">
+        <thead class="svadmin-u-706701550477 svadmin-u-3e0fd166d494 svadmin-u-2167406b24d7 svadmin-u-236812d64c82 svadmin-u-bfa603190748">
           <tr>
-            <th class="w-10 p-1.5 text-center border-r border-b border-border/60 bg-muted/80 text-[10px]">#</th>
+            <th class="svadmin-u-d854e5698b57 svadmin-u-cd009d7d208c svadmin-u-ca6bf63030aa svadmin-u-5ceb636bd9f3 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-85d919893645 svadmin-u-1dc571a3609f">#</th>
             {#each Array.from({ length: currentSheet.cols }) as _, c (c)}
-              <th class="min-w-24 p-1.5 text-center border-r border-b border-border/60 font-semibold text-foreground text-xs">
+              <th class="svadmin-u-25effcb585ab svadmin-u-cd009d7d208c svadmin-u-ca6bf63030aa svadmin-u-5ceb636bd9f3 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-359090c2d529">
                 {getColName(c)}
               </th>
             {/each}
           </tr>
         </thead>
-        <tbody class="divide-y divide-border/40">
+        <tbody class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258">
           {#each Array.from({ length: currentSheet.rows }) as _, r (r)}
             {@const rowNum = r + 1}
-            <tr class="hover:bg-muted/10">
-              <td class="w-10 p-1 text-center border-r border-border/60 bg-muted/30 text-[10px] font-semibold text-muted-foreground select-none">
+            <tr class="svadmin-u-9fc5d875f5ca">
+              <td class="svadmin-u-d854e5698b57 svadmin-u-eb6a3cef9686 svadmin-u-ca6bf63030aa svadmin-u-5ceb636bd9f3 svadmin-u-05faf5c801ff svadmin-u-2859c861d7de svadmin-u-1dc571a3609f svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-7f6912283f11">
                 {rowNum}
               </td>
               {#each Array.from({ length: currentSheet.cols }) as _, c (c)}
@@ -305,8 +305,8 @@
                 {@const isSelected = selectedCell === cellKey}
                 <td
                   class={cn(
-                    'p-0 border-r border-border/40 relative cursor-pointer',
-                    isSelected ? 'ring-2 ring-primary z-10 bg-primary/5' : ''
+                    'svadmin-u-8a539c7fe216 svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-d89972fe17d6 svadmin-u-34516836730d',
+                    isSelected ? 'svadmin-u-16b1efa5875e svadmin-u-fd1dda07320a svadmin-u-236812d64c82 svadmin-u-989c466fdbe7' : ''
                   )}
                   onclick={() => selectCell(cellKey)}
                 >
@@ -315,8 +315,8 @@
                     {readonly}
                     value={isSelected ? (currentSheet.cells[cellKey] ?? '') : getRenderedValue(cellKey)}
                     class={cn(
-                      'w-full h-7 px-2 bg-transparent border-0 text-xs font-mono focus-visible:outline-none',
-                      typeof evaluateFormula(currentSheet.cells[cellKey] ?? '', currentSheet.cells) === 'number' ? 'text-right' : 'text-left'
+                      'svadmin-u-6da6a3c3f741 svadmin-u-d0a52b312f7d svadmin-u-d5eab218aa34 svadmin-u-7f19cdf4c5bb svadmin-u-119b2aa0b8f6 svadmin-u-359090c2d529 svadmin-u-0e65706bcccd svadmin-u-f10f771f87e9',
+                      typeof evaluateFormula(currentSheet.cells[cellKey] ?? '', currentSheet.cells) === 'number' ? 'svadmin-u-308fc069e46e' : 'svadmin-u-2eba0d65d059'
                     )}
                     onfocus={() => selectCell(cellKey)}
                     oninput={(e) => updateCellValue(cellKey, e.currentTarget.value)}
@@ -331,17 +331,17 @@
   {/if}
 
   <!-- Sheet Tabs Footer -->
-  <div class="flex items-center justify-between gap-2 pt-1 border-t border-border/60">
-    <div class="flex items-center gap-1 overflow-x-auto">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-6b7d6e21ccbd svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-1384f66f41d0">
       {#each sheets as sheet (sheet.id)}
         {@const isActive = sheet.id === activeSheetId}
         <button
           type="button"
           class={cn(
-            'px-3 py-1 rounded-md text-xs font-medium transition-colors cursor-pointer border',
+            'svadmin-u-0e17f2bd9074 svadmin-u-660d2effb880 svadmin-u-421ac2be5045 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-ca6bcd4b6f3f',
             isActive
-              ? 'bg-primary text-primary-foreground border-primary shadow-xs'
-              : 'bg-card text-muted-foreground border-border/60 hover:text-foreground hover:bg-muted/60'
+              ? 'svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2 svadmin-u-6cbc84dd9e1a svadmin-u-cef5b893cf23'
+              : 'svadmin-u-cd0ad9a56558 svadmin-u-bfa603190748 svadmin-u-05faf5c801ff svadmin-u-ea7b2e9e070e svadmin-u-68646cdcc246'
           )}
           onclick={() => {
             activeSheetId = sheet.id;
@@ -354,8 +354,8 @@
       {/each}
 
       {#if !readonly}
-        <Button variant="ghost" size="sm" class="h-6 w-6 p-0 text-muted-foreground" onclick={addSheet} title="New Sheet">
-          <Plus class="h-3.5 w-3.5" />
+        <Button variant="ghost" size="sm" class="svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-8a539c7fe216 svadmin-u-bfa603190748" onclick={addSheet} title="New Sheet">
+          <Plus class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         </Button>
       {/if}
     </div>

package/dist/components/StatsCard.svelte

@@ -5,20 +5,6 @@
   type ColorVariant = 'primary' | 'success' | 'warning' | 'danger' | 'info';
   type StyleVariant = 'default' | 'outline' | 'filled';
 
-  const colorMap: Record<ColorVariant, string> = {
-    primary: 'bg-primary/10 text-primary',
-    success: 'bg-success/10 text-success',
-    warning: 'bg-warning/10 text-warning',
-    danger: 'bg-destructive/10 text-destructive',
-    info: 'bg-info/10 text-info',
-  };
-
-  const variantMap: Record<StyleVariant, string> = {
-    default: 'bg-card shadow-sm hover:shadow-md transition-shadow duration-300',
-    outline: 'border-2 border-border bg-transparent',
-    filled: 'border-0 bg-muted/50 shadow-sm',
-  };
-
   interface Props {
     label: string;
     value: string | number;
@@ -45,35 +31,36 @@
   }: Props = $props();
 </script>
 
-<div class="flex items-center gap-4 rounded-lg p-5 {variantMap[variant]} {className}">
+<div class="svadmin-stats-card {className}" data-color={color} data-variant={variant}>
   {#if Icon}
-    <div class="flex h-12 w-12 items-center justify-center rounded-lg {colorMap[color]}">
-      <Icon class="h-6 w-6" />
+    <div class="svadmin-stats-card__icon">
+      <Icon class="svadmin-stats-card__icon-glyph" />
     </div>
   {/if}
-  <div class="flex-1 min-w-0">
-    <p class="text-sm text-muted-foreground">{label}</p>
+  <div class="svadmin-stats-card__body">
+    <p class="svadmin-stats-card__label">{label}</p>
     {#if loading}
-      <Skeleton class="mt-1 h-7 w-20" />
+      <Skeleton class="svadmin-stats-card__skeleton" />
     {:else}
-      <div class="flex items-baseline gap-2">
-        <p class="text-xl font-mono font-semibold text-foreground tracking-tight">{value}</p>
+      <div class="svadmin-stats-card__value-row">
+        <p class="svadmin-stats-card__value">{value}</p>
         {#if trend}
           <span
-            class="text-xs font-medium inline-flex items-center gap-0.5 {trend.value >= 0 ? 'text-success' : 'text-destructive'}"
+            class="svadmin-stats-card__trend"
+            data-positive={trend.value >= 0 ? 'true' : 'false'}
             aria-label="{trend.value >= 0 ? '上升' : '下降'} {Math.abs(trend.value)}%"
           >
             <span aria-hidden="true">{trend.value >= 0 ? '↑' : '↓'}</span>
             <span>{Math.abs(trend.value)}%</span>
             {#if trend.label}
-              <span class="text-muted-foreground ml-0.5">{trend.label}</span>
+              <span class="svadmin-stats-card__trend-label">{trend.label}</span>
             {/if}
           </span>
         {/if}
       </div>
     {/if}
     {#if footer}
-      <div class="mt-2">
+      <div class="svadmin-stats-card__footer">
         {@render footer()}
       </div>
     {/if}