@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/DraggableGrid.svelte

@@ -7,8 +7,8 @@
     onOrderSave,
     renderItem,
     class: className = '',
-    columns = 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-    gap = 'gap-4',
+    columns = 'svadmin-u-d7c8339810d3 svadmin-u-e4d6f343b9ff svadmin-u-19d9b25e8fae',
+    gap = 'svadmin-u-0c3bc98565dd',
   }: {
     modules?: GridModule[];
     onOrderSave?: (orderedIds: string[]) => void;
@@ -66,7 +66,7 @@
   }
 </script>
 
-<div class="grid {columns} {gap} {className}">
+<div class="svadmin-u-f3c543ad5fe9 {columns} {gap} {className}">
   {#each modules as mod, i (mod.id)}
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div
@@ -76,9 +76,9 @@
       ondrop={(e) => handleDrop(e, mod.id)}
       ondragend={handleDragEnd}
       ondragleave={() => { if (dragOverId === mod.id) dragOverId = null; }}
-      class="transition-all duration-200
-        {draggingId === mod.id ? 'opacity-40 scale-[0.97] cursor-grabbing' : 'cursor-grab'}
-        {dragOverId === mod.id ? 'ring-2 ring-primary/40 ring-offset-2 ring-offset-background rounded-lg scale-[1.02]' : ''}"
+      class="svadmin-u-0fe7d7d814d0 svadmin-u-625a4c3fbeb2
+        {draggingId === mod.id ? 'svadmin-u-2a2db4667b27 svadmin-u-ad36c0242ee8 svadmin-u-a50d3377f4ac' : 'svadmin-u-8d08385288a6'}
+        {dragOverId === mod.id ? 'svadmin-u-16b1efa5875e svadmin-u-2691847b25ed svadmin-u-0c15f6cff5a0 svadmin-u-582e6ef4b245 svadmin-u-5f22e64f2282 svadmin-u-1fdf1b136104' : ''}"
     >
       {@render renderItem({ module: mod, index: i, dragging: draggingId === mod.id })}
     </div>

package/dist/components/DraggableHeader.svelte

@@ -78,7 +78,7 @@
   }
 </script>
 
-<tr class="hover:bg-muted/50 data-[state=selected]:bg-muted transition-colors bg-muted/50">
+<tr class="svadmin-u-39f703dbe296 svadmin-u-024b686f65d9 svadmin-u-ceb69a6b0e5f svadmin-u-358af0b65a31">
   {#each columns as column, index (index)}
     {@render header(column, index, {
       draggable: true,

package/dist/components/DraggableRowTable.svelte

@@ -66,19 +66,19 @@
   }
 </script>
 
-<div class={cn('w-full rounded-xl border border-border bg-card shadow-xs overflow-hidden text-xs', className)}>
-  <table class="w-full text-left border-collapse">
-    <thead class="bg-muted/40 font-semibold text-muted-foreground border-b border-border/60 select-none">
+<div class={cn('svadmin-u-6da6a3c3f741 svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-2cd02d11d1af svadmin-u-359090c2d529', className)}>
+  <table class="svadmin-u-6da6a3c3f741 svadmin-u-2eba0d65d059 svadmin-u-4583f90cd9bd">
+    <thead class="svadmin-u-b00f43c30c2b svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-7f6912283f11">
       <tr>
-        <th class="w-10 px-2 py-2.5 text-center">#</th>
+        <th class="svadmin-u-d854e5698b57 svadmin-u-d5eab218aa34 svadmin-u-e7ee55ac7ffe svadmin-u-ca6bf63030aa">#</th>
         {#each columns as col (col.key)}
-          <th style={col.width ? `width: ${col.width};` : ''} class="px-4 py-2.5">
+          <th style={col.width ? `width: ${col.width};` : ''} class="svadmin-u-f0faeb26d656 svadmin-u-e7ee55ac7ffe">
             {col.label}
           </th>
         {/each}
       </tr>
     </thead>
-    <tbody class="divide-y divide-border/40">
+    <tbody class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258">
       {#each items as item, index (item[rowKey] ?? index)}
         {@const isDragging = draggedIndex === index}
         {@const isOver = overIndex === index}
@@ -89,16 +89,16 @@
           ondrop={(e) => handleDrop(index, e)}
           ondragend={handleDragEnd}
           class={cn(
-            'transition-colors cursor-move select-none',
-            isDragging ? 'opacity-30 bg-muted/50' : 'hover:bg-muted/20',
-            isOver ? 'border-t-2 border-primary bg-primary/5' : ''
+            'svadmin-u-ceb69a6b0e5f svadmin-u-ae724a8c3dec svadmin-u-7f6912283f11',
+            isDragging ? 'svadmin-u-78e6d0ebb9a4 svadmin-u-358af0b65a31' : 'svadmin-u-c4b5eaba40e3',
+            isOver ? 'svadmin-u-bee68af349c9 svadmin-u-6cbc84dd9e1a svadmin-u-989c466fdbe7' : ''
           )}
         >
-          <td class="px-2 py-2.5 text-center text-muted-foreground/60 hover:text-foreground">
-            <GripVertical class="h-4 w-4 mx-auto" />
+          <td class="svadmin-u-d5eab218aa34 svadmin-u-e7ee55ac7ffe svadmin-u-ca6bf63030aa svadmin-u-7be4d67a6256 svadmin-u-ea7b2e9e070e">
+            <GripVertical class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-0e12dc7de920" />
           </td>
           {#each columns as col (col.key)}
-            <td class="px-4 py-2.5 font-medium text-foreground">
+            <td class="svadmin-u-f0faeb26d656 svadmin-u-e7ee55ac7ffe svadmin-u-2689f3958069 svadmin-u-d4108abe6359">
               {item[col.key] ?? '—'}
             </td>
           {/each}
@@ -107,7 +107,7 @@
 
       {#if items.length === 0}
         <tr>
-          <td colspan={columns.length + 1} class="py-8 text-center text-muted-foreground">
+          <td colspan={columns.length + 1} class="svadmin-u-a1f611f027dd svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">
             No items to display
           </td>
         </tr>

package/dist/components/DrawerForm.svelte

@@ -35,7 +35,7 @@
     submitText = 'Save',
     cancelText = 'Cancel',
     side = 'right',
-    widthClass = 'sm:max-w-md w-full',
+    widthClass = 'svadmin-u-c0bedbbc0c34 svadmin-u-6da6a3c3f741',
     isSubmitting = false,
     disabled = false,
     onsubmit,
@@ -67,7 +67,7 @@
 {#if triggerSnippet}
   <button
     type="button"
-    class="inline-flex cursor-pointer bg-transparent border-0 p-0 text-left"
+    class="svadmin-u-52083e7da442 svadmin-u-34516836730d svadmin-u-7f19cdf4c5bb svadmin-u-119b2aa0b8f6 svadmin-u-8a539c7fe216 svadmin-u-2eba0d65d059"
     onclick={() => { open = true; }}
     {disabled}
   >
@@ -79,23 +79,23 @@
   </Button>
 {/if}
 
-<Sheet.Root bind:open {side} onClose={handleCancel} class={cn(widthClass, 'p-0 overflow-hidden', className)}>
-  <Sheet.Content class="flex flex-col h-full gap-0 p-0">
-    <form onsubmit={handleSubmit} class="flex flex-col h-full">
-      <Sheet.Header class="px-6 py-4 border-b border-border/60">
+<Sheet.Root bind:open {side} onClose={handleCancel} class={cn(widthClass, 'svadmin-u-8a539c7fe216 svadmin-u-2cd02d11d1af', className)}>
+  <Sheet.Content class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-668b21aa5409 svadmin-u-63a285be6490 svadmin-u-8a539c7fe216">
+    <form onsubmit={handleSubmit} class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-668b21aa5409">
+      <Sheet.Header class="svadmin-u-f92d02360b8f svadmin-u-cb11fec3bb46 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
         <Sheet.Title>{title}</Sheet.Title>
         {#if description}
           <Sheet.Description>{description}</Sheet.Description>
         {/if}
       </Sheet.Header>
 
-      <div class="flex-1 overflow-y-auto p-6 text-sm text-foreground space-y-4">
+      <div class="svadmin-u-36e579c0b41c svadmin-u-92bf82f493b1 svadmin-u-0478c89a150f svadmin-u-fc7473ca09eb svadmin-u-d4108abe6359 svadmin-u-3e7ce58d64fa">
         {#if children}
           {@render children()}
         {/if}
       </div>
 
-      <Sheet.Footer class="gap-2 px-6 py-4 border-t border-border/60 mt-auto">
+      <Sheet.Footer class="svadmin-u-77a2a20e90d4 svadmin-u-f92d02360b8f svadmin-u-cb11fec3bb46 svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff svadmin-u-9953408a8ef3">
         <Button
           type="button"
           variant="outline"
@@ -109,10 +109,10 @@
           type="submit"
           size="sm"
           disabled={loading || isSubmitting || disabled}
-          class="gap-1.5 min-w-20"
+          class="svadmin-u-58284b4ea568 svadmin-u-2e7a6d18a20d"
         >
           {#if loading || isSubmitting}
-            <Loader2 class="h-4 w-4 animate-spin" />
+            <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
           {/if}
           {submitText}
         </Button>

package/dist/components/DynamicFormList.svelte

@@ -101,15 +101,15 @@
   }
 </script>
 
-<div class="w-full space-y-3" data-testid="dynamic-form-list">
+<div class="svadmin-u-6da6a3c3f741 svadmin-u-6ed543e2fbbb" data-testid="dynamic-form-list">
   {#if label || description || headerExtra}
-    <div class="flex items-center justify-between gap-2">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4">
       <div>
         {#if label}
-          <div class="text-sm font-medium text-foreground">{label}</div>
+          <div class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{label}</div>
         {/if}
         {#if description}
-          <div class="text-xs text-muted-foreground">{description}</div>
+          <div class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{description}</div>
         {/if}
       </div>
       {#if headerExtra}
@@ -118,17 +118,17 @@
     </div>
   {/if}
 
-  <div class="space-y-2">
+  <div class="svadmin-u-6f7e013d6499">
     {#each items as item, index (index)}
       {@const isFirst = index === 0}
       {@const isLast = index === items.length - 1}
-      <div class="group relative rounded-lg border border-border/70 bg-card p-3 shadow-xs transition-colors hover:border-border">
-        <div class="flex items-start gap-3">
-          <div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-muted text-[11px] font-medium text-muted-foreground">
+      <div class="group svadmin-u-d89972fe17d6 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-22bb278694b4 svadmin-u-cd0ad9a56558 svadmin-u-eb6e8b881acd svadmin-u-cef5b893cf23 svadmin-u-ceb69a6b0e5f svadmin-u-512e82e6a68f">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219 svadmin-u-d058ca6de60f svadmin-u-2689f3958069 svadmin-u-bfa603190748">
             {index + 1}
           </div>
 
-          <div class="min-w-0 flex-1">
+          <div class="svadmin-u-7e0b7cdf1a94 svadmin-u-36e579c0b41c">
             {#if children}
               {@render children({
                 item,
@@ -141,13 +141,13 @@
                 isLast,
               })}
             {:else}
-              <div class="text-sm text-foreground/80">
+              <div class="svadmin-u-fc7473ca09eb svadmin-u-f93148569c39">
                 {JSON.stringify(item)}
               </div>
             {/if}
           </div>
 
-          <div class="flex shrink-0 items-center gap-0.5 opacity-80 group-hover:opacity-100">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-a3899220f90e svadmin-u-714816efc69c svadmin-u-181f3d6c9821">
             <TooltipButton
               tooltip={i18n.t('common.moveUp', undefined) ?? '上移'}
               variant="ghost"
@@ -155,7 +155,7 @@
               disabled={disabled || isFirst}
               onclick={() => moveUp(index)}
             >
-              <ArrowUp class="h-3.5 w-3.5" />
+              <ArrowUp class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             </TooltipButton>
 
             <TooltipButton
@@ -165,7 +165,7 @@
               disabled={disabled || isLast}
               onclick={() => moveDown(index)}
             >
-              <ArrowDown class="h-3.5 w-3.5" />
+              <ArrowDown class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             </TooltipButton>
 
             <TooltipButton
@@ -175,24 +175,24 @@
               disabled={disabled || items.length >= maxItems}
               onclick={() => duplicate(index)}
             >
-              <Copy class="h-3.5 w-3.5" />
+              <Copy class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             </TooltipButton>
 
             <TooltipButton
               tooltip={i18n.t('common.delete', undefined) ?? '删除'}
               variant="ghost"
               size="icon-sm"
-              class="text-muted-foreground hover:text-destructive"
+              class="svadmin-u-bfa603190748 svadmin-u-51e95020d6f2"
               disabled={disabled || items.length <= minItems}
               onclick={() => remove(index)}
             >
-              <Trash2 class="h-3.5 w-3.5" />
+              <Trash2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             </TooltipButton>
           </div>
         </div>
       </div>
     {:else}
-      <div class="rounded-lg border border-dashed border-border/80 p-6 text-center text-xs text-muted-foreground">
+      <div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-a29b7a649c77 svadmin-u-c9ed8c5f79ae svadmin-u-0478c89a150f svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
         {emptyText ?? (i18n.t('common.noData', undefined) ?? '暂无项目')}
       </div>
     {/each}
@@ -203,11 +203,11 @@
       type="button"
       variant="outline"
       size="sm"
-      class="w-full gap-1.5 border-dashed"
+      class="svadmin-u-6da6a3c3f741 svadmin-u-58284b4ea568 svadmin-u-a29b7a649c77"
       {disabled}
       onclick={() => add()}
     >
-      <Plus class="h-4 w-4" />
+      <Plus class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
       {addButtonLabel ?? (i18n.t('common.add', undefined) ?? '添加一项')}
     </Button>
   {/if}

package/dist/components/EditInferencer.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  // EditInferencer — 基于资源定义零配置渲染编辑表单
-  // 从 URL 自动提取 :id 参数
+  // EditInferencer renders an edit form from the resource definition with no page-specific configuration.
+  // The :id parameter is extracted from the URL automatically.
   import EditPage from './EditPage.svelte';
   import { useParsed } from '@svadmin/core';
 
   interface Props {
     resourceName: string;
-    /** 可选：显式指定 id，默认从 URL 解析 */
+    /** Optional explicit id; defaults to the value parsed from the URL. */
     id?: string | number;
     class?: string;
   }

package/dist/components/EditInferencer.svelte.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     resourceName: string;
-    /** 可选：显式指定 id，默认从 URL 解析 */
+    /** Optional explicit id; defaults to the value parsed from the URL. */
     id?: string | number;
     class?: string;
 }

package/dist/components/EditPage.svelte

@@ -43,7 +43,7 @@
   const showDelete = $derived(canDelete ?? resource.canDelete !== false);
 </script>
 
-<div class="{density === 'compact' ? 'space-y-4' : 'space-y-6'} {className}">
+<div class="{density === 'compact' ? 'svadmin-u-3e7ce58d64fa' : 'svadmin-u-b3542e058833'} {className}">
   <PageHeader
     title={pageTitle}
     {density}

package/dist/components/EditableTable.svelte

@@ -75,25 +75,25 @@
   }
 </script>
 
-<div class={cn('space-y-3 rounded-xl border border-border bg-card p-4 shadow-xs text-xs', className)}>
-  <div class="flex items-center justify-between gap-2 pb-2 border-b border-border/60">
-    <div class="font-semibold text-foreground">
-      Editable Grid <span class="text-muted-foreground font-normal">({data.length} records)</span>
+<div class={cn('svadmin-u-6ed543e2fbbb svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-cef5b893cf23 svadmin-u-359090c2d529', 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">
+      Editable Grid <span class="svadmin-u-bfa603190748 svadmin-u-8ecebc9f80e6">({data.length} records)</span>
     </div>
 
-    <div class="flex items-center gap-2">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
       {#if allowAdd}
-        <Button variant="outline" size="sm" class="h-8 text-xs gap-1" onclick={handleAddRow}>
-          <Plus class="h-3.5 w-3.5" />
+        <Button variant="outline" size="sm" class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={handleAddRow}>
+          <Plus class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
           Add Row
         </Button>
       {/if}
       {#if onsave}
-        <Button size="sm" class="h-8 text-xs gap-1 min-w-20" disabled={isSaving} onclick={handleSave}>
+        <Button size="sm" class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-2e7a6d18a20d" disabled={isSaving} onclick={handleSave}>
           {#if isSaving}
-            <Loader2 class="h-3.5 w-3.5 animate-spin" />
+            <Loader2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-afbdd13a380e" />
           {:else}
-            <Save class="h-3.5 w-3.5" />
+            <Save class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
           {/if}
           Save All
         </Button>
@@ -101,31 +101,31 @@
     </div>
   </div>
 
-  <div class="overflow-x-auto rounded-lg border border-border/60">
-    <table class="w-full text-left 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-2eba0d65d059 svadmin-u-4583f90cd9bd">
+      <thead class="svadmin-u-b00f43c30c2b svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
         <tr>
           {#each columns as col (col.key)}
-            <th style={col.width ? `width: ${col.width};` : ''} class="px-3 py-2.5">
+            <th style={col.width ? `width: ${col.width};` : ''} class="svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe">
               {col.label}
-              {#if col.required}<span class="text-destructive">*</span>{/if}
+              {#if col.required}<span class="svadmin-u-811148b13d1e">*</span>{/if}
             </th>
           {/each}
           {#if allowDelete}
-            <th class="w-12 px-3 py-2.5 text-center">Action</th>
+            <th class="svadmin-u-e7e371071bc5 svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-ca6bf63030aa">Action</th>
           {/if}
         </tr>
       </thead>
-      <tbody class="divide-y divide-border/40">
+      <tbody class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258">
         {#each data as row, rowIndex (row[rowKey] ?? rowIndex)}
-          <tr class="hover:bg-muted/20 transition-colors">
+          <tr class="svadmin-u-c4b5eaba40e3 svadmin-u-ceb69a6b0e5f">
             {#each columns as col (col.key)}
-              <td class="p-1.5">
+              <td class="svadmin-u-cd009d7d208c">
                 {#if col.readonly}
-                  <div class="px-2 py-1 text-muted-foreground font-mono truncate">{row[col.key] ?? '—'}</div>
+                  <div class="svadmin-u-d5eab218aa34 svadmin-u-660d2effb880 svadmin-u-bfa603190748 svadmin-u-0e65706bcccd svadmin-u-f283ea9bea0e">{row[col.key] ?? '—'}</div>
                 {:else if col.type === 'select' && col.options}
                   <select
-                    class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
                     value={String(row[col.key] ?? '')}
                     onchange={(e) => updateCell(rowIndex, col.key, e.currentTarget.value)}
                   >
@@ -134,10 +134,10 @@
                     {/each}
                   </select>
                 {:else if col.type === 'boolean'}
-                  <div class="flex items-center justify-center py-1">
+                  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-660d2effb880">
                     <input
                       type="checkbox"
-                      class="h-4 w-4 rounded border-border text-primary focus:ring-primary/20 cursor-pointer"
+                      class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-07389a777c1f svadmin-u-18049387f0af svadmin-u-20aaf08a7ed1 svadmin-u-4df2b13689a4 svadmin-u-34516836730d"
                       checked={Boolean(row[col.key])}
                       onchange={(e) => updateCell(rowIndex, col.key, e.currentTarget.checked)}
                     />
@@ -145,21 +145,21 @@
                 {:else if col.type === 'number'}
                   <input
                     type="number"
-                    class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
                     value={Number(row[col.key] ?? 0)}
                     oninput={(e) => updateCell(rowIndex, col.key, Number(e.currentTarget.value))}
                   />
                 {:else if col.type === 'date'}
                   <input
                     type="date"
-                    class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
                     value={String(row[col.key] ?? '')}
                     oninput={(e) => updateCell(rowIndex, col.key, e.currentTarget.value)}
                   />
                 {:else}
                   <input
                     type="text"
-                    class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
                     value={String(row[col.key] ?? '')}
                     oninput={(e) => updateCell(rowIndex, col.key, e.currentTarget.value)}
                   />
@@ -168,14 +168,14 @@
             {/each}
 
             {#if allowDelete}
-              <td class="p-1.5 text-center">
+              <td class="svadmin-u-cd009d7d208c svadmin-u-ca6bf63030aa">
                 <Button
                   variant="ghost"
                   size="sm"
-                  class="h-7 w-7 p-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10"
+                  class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216 svadmin-u-bfa603190748 svadmin-u-51e95020d6f2 svadmin-u-8db899b4e072"
                   onclick={() => handleDeleteRow(rowIndex)}
                 >
-                  <Trash2 class="h-3.5 w-3.5" />
+                  <Trash2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                 </Button>
               </td>
             {/if}
@@ -184,7 +184,7 @@
 
         {#if data.length === 0}
           <tr>
-            <td colspan={columns.length + (allowDelete ? 1 : 0)} class="py-8 text-center text-muted-foreground">
+            <td colspan={columns.length + (allowDelete ? 1 : 0)} class="svadmin-u-a1f611f027dd svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">
               No rows. Click "Add Row" to create the first record.
             </td>
           </tr>

package/dist/components/EmptyState.svelte

@@ -17,18 +17,18 @@
 </script>
 
 <div
-  class="flex flex-col items-center justify-center rounded-lg bg-card/50 px-8 py-10 text-center shadow-xs"
+  class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-24104d87db9a svadmin-u-7e3e9a76c966 svadmin-u-1100bef66e60 svadmin-u-ca6bf63030aa svadmin-u-cef5b893cf23"
   in:scale={{ start: 0.95, duration: 200, opacity: 0 }}
   role="status"
   aria-live="polite"
 >
-  <div class="h-20 w-20 rounded-full bg-muted flex items-center justify-center mb-4">
-    <PackageOpen class="h-10 w-10 text-muted-foreground" />
+  <div class="svadmin-u-0a769880db93 svadmin-u-ed831a4dff32 svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-da019856f2cc">
+    <PackageOpen class="svadmin-u-426b8b75185b svadmin-u-d854e5698b57 svadmin-u-bfa603190748" />
   </div>
-  <h3 class="text-lg font-semibold tracking-tight">{title}</h3>
-  <p class="text-sm text-muted-foreground mt-2 max-w-sm">{description}</p>
+  <h3 class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-1d7f28b046ad">{title}</h3>
+  <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748 svadmin-u-50d0d216a2f8 svadmin-u-2472e9b81a97">{description}</p>
   {#if children}
-    <div class="mt-6">
+    <div class="svadmin-u-31f2553311b6">
       {@render children()}
     </div>
   {/if}

package/dist/components/ErrorBoundary.svelte

@@ -28,19 +28,19 @@
     {#if fallback}
       {@render fallback({ error: error instanceof Error ? error : new Error(String(error)), reset })}
     {:else}
-      <div class="flex h-screen items-center justify-center bg-background">
-        <div class="max-w-md w-full px-4">
-          <Alert.Root variant="destructive" class="space-y-4">
-            <div class="flex items-start gap-3">
-              <AlertTriangle class="h-5 w-5 mt-0.5 shrink-0" />
-              <div class="space-y-2">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-ef114b5f5ad1 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-e6f9e383a762">
+        <div class="svadmin-u-9794ab45094d svadmin-u-6da6a3c3f741 svadmin-u-f0faeb26d656">
+          <Alert.Root variant="destructive" class="svadmin-u-3e7ce58d64fa">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c">
+              <AlertTriangle class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-15e1b1f444fe svadmin-u-012fbd121f37" />
+              <div class="svadmin-u-6f7e013d6499">
                 <Alert.Title>{i18n.t('common.error')}</Alert.Title>
-                <Alert.Description class="text-sm">
+                <Alert.Description class="svadmin-u-fc7473ca09eb">
                   {error instanceof Error ? error.message : String(error)}
                 </Alert.Description>
               </div>
             </div>
-            <Button variant="outline" size="sm" onclick={reset} class="w-full">
+            <Button variant="outline" size="sm" onclick={reset} class="svadmin-u-6da6a3c3f741">
               {i18n.t('common.retry')}
             </Button>
           </Alert.Root>

package/dist/components/ErrorComponent.svelte

@@ -19,17 +19,17 @@
   }>();
 </script>
 
-<div class="flex flex-col items-center justify-center px-8 py-10 text-center">
-  <Alert.Root variant="destructive" class="max-w-md text-left">
-    <AlertTriangle class="h-5 w-5" />
+<div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-7e3e9a76c966 svadmin-u-1100bef66e60 svadmin-u-ca6bf63030aa">
+  <Alert.Root variant="destructive" class="svadmin-u-9794ab45094d svadmin-u-2eba0d65d059">
+    <AlertTriangle class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e" />
     <Alert.Title>{title}</Alert.Title>
     <Alert.Description>
       {error?.message || description}
     </Alert.Description>
     {#if retry}
-      <div class="mt-4">
+      <div class="svadmin-u-0ab8667228fd">
         <Button variant="outline" size="sm" onclick={retry}>
-          <RefreshCw class="h-3 w-3" data-icon="inline-start" />
+          <RefreshCw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" data-icon="inline-start" />
           {i18n.t('buttons.retry')}
         </Button>
       </div>