@svadmin/ui 0.60.0 → 0.63.0

package/dist/app.css

@@ -596,13 +596,11 @@ main {
   50% { opacity: 0; }
 }
 
-/* Handle copied state for dynamically injected buttons */
+/* Handle copied state for dynamically injected buttons.
+ * The check icon itself is swapped in by MarkdownRenderer (createCheckIcon)
+ * with stroke="currentColor" so it inherits this semantic token color. */
 .copy-btn[data-copied-id] {
-  color: #10b981; /* Tailwind emerald-500 */
-}
-.copy-btn[data-copied-id] svg {
-  /* Swap to Check icon */
-  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
+  color: var(--success);
 }
 
 /* ChatDialog Styles */

package/dist/app.theme.css

@@ -595,13 +595,11 @@ main {
   50% { opacity: 0; }
 }
 
-/* Handle copied state for dynamically injected buttons */
+/* Handle copied state for dynamically injected buttons.
+ * The check icon itself is swapped in by MarkdownRenderer (createCheckIcon)
+ * with stroke="currentColor" so it inherits this semantic token color. */
 .copy-btn[data-copied-id] {
-  color: #10b981; /* Tailwind emerald-500 */
-}
-.copy-btn[data-copied-id] svg {
-  /* Swap to Check icon */
-  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
+  color: var(--success);
 }
 
 /* ChatDialog Styles */

package/dist/components/ApiSettings.svelte

@@ -172,7 +172,7 @@
           {#if loading}<DataState state="loading" />{:else if error}<DataState state="error" description={error} retry={loadCredentials} />{:else}<ApiKeyList class="rounded-none border-0" keys={keys.map((key) => ({ id: key.id, name: key.name, prefix: key.prefix, createdAt: new Date(key.createdAt).toLocaleString(), lastUsedAt: key.lastUsedAt ? new Date(key.lastUsedAt).toLocaleString() : undefined, permissions: key.permissions }))} stateTitle={i18n.t('api.noKeys')} stateDescription={credentialProvider ? i18n.t('api.generateDesc') : (isZh ? '配置 CredentialProvider 后可管理真实凭据。' : 'Configure CredentialProvider to manage real credentials.')} onrevoke={credentialProvider ? (key) => revokeKey(key.id) : undefined} />{/if}
         </SettingsGroup>
         <SettingsGroup title={i18n.t('api.webhooks')} description={i18n.t('api.webhooksDesc')} bodyClass="space-y-5">
-          <form class="grid min-w-0 gap-4 md:grid-cols-2" onsubmit={handleAddWebhook}><div class="space-y-2"><Label for="webhook-name">{i18n.t('api.webhookName')}</Label><Input id="webhook-name" bind:value={newWebhookName} placeholder="Order Events" disabled={!credentialProvider || submitting} /></div><div class="space-y-2"><Label for="webhook-url">{i18n.t('api.webhookUrl')}</Label><Input id="webhook-url" type="url" bind:value={newWebhookUrl} placeholder="https://api.example.com/hooks" disabled={!credentialProvider || submitting} /></div><div class="space-y-2"><Label for="webhook-event">{i18n.t('api.eventType')}</Label><select id="webhook-event" bind:value={newWebhookEvent} disabled={!credentialProvider || submitting} class="flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:opacity-50"><option value="resource.created">resource.created</option><option value="resource.updated">resource.updated</option><option value="resource.deleted">resource.deleted</option><option value="auth.login">auth.login</option></select></div><div class="flex items-end"><Button type="submit" class="w-full" disabled={!credentialProvider || submitting || !newWebhookName.trim() || !newWebhookUrl.trim()}><Plus class="size-4" />{i18n.t('api.addWebhook')}</Button></div></form>
+          <form class="grid min-w-0 gap-4 md:grid-cols-2" onsubmit={handleAddWebhook}><div class="space-y-2"><Label for="webhook-name">{i18n.t('api.webhookName')}</Label><Input id="webhook-name" bind:value={newWebhookName} placeholder="Order Events" disabled={!credentialProvider || submitting} /></div><div class="space-y-2 md:col-span-2"><Label for="webhook-url">{i18n.t('api.webhookUrl')}</Label><Input id="webhook-url" type="url" bind:value={newWebhookUrl} placeholder="https://api.example.com/hooks" disabled={!credentialProvider || submitting} /></div><div class="space-y-2"><Label for="webhook-event">{i18n.t('api.eventType')}</Label><select id="webhook-event" bind:value={newWebhookEvent} disabled={!credentialProvider || submitting} class="flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:opacity-50"><option value="resource.created">resource.created</option><option value="resource.updated">resource.updated</option><option value="resource.deleted">resource.deleted</option><option value="auth.login">auth.login</option></select></div><div class="flex items-end"><Button type="submit" class="w-full" disabled={!credentialProvider || submitting || !newWebhookName.trim() || !newWebhookUrl.trim()}><Plus class="size-4" />{i18n.t('api.addWebhook')}</Button></div></form>
           {#if webhooks.length === 0}<DataState state="empty" title={i18n.t('api.noWebhooks')} description={credentialProvider ? i18n.t('api.webhooksDesc') : (isZh ? '配置 CredentialProvider 后可管理真实 Webhook。' : 'Configure CredentialProvider to manage real webhooks.')} />{:else}<div class="divide-y divide-border border-t border-border">{#each webhooks as hook (hook.id)}<div class="flex flex-col gap-3 py-4 sm:flex-row sm:items-center sm:justify-between"><div class="min-w-0"><p class="text-sm font-medium text-foreground">{hook.name}</p><p class="truncate font-mono text-xs text-muted-foreground">{hook.url}</p></div><div class="flex items-center justify-between gap-3 sm:justify-end"><span class="rounded bg-muted px-2 py-1 font-mono text-xs text-muted-foreground">{hook.eventType}</span><Button variant="ghost" size="icon-sm" onclick={() => deleteWebhook(hook.id)} aria-label={i18n.t('common.delete') + ' ' + hook.name}><Trash2 class="size-4" /></Button></div></div>{/each}</div>{/if}
         </SettingsGroup>
       </div>

package/dist/components/ConfigErrorScreen.svelte

@@ -81,7 +81,7 @@
                   onclick={() => copyToClipboard(`${v.key}=`, v.key)}
                 >
                   {#if copied[v.key]}
-                    <CheckCircle class="h-3.5 w-3.5 text-green-500" />
+                    <CheckCircle class="h-3.5 w-3.5 text-success" />
                   {:else}
                     <Copy class="h-3.5 w-3.5" />
                   {/if}
@@ -103,7 +103,7 @@
                 onclick={copyAll}
               >
                 {#if copied['__all__']}
-                  <CheckCircle class="h-3.5 w-3.5 text-green-500" />
+                  <CheckCircle class="h-3.5 w-3.5 text-success" />
                   <span class="text-xs">{i18n.t('common.copied')}</span>
                 {:else}
                   <Copy class="h-3.5 w-3.5" />

package/dist/components/InferencerPanel.svelte

@@ -18,6 +18,7 @@
 
   let selectedResource = $state('');
   let inferResult = $state<InferResult | null>(null);
+  let codeTarget = $state<'resource' | 'typebox' | 'list' | 'create' | 'edit' | 'show'>('resource');
   let loading = $state(false);
   let error = $state<string | null>(null);
   let copied = $state(false);
@@ -78,9 +79,19 @@
     }
   }
 
+  const activeCode = $derived.by(() => {
+    if (!inferResult) return '';
+    if (codeTarget === 'typebox') return inferResult.typeboxCode;
+    if (codeTarget === 'list') return inferResult.componentCode.list;
+    if (codeTarget === 'create') return inferResult.componentCode.create;
+    if (codeTarget === 'edit') return inferResult.componentCode.edit;
+    if (codeTarget === 'show') return inferResult.componentCode.show;
+    return inferResult.code;
+  });
+
   function copyCode() {
-    if (!inferResult) return;
-    navigator.clipboard.writeText(inferResult.code);
+    if (!activeCode) return;
+    navigator.clipboard.writeText(activeCode);
     copied = true;
     if (copyTimer) clearTimeout(copyTimer);
     copyTimer = setTimeout(() => { copied = false; }, 2000);
@@ -190,23 +201,72 @@
 
       <!-- Generated code -->
       <div class="rounded-lg border overflow-hidden">
-        <div class="flex items-center justify-between bg-muted px-3 py-1.5 text-xs text-muted-foreground">
-          <span>Generated ResourceDefinition</span>
+        <div class="flex flex-wrap items-center justify-between gap-1 bg-muted px-3 py-1.5 text-xs text-muted-foreground border-b">
+          <div class="flex items-center gap-1">
+            <Button
+              variant={codeTarget === 'resource' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'resource'; }}
+            >
+              Resource (TS)
+            </Button>
+            <Button
+              variant={codeTarget === 'typebox' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'typebox'; }}
+            >
+              TypeBox Schema
+            </Button>
+            <Button
+              variant={codeTarget === 'list' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'list'; }}
+            >
+              List Page
+            </Button>
+            <Button
+              variant={codeTarget === 'create' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'create'; }}
+            >
+              Create Form
+            </Button>
+            <Button
+              variant={codeTarget === 'edit' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'edit'; }}
+            >
+              Edit Form
+            </Button>
+            <Button
+              variant={codeTarget === 'show' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'show'; }}
+            >
+              Show Page
+            </Button>
+          </div>
           <Button variant="ghost" size="sm" class="h-6 text-xs gap-1" onclick={copyCode}>
             {#if copied}
-              <Check class="h-3 w-3 text-emerald-500" />
-              <span class="text-emerald-500">Copied!</span>
+              <Check class="h-3 w-3 text-success" />
+              <span class="text-success">Copied!</span>
             {:else}
               <Copy class="h-3 w-3" />
               Copy
             {/if}
           </Button>
         </div>
-        <pre class="max-h-64 overflow-auto bg-muted/30 p-3 text-xs text-foreground font-mono">{inferResult.code}</pre>
+        <pre class="max-h-64 overflow-auto bg-muted/30 p-3 text-xs text-foreground font-mono">{activeCode}</pre>
       </div>
 
       <p class="text-xs text-muted-foreground">
-        Inferred {inferResult.fields.length} fields from sample data. Copy the code above into your <code class="bg-muted px-1 rounded text-foreground">resources.ts</code> file.
+        Inferred {inferResult.fields.length} fields from sample data. Copy the code above into your Svelte 5 application files.
       </p>
     {/if}
   </Card.CardContent>

package/dist/components/InsightCard.svelte

@@ -102,7 +102,7 @@ ${scopedContext}`;
 >
   <div class="flex items-center justify-between p-4 border-b">
     <div class="flex items-center gap-2 font-medium">
-      <Sparkles class="h-4 w-4 text-amber-500" aria-hidden="true" />
+      <Sparkles class="h-4 w-4 text-warning" aria-hidden="true" />
       {title}
     </div>
     <Button

package/dist/components/MarkdownRenderer.svelte

@@ -106,12 +106,35 @@
     const id = Math.random().toString(36);
     copiedBlock = id;
     button.setAttribute("data-copied-id", id);
+    // Swap to a semantic check icon; color comes from the .copy-btn CSS token.
+    button.querySelector("svg")?.replaceWith(createCheckIcon());
 
     setTimeout(() => {
       if (copiedBlock === id) copiedBlock = null;
     }, 2000);
   }
 
+  function createCheckIcon(): SVGSVGElement {
+    const svgNamespace = "http://www.w3.org/2000/svg";
+    const svg = document.createElementNS(svgNamespace, "svg");
+    svg.setAttribute("width", "14");
+    svg.setAttribute("height", "14");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+    svg.setAttribute("aria-hidden", "true");
+    svg.classList.add("lucide", "lucide-check");
+
+    const polyline = document.createElementNS(svgNamespace, "polyline");
+    polyline.setAttribute("points", "20 6 9 17 4 12");
+    svg.appendChild(polyline);
+
+    return svg;
+  }
+
   function createCopyIcon(): SVGSVGElement {
     const svgNamespace = "http://www.w3.org/2000/svg";
     const svg = document.createElementNS(svgNamespace, "svg");
@@ -161,7 +184,7 @@
 
         const header = document.createElement("div");
         header.className =
-          "flex items-center justify-between px-4 py-2 text-xs text-zinc-400 border-b border-zinc-800";
+          "flex items-center justify-between px-4 py-2 text-xs text-background/70 border-b border-background/15";
 
         const lang =
           Array.from(pre.querySelector("code")?.classList || [])
@@ -173,7 +196,7 @@
         const copyButton = document.createElement("button");
         copyButton.type = "button";
         copyButton.className =
-          "copy-btn hover:text-white transition-colors flex items-center gap-1";
+          "copy-btn hover:text-background transition-colors flex items-center gap-1";
         copyButton.setAttribute("aria-label", "Copy code");
         copyButton.appendChild(createCopyIcon());
 

package/dist/components/PermissionMatrix.svelte

@@ -67,7 +67,7 @@
     
     <!-- Toast Feedback -->
     {#if message}
-      <div class={`px-4 py-2 rounded-lg text-sm font-medium shadow-sm transition-all flex items-center gap-2 ${messageType === 'success' ? 'bg-green-500/10 text-green-600 dark:text-green-400 ring-1 ring-green-500/20' : 'bg-destructive/10 text-destructive ring-1 ring-destructive/20'}`}>
+      <div class={`px-4 py-2 rounded-lg text-sm font-medium shadow-sm transition-all flex items-center gap-2 ${messageType === 'success' ? 'bg-success/10 text-success ring-1 ring-success/20' : 'bg-destructive/10 text-destructive ring-1 ring-destructive/20'}`}>
         {#if messageType === 'success'}
            <Check class="w-4 h-4" />
         {:else}

package/dist/components/Sidebar.svelte

@@ -285,12 +285,14 @@
   });
 </script>
 
-{#snippet languageMenu()}
+{#snippet languageMenu(collapsed: boolean)}
   <select
     aria-label={i18n.t('common.switchLanguage')}
     value={i18n.locale}
     onchange={(event) => selectLocale((event.target as HTMLSelectElement).value)}
-    class="h-8 w-14 rounded-md border border-border bg-sidebar px-1 text-[11px] font-semibold text-sidebar-foreground/70 outline-none focus:ring-2 focus:ring-ring"
+    class={collapsed
+      ? 'h-8 w-auto min-w-0 max-w-full appearance-none rounded-md border border-border bg-sidebar px-1 text-center text-[10px] font-semibold text-sidebar-foreground/70 outline-none focus:ring-2 focus:ring-ring'
+      : 'h-8 w-auto min-w-0 max-w-full rounded-md border border-border bg-sidebar px-1.5 text-[11px] font-semibold text-sidebar-foreground/70 outline-none focus:ring-2 focus:ring-ring'}
   >
     {#each i18n.getAvailableLocales() as locale (locale)}
       <option value={locale}>{localeName(locale)}</option>
@@ -425,6 +427,8 @@
               class="h-3 w-3 rounded-full ring-1 ring-offset-1 ring-offset-sidebar"
               style="background-color: {getColorThemes().find(c => c.id === getColorTheme())?.color ?? '#6366f1'}; --tw-ring-color: {getColorThemes().find(c => c.id === getColorTheme())?.color ?? '#6366f1'}"
             ></span>
+            <!-- The dot previews the user-selected runtime theme swatch; the hex
+                 fallback only covers the case where no registered theme matches. -->
           </button>
           {#if colorPickerOpen}
             <div class="absolute bottom-full left-0 mb-1 z-50 w-40 rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95">
@@ -468,7 +472,7 @@
         </div>
         <div class="mt-1 flex items-center justify-between px-1">
           <div class="flex items-center gap-0.5">
-            {@render languageMenu()}
+            {@render languageMenu(false)}
             <TooltipButton tooltip={i18n.t('common.toggleTheme')} variant="ghost" size="icon-sm" onclick={toggleTheme} class="h-8 w-8 rounded-md text-sidebar-foreground/50 hover:bg-sidebar-accent/50 hover:text-sidebar-foreground">
               {#if getResolvedTheme() === 'dark'}
                 <Sun class="h-3.5 w-3.5" />
@@ -486,8 +490,8 @@
         </div>
       </div>
     {:else if collapsed}
-      <div class="flex flex-col items-center gap-0.5 px-2 py-3">
-        {@render languageMenu()}
+      <div class="flex flex-col items-center gap-0.5 px-1 py-3">
+        {@render languageMenu(true)}
         <Tooltip.Root>
           <Tooltip.Trigger>
             {#snippet child({ props }: { props: Record<string, unknown> })}
@@ -525,7 +529,7 @@
       </div>
     {:else}
       <div class="flex justify-center gap-1 p-3">
-        {@render languageMenu()}
+        {@render languageMenu(false)}
         <TooltipButton tooltip={i18n.t('common.toggleTheme')} variant="ghost" size="icon" onclick={toggleTheme} class="h-8 w-8 rounded-md text-sidebar-foreground/50 hover:bg-sidebar-accent/50 hover:text-sidebar-foreground">
           {#if getResolvedTheme() === 'dark'}
             <Sun class="h-3.5 w-3.5" />

package/dist/components/TaskStatusBadge.svelte

@@ -41,7 +41,7 @@
           label: translateStatus(normalizedStatus),
           variant: 'secondary' as const,
           icon: CheckCircle2,
-          iconClass: 'text-green-600 dark:text-green-400',
+          iconClass: 'text-success',
         };
       case 'failed':
         return {

package/dist/components/fields/AvatarField.svelte

@@ -45,14 +45,14 @@
   };
 
   const statusColors: Record<AvatarStatus, string> = {
-    online: 'bg-emerald-500',
-    success: 'bg-emerald-500',
-    busy: 'bg-rose-500',
-    error: 'bg-rose-500',
-    warning: 'bg-amber-500',
-    away: 'bg-amber-500',
-    offline: 'bg-slate-400',
-    neutral: 'bg-slate-400',
+    online: 'bg-success',
+    success: 'bg-success',
+    busy: 'bg-destructive',
+    error: 'bg-destructive',
+    warning: 'bg-warning',
+    away: 'bg-warning',
+    offline: 'bg-muted-foreground',
+    neutral: 'bg-muted-foreground',
   };
 
   function getInitials(value?: string | null): string {

package/dist/components/fields/JsonField.svelte

@@ -59,7 +59,7 @@
         aria-label={i18n.t('common.copy')}
       >
         {#if copied}
-          <Check class="h-3 w-3 text-emerald-500" />
+          <Check class="h-3 w-3 text-success" />
         {:else}
           <Copy class="h-3 w-3" />
         {/if}

package/dist/components/fields/RatingField.svelte

@@ -63,15 +63,15 @@
 {:else}
   <div class={cn('field-rating inline-flex items-center gap-1.5', className)}>
     <div
-      class="inline-flex items-center gap-0.5 text-amber-500"
+      class="inline-flex items-center gap-0.5 text-warning"
       role="img"
       aria-label={`${numericValue} out of ${normalizedMax}`}
     >
       {#each stars as starType, idx (idx)}
         {#if starType === 'full'}
-          <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'fill-amber-500 text-amber-500')} />
+          <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'fill-warning text-warning')} />
         {:else if starType === 'half'}
-          <StarHalf aria-hidden="true" class={cn(sizeClasses[size].icon, 'fill-amber-500 text-amber-500')} />
+          <StarHalf aria-hidden="true" class={cn(sizeClasses[size].icon, 'fill-warning text-warning')} />
         {:else}
           <Star aria-hidden="true" class={cn(sizeClasses[size].icon, 'text-muted-foreground/30')} />
         {/if}

package/dist/components/profile/ProfileVariantSections.svelte

@@ -32,15 +32,16 @@
   ];
   const skills = ['TypeScript', 'Svelte', 'Node.js', 'GraphQL', 'Design Systems', 'Accessibility'];
   const badges: { name: string; Icon: Component; tone: string }[] = [
-    { name: 'Top Contributor', Icon: Medal, tone: 'bg-amber-500/10 text-amber-600' },
-    { name: 'Early Adopter', Icon: Star, tone: 'bg-blue-500/10 text-blue-600' },
-    { name: 'Community Mentor', Icon: Award, tone: 'bg-violet-500/10 text-violet-600' },
-    { name: 'Launch Partner', Icon: Crown, tone: 'bg-emerald-500/10 text-emerald-600' },
+    // Decorative demo tones — use the chart palette, not status tokens.
+    { name: 'Top Contributor', Icon: Medal, tone: 'bg-chart-1/10 text-chart-1' },
+    { name: 'Early Adopter', Icon: Star, tone: 'bg-chart-2/10 text-chart-2' },
+    { name: 'Community Mentor', Icon: Award, tone: 'bg-chart-3/10 text-chart-3' },
+    { name: 'Launch Partner', Icon: Crown, tone: 'bg-chart-4/10 text-chart-4' },
   ];
   const recentUploads: { name: string; size: string; Icon: Component; tone: string }[] = [
-    { name: 'dashboard-spec.fig', size: '4.2 MB', Icon: Image, tone: 'bg-pink-500/10 text-pink-600' },
-    { name: 'release-notes.md', size: '18 KB', Icon: FileText, tone: 'bg-blue-500/10 text-blue-600' },
-    { name: 'assets-bundle.zip', size: '24 MB', Icon: FileArchive, tone: 'bg-amber-500/10 text-amber-600' },
+    { name: 'dashboard-spec.fig', size: '4.2 MB', Icon: Image, tone: 'bg-chart-5/10 text-chart-5' },
+    { name: 'release-notes.md', size: '18 KB', Icon: FileText, tone: 'bg-chart-2/10 text-chart-2' },
+    { name: 'assets-bundle.zip', size: '24 MB', Icon: FileArchive, tone: 'bg-chart-3/10 text-chart-3' },
   ];
   const contributors = ['Mia Torres', 'Chen Wei', 'Ava Novak', 'Liam Ortiz', 'Sofia Petrova', '+8'];
 
@@ -252,7 +253,7 @@
             <p class="text-xs text-muted-foreground">{item.label}</p>
             <div class="mt-1 flex items-baseline gap-2">
               <span class="text-xl font-bold text-foreground">{item.value}</span>
-              <span class="flex items-center gap-0.5 text-xs font-medium text-green-600"><TrendingUp class="h-3 w-3" />{item.delta}</span>
+              <span class="flex items-center gap-0.5 text-xs font-medium text-success"><TrendingUp class="h-3 w-3" />{item.delta}</span>
             </div>
           </Card.CardContent>
         </Card.Card>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.60.0",
+  "version": "0.63.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -39,13 +39,13 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.42.0",
-    "@tanstack/svelte-query": "^6.1.38",
-    "highlight.js": "^11.11.1",
-    "isomorphic-dompurify": "^3.22.0",
-    "marked": "^18.0.9",
+    "@svadmin/core": "^0.45.0",
+    "@tanstack/svelte-query": "^6.1.48",
+    "highlight.js": "^11.12.0",
+    "isomorphic-dompurify": "^3.23.0",
+    "marked": "^18.0.11",
     "marked-highlight": "^2.2.4",
-    "svelte": "^5.56.8"
+    "svelte": "^5.56.10"
   },
   "peerDependenciesMeta": {
     "marked": {
@@ -75,13 +75,13 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@lucide/svelte": "^1.31.0",
+    "@lucide/svelte": "^1.35.0",
     "@tanstack/svelte-store": "^0.12.1",
-    "@tanstack/svelte-table": "9.1.2",
-    "@tanstack/table-core": "9.1.2",
-    "bits-ui": "^2.18.1",
+    "@tanstack/svelte-table": "^9.2.3",
+    "@tanstack/table-core": "^9.2.3",
+    "bits-ui": "^2.19.0",
     "clsx": "^2.1.1",
-    "svelte-sonner": "^1.1.1",
+    "svelte-sonner": "^1.2.1",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.3.1"
   },
@@ -100,13 +100,13 @@
     "access": "public"
   },
   "devDependencies": {
-    "@happy-dom/global-registrator": "^20.11.2",
+    "@happy-dom/global-registrator": "^20.11.12",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.4.2",
-    "@testing-library/user-event": "^14.6.4",
-    "happy-dom": "^20.11.2",
-    "vitest": "^4.1.10"
+    "@testing-library/user-event": "^14.6.6",
+    "happy-dom": "^20.11.12",
+    "vitest": "^4.1.11"
   },
   "scripts": {
     "build": "node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && node scripts/postbuild-css.mjs",