@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/ProfilePage.svelte

@@ -149,76 +149,76 @@
   );
 </script>
 
-<div class="space-y-6">
+<div class="svadmin-u-b3542e058833">
   <div>
-    <h2 class="text-xl font-semibold text-foreground">{i18n.t('profile.title')}</h2>
+    <h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('profile.title')}</h2>
   </div>
 
   <!-- Profile Info -->
   <Card.Card>
     <Card.CardHeader>
-      <Card.CardTitle class="flex items-center gap-2 text-base">
-        <User class="h-4 w-4 text-muted-foreground" />
+      <Card.CardTitle class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-4ee734926ff6">
+        <User class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
         {i18n.t('profile.title')}
       </Card.CardTitle>
     </Card.CardHeader>
     <Card.CardContent>
       {#if identity.isLoading}
-        <div class="flex items-center gap-2 text-muted-foreground">
-          <Loader2 class="h-4 w-4 animate-spin" />
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748">
+          <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
           {i18n.t('common.loading')}
         </div>
       {:else if identity.data}
-        <div class="flex items-start gap-6">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-0d304f904cb0">
           <!-- Avatar -->
-          <div class="shrink-0 relative group">
+          <div class="svadmin-u-012fbd121f37 svadmin-u-d89972fe17d6 group">
             {#if identity.data.avatar}
               <img
                 src={identity.data.avatar}
                 alt={identity.data.name ?? ''}
-                class="h-20 w-20 rounded-lg object-cover ring-2 ring-primary/20"
+                class="svadmin-u-0a769880db93 svadmin-u-ed831a4dff32 svadmin-u-5f22e64f2282 svadmin-u-7d85d0c21a32 svadmin-u-16b1efa5875e svadmin-u-2b6f77ad4036"
               />
             {:else}
-              <div class="h-20 w-20 rounded-lg bg-primary/10 text-primary flex items-center justify-center text-2xl font-bold">
+              <div class="svadmin-u-0a769880db93 svadmin-u-ed831a4dff32 svadmin-u-5f22e64f2282 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-3febee094e85 svadmin-u-69450ef1487e">
                 {initials}
               </div>
             {/if}
             {#if canUpdateProfile}
               <button
-                class="absolute inset-0 rounded-lg bg-black/50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
+                class="svadmin-u-da4dbfbc4fdc svadmin-u-7b7df0449b80 svadmin-u-5f22e64f2282 svadmin-u-53bb3a280599 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-7065497e1ca0 svadmin-u-181f3d6c9821 svadmin-u-67d6184a0024 svadmin-u-34516836730d"
                 onclick={() => fileInput?.click()}
                 disabled={avatarUploading}
               >
                 {#if avatarUploading}
-                  <Loader2 class="h-5 w-5 text-white animate-spin" />
+                  <Loader2 class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-72a4c7cdeef7 svadmin-u-afbdd13a380e" />
                 {:else}
-                  <Camera class="h-5 w-5 text-white" />
+                  <Camera class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-72a4c7cdeef7" />
                 {/if}
               </button>
               <input
                 bind:this={fileInput}
                 type="file"
                 accept="image/*"
-                class="hidden"
+                class="svadmin-u-99d72c7fc3e2"
                 onchange={handleAvatarChange}
               />
             {/if}
           </div>
 
           <!-- Info -->
-          <div class="space-y-3 flex-1 min-w-0">
+          <div class="svadmin-u-6ed543e2fbbb svadmin-u-36e579c0b41c svadmin-u-7e0b7cdf1a94">
             {#if editingProfile}
-              <div class="space-y-3 max-w-sm">
+              <div class="svadmin-u-6ed543e2fbbb svadmin-u-2472e9b81a97">
                 <div>
-                  <Label for="edit-name" class="text-xs text-muted-foreground">{i18n.t('profile.name')}</Label>
-                  <Input id="edit-name" bind:value={editName} class="mt-1" />
+                  <Label for="edit-name" class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{i18n.t('profile.name')}</Label>
+                  <Input id="edit-name" bind:value={editName} class="svadmin-u-b6b02c0ebef6" />
                 </div>
                 {#if profileError}
-                  <p class="text-xs text-destructive">{profileError}</p>
+                  <p class="svadmin-u-359090c2d529 svadmin-u-811148b13d1e">{profileError}</p>
                 {/if}
-                <div class="flex gap-2">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-77a2a20e90d4">
                   <Button size="sm" onclick={saveProfile} disabled={profileSaving}>
-                    {#if profileSaving}<Loader2 class="h-3 w-3 animate-spin mr-1" />{/if}
+                    {#if profileSaving}<Loader2 class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-afbdd13a380e svadmin-u-618162408e7a" />{/if}
                     {i18n.t('common.save')}
                   </Button>
                   <Button size="sm" variant="outline" onclick={() => { editingProfile = false; }}>
@@ -228,23 +228,23 @@
               </div>
             {:else}
               <div>
-                <Label class="text-xs text-muted-foreground">{i18n.t('profile.name')}</Label>
-                <p class="text-lg font-semibold truncate">{identity.data.name ?? '—'}</p>
+                <Label class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{i18n.t('profile.name')}</Label>
+                <p class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-f283ea9bea0e">{identity.data.name ?? '—'}</p>
               </div>
 
               {#if identity.data.email || identity.data.username}
-                <div class="flex items-center gap-2 text-sm text-muted-foreground">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
                   {#if identity.data.email}
-                    <Mail class="h-4 w-4 shrink-0" />
+                    <Mail class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37" />
                   {:else}
-                    <User class="h-4 w-4 shrink-0" />
+                    <User class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37" />
                   {/if}
-                  <span class="truncate">{identity.data.email || identity.data.username}</span>
+                  <span class="svadmin-u-f283ea9bea0e">{identity.data.email || identity.data.username}</span>
                 </div>
               {/if}
 
               {#if identity.data.id}
-                <div class="text-xs text-muted-foreground/60 font-mono">
+                <div class="svadmin-u-359090c2d529 svadmin-u-7be4d67a6256 svadmin-u-0e65706bcccd">
                   ID: {identity.data.id}
                 </div>
               {/if}
@@ -258,7 +258,7 @@
           </div>
         </div>
       {:else}
-        <p class="text-sm text-muted-foreground">{i18n.t('profile.notAvailable')}</p>
+        <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('profile.notAvailable')}</p>
       {/if}
     </Card.CardContent>
   </Card.Card>
@@ -266,16 +266,16 @@
   <!-- Change Password -->
   <Card.Card>
     <Card.CardHeader>
-      <Card.CardTitle class="flex items-center gap-2 text-base">
-        <Lock class="h-4 w-4 text-muted-foreground" />
+      <Card.CardTitle class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-4ee734926ff6">
+        <Lock class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
         {i18n.t('profile.changePassword')}
       </Card.CardTitle>
     </Card.CardHeader>
     <Card.CardContent>
-      <form onsubmit={handlePasswordChange} class="space-y-4 max-w-sm">
+      <form onsubmit={handlePasswordChange} class="svadmin-u-3e7ce58d64fa svadmin-u-2472e9b81a97">
         {#if pwError}
           <Alert.Root variant="destructive">
-            <AlertCircle class="h-4 w-4" />
+            <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
             <Alert.Description>{pwError}</Alert.Description>
           </Alert.Root>
         {/if}
@@ -304,7 +304,7 @@
 
         <Button type="submit" 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('profile.updatePassword')}
         </Button>

package/dist/components/RecordDetailDrawer.svelte

@@ -61,27 +61,27 @@
   data-svadmin-record-detail
 >
   {#if permissionPending || (canReadRecord && query.isLoading)}
-    <div class="divide-y divide-border/60" role="status" aria-live="polite" aria-label={i18n.t('common.loading')} aria-busy="true">
+    <div class="svadmin-u-fa6acbf81d74 svadmin-u-d2c3932343f5" role="status" aria-live="polite" aria-label={i18n.t('common.loading')} aria-busy="true">
       {#each showFields.slice(0, 6) as field (field.key)}
-        <div class="grid gap-2 py-4 sm:grid-cols-[minmax(8rem,1fr)_2fr] sm:gap-6">
-          <Skeleton class="h-4 w-24" />
-          <Skeleton class="h-4 w-full max-w-64" />
+        <div class="svadmin-u-f3c543ad5fe9 svadmin-u-77a2a20e90d4 svadmin-u-cb11fec3bb46 svadmin-u-d9bdd3d643a2 svadmin-u-022e8076dfea">
+          <Skeleton class="svadmin-u-11e59c6d5f6b svadmin-u-69da7e4ff95d" />
+          <Skeleton class="svadmin-u-11e59c6d5f6b svadmin-u-6da6a3c3f741 svadmin-u-35b2f3aff60f" />
         </div>
       {/each}
     </div>
   {:else if !canReadRecord}
-    <div class="py-12 text-center" data-svadmin-access-denied>
-      <p class="text-sm text-muted-foreground">{i18n.t('common.accessDenied')}</p>
+    <div class="svadmin-u-61357c0c2f29 svadmin-u-ca6bf63030aa" data-svadmin-access-denied>
+      <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('common.accessDenied')}</p>
     </div>
   {:else if query.data?.data}
     {@const record = query.data.data as Record<string, unknown>}
-    <dl class="divide-y divide-border/60">
+    <dl class="svadmin-u-fa6acbf81d74 svadmin-u-d2c3932343f5">
       {#each showFields as field (field.key)}
         {@const value = record[field.key]}
         {@const DisplayComponent = getDisplayComponent(field.type)}
-        <div class="grid gap-1.5 py-4 sm:grid-cols-[minmax(8rem,1fr)_2fr] sm:gap-6">
-          <dt class="text-xs font-medium text-muted-foreground sm:text-sm">{field.label}</dt>
-          <dd class="min-w-0 break-words text-sm text-foreground">
+        <div class="svadmin-u-f3c543ad5fe9 svadmin-u-58284b4ea568 svadmin-u-cb11fec3bb46 svadmin-u-d9bdd3d643a2 svadmin-u-022e8076dfea">
+          <dt class="svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-bfa603190748 svadmin-u-e2327d142859">{field.label}</dt>
+          <dd class="svadmin-u-7e0b7cdf1a94 svadmin-u-170cee3ff4e4 svadmin-u-fc7473ca09eb svadmin-u-d4108abe6359">
             {#if DisplayComponent && value != null}
               <DisplayComponent {value} options={field.options} resourceName={field.resource} />
             {:else}
@@ -92,10 +92,10 @@
       {/each}
     </dl>
   {:else}
-    <div class="py-12 text-center">
-      <p class="text-sm text-muted-foreground">{i18n.t('common.noData')}</p>
+    <div class="svadmin-u-61357c0c2f29 svadmin-u-ca6bf63030aa">
+      <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('common.noData')}</p>
       {#if query.isError}
-        <p class="mt-2 text-sm text-destructive">{(query.error as Error)?.message ?? i18n.t('common.operationFailed')}</p>
+        <p class="svadmin-u-50d0d216a2f8 svadmin-u-fc7473ca09eb svadmin-u-811148b13d1e">{(query.error as Error)?.message ?? i18n.t('common.operationFailed')}</p>
       {/if}
     </div>
   {/if}
@@ -104,7 +104,7 @@
     {#if canReadRecord && recordId != null && resource.canShow !== false}
       <CanAccess resource={resourceName} action="show" params={{ id: recordId }}>
         <Button variant="outline" onclick={() => navigateTo('show')}>
-          <Eye class="h-4 w-4" data-icon="inline-start" aria-hidden="true" />
+          <Eye class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" data-icon="inline-start" aria-hidden="true" />
           {i18n.t('common.openFullDetail')}
         </Button>
       </CanAccess>
@@ -112,7 +112,7 @@
     {#if canReadRecord && recordId != null && resource.canEdit !== false}
       <CanAccess resource={resourceName} action="edit" params={{ id: recordId }}>
         <Button onclick={() => navigateTo('edit')}>
-          <Pencil class="h-4 w-4" data-icon="inline-start" aria-hidden="true" />
+          <Pencil class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" data-icon="inline-start" aria-hidden="true" />
           {i18n.t('common.edit')}
         </Button>
       </CanAccess>

package/dist/components/RegisterPage.svelte

@@ -42,28 +42,28 @@
 </script>
 
 {#snippet footer()}
-  <div class="flex items-center justify-center gap-1"><span class="text-sm text-muted-foreground">{i18n.t('auth.hasAccount')}</span><Button variant="link" class="h-auto p-0 text-sm font-medium" onclick={() => adminContext.navigate('/login')}>{i18n.t('auth.login')}</Button></div>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-44ee8ba0a421"><span class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('auth.hasAccount')}</span><Button variant="link" class="svadmin-u-b8f0a08ece1e svadmin-u-8a539c7fe216 svadmin-u-fc7473ca09eb svadmin-u-2689f3958069" onclick={() => adminContext.navigate('/login')}>{i18n.t('auth.login')}</Button></div>
 {/snippet}
 
 <AuthPageShell brand={title} title={i18n.t('auth.createAccount')} description={i18n.t('auth.createAccountMessage')} {footer}>
-      <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}
 
-        <div class="space-y-2">
+        <div class="svadmin-u-6f7e013d6499">
           <Label for="register-identifier">{i18n.t('auth.usernameOrEmail')}</Label>
-          <div class="relative">
-            <User class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none z-[1]" />
+          <div class="svadmin-u-d89972fe17d6">
+            <User class="svadmin-u-da4dbfbc4fdc svadmin-u-22e59b722111 svadmin-u-d694ba66e322 svadmin-u-36b381be4df3 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748 svadmin-u-a4326536b8f5 svadmin-u-536a7530a44f" />
             <Input
               id="register-identifier"
               type="text"
               placeholder={i18n.t('auth.identifierPlaceholder')}
               bind:value={identifier}
-              class="pl-9"
+              class="svadmin-u-9e83b2412bc9"
               autocomplete="username"
             />
           </div>
@@ -84,9 +84,9 @@
           autocomplete="new-password"
         />
 
-        <Button type="submit" class="h-10 w-full" disabled={register.isLoading}>
+        <Button type="submit" class="svadmin-u-426b8b75185b svadmin-u-6da6a3c3f741" disabled={register.isLoading}>
           {#if register.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.registerButton')}
         </Button>

package/dist/components/ResourceInferencer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  // ResourceInferencer — 一站式零配置 CRUD 渲染器
-  // 根据 URL action（list/create/edit/show）自动分发到对应的 Inferencer 组件。
-  // 用法：<ResourceInferencer resourceName="posts" />
+  // ResourceInferencer provides a zero-configuration CRUD renderer.
+  // It dispatches to the matching Inferencer component from the URL action: list, create, edit, or show.
+  // Usage: <ResourceInferencer resourceName="posts" />
   import { useParsed } from '@svadmin/core';
   import ListInferencer from './ListInferencer.svelte';
   import CreateInferencer from './CreateInferencer.svelte';