@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/AuditLogDrawer.svelte

@@ -75,10 +75,10 @@
 </script>
 
 <Sheet.Root bind:open>
-  <Sheet.Content class="w-full sm:max-w-md overflow-y-auto">
+  <Sheet.Content class="svadmin-u-6da6a3c3f741 svadmin-u-c0bedbbc0c34 svadmin-u-92bf82f493b1">
     <Sheet.Header>
-      <Sheet.Title class="flex items-center gap-2">
-        <History class="h-5 w-5" />
+      <Sheet.Title class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+        <History class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e" />
         {i18n.t('common.history') || 'History'}
       </Sheet.Title>
       <Sheet.Description>
@@ -86,32 +86,32 @@
       </Sheet.Description>
     </Sheet.Header>
 
-    <div class="mt-8 space-y-4">
+    <div class="svadmin-u-4e5d2af5fc1f svadmin-u-3e7ce58d64fa">
       {#if isLoading}
-        <div class="flex justify-center py-8 text-muted-foreground">
-          <Loader2 class="h-6 w-6 animate-spin" />
+        <div class="svadmin-u-60fbb7713999 svadmin-u-86843cf1e227 svadmin-u-a1f611f027dd svadmin-u-bfa603190748">
+          <Loader2 class="svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-afbdd13a380e" />
         </div>
       {:else if logs.length === 0}
-        <div class="text-center py-10">
-          <History class="h-8 w-8 mx-auto text-muted-foreground/30 mb-3" />
-          <p class="text-sm text-muted-foreground">
+        <div class="svadmin-u-ca6bf63030aa svadmin-u-1100bef66e60">
+          <History class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-0e12dc7de920 svadmin-u-106b502aac96 svadmin-u-1bb883263ed2" />
+          <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
             {i18n.t('common.noData') || 'No audit logs found'}
           </p>
         </div>
       {:else}
-        <div class="relative border-l border-border ml-3 pl-6 space-y-8">
+        <div class="svadmin-u-d89972fe17d6 svadmin-u-d4f78465b34d svadmin-u-18049387f0af svadmin-u-fd9bb0dd33ac svadmin-u-9079b62ef1cb svadmin-u-793f9e26e29b">
           {#each logs as log, _i (_i)}
-            <div class="relative">
-              <span class="absolute -left-7 top-1 flex h-2 w-2 items-center justify-center rounded-full ring-4 ring-background {getActionColor(log.action)}"></span>
-              <div class="flex flex-col gap-1.5">
-                <div class="flex items-center gap-2 justify-between">
-                  <span class="text-sm font-semibold capitalize">{log.action}</span>
-                  <span class="text-xs text-muted-foreground">
+            <div class="svadmin-u-d89972fe17d6">
+              <span class="svadmin-u-da4dbfbc4fdc svadmin-u-ea875e48d525 svadmin-u-c55dcda26eec svadmin-u-60fbb7713999 svadmin-u-2f2a842e50fa svadmin-u-940924b6e2d9 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-44559afbdbd7 svadmin-u-85399de17097 {getActionColor(log.action)}"></span>
+              <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-58284b4ea568">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-8ef2268efbbc">
+                  <span class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 capitalize">{log.action}</span>
+                  <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">
                     {new Date(log.timestamp).toLocaleString()}
                   </span>
                 </div>
                 {#if log.userId}
-                  <span class="text-xs text-muted-foreground font-mono bg-muted inline-flex px-1.5 py-0.5 rounded w-fit">
+                  <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0e65706bcccd svadmin-u-2ef11f1cb219 svadmin-u-52083e7da442 svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-07389a777c1f svadmin-u-92e7450ad20d">
                     User: {log.userId}
                   </span>
                 {/if}

package/dist/components/AuditLogViewer.svelte

@@ -103,76 +103,76 @@
   }
 </script>
 
-<div class="h-full flex flex-col">
+<div class="svadmin-u-668b21aa5409 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed">
   <!-- Header -->
-  <div class="mb-6">
-    <h2 class="text-xl font-semibold text-foreground flex items-center gap-2">
-      <FileSearch class="h-5 w-5 text-muted-foreground" />
+  <div class="svadmin-u-b6777c6db914">
+    <h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+      <FileSearch class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-bfa603190748" />
       {i18n.t('settings.auditLogs') ?? 'Audit Logs'}
     </h2>
-    <p class="text-sm text-muted-foreground mt-1">
+    <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748 svadmin-u-b6b02c0ebef6">
       {i18n.t('settings.auditDescription') ?? 'Track and review all system operations for compliance and debugging.'}
     </p>
   </div>
 
   {#if error}
-    <div class="p-6 border border-destructive/20 bg-destructive/5 text-destructive rounded-lg text-center">
+    <div class="svadmin-u-0478c89a150f svadmin-u-ca6bcd4b6f3f svadmin-u-f0c1e65bd6f2 svadmin-u-7a0854fdbc30 svadmin-u-811148b13d1e svadmin-u-5f22e64f2282 svadmin-u-ca6bf63030aa">
       <p>{error}</p>
     </div>
   {:else}
     <!-- Search Bar -->
-    <div class="mb-4 relative">
-      <Search class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+    <div class="svadmin-u-da019856f2cc svadmin-u-d89972fe17d6">
+      <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-22e59b722111 svadmin-u-d694ba66e322 svadmin-u-36b381be4df3 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
       <Input
         bind:value={searchQuery}
         placeholder={i18n.t('settings.searchLogs') ?? 'Search by user, action, or resource...'}
-        class="pl-9"
+        class="svadmin-u-9e83b2412bc9"
       />
     </div>
 
     <!-- Table -->
-    <div class="flex-1 shadow-sm ring-1 ring-border/10 rounded-lg bg-card overflow-hidden">
+    <div class="svadmin-u-36e579c0b41c svadmin-u-438b2237b8d6 svadmin-u-3daca9af0861 svadmin-u-a10fdd7667ee svadmin-u-5f22e64f2282 svadmin-u-cd0ad9a56558 svadmin-u-2cd02d11d1af">
       {#if loading}
-        <div class="flex items-center justify-center h-48 text-muted-foreground">
-          <Loader2 class="h-5 w-5 animate-spin mr-2" />
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-3c8ea328c09e svadmin-u-bfa603190748">
+          <Loader2 class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-afbdd13a380e svadmin-u-d2347e8497a9" />
           {i18n.t('common.loading')}
         </div>
       {:else}
-        <div class="overflow-auto">
+        <div class="svadmin-u-73fc3fb18ceb">
           <Table.Root>
             <Table.Header>
               <Table.Row>
-                <Table.Head class="w-[160px]">{i18n.t('settings.auditTime') ?? 'Time'}</Table.Head>
+                <Table.Head class="svadmin-u-1e3de5ebbb2f">{i18n.t('settings.auditTime') ?? 'Time'}</Table.Head>
                 <Table.Head>{i18n.t('settings.auditUser') ?? 'User'}</Table.Head>
                 <Table.Head>{i18n.t('settings.auditAction') ?? 'Action'}</Table.Head>
                 <Table.Head>{i18n.t('settings.auditResource') ?? 'Resource'}</Table.Head>
-                <Table.Head class="w-[120px]">{i18n.t('settings.auditIp') ?? 'IP Address'}</Table.Head>
-                <Table.Head class="w-[60px] text-center">{i18n.t('common.detail') ?? 'Detail'}</Table.Head>
+                <Table.Head class="svadmin-u-c1ca66f139f6">{i18n.t('settings.auditIp') ?? 'IP Address'}</Table.Head>
+                <Table.Head class="svadmin-u-4f98da6f3301 svadmin-u-ca6bf63030aa">{i18n.t('common.detail') ?? 'Detail'}</Table.Head>
               </Table.Row>
             </Table.Header>
             <Table.Body>
               {#each filteredLogs as log, _i (_i)}
-                <Table.Row class="border-0 even:bg-muted/20 hover:bg-muted/40 transition-colors">
-                  <Table.Cell class="text-xs text-muted-foreground font-mono">
+                <Table.Row class="svadmin-u-119b2aa0b8f6 svadmin-u-83afbb7f41b3 svadmin-u-f6e31b39b8e4 svadmin-u-ceb69a6b0e5f">
+                  <Table.Cell class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0e65706bcccd">
                     {formatDate(log.createdAt)}
                   </Table.Cell>
-                  <Table.Cell class="text-sm font-medium">{log.userName ?? log.userId ?? '—'}</Table.Cell>
+                  <Table.Cell class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069">{log.userName ?? log.userId ?? '—'}</Table.Cell>
                   <Table.Cell>
                     <Badge variant={getActionColor(log.action)}>{log.action}</Badge>
                   </Table.Cell>
-                  <Table.Cell class="text-sm text-muted-foreground">{log.resource ?? '—'}</Table.Cell>
-                  <Table.Cell class="text-xs text-muted-foreground font-mono">{log.ipAddress ?? '—'}</Table.Cell>
-                  <Table.Cell class="text-center">
+                  <Table.Cell class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{log.resource ?? '—'}</Table.Cell>
+                  <Table.Cell class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0e65706bcccd">{log.ipAddress ?? '—'}</Table.Cell>
+                  <Table.Cell class="svadmin-u-ca6bf63030aa">
                     {#if log.details}
-                      <Button variant="ghost" size="icon" class="h-7 w-7" onclick={() => openSnapshot(log)}>
-                        <Eye class="h-3.5 w-3.5" />
+                      <Button variant="ghost" size="icon" class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828" onclick={() => openSnapshot(log)}>
+                        <Eye class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                       </Button>
                     {/if}
                   </Table.Cell>
                 </Table.Row>
               {:else}
                 <Table.Row>
-                  <Table.Cell colspan={6} class="h-24 text-center text-muted-foreground">
+                  <Table.Cell colspan={6} class="svadmin-u-9678c61eaac3 svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">
                     {i18n.t('common.noData')}
                   </Table.Cell>
                 </Table.Row>
@@ -184,15 +184,15 @@
     </div>
 
     <!-- Pagination -->
-    <div class="mt-4 flex items-center justify-between text-sm text-muted-foreground">
+    <div class="svadmin-u-0ab8667228fd svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
       <span>{total} {i18n.t('settings.auditTotal') ?? 'total records'}</span>
-      <div class="flex items-center gap-2">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
         <Button
           variant="outline" size="sm"
           disabled={page <= 1}
           onclick={() => { page--; }}
         >
-          <ChevronLeft class="h-4 w-4" />
+          <ChevronLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
         </Button>
         <span>{page} / {totalPages}</span>
         <Button
@@ -200,7 +200,7 @@
           disabled={page >= totalPages}
           onclick={() => { page++; }}
         >
-          <ChevronRight class="h-4 w-4" />
+          <ChevronRight class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
         </Button>
       </div>
     </div>
@@ -211,42 +211,42 @@
 {#if drawerOpen && drawerLog}
   <!-- svelte-ignore a11y_no_static_element_interactions -->
   <!-- svelte-ignore a11y_click_events_have_key_events -->
-  <div class="fixed inset-0 z-[100] flex justify-end bg-black/40 backdrop-blur-sm" onclick={closeSnapshot}>
+  <div class="svadmin-u-7bc555991dba svadmin-u-7b7df0449b80 svadmin-u-db5a366a0e21 svadmin-u-60fbb7713999 svadmin-u-77c08e015d14 svadmin-u-fd9dca32f483 svadmin-u-1ca6dd1e47c4" onclick={closeSnapshot}>
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <!-- svelte-ignore a11y_click_events_have_key_events -->
-    <div class="bg-card shadow-2xl w-full max-w-2xl h-full flex flex-col animate-in slide-in-from-right duration-300" onclick={(e) => e.stopPropagation()}>
+    <div class="svadmin-u-cd0ad9a56558 svadmin-u-14e46609fd68 svadmin-u-6da6a3c3f741 svadmin-u-2cc8041eca99 svadmin-u-668b21aa5409 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-40137e897961 slide-in-from-right svadmin-u-7890552ecd63" onclick={(e) => e.stopPropagation()}>
       <!-- Drawer Header -->
-      <div class="p-6 shadow-[0_1px_0_rgba(0,0,0,0.05)] dark:shadow-[0_1px_0_rgba(255,255,255,0.05)] flex items-center justify-between bg-muted/30">
+      <div class="svadmin-u-0478c89a150f svadmin-u-a4ba1a079087 svadmin-u-dd90176a46af svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-2859c861d7de">
         <div>
-          <h2 class="text-lg font-bold text-foreground flex items-center gap-2">
-            <FileSearch class="h-5 w-5 text-primary" />
+          <h2 class="svadmin-u-42536e69e639 svadmin-u-69450ef1487e svadmin-u-d4108abe6359 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+            <FileSearch class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-20aaf08a7ed1" />
             {i18n.t('settings.auditSnapshot') ?? 'Change Snapshot'}
           </h2>
-          <p class="text-xs text-muted-foreground mt-1">{formatDate(drawerLog.createdAt)} · {drawerLog.userName ?? drawerLog.userId}</p>
+          <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-b6b02c0ebef6">{formatDate(drawerLog.createdAt)} · {drawerLog.userName ?? drawerLog.userId}</p>
         </div>
-        <button onclick={closeSnapshot} class="text-muted-foreground hover:text-foreground transition p-2 rounded-lg hover:bg-muted">
-          <X class="w-5 h-5" />
+        <button onclick={closeSnapshot} class="svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-56bf8ae82a10 svadmin-u-7660b450905a svadmin-u-5f22e64f2282 svadmin-u-8e551981c8d7">
+          <X class="svadmin-u-72470489ff4e svadmin-u-cd0d9c512cdc" />
         </button>
       </div>
 
       <!-- Meta Tags -->
-      <div class="px-6 py-3 shadow-[0_1px_0_rgba(0,0,0,0.05)] dark:shadow-[0_1px_0_rgba(255,255,255,0.05)] flex items-center gap-2 flex-wrap">
+      <div class="svadmin-u-f92d02360b8f svadmin-u-1b2d54a3fd12 svadmin-u-a4ba1a079087 svadmin-u-dd90176a46af svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-1eb5c6df38c1">
         <Badge variant="outline">{drawerLog.action}</Badge>
         {#if drawerLog.resource}
           <Badge variant="secondary">{drawerLog.resource}</Badge>
         {/if}
         {#if drawerLog.ipAddress}
-          <Badge variant="outline" class="font-mono text-xs">{drawerLog.ipAddress}</Badge>
+          <Badge variant="outline" class="svadmin-u-0e65706bcccd svadmin-u-359090c2d529">{drawerLog.ipAddress}</Badge>
         {/if}
       </div>
 
       <!-- JSON Diff Viewer -->
-      <div class="flex-1 p-6 overflow-y-auto bg-foreground/[0.03] dark:bg-background/50">
-        <pre class="whitespace-pre-wrap text-xs font-mono leading-relaxed text-foreground/80 bg-muted/30 rounded-lg p-4 border border-border">{typeof drawerLog.details === 'object' ? JSON.stringify(drawerLog.details, null, 2) : drawerLog.details}</pre>
+      <div class="svadmin-u-36e579c0b41c svadmin-u-0478c89a150f svadmin-u-92bf82f493b1 svadmin-u-ba1dab71e35e svadmin-u-22a0a8a25f55">
+        <pre class="svadmin-u-a2edcb1a3a6b svadmin-u-359090c2d529 svadmin-u-0e65706bcccd svadmin-u-6b189c6edadb svadmin-u-f93148569c39 svadmin-u-2859c861d7de svadmin-u-5f22e64f2282 svadmin-u-8e63407b5ceb svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af">{typeof drawerLog.details === 'object' ? JSON.stringify(drawerLog.details, null, 2) : drawerLog.details}</pre>
       </div>
 
       <!-- Footer -->
-      <div class="p-4 shadow-[0_-1px_0_rgba(0,0,0,0.05)] dark:shadow-[0_-1px_0_rgba(255,255,255,0.05)] bg-muted/20 text-right text-[11px] text-muted-foreground font-medium">
+      <div class="svadmin-u-8e63407b5ceb svadmin-u-7b32fba79b0f svadmin-u-33787152c8e8 svadmin-u-967d113a1451 svadmin-u-308fc069e46e svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-2689f3958069">
         System audit snapshot · Read-only
       </div>
     </div>

package/dist/components/AuthPageShell.svelte

@@ -13,20 +13,20 @@
   let { brand, title, description, children, footer }: Props = $props();
 </script>
 
-<div class="grid min-h-screen bg-muted/20 lg:grid-cols-[minmax(18rem,0.72fr)_minmax(0,1.28fr)]" data-svadmin-auth-page>
-  <aside class="hidden border-r border-border bg-card p-10 lg:flex lg:flex-col lg:justify-between xl:p-12">
-    <div class="flex items-center gap-3"><SvadminLogo size={40} /><span class="text-lg font-semibold text-foreground">{brand}</span></div>
-    <div class="max-w-sm space-y-3"><h2 class="text-2xl font-semibold leading-tight text-foreground">{title}</h2>{#if description}<p class="text-sm leading-6 text-muted-foreground">{description}</p>{/if}</div>
-    <p class="text-xs text-muted-foreground">{brand}</p>
+<div class="svadmin-u-f3c543ad5fe9 svadmin-u-793346c7362c svadmin-u-967d113a1451 svadmin-u-5d17652eacdf" data-svadmin-auth-page>
+  <aside class="svadmin-u-99d72c7fc3e2 svadmin-u-5ceb636bd9f3 svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-a4d0f420b78d svadmin-u-3eb153dc198f svadmin-u-a94f89d92058 svadmin-u-62c392c49841 svadmin-u-a06ab179a5d5">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c"><SvadminLogo size={40} /><span class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{brand}</span></div>
+    <div class="svadmin-u-2472e9b81a97 svadmin-u-6ed543e2fbbb"><h2 class="svadmin-u-3febee094e85 svadmin-u-e83a7042bc91 svadmin-u-e9fadafbd4a2 svadmin-u-d4108abe6359">{title}</h2>{#if description}<p class="svadmin-u-fc7473ca09eb svadmin-u-18550d5945ae svadmin-u-bfa603190748">{description}</p>{/if}</div>
+    <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{brand}</p>
   </aside>
-  <main class="flex items-center justify-center p-5 sm:p-8 lg:p-12">
-    <div class="w-full max-w-md space-y-5">
-      <div class="flex items-center gap-3 lg:hidden"><SvadminLogo size={36} /><span class="text-base font-semibold text-foreground">{brand}</span></div>
-      <section class="rounded-lg border border-border bg-card p-5 shadow-sm sm:p-7">
-        <header class="mb-6 space-y-2"><h1 class="text-xl font-semibold leading-tight text-foreground">{title}</h1>{#if description}<p class="text-sm leading-6 text-muted-foreground">{description}</p>{/if}</header>
+  <main class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-c07e54fd1439 svadmin-u-e91f4cd3974c svadmin-u-de2d5f919ba9">
+    <div class="svadmin-u-6da6a3c3f741 svadmin-u-9794ab45094d svadmin-u-b43b4c086d9a">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-a327049cac5b"><SvadminLogo size={36} /><span class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{brand}</span></div>
+      <section class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-c07e54fd1439 svadmin-u-438b2237b8d6 svadmin-u-e299d4635ea7">
+        <header class="svadmin-u-b6777c6db914 svadmin-u-6f7e013d6499"><h1 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-e9fadafbd4a2 svadmin-u-d4108abe6359">{title}</h1>{#if description}<p class="svadmin-u-fc7473ca09eb svadmin-u-18550d5945ae svadmin-u-bfa603190748">{description}</p>{/if}</header>
         {@render children()}
       </section>
-      {#if footer}<div class="text-center">{@render footer()}</div>{/if}
+      {#if footer}<div class="svadmin-u-ca6bf63030aa">{@render footer()}</div>{/if}
     </div>
   </main>
 </div>

package/dist/components/AutoForm.svelte

@@ -77,11 +77,11 @@
 
   const gridClass = $derived(
     columns === 4
-      ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4'
+      ? 'svadmin-u-f3c543ad5fe9 svadmin-u-d7c8339810d3 svadmin-u-e4d6f343b9ff svadmin-u-4558bce6d8c0 svadmin-u-0c3bc98565dd'
       : columns === 3
-        ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'
+        ? 'svadmin-u-f3c543ad5fe9 svadmin-u-d7c8339810d3 svadmin-u-e4d6f343b9ff svadmin-u-19d9b25e8fae svadmin-u-0c3bc98565dd'
         : columns === 2
-          ? 'grid grid-cols-1 md:grid-cols-2 gap-4'
+          ? 'svadmin-u-f3c543ad5fe9 svadmin-u-d7c8339810d3 svadmin-u-e4d6f343b9ff svadmin-u-0c3bc98565dd'
           : 'space-y-5'
   );
 
@@ -191,42 +191,42 @@
   }
 </script>
 
-<div class={isCompact ? 'space-y-4' : 'space-y-6'}>
+<div class={isCompact ? 'svadmin-u-3e7ce58d64fa' : 'svadmin-u-b3542e058833'}>
   {#if showHeader}
-    <div class="flex items-center gap-4">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-0c3bc98565dd">
       <TooltipButton
         tooltip={i18n.t('common.back')}
         onclick={() => guardNavigate(() => navigation.list(resourceName))}
       >
-        <ArrowLeft class="h-5 w-5" aria-hidden="true" />
+        <ArrowLeft class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e" aria-hidden="true" />
       </TooltipButton>
-      <h1 class="text-xl font-semibold text-foreground">{pageTitle}</h1>
+      <h1 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{pageTitle}</h1>
       {#if headerContent}
         {@render headerContent()}
       {/if}
       {#if form.isTainted()}
-        <Badge variant="outline" role="status" aria-live="polite" class="border-warning/30 bg-warning/10 text-warning-foreground">{i18n.t('common.unsaved')}</Badge>
+        <Badge variant="outline" role="status" aria-live="polite" class="svadmin-u-2f960aa0c478 svadmin-u-283481e780bb svadmin-u-3a4ff758c2ab">{i18n.t('common.unsaved')}</Badge>
       {/if}
     </div>
   {/if}
 
   {#if form.loading}
-    <div class="max-w-4xl space-y-6">
-      <div class="rounded-lg shadow-sm ring-1 ring-border/10 p-6 space-y-5">
+    <div class="svadmin-u-cf3893e36c22 svadmin-u-b3542e058833">
+      <div class="svadmin-u-5f22e64f2282 svadmin-u-438b2237b8d6 svadmin-u-3daca9af0861 svadmin-u-a10fdd7667ee svadmin-u-0478c89a150f svadmin-u-b43b4c086d9a">
         {#each Array(4) as _, _i (_i)}
-          <div class="space-y-2">
-            <Skeleton class="h-4 w-24" />
-            <Skeleton class="h-10 w-full" />
+          <div class="svadmin-u-6f7e013d6499">
+            <Skeleton class="svadmin-u-11e59c6d5f6b svadmin-u-69da7e4ff95d" />
+            <Skeleton class="svadmin-u-426b8b75185b svadmin-u-6da6a3c3f741" />
           </div>
         {/each}
       </div>
     </div>
   {:else}
-    <form bind:this={formElement} onsubmit={(e: Event) => { e.preventDefault(); handleSubmit(); }} class="max-w-4xl space-y-6" novalidate>
+    <form bind:this={formElement} onsubmit={(e: Event) => { e.preventDefault(); handleSubmit(); }} class="svadmin-u-cf3893e36c22 svadmin-u-b3542e058833" novalidate>
       {#if submitError}
         <div transition:slide={{ duration: 300, axis: 'y' }} class="svadmin-shake">
           <Alert.Root variant="destructive">
-            <AlertCircle class="h-4 w-4" aria-hidden="true" />
+            <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" aria-hidden="true" />
             <Alert.Description>{submitError}</Alert.Description>
           </Alert.Root>
         </div>
@@ -234,16 +234,16 @@
 
       {#if hasGroups}
         {#each groups as group, _i (_i)}
-          <Card.Root class="border-border/40 shadow-sm">
+          <Card.Root class="svadmin-u-6ee2d41e2d2d svadmin-u-438b2237b8d6">
             {#if group.name}
-              <Card.Header class={isCompact ? 'px-4 py-3' : ''}>
-                <Card.Title class="text-lg">{group.name}</Card.Title>
+              <Card.Header class={isCompact ? 'svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12' : ''}>
+                <Card.Title class="svadmin-u-42536e69e639">{group.name}</Card.Title>
               </Card.Header>
             {/if}
-            <Card.Content class={isCompact ? 'px-4 pb-4 pt-0' : 'px-4 sm:px-6 pb-4 sm:pb-6 pt-0'}>
+            <Card.Content class={isCompact ? 'svadmin-u-f0faeb26d656 svadmin-u-9fcd8a13827e svadmin-u-9335c39f6eff' : 'svadmin-u-f0faeb26d656 svadmin-u-7a9aabfcd059 svadmin-u-9fcd8a13827e svadmin-u-050494726fba svadmin-u-9335c39f6eff'}>
               <div class={gridClass}>
                 {#each group.fields as field (field.key)}
-                  <div class={cn(columns > 1 && isFullWidthField(field) && 'col-span-full', !!form.errors[field.key] && 'border-destructive')}>
+                  <div class={cn(columns > 1 && isFullWidthField(field) && 'svadmin-u-2c955d1b45df', !!form.errors[field.key] && 'svadmin-u-ee1a5af3aa10')}>
                     {#if fieldRenderer}
                       {@render fieldRenderer({ field, value: form.values[field.key], onchange: (val: unknown) => form.setFieldValue(field.key, val) })}
                     {:else}
@@ -258,7 +258,7 @@
                       />
                     {/if}
                     {#if form.errors[field.key]}
-                      <p id={fieldErrorId(field.key)} class="text-destructive text-[0.8125rem] mt-1" role="alert" aria-live="polite">{form.errors[field.key]}</p>
+                      <p id={fieldErrorId(field.key)} class="svadmin-u-811148b13d1e svadmin-u-1d5904e7e755 svadmin-u-b6b02c0ebef6" role="alert" aria-live="polite">{form.errors[field.key]}</p>
                     {/if}
                   </div>
                 {/each}
@@ -267,11 +267,11 @@
           </Card.Root>
         {/each}
       {:else}
-        <Card.Root class="border-border/40 shadow-sm">
-          <Card.Content class={isCompact ? 'p-4' : 'px-4 pt-5 pb-4 sm:px-6 sm:pt-6 sm:pb-6'}>
+        <Card.Root class="svadmin-u-6ee2d41e2d2d svadmin-u-438b2237b8d6">
+          <Card.Content class={isCompact ? 'svadmin-u-8e63407b5ceb' : 'svadmin-u-f0faeb26d656 svadmin-u-52be28846b5f svadmin-u-9fcd8a13827e svadmin-u-7a9aabfcd059 svadmin-u-0a58453f3755 svadmin-u-050494726fba'}>
               <div class={gridClass} data-svadmin-form-grid data-columns={columns} data-density={density}>
               {#each formFields as field (field.key)}
-                <div class={cn(columns > 1 && isFullWidthField(field) && 'col-span-full', !!form.errors[field.key] && 'border-destructive')}>
+                <div class={cn(columns > 1 && isFullWidthField(field) && 'svadmin-u-2c955d1b45df', !!form.errors[field.key] && 'svadmin-u-ee1a5af3aa10')}>
                   {#if fieldRenderer}
                     {@render fieldRenderer({ field, value: form.values[field.key], onchange: (val: unknown) => form.setFieldValue(field.key, val) })}
                   {:else}
@@ -286,7 +286,7 @@
                     />
                   {/if}
                   {#if form.errors[field.key]}
-                    <p id={fieldErrorId(field.key)} class="text-destructive text-[0.8125rem] mt-1" role="alert" aria-live="polite">{form.errors[field.key]}</p>
+                    <p id={fieldErrorId(field.key)} class="svadmin-u-811148b13d1e svadmin-u-1d5904e7e755 svadmin-u-b6b02c0ebef6" role="alert" aria-live="polite">{form.errors[field.key]}</p>
                   {/if}
                 </div>
               {/each}
@@ -295,15 +295,15 @@
         </Card.Root>
       {/if}
 
-      <div class="flex items-center gap-3">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c">
         {#if formActions}
           {@render formActions({ isLoading: form.submitting, onSubmit: handleSubmit })}
         {:else if !isReadonly}
           <Button type="submit" size={isCompact ? 'sm' : 'default'} disabled={form.submitting}>
             {#if form.submitting}
-              <Loader2 class="h-4 w-4 animate-spin" data-icon="inline-start" aria-hidden="true" />
+              <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" data-icon="inline-start" aria-hidden="true" />
             {:else}
-              <Save class="h-4 w-4" data-icon="inline-start" aria-hidden="true" />
+              <Save class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" data-icon="inline-start" aria-hidden="true" />
             {/if}
             {i18n.t('common.save')}
           </Button>

package/dist/components/AutoSaveIndicator.svelte

@@ -16,21 +16,21 @@
   }>();
 </script>
 
-<div class="flex items-center gap-2 text-sm text-muted-foreground" role="status" aria-live="polite">
+<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748" role="status" aria-live="polite">
   {#key status}
-    <div class="flex items-center gap-2" in:fly={{ y: -8, duration: 200 }} out:fade={{ duration: 150 }}>
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4" in:fly={{ y: -8, duration: 200 }} out:fade={{ duration: 150 }}>
       {#if status === 'idle'}
-        <Cloud class="h-4 w-4" aria-hidden="true" />
+        <Cloud class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" aria-hidden="true" />
         <span>{i18n.t('autoSave.idle')}</span>
       {:else if status === 'loading'}
-        <Loader2 class="h-4 w-4 animate-spin text-primary" aria-hidden="true" />
+        <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e svadmin-u-20aaf08a7ed1" aria-hidden="true" />
         <span>{i18n.t('autoSave.saving')}</span>
       {:else if status === 'success'}
-        <Check class="h-4 w-4 text-success" aria-hidden="true" />
-        <span class="text-success">{i18n.t('autoSave.saved')}</span>
+        <Check class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-76747e5e02ff" aria-hidden="true" />
+        <span class="svadmin-u-76747e5e02ff">{i18n.t('autoSave.saved')}</span>
       {:else if status === 'error'}
-        <X class="h-4 w-4 text-destructive" aria-hidden="true" />
-        <span class="text-destructive" title={error}>{i18n.t('autoSave.error')}</span>
+        <X class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-811148b13d1e" aria-hidden="true" />
+        <span class="svadmin-u-811148b13d1e" title={error}>{i18n.t('autoSave.error')}</span>
       {/if}
     </div>
   {/key}