@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/PermissionMatrix.svelte

@@ -54,76 +54,76 @@
   });
 </script>
 
-<div class="h-full flex flex-col pt-2">
+<div class="svadmin-u-668b21aa5409 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-f46b61a9b310">
   <!-- Header Title -->
-  <div class="mb-6 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+  <div class="svadmin-u-b6777c6db914 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93">
     <div>
-      <h1 class="text-2xl font-bold text-foreground flex items-center gap-2">
-        <Shield class="w-6 h-6 text-primary" />
+      <h1 class="svadmin-u-3febee094e85 svadmin-u-69450ef1487e svadmin-u-d4108abe6359 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+        <Shield class="svadmin-u-7ec10f86d9b1 svadmin-u-f6fe902450dc svadmin-u-20aaf08a7ed1" />
         {i18n.t('permissions.title') || 'Permission Matrix'}
       </h1>
-      <p class="text-muted-foreground mt-1 text-sm">{i18n.t('permissions.description') || 'Configure authorization rules for system modules and roles.'}</p>
+      <p class="svadmin-u-bfa603190748 svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb">{i18n.t('permissions.description') || 'Configure authorization rules for system modules and roles.'}</p>
     </div>
     
     <!-- Toast Feedback -->
     {#if message}
-      <div class={`px-4 py-2 rounded-lg text-sm font-medium shadow-sm transition-all flex items-center gap-2 ${messageType === 'success' ? 'bg-success/10 text-success ring-1 ring-success/20' : 'bg-destructive/10 text-destructive ring-1 ring-destructive/20'}`}>
+      <div class={`svadmin-u-f0faeb26d656 svadmin-u-03b4dd7f172b svadmin-u-5f22e64f2282 svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-438b2237b8d6 svadmin-u-0fe7d7d814d0 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 ${messageType === 'success' ? 'svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff svadmin-u-3daca9af0861 svadmin-u-be62e835b692' : 'svadmin-u-43928fcc832f svadmin-u-811148b13d1e svadmin-u-3daca9af0861 svadmin-u-5b92fd698365'}`}>
         {#if messageType === 'success'}
-           <Check class="w-4 h-4" />
+           <Check class="svadmin-u-dc7972ebf3f3 svadmin-u-11e59c6d5f6b" />
         {:else}
-           <AlertCircle class="w-4 h-4" />
+           <AlertCircle class="svadmin-u-dc7972ebf3f3 svadmin-u-11e59c6d5f6b" />
         {/if}
         {message}
       </div>
     {/if}
   </div>
 
-  <div class="flex flex-col lg:flex-row gap-6 flex-1 min-h-[500px]">
-    <div class="w-full rounded-lg border border-border bg-card p-4 shadow-sm lg:hidden">
-      <label for="permission-role-select" class="mb-2 block text-sm font-medium text-foreground">{i18n.t('permissions.roles') || 'Roles'}</label>
-      <select id="permission-role-select" bind:value={selectedRole} class="h-9 w-full rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" disabled={roles.length === 0}>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-2adea12c41f3 svadmin-u-0d304f904cb0 svadmin-u-36e579c0b41c svadmin-u-243d62579c55">
+    <div class="svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-438b2237b8d6 svadmin-u-a327049cac5b">
+      <label for="permission-role-select" class="svadmin-u-a77ed4d908c0 svadmin-u-0214b4b355d1 svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{i18n.t('permissions.roles') || 'Roles'}</label>
+      <select id="permission-role-select" bind:value={selectedRole} class="svadmin-u-e7a768f922d2 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-0e17f2bd9074 svadmin-u-fc7473ca09eb svadmin-u-582e6ef4b245 svadmin-u-55d048ebfb1c svadmin-u-608dd26cd5ba svadmin-u-80b9d0ae125f svadmin-u-6b22a22a9752" disabled={roles.length === 0}>
         {#each roles as role (role.code)}<option value={role.code}>{role.name}</option>{/each}
       </select>
-      {#if roles.length === 0}<p class="mt-2 text-sm text-muted-foreground">{i18n.t('permissions.noRoles') || 'No roles available'}</p>{/if}
-      {#if sidebarExtra}<div class="mt-4 border-t border-border pt-4">{@render sidebarExtra()}</div>{/if}
+      {#if roles.length === 0}<p class="svadmin-u-50d0d216a2f8 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('permissions.noRoles') || 'No roles available'}</p>{/if}
+      {#if sidebarExtra}<div class="svadmin-u-0ab8667228fd svadmin-u-b950dda299d3 svadmin-u-18049387f0af svadmin-u-173fa8f06789">{@render sidebarExtra()}</div>{/if}
     </div>
 
     <!-- Left: Role Selector Sidebar -->
-    <div class="hidden w-full flex-shrink-0 flex-col rounded-lg border border-border bg-card p-4 shadow-sm lg:flex lg:w-64">
-      <h2 class="mb-4 px-2 text-sm font-semibold text-muted-foreground">{i18n.t('permissions.roles') || 'Roles'}</h2>
-      <div class="space-y-1 flex-1 overflow-y-auto">
+    <div class="svadmin-u-99d72c7fc3e2 svadmin-u-6da6a3c3f741 svadmin-u-2074a75bf2e7 svadmin-u-8dddea0773ed svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-438b2237b8d6 svadmin-u-3eb153dc198f svadmin-u-c9c45f3d5d06">
+      <h2 class="svadmin-u-da019856f2cc svadmin-u-d5eab218aa34 svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-bfa603190748">{i18n.t('permissions.roles') || 'Roles'}</h2>
+      <div class="svadmin-u-da7c36cd8867 svadmin-u-36e579c0b41c svadmin-u-92bf82f493b1">
         {#each roles as role, _i (_i)}
           <button 
             onclick={() => selectedRole = role.code}
-            class="w-full text-left px-3 py-2.5 rounded-lg text-sm transition-all duration-200 {selectedRole === role.code ? 'bg-primary/10 text-primary font-medium shadow-sm ring-1 ring-primary/20' : 'text-foreground hover:bg-muted'}"
+            class="svadmin-u-6da6a3c3f741 svadmin-u-2eba0d65d059 svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-5f22e64f2282 svadmin-u-fc7473ca09eb svadmin-u-0fe7d7d814d0 svadmin-u-625a4c3fbeb2 {selectedRole === role.code ? 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069 svadmin-u-438b2237b8d6 svadmin-u-3daca9af0861 svadmin-u-2b6f77ad4036' : 'svadmin-u-d4108abe6359 svadmin-u-8e551981c8d7'}"
           >
             {role.name}
-            <div class="mt-0.5 font-mono text-[10px] opacity-60">{role.code}</div>
+            <div class="svadmin-u-15e1b1f444fe svadmin-u-0e65706bcccd svadmin-u-1dc571a3609f svadmin-u-f2868c227fcd">{role.code}</div>
           </button>
         {/each}
         {#if roles.length === 0}
-          <p class="text-center text-muted-foreground text-sm p-4">{i18n.t('permissions.noRoles') || 'No roles available'}</p>
+          <p class="svadmin-u-ca6bf63030aa svadmin-u-bfa603190748 svadmin-u-fc7473ca09eb svadmin-u-8e63407b5ceb">{i18n.t('permissions.noRoles') || 'No roles available'}</p>
         {/if}
       </div>
       
       <!-- Slot for Upper Logic inject (e.g. Org Switcher, Security Level Filter) -->
       {#if sidebarExtra}
-         <div class="mt-4 pt-4 border-t border-border">
+         <div class="svadmin-u-0ab8667228fd svadmin-u-173fa8f06789 svadmin-u-b950dda299d3 svadmin-u-18049387f0af">
            {@render sidebarExtra()}
          </div>
       {/if}
     </div>
 
     <!-- Right: Matrix Grid -->
-    <div class="flex-1 bg-card rounded-lg shadow-sm border border-border overflow-hidden flex flex-col">
+    <div class="svadmin-u-36e579c0b41c svadmin-u-cd0ad9a56558 svadmin-u-5f22e64f2282 svadmin-u-438b2237b8d6 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-2cd02d11d1af svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed">
       <!-- Matrix Header -->
-      <div class="p-5 border-b border-border bg-muted/30 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-        <div class="flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:gap-4">
+      <div class="svadmin-u-c07e54fd1439 svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-2859c861d7de svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-7e0b7cdf1a94 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-9f76a62f4f44 svadmin-u-cdaa0b7ef445">
           <div>
-            <h2 class="text-lg font-bold text-foreground">{i18n.t('permissions.currentRole') || 'Current role'}:
-              <span class="text-primary">{roles.find(r => r.code === selectedRole)?.name || (i18n.t('permissions.noneSelected') || 'None selected')}</span>
+            <h2 class="svadmin-u-42536e69e639 svadmin-u-69450ef1487e svadmin-u-d4108abe6359">{i18n.t('permissions.currentRole') || 'Current role'}:
+              <span class="svadmin-u-20aaf08a7ed1">{roles.find(r => r.code === selectedRole)?.name || (i18n.t('permissions.noneSelected') || 'None selected')}</span>
             </h2>
-            <p class="text-xs text-muted-foreground mt-1">{i18n.t('permissions.toggleHint') || 'Toggle checkboxes to grant or revoke permissions'}</p>
+            <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-b6b02c0ebef6">{i18n.t('permissions.toggleHint') || 'Toggle checkboxes to grant or revoke permissions'}</p>
           </div>
 
           <!-- Slot for header extra logic -->
@@ -133,60 +133,60 @@
         </div>
         
         {#if conflictCount > 0}
-          <div class="px-3 py-1.5 bg-destructive/10 text-destructive rounded-lg text-xs font-medium ring-1 ring-destructive/20 flex items-center gap-1.5">
-            <AlertCircle class="w-4 h-4" /> {conflictCount} {i18n.t('permissions.conflicts') || 'conflicting rules'}
+          <div class="svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-43928fcc832f svadmin-u-811148b13d1e svadmin-u-5f22e64f2282 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-3daca9af0861 svadmin-u-5b92fd698365 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
+            <AlertCircle class="svadmin-u-dc7972ebf3f3 svadmin-u-11e59c6d5f6b" /> {conflictCount} {i18n.t('permissions.conflicts') || 'conflicting rules'}
           </div>
         {/if}
       </div>
       
       <!-- Table Area -->
-      <div class="flex-1 overflow-auto p-4">
-        <table class="min-w-full rounded-lg overflow-hidden shadow-sm ring-1 ring-border/10">
-          <thead class="bg-muted/50">
+      <div class="svadmin-u-36e579c0b41c svadmin-u-73fc3fb18ceb svadmin-u-8e63407b5ceb">
+        <table class="svadmin-u-a1e7a8069878 svadmin-u-5f22e64f2282 svadmin-u-2cd02d11d1af svadmin-u-438b2237b8d6 svadmin-u-3daca9af0861 svadmin-u-a10fdd7667ee">
+          <thead class="svadmin-u-358af0b65a31">
             <tr>
-              <th scope="col" class="py-3 pr-3 pl-4 text-left text-sm font-semibold text-foreground w-48">{i18n.t('permissions.resources') || 'Resources'}</th>
+              <th scope="col" class="svadmin-u-1b2d54a3fd12 svadmin-u-fafb9e0bfb6a svadmin-u-fdb4af3ae0bc svadmin-u-2eba0d65d059 svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-74b2435a1d40">{i18n.t('permissions.resources') || 'Resources'}</th>
               {#each actions as action, _i (_i)}
-                <th scope="col" class="px-2 py-3 text-center text-sm font-semibold text-foreground">
-                  <div class="flex flex-col items-center">
+                <th scope="col" class="svadmin-u-d5eab218aa34 svadmin-u-1b2d54a3fd12 svadmin-u-ca6bf63030aa svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">
+                  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9">
                     <span>{action.name}</span>
-                    <span class="text-[10px] text-muted-foreground font-mono">{action.code}</span>
+                    <span class="svadmin-u-1dc571a3609f svadmin-u-bfa603190748 svadmin-u-0e65706bcccd">{action.code}</span>
                   </div>
                 </th>
               {/each}
             </tr>
           </thead>
-          <tbody class="bg-card">
+          <tbody class="svadmin-u-cd0ad9a56558">
             {#if resources.length === 0}
               <tr>
-                 <td colspan={actions.length + 1} class="py-10 text-center text-muted-foreground">{i18n.t('permissions.noResources') || 'No resources available'}</td>
+                 <td colspan={actions.length + 1} class="svadmin-u-1100bef66e60 svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">{i18n.t('permissions.noResources') || 'No resources available'}</td>
               </tr>
             {/if}
             {#each resources as resource, i (i)}
               <!-- Section Grouping Header -->
               {#if resource.section && (i === 0 || resource.section !== resources[i-1].section)}
-                <tr class="bg-primary/5">
-                  <td colspan="{actions.length + 1}" class="px-4 py-2 text-xs font-bold text-primary">{resource.section}</td>
+                <tr class="svadmin-u-989c466fdbe7">
+                  <td colspan="{actions.length + 1}" class="svadmin-u-f0faeb26d656 svadmin-u-03b4dd7f172b svadmin-u-359090c2d529 svadmin-u-69450ef1487e svadmin-u-20aaf08a7ed1">{resource.section}</td>
                 </tr>
               {/if}
               
-              <tr class="even:bg-muted/30 hover:bg-muted/50 transition-colors">
-                <td class="whitespace-nowrap py-3 pl-4 pr-3 text-sm">
-                  <div class="font-medium text-foreground">{resource.name}</div>
-                  <div class="text-xs text-muted-foreground font-mono">{resource.code}</div>
+              <tr class="svadmin-u-a951c7ab6715 svadmin-u-39f703dbe296 svadmin-u-ceb69a6b0e5f">
+                <td class="svadmin-u-e82ae8be04aa svadmin-u-1b2d54a3fd12 svadmin-u-fdb4af3ae0bc svadmin-u-fafb9e0bfb6a svadmin-u-fc7473ca09eb">
+                  <div class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{resource.name}</div>
+                  <div class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0e65706bcccd">{resource.code}</div>
                 </td>
                 
                 <!-- Action Checkboxes -->
                 {#each actions as action, _i (_i)}
                   {@const granted = selectedRole ? isGranted(selectedRole, resource.code, action.code) : false}
-                  <td class="whitespace-nowrap px-3 py-3 text-center">
-                    <div class="flex items-center justify-center">
+                  <td class="svadmin-u-e82ae8be04aa svadmin-u-0e17f2bd9074 svadmin-u-1b2d54a3fd12 svadmin-u-ca6bf63030aa">
+                    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227">
                       <button 
                         disabled={loading || !selectedRole}
                         aria-label="Toggle {action.name}"
                         onclick={() => onToggle(selectedRole as string, resource.code, action.code, !granted)}
-                        class="w-6 h-6 rounded border flex items-center justify-center transition-all focus:outline-none focus:ring-2 focus:ring-primary/50 {granted ? 'bg-primary border-primary text-primary-foreground' : 'border-input bg-background hover:bg-accent'} {loading || !selectedRole ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}"
+                        class="svadmin-u-7ec10f86d9b1 svadmin-u-f6fe902450dc svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-0fe7d7d814d0 svadmin-u-55d048ebfb1c svadmin-u-608dd26cd5ba svadmin-u-094cedcfedfd {granted ? 'svadmin-u-75b1bec3ea0e svadmin-u-6cbc84dd9e1a svadmin-u-30ca335ae9c2' : 'svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-0557b88819cd'} {loading || !selectedRole ? 'svadmin-u-0b8c506a0596 svadmin-u-29b733e4c162' : 'svadmin-u-34516836730d'}"
                       >
-                        <svg class="w-3.5 h-3.5 {granted ? 'block' : 'hidden'}" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
+                        <svg class="svadmin-u-bf600f8e029c svadmin-u-7fc7f732bf7e {granted ? 'svadmin-u-0214b4b355d1' : 'svadmin-u-99d72c7fc3e2'}" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
                           <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
                         </svg>
                       </button>

package/dist/components/PivotTable.svelte

@@ -89,50 +89,50 @@
   );
 </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">
-      Pivot Analysis <span class="text-muted-foreground font-normal">({rowLabel} × {columnLabel})</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">
+      Pivot Analysis <span class="svadmin-u-bfa603190748 svadmin-u-8ecebc9f80e6">({rowLabel} × {columnLabel})</span>
     </div>
-    <div class="text-muted-foreground">
-      Aggregator: <strong class="text-primary uppercase">{aggregator}</strong> ({valueLabel})
+    <div class="svadmin-u-bfa603190748">
+      Aggregator: <strong class="svadmin-u-20aaf08a7ed1 uppercase">{aggregator}</strong> ({valueLabel})
     </div>
   </div>
 
-  <div class="overflow-x-auto rounded-lg border border-border/60">
-    <table class="w-full text-right border-collapse">
-      <thead class="bg-muted/40 font-semibold text-muted-foreground border-b border-border/60">
+  <div class="svadmin-u-1384f66f41d0 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff">
+    <table class="svadmin-u-6da6a3c3f741 svadmin-u-308fc069e46e svadmin-u-4583f90cd9bd">
+      <thead class="svadmin-u-b00f43c30c2b svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
         <tr>
-          <th class="px-3 py-2.5 text-left bg-muted/60">{rowLabel} \ {columnLabel}</th>
+          <th class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-2eba0d65d059 svadmin-u-706701550477">{rowLabel} \ {columnLabel}</th>
           {#each distinctColValues as col (col)}
-            <th class="px-3 py-2.5 font-semibold text-foreground">{col}</th>
+            <th class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{col}</th>
           {/each}
-          <th class="px-3 py-2.5 bg-muted/60 font-semibold text-foreground">Total</th>
+          <th class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-706701550477 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">Total</th>
         </tr>
       </thead>
-      <tbody class="divide-y divide-border/40 font-mono">
+      <tbody class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258 svadmin-u-0e65706bcccd">
         {#each distinctRowValues as row (row)}
-          <tr class="hover:bg-muted/20 transition-colors">
-            <td class="px-3 py-2 text-left font-medium text-foreground bg-muted/20 font-sans">{row}</td>
+          <tr class="svadmin-u-c4b5eaba40e3 svadmin-u-ceb69a6b0e5f">
+            <td class="svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-2eba0d65d059 svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-967d113a1451 svadmin-u-79bf1259388b">{row}</td>
             {#each distinctColValues as col (col)}
               {@const val = getCellValue(row, col)}
-              <td class={cn('px-3 py-2', val === 0 ? 'text-muted-foreground/40' : 'text-foreground')}>
+              <td class={cn('svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b', val === 0 ? 'svadmin-u-52183a1cca53' : 'svadmin-u-d4108abe6359')}>
                 {formatValue(val)}
               </td>
             {/each}
-            <td class="px-3 py-2 font-semibold text-foreground bg-muted/20">
+            <td class="svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-967d113a1451">
               {formatValue(getRowTotal(row))}
             </td>
           </tr>
         {/each}
       </tbody>
-      <tfoot class="bg-muted/60 font-semibold font-mono border-t-2 border-border text-foreground">
+      <tfoot class="svadmin-u-706701550477 svadmin-u-e83a7042bc91 svadmin-u-0e65706bcccd svadmin-u-bee68af349c9 svadmin-u-18049387f0af svadmin-u-d4108abe6359">
         <tr>
-          <td class="px-3 py-2.5 text-left font-sans">Grand Total</td>
+          <td class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-2eba0d65d059 svadmin-u-79bf1259388b">Grand Total</td>
           {#each distinctColValues as col (col)}
-            <td class="px-3 py-2.5">{formatValue(getColTotal(col))}</td>
+            <td class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe">{formatValue(getColTotal(col))}</td>
           {/each}
-          <td class="px-3 py-2.5 text-primary">{formatValue(grandTotal)}</td>
+          <td class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-20aaf08a7ed1">{formatValue(grandTotal)}</td>
         </tr>
       </tfoot>
     </table>

package/dist/components/PresenceAvatarGroup.svelte

@@ -38,31 +38,31 @@
   function getStatusIndicator(status?: PresenceUser['status']) {
     switch (status) {
       case 'editing':
-        return 'bg-warning ring-warning/30 animate-pulse';
+        return 'svadmin-u-a486cacb3a15 svadmin-u-8e7bba3352f0 svadmin-u-d59b97947485';
       case 'idle':
-        return 'bg-muted-foreground ring-muted-foreground/30';
+        return 'svadmin-u-43ed7af3fc8a svadmin-u-ffe6499f370c';
       default:
-        return 'bg-success ring-success/30';
+        return 'svadmin-u-3355648fe22b svadmin-u-0a0bdc193a65';
     }
   }
 </script>
 
-<div class={cn('inline-flex items-center gap-2 text-xs select-none', className)}>
+<div class={cn('svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-359090c2d529 svadmin-u-7f6912283f11', className)}>
   {#if label}
-    <span class="text-muted-foreground flex items-center gap-1">
-      <Users class="h-3.5 w-3.5" />
+    <span class="svadmin-u-bfa603190748 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
+      <Users class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       {label}:
     </span>
   {/if}
 
-  <div class="flex items-center -space-x-2 overflow-hidden py-1">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-9f6ccfe3205a svadmin-u-2cd02d11d1af svadmin-u-660d2effb880">
     {#each visibleUsers as user (user.id)}
       <div
-        class="relative inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 border-background bg-muted text-[11px] font-semibold text-foreground shadow-xs transition-transform hover:z-10 hover:scale-110"
+        class="svadmin-u-d89972fe17d6 svadmin-u-52083e7da442 svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-65935df577ba svadmin-u-4c1e8d12f3db svadmin-u-2ef11f1cb219 svadmin-u-d058ca6de60f svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-cef5b893cf23 svadmin-u-eadef238231e svadmin-u-d5254d26307d svadmin-u-7abf679f0725"
         title="{user.name} ({user.status ?? 'online'})"
       >
         {#if user.avatar}
-          <img src={user.avatar} alt={user.name} class="h-full w-full rounded-full object-cover" />
+          <img src={user.avatar} alt={user.name} class="svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-ac204c108886 svadmin-u-7d85d0c21a32" />
         {:else}
           <span>{getInitials(user.name)}</span>
         {/if}
@@ -70,7 +70,7 @@
         <!-- Status Dot Indicator -->
         <span
           class={cn(
-            'absolute bottom-0 right-0 h-2 w-2 rounded-full ring-2 ring-background',
+            'svadmin-u-da4dbfbc4fdc svadmin-u-189f036c335c svadmin-u-d8cdcad240d1 svadmin-u-2f2a842e50fa svadmin-u-940924b6e2d9 svadmin-u-ac204c108886 svadmin-u-16b1efa5875e svadmin-u-85399de17097',
             getStatusIndicator(user.status)
           )}
         ></span>
@@ -79,7 +79,7 @@
 
     {#if hiddenCount > 0}
       <div
-        class="relative inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 border-background bg-secondary text-[10px] font-medium text-secondary-foreground shadow-xs"
+        class="svadmin-u-d89972fe17d6 svadmin-u-52083e7da442 svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-65935df577ba svadmin-u-4c1e8d12f3db svadmin-u-ba939ea82d8b svadmin-u-1dc571a3609f svadmin-u-2689f3958069 svadmin-u-5064267f78e3 svadmin-u-cef5b893cf23"
         title="{hiddenCount} more users"
       >
         +{hiddenCount}

package/dist/components/PrintableBill.svelte

@@ -54,95 +54,95 @@
   }
 </script>
 
-<div class={cn('space-y-4 text-xs', className)}>
+<div class={cn('svadmin-u-3e7ce58d64fa svadmin-u-359090c2d529', className)}>
   <!-- Print Trigger Bar (Hidden during actual print) -->
-  <div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card shadow-xs print:hidden">
-    <div class="text-muted-foreground">
-      Document Ready: <strong class="text-foreground">{billNumber}</strong>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-eb6e8b881acd svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-38a2a10339a0">
+    <div class="svadmin-u-bfa603190748">
+      Document Ready: <strong class="svadmin-u-d4108abe6359">{billNumber}</strong>
     </div>
-    <Button size="sm" class="h-8 text-xs gap-1.5" onclick={handlePrint}>
-      <Printer class="h-3.5 w-3.5" />
+    <Button size="sm" class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529 svadmin-u-58284b4ea568" onclick={handlePrint}>
+      <Printer class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       Print Document
     </Button>
   </div>
 
   <!-- Printable A4 Paper Container -->
-  <div class="rounded-xl border border-border bg-card p-8 shadow-xs max-w-3xl mx-auto space-y-6 print:border-none print:shadow-none print:p-0 print:m-0">
+  <div class="svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-845f53365c8d svadmin-u-cef5b893cf23 svadmin-u-fa3f7111e53b svadmin-u-0e12dc7de920 svadmin-u-b3542e058833 svadmin-u-952dfef04298 svadmin-u-a9436de0cd55 svadmin-u-d0dfe7e6acb2 svadmin-u-3d50bc090e79">
     <!-- Header -->
-    <div class="flex items-start justify-between border-b-2 border-primary/40 pb-4">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-65ac0c49a5d5 svadmin-u-f5583b2907be svadmin-u-9fcd8a13827e">
       <div>
-        <h2 class="text-xl font-bold text-foreground tracking-tight">{title}</h2>
-        <p class="text-muted-foreground font-mono mt-0.5">No: {billNumber}</p>
+        <h2 class="svadmin-u-d5c9b0001e7e svadmin-u-69450ef1487e svadmin-u-d4108abe6359 svadmin-u-1d7f28b046ad">{title}</h2>
+        <p class="svadmin-u-bfa603190748 svadmin-u-0e65706bcccd svadmin-u-15e1b1f444fe">No: {billNumber}</p>
       </div>
-      <div class="text-right space-y-0.5">
-        <h3 class="font-semibold text-foreground">{companyName}</h3>
+      <div class="svadmin-u-308fc069e46e svadmin-u-e2eedc5718f0">
+        <h3 class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{companyName}</h3>
         {#if companyAddress}
-          <p class="text-muted-foreground text-[11px]">{companyAddress}</p>
+          <p class="svadmin-u-bfa603190748 svadmin-u-d058ca6de60f">{companyAddress}</p>
         {/if}
-        <p class="text-muted-foreground text-[11px]">Date: {date}</p>
+        <p class="svadmin-u-bfa603190748 svadmin-u-d058ca6de60f">Date: {date}</p>
       </div>
     </div>
 
     <!-- Customer Info -->
-    <div class="p-3 rounded-lg bg-muted/20 border border-border/40 space-y-1">
-      <span class="text-muted-foreground font-semibold uppercase text-[10px] block">Bill To</span>
-      <div class="font-semibold text-foreground">{customerName}</div>
+    <div class="svadmin-u-eb6e8b881acd svadmin-u-5f22e64f2282 svadmin-u-967d113a1451 svadmin-u-ca6bcd4b6f3f svadmin-u-6ee2d41e2d2d svadmin-u-da7c36cd8867">
+      <span class="svadmin-u-bfa603190748 svadmin-u-e83a7042bc91 uppercase svadmin-u-1dc571a3609f svadmin-u-0214b4b355d1">Bill To</span>
+      <div class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{customerName}</div>
       {#if customerAddress}
-        <div class="text-muted-foreground text-[11px]">{customerAddress}</div>
+        <div class="svadmin-u-bfa603190748 svadmin-u-d058ca6de60f">{customerAddress}</div>
       {/if}
     </div>
 
     <!-- Items Table -->
-    <table class="w-full text-left border-collapse border border-border/60">
-      <thead class="bg-muted/40 font-semibold text-foreground border-b border-border/60">
+    <table class="svadmin-u-6da6a3c3f741 svadmin-u-2eba0d65d059 svadmin-u-4583f90cd9bd svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff">
+      <thead class="svadmin-u-b00f43c30c2b svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
         <tr>
-          <th class="p-2 border-r border-border/40 w-12 text-center">#</th>
-          <th class="p-2 border-r border-border/40">Item Description</th>
-          <th class="p-2 border-r border-border/40 text-center w-20">Qty</th>
-          <th class="p-2 border-r border-border/40 text-right w-24">Unit Price</th>
-          <th class="p-2 text-right w-28">Amount</th>
+          <th class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-e7e371071bc5 svadmin-u-ca6bf63030aa">#</th>
+          <th class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d">Item Description</th>
+          <th class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-ca6bf63030aa svadmin-u-ed831a4dff32">Qty</th>
+          <th class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-308fc069e46e svadmin-u-69da7e4ff95d">Unit Price</th>
+          <th class="svadmin-u-7660b450905a svadmin-u-308fc069e46e svadmin-u-b67ee2eeca37">Amount</th>
         </tr>
       </thead>
-      <tbody class="divide-y divide-border/40">
+      <tbody class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258">
         {#each items as item, index (index)}
           {@const rowTotal = item.total ?? item.quantity * item.unitPrice}
           <tr>
-            <td class="p-2 border-r border-border/40 text-center text-muted-foreground">{index + 1}</td>
-            <td class="p-2 border-r border-border/40 font-medium text-foreground">
+            <td class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">{index + 1}</td>
+            <td class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-2689f3958069 svadmin-u-d4108abe6359">
               {item.name}
               {#if item.spec}
-                <span class="block text-[11px] text-muted-foreground">{item.spec}</span>
+                <span class="svadmin-u-0214b4b355d1 svadmin-u-d058ca6de60f svadmin-u-bfa603190748">{item.spec}</span>
               {/if}
             </td>
-            <td class="p-2 border-r border-border/40 text-center tabular-nums">{item.quantity}</td>
-            <td class="p-2 border-r border-border/40 text-right tabular-nums">¥{item.unitPrice.toFixed(2)}</td>
-            <td class="p-2 text-right tabular-nums font-semibold text-foreground">¥{rowTotal.toFixed(2)}</td>
+            <td class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-ca6bf63030aa svadmin-u-3032cae0badb">{item.quantity}</td>
+            <td class="svadmin-u-7660b450905a svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-308fc069e46e svadmin-u-3032cae0badb">¥{item.unitPrice.toFixed(2)}</td>
+            <td class="svadmin-u-7660b450905a svadmin-u-308fc069e46e svadmin-u-3032cae0badb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">¥{rowTotal.toFixed(2)}</td>
           </tr>
         {/each}
       </tbody>
-      <tfoot class="border-t-2 border-border font-semibold text-foreground bg-muted/20">
+      <tfoot class="svadmin-u-bee68af349c9 svadmin-u-18049387f0af svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-967d113a1451">
         <tr>
-          <td colspan="4" class="p-2.5 text-right border-r border-border/40">Total Summary:</td>
-          <td class="p-2.5 text-right text-sm tabular-nums text-primary font-bold">¥{subtotal.toFixed(2)}</td>
+          <td colspan="4" class="svadmin-u-9fe52d5d506c svadmin-u-308fc069e46e svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d">Total Summary:</td>
+          <td class="svadmin-u-9fe52d5d506c svadmin-u-308fc069e46e svadmin-u-fc7473ca09eb svadmin-u-3032cae0badb svadmin-u-20aaf08a7ed1 svadmin-u-69450ef1487e">¥{subtotal.toFixed(2)}</td>
         </tr>
       </tfoot>
     </table>
 
     <!-- Footer Notes & Signatures -->
-    <div class="flex items-end justify-between pt-4 border-t border-border/40 text-xs">
-      <div class="space-y-1 max-w-sm">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-6f27f4f79e55 svadmin-u-8ef2268efbbc svadmin-u-173fa8f06789 svadmin-u-b950dda299d3 svadmin-u-6ee2d41e2d2d svadmin-u-359090c2d529">
+      <div class="svadmin-u-da7c36cd8867 svadmin-u-2472e9b81a97">
         {#if notes}
-          <span class="font-semibold text-muted-foreground block text-[11px]">Notes:</span>
-          <p class="text-muted-foreground">{notes}</p>
+          <span class="svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-0214b4b355d1 svadmin-u-d058ca6de60f">Notes:</span>
+          <p class="svadmin-u-bfa603190748">{notes}</p>
         {/if}
       </div>
 
-      <div class="text-right space-y-4">
+      <div class="svadmin-u-308fc069e46e svadmin-u-3e7ce58d64fa">
         {#if issuer}
-          <p class="text-muted-foreground">Issued By: <strong class="text-foreground">{issuer}</strong></p>
+          <p class="svadmin-u-bfa603190748">Issued By: <strong class="svadmin-u-d4108abe6359">{issuer}</strong></p>
         {/if}
-        <div class="w-40 border-b border-foreground/40 pt-6"></div>
-        <p class="text-[10px] text-muted-foreground text-center">Authorized Signature & Stamp</p>
+        <div class="svadmin-u-84789e8a20cd svadmin-u-65fdbade2025 svadmin-u-a4fe7d4d1e07 svadmin-u-30c1d058f0db"></div>
+        <p class="svadmin-u-1dc571a3609f svadmin-u-bfa603190748 svadmin-u-ca6bf63030aa">Authorized Signature & Stamp</p>
       </div>
     </div>
   </div>