@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/TreeSelect.svelte

@@ -158,16 +158,16 @@
   {@const selected = isSelected(node.value)}
   {@const selectable = !node.disabled && (!onlyLeafSelectable || !hasChildren)}
 
-  <div class="flex flex-col">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed">
     <div
       role="treeitem"
       tabindex="0"
       aria-selected={selected}
       aria-expanded={hasChildren ? expanded : undefined}
       class={cn(
-        'group flex items-center justify-between gap-1.5 rounded-md px-2 py-1.5 text-xs transition-colors cursor-pointer select-none',
-        selected ? 'bg-primary/10 text-primary font-medium' : 'hover:bg-muted/60 text-foreground',
-        node.disabled && 'opacity-50 cursor-not-allowed pointer-events-none'
+        'group svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-58284b4ea568 svadmin-u-421ac2be5045 svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-7f6912283f11',
+        selected ? 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069' : 'svadmin-u-68646cdcc246 svadmin-u-d4108abe6359',
+        node.disabled && 'svadmin-u-0b8c506a0596 svadmin-u-29b733e4c162 svadmin-u-a4326536b8f5'
       )}
       style="padding-left: {level * 16 + 8}px;"
       onclick={() => {
@@ -180,33 +180,33 @@
         }
       }}
     >
-      <div class="flex min-w-0 items-center gap-1.5">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-7e0b7cdf1a94 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
         {#if hasChildren}
           <button
             type="button"
-            class="flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted"
+            class="svadmin-u-60fbb7713999 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-07389a777c1f svadmin-u-bfa603190748 svadmin-u-8e551981c8d7"
             onclick={(e) => toggleExpand(node.value, e)}
           >
             {#if expanded}
-              <ChevronDown class="h-3.5 w-3.5" />
+              <ChevronDown class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             {:else}
-              <ChevronRight class="h-3.5 w-3.5" />
+              <ChevronRight class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             {/if}
           </button>
         {:else}
-          <span class="inline-block h-4 w-4 shrink-0"></span>
+          <span class="svadmin-u-bb0c4bfc52bd svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37"></span>
         {/if}
 
-        <span class="truncate">{node.label}</span>
+        <span class="svadmin-u-f283ea9bea0e">{node.label}</span>
       </div>
 
       {#if selected}
-        <Check class="h-3.5 w-3.5 shrink-0 text-primary" />
+        <Check class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-012fbd121f37 svadmin-u-20aaf08a7ed1" />
       {/if}
     </div>
 
     {#if hasChildren && expanded && node.children}
-      <div role="group" class="flex flex-col">
+      <div role="group" class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed">
         {#each node.children as child (child.value)}
           {@render treeNode(child, level + 1)}
         {/each}
@@ -215,89 +215,89 @@
   </div>
 {/snippet}
 
-<div class={cn('relative w-full', className)} data-testid="tree-select">
+<div class={cn('svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741', className)} data-testid="tree-select">
   <Popover.Root bind:open>
-    <Popover.Trigger class="w-full">
+    <Popover.Trigger class="svadmin-u-6da6a3c3f741">
       {#snippet child({ props })}
         <button
           type="button"
           {...props}
           {disabled}
           class={cn(
-            'flex min-h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-1.5 text-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 text-left',
-            open && 'ring-2 ring-ring ring-offset-2'
+            'svadmin-u-60fbb7713999 svadmin-u-968a1e649bad svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-582e6ef4b245 svadmin-u-9c24ab70af61 svadmin-u-674ec2b09890 svadmin-u-608dd26cd5ba svadmin-u-80b9d0ae125f svadmin-u-6b22a22a9752 svadmin-u-5f533b3a7de7 svadmin-u-b29d8adbad2e svadmin-u-2eba0d65d059',
+            open && 'svadmin-u-16b1efa5875e svadmin-u-3e1868fc53e2 svadmin-u-0c15f6cff5a0'
           )}
         >
-          <div class="flex flex-wrap items-center gap-1 min-w-0 flex-1">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-7e0b7cdf1a94 svadmin-u-36e579c0b41c">
             {#if selectedValues.length === 0}
-              <span class="text-muted-foreground">
+              <span class="svadmin-u-bfa603190748">
                 {placeholder ?? (i18n.t('field.selectPlaceholder', undefined) ?? '请选择...')}
               </span>
             {:else if multiple}
               {#each selectedValues as val (val)}
                 {@const opt = optionMap.get(val)}
-                <Badge variant="secondary" class="h-5 px-1.5 py-0 text-[11px] gap-1 shrink-0">
+                <Badge variant="secondary" class="svadmin-u-cd0d9c512cdc svadmin-u-45d828117213 svadmin-u-68ecb30dbec6 svadmin-u-d058ca6de60f svadmin-u-44ee8ba0a421 svadmin-u-012fbd121f37">
                   <span>{opt?.label ?? val}</span>
                   {#if !disabled}
                     <span
                       role="button"
                       tabindex="0"
-                      class="hover:text-destructive cursor-pointer"
+                      class="svadmin-u-51e95020d6f2 svadmin-u-34516836730d"
                       onclick={(e) => removeSingle(val, e)}
                       onkeydown={(e) => {
                         if (e.key === 'Enter') removeSingle(val, e as never);
                       }}
                     >
-                      <X class="h-3 w-3" />
+                      <X class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
                     </span>
                   {/if}
                 </Badge>
               {/each}
             {:else}
-              <span class="truncate text-foreground font-normal">
+              <span class="svadmin-u-f283ea9bea0e svadmin-u-d4108abe6359 svadmin-u-8ecebc9f80e6">
                 {selectedLabels[0] ?? ''}
               </span>
             {/if}
           </div>
 
-          <div class="flex items-center gap-1 shrink-0 ml-1 text-muted-foreground">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-012fbd121f37 svadmin-u-f58b02572ab2 svadmin-u-bfa603190748">
             {#if allowClear && selectedValues.length > 0 && !disabled}
               <span
                 role="button"
                 tabindex="0"
-                class="hover:text-foreground cursor-pointer p-0.5"
+                class="svadmin-u-ea7b2e9e070e svadmin-u-34516836730d svadmin-u-de8350a3bbad"
                 onclick={clearAll}
                 onkeydown={(e) => {
                   if (e.key === 'Enter') clearAll(e as never);
                 }}
               >
-                <X class="h-3.5 w-3.5" />
+                <X class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
               </span>
             {/if}
-            <ChevronsUpDown class="h-3.5 w-3.5 opacity-50" />
+            <ChevronsUpDown class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-0b8c506a0596" />
           </div>
         </button>
       {/snippet}
     </Popover.Trigger>
 
-    <Popover.Content class="w-(--bits-popover-anchor-width) min-w-[220px] max-w-[400px] p-2" align="start">
+    <Popover.Content class="svadmin-u-4827635fb99f svadmin-u-cbc20887874e svadmin-u-7b17becb34a1 svadmin-u-7660b450905a" align="start">
       {#if searchable}
-        <div class="relative mb-2">
-          <Search class="absolute left-2.5 top-2.5 h-3.5 w-3.5 text-muted-foreground" />
+        <div class="svadmin-u-d89972fe17d6 svadmin-u-a77ed4d908c0">
+          <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-ecfeb742a3f3 svadmin-u-7a470f4c9b28 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" />
           <Input
             type="text"
             bind:value={searchQuery}
             placeholder={i18n.t('common.search', undefined) ?? '搜索...'}
-            class="h-8 pl-8 pr-2 text-xs"
+            class="svadmin-u-ed8a5df7b2fb svadmin-u-e4af885410fe svadmin-u-aa2c13a5e1b4 svadmin-u-359090c2d529"
           />
         </div>
       {/if}
 
-      <div role="tree" class="max-h-60 overflow-y-auto space-y-0.5 pr-1">
+      <div role="tree" class="svadmin-u-67d7e383dca6 svadmin-u-92bf82f493b1 svadmin-u-e2eedc5718f0 svadmin-u-eda955402ba6">
         {#each visibleOptions as rootNode (rootNode.value)}
           {@render treeNode(rootNode, 0)}
         {:else}
-          <div class="py-6 text-center text-xs text-muted-foreground">
+          <div class="svadmin-u-940911bf310c svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
             {i18n.t('common.noData', undefined) ?? '无匹配选项'}
           </div>
         {/each}

package/dist/components/TreeTable.svelte

@@ -130,46 +130,46 @@
   }
 </script>
 
-<div class={cn('w-full space-y-2', className)}>
-  <div class="flex items-center justify-between px-1 py-1 text-xs">
-    <div class="flex items-center gap-2">
-      <Button variant="ghost" size="sm" class="h-6 px-2 text-xs" onclick={expandAll}>
+<div class={cn('svadmin-u-6da6a3c3f741 svadmin-u-6f7e013d6499', className)}>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-d8e0e382c67b svadmin-u-660d2effb880 svadmin-u-359090c2d529">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+      <Button variant="ghost" size="sm" class="svadmin-u-f6fe902450dc svadmin-u-d5eab218aa34 svadmin-u-359090c2d529" onclick={expandAll}>
         Expand All
       </Button>
-      <Button variant="ghost" size="sm" class="h-6 px-2 text-xs text-muted-foreground" onclick={collapseAll}>
+      <Button variant="ghost" size="sm" class="svadmin-u-f6fe902450dc svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-bfa603190748" onclick={collapseAll}>
         Collapse All
       </Button>
     </div>
     {#if selectable && selectedKeys.length > 0}
-      <span class="text-xs text-muted-foreground">
-        Selected: <strong class="text-foreground">{selectedKeys.length}</strong>
+      <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">
+        Selected: <strong class="svadmin-u-d4108abe6359">{selectedKeys.length}</strong>
       </span>
     {/if}
   </div>
 
-  <div class="rounded-lg border border-border/80 overflow-hidden bg-card">
-    <table class="w-full text-left text-xs border-collapse">
-      <thead class="bg-muted/50 border-b border-border/60 font-semibold text-muted-foreground">
+  <div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-c9ed8c5f79ae svadmin-u-2cd02d11d1af svadmin-u-cd0ad9a56558">
+    <table class="svadmin-u-6da6a3c3f741 svadmin-u-2eba0d65d059 svadmin-u-359090c2d529 svadmin-u-4583f90cd9bd">
+      <thead class="svadmin-u-358af0b65a31 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-e83a7042bc91 svadmin-u-bfa603190748">
         <tr>
           {#if selectable}
-            <th class="w-8 px-3 py-2 text-center"></th>
+            <th class="svadmin-u-2bbcfc3b5179 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-ca6bf63030aa"></th>
           {/if}
           {#each columns as col (col.key)}
-            <th class="px-3 py-2" style={col.width ? `width: ${col.width}` : ''}>
+            <th class="svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b" style={col.width ? `width: ${col.width}` : ''}>
               {col.label}
             </th>
           {/each}
           {#if rowActions}
-            <th class="w-20 px-3 py-2 text-right">Actions</th>
+            <th class="svadmin-u-ed831a4dff32 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-308fc069e46e">Actions</th>
           {/if}
         </tr>
       </thead>
-      <tbody class="divide-y divide-border/40">
+      <tbody class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258">
         {#each flattenedRows as row (row.id)}
           {@const isSelected = selectedKeys.includes(row.id)}
-          <tr class="hover:bg-muted/30 transition-colors {isSelected ? 'bg-primary/5' : ''}">
+          <tr class="svadmin-u-12251b8f1749 svadmin-u-ceb69a6b0e5f {isSelected ? 'svadmin-u-989c466fdbe7' : ''}">
             {#if selectable}
-              <td class="w-8 px-3 py-2 text-center">
+              <td class="svadmin-u-2bbcfc3b5179 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-ca6bf63030aa">
                 <Checkbox
                   checked={isSelected}
                   onCheckedChange={() => toggleSelect(row.record)}
@@ -180,53 +180,53 @@
 
             {#each columns as col, colIdx (col.key)}
               {@const val = row.record[col.key]}
-              <td class="px-3 py-2">
+              <td class="svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b">
                 {#if colIdx === 0}
                   <!-- Primary tree node column with indent -->
                   <div
-                    class="flex items-center gap-1.5"
+                    class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568"
                     style="padding-left: {row.level * 20}px;"
                   >
                     {#if row.hasChildren}
                       <button
                         type="button"
-                        class="h-5 w-5 flex items-center justify-center rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"
+                        class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-07389a777c1f svadmin-u-8e551981c8d7 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-ceb69a6b0e5f"
                         onclick={() => toggleExpand(row.id)}
                         aria-label={row.isExpanded ? 'Collapse' : 'Expand'}
                       >
                         {#if row.isExpanded}
-                          <ChevronDown class="h-3.5 w-3.5" />
+                          <ChevronDown class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                         {:else}
-                          <ChevronRight class="h-3.5 w-3.5" />
+                          <ChevronRight class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                         {/if}
                       </button>
-                      <Folder class="h-3.5 w-3.5 text-primary/70 shrink-0" />
+                      <Folder class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-96747a728556 svadmin-u-012fbd121f37" />
                     {:else}
-                      <span class="w-5 inline-block"></span>
-                      <File class="h-3.5 w-3.5 text-muted-foreground/50 shrink-0" />
+                      <span class="svadmin-u-72470489ff4e svadmin-u-bb0c4bfc52bd"></span>
+                      <File class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-3a33f11548cd svadmin-u-012fbd121f37" />
                     {/if}
 
-                    <span class="font-medium text-foreground truncate">
+                    <span class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-f283ea9bea0e">
                       {val ?? '—'}
                     </span>
                   </div>
                 {:else if customCell}
                   {@render customCell({ column: col, record: row.record, value: val })}
                 {:else}
-                  <span class="text-foreground truncate">{val ?? '—'}</span>
+                  <span class="svadmin-u-d4108abe6359 svadmin-u-f283ea9bea0e">{val ?? '—'}</span>
                 {/if}
               </td>
             {/each}
 
             {#if rowActions}
-              <td class="w-20 px-3 py-2 text-right">
+              <td class="svadmin-u-ed831a4dff32 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-308fc069e46e">
                 {@render rowActions({ record: row.record, id: row.id })}
               </td>
             {/if}
           </tr>
         {:else}
           <tr>
-            <td colspan={columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0)} class="py-8 text-center text-muted-foreground">
+            <td colspan={columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0)} class="svadmin-u-a1f611f027dd svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">
               No data available
             </td>
           </tr>

package/dist/components/TwoFactorAuthPage.svelte

@@ -27,29 +27,29 @@
 <ContentPageShell pageId="auth-2fa" width="narrow">
   <ContentPageHeader title={i18n.t('auth.twoFactorSetup')} description={i18n.t('security.twoFactorDescription')} />
   {#if !enabled}<TwoFactorStepper current={currentIndex} steps={[i18n.t('auth.twoFactorSetup'), i18n.t('auth.twoFactorScanQR'), i18n.t('auth.twoFactorVerify'), i18n.t('auth.twoFactorRecovery')]} />{/if}
-  <Card.Card><Card.CardContent class="space-y-6 p-6">
+  <Card.Card><Card.CardContent class="svadmin-u-b3542e058833 svadmin-u-0478c89a150f">
     {#if currentStep === 'intro' && !enabled}
-      <div class="flex items-start gap-3"><span class="flex size-10 items-center justify-center rounded-md bg-primary/10 text-primary"><Shield class="size-5" /></span><div><h2 class="text-base font-semibold text-foreground">{i18n.t('auth.twoFactorSetup')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('security.twoFactorDescription')}</p></div></div>
-      <ol class="space-y-2 text-sm text-muted-foreground"><li class="rounded-md border border-border p-3">1. {i18n.t('auth.twoFactorScanQR')}</li><li class="rounded-md border border-border p-3">2. {i18n.t('auth.twoFactorEnterCode')}</li><li class="rounded-md border border-border p-3">3. {i18n.t('auth.twoFactorSaveRecovery')}</li></ol>
-      <Button class="w-full" onclick={() => currentStep = 'scan'}>{i18n.t('common.next')}<ArrowRight class="size-4" /></Button>
+      <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c"><span class="svadmin-u-60fbb7713999 svadmin-u-7bbb00f9ba7a svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1"><Shield class="svadmin-u-add63bc6753d" /></span><div><h2 class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('auth.twoFactorSetup')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('security.twoFactorDescription')}</p></div></div>
+      <ol class="svadmin-u-6f7e013d6499 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748"><li class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-eb6e8b881acd">1. {i18n.t('auth.twoFactorScanQR')}</li><li class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-eb6e8b881acd">2. {i18n.t('auth.twoFactorEnterCode')}</li><li class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-eb6e8b881acd">3. {i18n.t('auth.twoFactorSaveRecovery')}</li></ol>
+      <Button class="svadmin-u-6da6a3c3f741" onclick={() => currentStep = 'scan'}>{i18n.t('common.next')}<ArrowRight class="svadmin-u-f7b5fa971871" /></Button>
     {:else if currentStep === 'scan'}
-      <div class="space-y-4 text-center"><div class="mx-auto grid size-48 grid-cols-8 gap-0.5 rounded-md border border-border bg-muted p-5">{#each Array(64) as _, index (index)}<span class={'aspect-square ' + ((index * 11 + index % 7) % 3 === 0 ? 'bg-foreground' : 'bg-transparent')}></span>{/each}</div><p class="text-sm text-muted-foreground">{i18n.t('auth.twoFactorScanQR')}</p></div>
-      <div class="flex justify-between gap-2"><Button variant="outline" onclick={() => currentStep = 'intro'}><ArrowLeft class="size-4" />{i18n.t('common.back')}</Button><Button onclick={() => currentStep = 'verify'}>{i18n.t('common.next')}<ArrowRight class="size-4" /></Button></div>
+      <div class="svadmin-u-3e7ce58d64fa svadmin-u-ca6bf63030aa"><div class="svadmin-u-0e12dc7de920 svadmin-u-f3c543ad5fe9 svadmin-u-b06f8413aa63 svadmin-u-e31889b585dc svadmin-u-a3899220f90e svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-2ef11f1cb219 svadmin-u-c07e54fd1439">{#each Array(64) as _, index (index)}<span class={'svadmin-u-b59cd297c349 ' + ((index * 11 + index % 7) % 3 === 0 ? 'svadmin-u-64643d78ed9b' : 'svadmin-u-7f19cdf4c5bb')}></span>{/each}</div><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('auth.twoFactorScanQR')}</p></div>
+      <div class="svadmin-u-60fbb7713999 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4"><Button variant="outline" onclick={() => currentStep = 'intro'}><ArrowLeft class="svadmin-u-f7b5fa971871" />{i18n.t('common.back')}</Button><Button onclick={() => currentStep = 'verify'}>{i18n.t('common.next')}<ArrowRight class="svadmin-u-f7b5fa971871" /></Button></div>
     {:else if currentStep === 'verify'}
-      <div class="space-y-4"><div><h2 class="text-base font-semibold text-foreground">{i18n.t('auth.twoFactorVerify')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('auth.twoFactorEnterCode')}</p></div>{#if error}<Alert.Root variant="destructive"><Alert.Description>{error}</Alert.Description></Alert.Root>{/if}<OtpInput bind:value={codeDigits} /><div class="flex justify-between gap-2"><Button variant="outline" onclick={() => currentStep = 'scan'}><ArrowLeft class="size-4" />{i18n.t('common.back')}</Button><Button onclick={verify}>{i18n.t('common.next')}<ArrowRight class="size-4" /></Button></div></div>
+      <div class="svadmin-u-3e7ce58d64fa"><div><h2 class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('auth.twoFactorVerify')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('auth.twoFactorEnterCode')}</p></div>{#if error}<Alert.Root variant="destructive"><Alert.Description>{error}</Alert.Description></Alert.Root>{/if}<OtpInput bind:value={codeDigits} /><div class="svadmin-u-60fbb7713999 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4"><Button variant="outline" onclick={() => currentStep = 'scan'}><ArrowLeft class="svadmin-u-f7b5fa971871" />{i18n.t('common.back')}</Button><Button onclick={verify}>{i18n.t('common.next')}<ArrowRight class="svadmin-u-f7b5fa971871" /></Button></div></div>
     {:else if currentStep === 'recovery'}
-      <div class="space-y-4"><div><h2 class="text-base font-semibold text-foreground">{i18n.t('auth.twoFactorRecovery')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('auth.twoFactorRecoveryHint')}</p></div><div class="grid grid-cols-2 gap-2 rounded-md border border-border bg-muted p-4 font-mono text-sm">{#each recoveryCodes as code (code)}<span>{code}</span>{/each}</div><div class="flex justify-end gap-2"><Button variant="outline" onclick={copyCodes}>{#if copied}<Check class="size-4" />{:else}<Copy class="size-4" />{/if}{i18n.t('common.copy')}</Button><Button onclick={() => { enabled = true; currentStep = 'intro'; }}>{i18n.t('account.completeSetup')}</Button></div>{#if enabled}<p class="text-sm text-success">{i18n.t('security.twoFactorActive')}</p>{/if}</div>
+      <div class="svadmin-u-3e7ce58d64fa"><div><h2 class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('auth.twoFactorRecovery')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('auth.twoFactorRecoveryHint')}</p></div><div class="svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-77a2a20e90d4 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-2ef11f1cb219 svadmin-u-8e63407b5ceb svadmin-u-0e65706bcccd svadmin-u-fc7473ca09eb">{#each recoveryCodes as code (code)}<span>{code}</span>{/each}</div><div class="svadmin-u-60fbb7713999 svadmin-u-77c08e015d14 svadmin-u-77a2a20e90d4"><Button variant="outline" onclick={copyCodes}>{#if copied}<Check class="svadmin-u-f7b5fa971871" />{:else}<Copy class="svadmin-u-f7b5fa971871" />{/if}{i18n.t('common.copy')}</Button><Button onclick={() => { enabled = true; currentStep = 'intro'; }}>{i18n.t('account.completeSetup')}</Button></div>{#if enabled}<p class="svadmin-u-fc7473ca09eb svadmin-u-76747e5e02ff">{i18n.t('security.twoFactorActive')}</p>{/if}</div>
     {:else}
-      <div class="space-y-6 p-6 text-center">
-        <div class="mx-auto flex size-12 items-center justify-center rounded-xl bg-success/10 text-success">
-          <Shield class="size-6" />
+      <div class="svadmin-u-b3542e058833 svadmin-u-0478c89a150f svadmin-u-ca6bf63030aa">
+        <div class="svadmin-u-0e12dc7de920 svadmin-u-60fbb7713999 svadmin-u-9939b97359ce svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-a217b4eaa918 svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff">
+          <Shield class="svadmin-u-9af3b4b6dc9e" />
         </div>
         <div>
-          <h2 class="text-xl font-semibold text-foreground">{i18n.t('auth.twoFactorVerifySuccess')}</h2>
-          <p class="mt-1 text-sm text-muted-foreground">{i18n.t('security.twoFactorActive')}</p>
+          <h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('auth.twoFactorVerifySuccess')}</h2>
+          <p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('security.twoFactorActive')}</p>
         </div>
-        <Badge variant="secondary" class="mx-auto w-fit bg-success/10 text-success">
-          <CheckCircle2 class="size-3.5" />{i18n.t('securityLog.twoFactorEnabled')}
+        <Badge variant="secondary" class="svadmin-u-0e12dc7de920 svadmin-u-92e7450ad20d svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff">
+          <CheckCircle2 class="svadmin-u-783b0d9d1e2c" />{i18n.t('securityLog.twoFactorEnabled')}
         </Badge>
         <Separator />
         <Button variant="destructive" onclick={() => { enabled = false; currentStep = 'intro'; }}>

package/dist/components/UndoableNotification.svelte

@@ -54,24 +54,24 @@
 {#if !dismissed}
   <div
     class={embedded
-      ? 'pointer-events-auto relative w-full overflow-hidden rounded-lg border bg-card shadow-lg'
-      : 'fixed bottom-4 left-4 right-4 z-[100] overflow-hidden rounded-lg border bg-card shadow-lg sm:bottom-6 sm:left-1/2 sm:right-auto sm:w-[min(32rem,calc(100vw-3rem))] sm:-translate-x-1/2'}
+      ? 'svadmin-u-7d5d4c29be2a svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741 svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-cd0ad9a56558 svadmin-u-06bbb43166db'
+      : 'svadmin-u-7bc555991dba svadmin-u-c1b9bd611950 svadmin-u-b2e7cc55921c svadmin-u-5a438c30beec svadmin-u-db5a366a0e21 svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-cd0ad9a56558 svadmin-u-06bbb43166db svadmin-u-6dfb687ea917 svadmin-u-5540f3495030 svadmin-u-9673d11dbf8a svadmin-u-dd317c20a8aa svadmin-u-8bd891360308'}
     role="status"
     aria-live="polite"
     transition:slide={{ duration: 250 }}
   >
-    <div class="flex items-center justify-between gap-3 px-4 py-3">
-      <p class="min-w-0 break-words text-sm text-foreground">{message}</p>
-      <div class="flex items-center gap-1 flex-shrink-0">
-        <Button variant="ghost" size="sm" onclick={handleUndo} class="font-semibold text-primary">
-          <Undo2 class="h-3.5 w-3.5 mr-1" />
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12">
+      <p class="svadmin-u-7e0b7cdf1a94 svadmin-u-170cee3ff4e4 svadmin-u-fc7473ca09eb svadmin-u-d4108abe6359">{message}</p>
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-2074a75bf2e7">
+        <Button variant="ghost" size="sm" onclick={handleUndo} class="svadmin-u-e83a7042bc91 svadmin-u-20aaf08a7ed1">
+          <Undo2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-618162408e7a" />
           {i18n.t('common.undo')}
         </Button>
-        <Button variant="ghost" size="icon" class="h-7 w-7" onclick={handleDismiss} aria-label={i18n.t('common.close')}>
-          <X class="h-3.5 w-3.5" />
+        <Button variant="ghost" size="icon" class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828" onclick={handleDismiss} aria-label={i18n.t('common.close')}>
+          <X class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         </Button>
       </div>
     </div>
-    <Progress value={progressValue} class="h-1 rounded-none" />
+    <Progress value={progressValue} class="svadmin-u-3a1268a4e17f svadmin-u-0c5e9137c7de" />
   </div>
 {/if}

package/dist/components/UpdatePasswordPage.svelte

@@ -36,10 +36,10 @@
 </script>
 
 <AuthPageShell brand={title} title={i18n.t('auth.resetPassword')} description={i18n.t('auth.resetPasswordDescription')}>
-      <form onsubmit={handleSubmit} class="space-y-5">
+      <form onsubmit={handleSubmit} class="svadmin-u-b43b4c086d9a">
         {#if error}
           <Alert.Root variant="destructive">
-            <AlertCircle class="h-4 w-4" />
+            <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
             <Alert.Description>{error}</Alert.Description>
           </Alert.Root>
         {/if}
@@ -59,15 +59,15 @@
           autocomplete="new-password"
         />
 
-        <Button type="submit" class="w-full h-10" disabled={updatePw.isLoading}>
+        <Button type="submit" class="svadmin-u-6da6a3c3f741 svadmin-u-426b8b75185b" disabled={updatePw.isLoading}>
           {#if updatePw.isLoading}
-            <Loader2 class="h-4 w-4 animate-spin mr-2" />
+            <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e svadmin-u-d2347e8497a9" />
           {/if}
           {i18n.t('auth.resetPassword')}
         </Button>
 
-        <div class="flex items-center justify-center mt-2">
-          <Button variant="link" class="text-sm h-auto p-0 font-medium" onclick={() => adminContext.navigate('/login')}>
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-50d0d216a2f8">
+          <Button variant="link" class="svadmin-u-fc7473ca09eb svadmin-u-b8f0a08ece1e svadmin-u-8a539c7fe216 svadmin-u-2689f3958069" onclick={() => adminContext.navigate('/login')}>
             {i18n.t('auth.backToLogin')}
           </Button>
         </div>