@svadmin/ui 0.34.9 → 0.34.10

package/dist/components/Layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/no-useless-children-snippet */
   import type { Snippet } from 'svelte';
   import { fade, fly } from 'svelte/transition';
   import Sidebar from './Sidebar.svelte';
@@ -13,7 +14,6 @@
   import { navigate } from '@svadmin/core/router';
   import { getPath } from '../router-state.svelte.js';
   import { Skeleton } from './ui/skeleton/index.js';
-  import { Button } from './ui/button/index.js';
   import * as Sheet from './ui/sheet/index.js';
   import { Menu } from '@lucide/svelte';
   import { getComponentRegistry } from '../component-registry.svelte.js';
@@ -24,12 +24,12 @@
 
   let { children, title = 'Admin', menu, siteUrl, routeMode = 'auto' }: { children: Snippet; title?: string; menu?: MenuItem[]; siteUrl?: string; routeMode?: 'hash' | 'path' | 'auto' } = $props();
 
-  let hasAuth = true;
+  let _hasAuth = true;
   let auth: ReturnType<typeof getAuthProvider> | null = null;
   try {
     auth = getAuthProvider();
   } catch {
-    hasAuth = false;
+    _hasAuth = false;
   }
   let loading = $state(true);
   let identity = $state<Identity | null>(null);
@@ -108,7 +108,7 @@
     <div class="hidden md:block w-64 bg-sidebar/80 p-4 space-y-4">
       <Skeleton class="h-8 w-32" />
       <div class="space-y-2 mt-6">
-        {#each Array(5) as _}
+        {#each Array(5) as _, _i (_i)}
           <Skeleton class="h-9 w-full rounded-lg" />
         {/each}
       </div>
@@ -116,7 +116,7 @@
     <div class="flex-1 p-8 space-y-6">
       <Skeleton class="h-8 w-48" />
       <div class="space-y-3">
-        {#each Array(4) as _}
+        {#each Array(4) as _, _i (_i)}
           <Skeleton class="h-12 w-full" />
         {/each}
       </div>

package/dist/components/MarkdownRenderer.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
+/* eslint-disable svelte/no-at-html-tags */
   import * as markedPkg from "marked";
   import * as markedHighlightPkg from "marked-highlight";
   import * as hljsPkg from "highlight.js";
   import * as DOMPurifyPkg from "isomorphic-dompurify";
-  import { Check, Copy } from '@lucide/svelte';
-  import { Button } from "./ui/button/index.js";
 
   const Marked = markedPkg.Marked;
   const markedHighlight = markedHighlightPkg.markedHighlight;
@@ -13,7 +12,6 @@
 
   // Only safely import css if hljs exists
   if (hljsModule && Object.keys(hljsModule).length > 0) {
-    // @ts-ignore
     import("highlight.js/styles/github-dark.css").catch(() => {});
   }
 
@@ -44,7 +42,7 @@
   // Render HTML safely
   const html = $derived(
     hasMarkdownDeps
-      ? DOMPurify.sanitize(markedObj!.parse(content || "") as string)
+      ? DOMPurify.sanitize(markedObj?.parse(content || "") as string)
       : `<div style="white-space: pre-wrap">${String(content || "").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>`
   );
 
@@ -75,7 +73,7 @@
   // We do this via action instead of raw string manipulation for safety
   function enhanceCodeBlocks(node: HTMLElement, _: string) {
     return {
-      update(newHtml: string) {
+      update(_newHtml: string) {
         // Find all pre > code blocks that don't have wrappers yet
         const pres = node.querySelectorAll("pre:not(.enhanced)");
         pres.forEach((pre) => {

package/dist/components/ModalForm.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
-  import type { Snippet } from 'svelte';
-  import type { FieldDefinition } from '@svadmin/core';
-  import { getResource, useForm } from '@svadmin/core';
+  import { getResource } from '@svadmin/core';
   import { t } from '@svadmin/core/i18n';
   import * as Dialog from './ui/dialog/index.js';
   import AutoForm from './AutoForm.svelte';

package/dist/components/PageSkeleton.svelte

@@ -27,13 +27,13 @@
     {#if type === 'list'}
       <!-- Table Header -->
       <div class="flex gap-4 border-b pb-4">
-        {#each Array(4) as _}
+        {#each Array(4) as _, _i (_i)}
           <Skeleton class="h-6 flex-1" />
         {/each}
       </div>
       <!-- Table Rows -->
       <div class="space-y-4">
-        {#each Array(rows) as _}
+        {#each Array(rows) as _, _i (_i)}
           <div class="flex gap-4">
             <Skeleton class="h-6 flex-1" />
             <Skeleton class="h-6 flex-1" />
@@ -45,7 +45,7 @@
     {:else if type === 'show'}
       <!-- Key-Value pairs -->
       <div class="space-y-6">
-        {#each Array(rows) as _}
+        {#each Array(rows) as _, _i (_i)}
           <div class="space-y-2">
             <Skeleton class="h-4 w-[100px]" />
             <Skeleton class="h-6 w-[250px]" />
@@ -55,7 +55,7 @@
     {:else if type === 'form'}
       <!-- Form Inputs -->
       <div class="space-y-6">
-        {#each Array(rows) as _}
+        {#each Array(rows) as _, _i (_i)}
           <div class="space-y-2">
             <Skeleton class="h-4 w-[100px]" />
             <Skeleton class="h-10 w-full max-w-md" />

package/dist/components/PasswordInput.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import { Input } from './ui/input/index.js';
-  import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
   import { Label } from './ui/label/index.js';
-  import { Progress } from './ui/progress/index.js';
   import { Lock, Eye, EyeOff } from '@lucide/svelte';
   import { t } from '@svadmin/core/i18n';
 

package/dist/components/PermissionMatrix.svelte

@@ -80,7 +80,7 @@
     <div class="w-full md:w-64 flex-shrink-0 bg-card rounded-xl shadow-sm border border-border p-4 flex flex-col">
       <h2 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2">{t('permissions.roles') || 'Roles'}</h2>
       <div class="space-y-1 flex-1 overflow-y-auto">
-        {#each roles as role}
+        {#each roles as role, _i (_i)}
           <button 
             onclick={() => selectedRole = role.code}
             class="w-full text-left px-3 py-2.5 rounded-lg text-sm transition-all duration-200 {selectedRole === role.code ? 'bg-primary/10 text-primary font-medium shadow-sm ring-1 ring-primary/20' : 'text-foreground hover:bg-muted'}"
@@ -133,7 +133,7 @@
           <thead class="bg-muted/50">
             <tr>
               <th scope="col" class="py-3 pr-3 pl-4 text-left text-sm font-semibold text-foreground w-48">{t('permissions.resources') || 'Resources'}</th>
-              {#each actions as action}
+              {#each actions as action, _i (_i)}
                 <th scope="col" class="px-2 py-3 text-center text-sm font-semibold text-foreground">
                   <div class="flex flex-col items-center">
                     <span>{action.name}</span>
@@ -149,7 +149,7 @@
                  <td colspan={actions.length + 1} class="py-10 text-center text-muted-foreground">{t('permissions.noResources') || 'No resources available'}</td>
               </tr>
             {/if}
-            {#each resources as resource, i}
+            {#each resources as resource, i (i)}
               <!-- Section Grouping Header -->
               {#if resource.section && (i === 0 || resource.section !== resources[i-1].section)}
                 <tr class="bg-primary/5">
@@ -164,14 +164,14 @@
                 </td>
                 
                 <!-- Action Checkboxes -->
-                {#each actions as action}
+                {#each actions as action, _i (_i)}
                   {@const granted = selectedRole ? isGranted(selectedRole, resource.code, action.code) : false}
                   <td class="whitespace-nowrap px-3 py-3 text-center">
                     <div class="flex items-center justify-center">
                       <button 
                         disabled={loading || !selectedRole}
                         aria-label="Toggle {action.name}"
-                        onclick={() => onToggle(selectedRole!, resource.code, action.code, !granted)}
+                        onclick={() => onToggle(selectedRole as string, resource.code, action.code, !granted)}
                         class="w-6 h-6 rounded border flex items-center justify-center transition-all focus:outline-none focus:ring-2 focus:ring-primary/50 {granted ? 'bg-primary border-primary text-primary-foreground' : 'border-input bg-background hover:bg-accent'} {loading || !selectedRole ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}"
                       >
                         <svg class="w-3.5 h-3.5 {granted ? 'block' : 'hidden'}" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">

package/dist/components/ProfilePage.svelte

@@ -53,7 +53,7 @@
 
   // Avatar upload
   let avatarUploading = $state(false);
-  let fileInput = $state<HTMLInputElement>(null!);
+  let fileInput = $state<HTMLInputElement>(null!); // eslint-disable-line @typescript-eslint/no-non-null-assertion
 
   async function handleAvatarChange(e: Event) {
     const file = (e.target as HTMLInputElement).files?.[0];

package/dist/components/RolesSettings.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
   import { getAuthProvider, getResources } from '@svadmin/core';
-  import type { Role } from '@svadmin/core';
   import PermissionMatrix from './PermissionMatrix.svelte';
   import type { RoleInfo, ResourceInfo, ActionInfo } from '../types.js';
   import { toast } from '@svadmin/core/toast';
@@ -117,7 +116,7 @@
     } catch (e) {
       toast.error((e as Error).message);
       // Rollback on fail
-      delete permissionsCache[roleCode];
+      delete permissionsCache[roleCode]; // eslint-disable-line @typescript-eslint/no-dynamic-delete
       loadPermissionsForRole(roleCode);
     } finally {
       saving = false;

package/dist/components/SettingsPage.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
   import { navigate } from '@svadmin/core/router';
-  import { currentPath } from '@svadmin/core/router';
   import { User, Palette, Info, Shield, FileSearch } from '@lucide/svelte';
   import ProfilePage from './ProfilePage.svelte';
   import AppearanceSettings from './AppearanceSettings.svelte';
@@ -56,8 +55,8 @@
   <nav class="w-full lg:w-56 shrink-0 bg-muted/10 shadow-[inset_0_-1px_0_rgba(0,0,0,0.05)] lg:shadow-[inset_-1px_0_0_rgba(0,0,0,0.05)] dark:shadow-[inset_-1px_0_0_rgba(255,255,255,0.05)]">
     <!-- Mobile: horizontal scroll tabs -->
     <div class="flex lg:hidden overflow-x-auto px-4 py-2 gap-1">
-      {#each sections as section}
-        {#each section.items as item}
+      {#each sections as section, _i (_i)}
+        {#each section.items as item, _i (_i)}
           {@const active = activeKey === item.key}
           <button
             class="flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md whitespace-nowrap transition-colors
@@ -77,13 +76,13 @@
         <h2 class="text-lg font-semibold text-foreground">{t('settings.title')}</h2>
         <p class="text-xs text-muted-foreground mt-1">{t('settings.settingsDescription')}</p>
       </div>
-      {#each sections as section}
+      {#each sections as section, _i (_i)}
         <div>
           <h3 class="px-3 mb-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">
             {t(section.group)}
           </h3>
           <div class="space-y-0.5">
-            {#each section.items as item}
+            {#each section.items as item, _i (_i)}
               {@const active = activeKey === item.key}
               <button
                 class="flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm transition-all

package/dist/components/ShowPage.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
   import { useShow, getResource } from '@svadmin/core';
-  import type { FieldDefinition } from '@svadmin/core';
   import { navigate } from '@svadmin/core/router';
-  import { t, getLocale } from '@svadmin/core/i18n';
-  import { Button } from './ui/button/index.js';
+  import { t } from '@svadmin/core/i18n';
   import * as Card from './ui/card/index.js';
   import { Skeleton } from './ui/skeleton/index.js';
   import PageHeader from './PageHeader.svelte';
@@ -42,7 +40,7 @@
   {#if query.isLoading}
     <Card.Root class="overflow-hidden border-border/40 shadow-sm">
       <Card.Content class="p-0">
-        {#each showFields.slice(0, 6) as _, i}
+        {#each showFields.slice(0, 6) as _, i (i)}
           <div class="flex flex-col sm:flex-row px-4 sm:px-6 py-3 sm:py-4 {i % 2 === 1 ? 'bg-muted/20' : ''}">
             <Skeleton class="h-4 w-1/2 sm:w-1/4" />
             <Skeleton class="h-4 w-3/4 sm:w-2/5 mt-1 sm:mt-0 sm:ml-auto" />
@@ -53,8 +51,8 @@
   {:else if query.data?.data}
     <Card.Root class="overflow-hidden border-border/40 shadow-sm">
       <Card.Content class="p-0">
-        {#each showFields as field, i}
-          {@const value = (query.data!.data as Record<string, unknown>)[field.key]}
+        {#each showFields as field, i (i)}
+          {@const value = ((query.data as { data: Record<string, unknown> }).data as Record<string, unknown>)[field.key]}
           {@const DisplayComponent = getDisplayComponent(field.type)}
           <div class="flex flex-col sm:flex-row px-4 sm:px-6 py-3 sm:py-4 {i % 2 === 1 ? 'bg-muted/20' : ''}">
             <div class="sm:w-1/3 text-xs sm:text-sm font-medium text-muted-foreground mb-1 sm:mb-0">{field.label}</div>

package/dist/components/Sidebar.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/prefer-svelte-reactivity */
   import { getResources, canAccessAsync } from '@svadmin/core';
   import type { Identity, MenuItem } from '@svadmin/core';
   import { navigate } from '@svadmin/core/router';
@@ -37,7 +38,7 @@
       : routeMode
   );
 
-  const resources = getResources();
+  const _resources = getResources();
 
   const iconMap: Record<string, typeof LayoutDashboard> = {
     'dashboard': LayoutDashboard,
@@ -80,7 +81,7 @@
   let navItems = $state.raw<NavItem[]>([]);
 
   $effect(() => {
-    const localeVal = getLocale();
+    const _localeVal = getLocale();
     const currentResources = getResources();
     let cancelled = false;
 
@@ -132,7 +133,7 @@
 
   /** Prefetch resource data on hover for instant navigation */
   const prefetchedResources = new Set<string>();
-  function prefetchResource(resourceName: string) {
+  function _prefetchResource(resourceName: string) {
     if (resourceName === '/' || prefetchedResources.has(resourceName)) return;
     prefetchedResources.add(resourceName);
     // Trigger a background fetch by navigating the browser cache
@@ -148,9 +149,9 @@
       const key = item.group ?? null;
       if (!groupMap.has(key)) {
         groupMap.set(key, []);
-        groups.push({ name: key, items: groupMap.get(key)! });
+        groups.push({ name: key, items: groupMap.get(key) ?? [] });
       }
-      groupMap.get(key)!.push(item);
+      (groupMap.get(key) ?? []).push(item);
     }
 
     return groups;
@@ -233,17 +234,17 @@
   <nav aria-label="Main menu" class="py-4 px-3 space-y-1">
     {#if menu && menu.length > 0}
       <!-- Custom multi-level menu -->
-      {#each menu as item}
+      {#each menu as item, _i (_i)}
         <SidebarItem {item} currentPath={path} {collapsed} depth={0} />
       {/each}
     {:else}
     <!-- Auto-generated menu from resources (fallback) -->
-    {#each navGroups as group}
+    {#each navGroups as group, _i (_i)}
       {#if group.name && !collapsed}
         <!-- Grouped section with Collapsible -->
         <Collapsible.Root open={openGroups.has(group.name)} onOpenChange={(isOpen) => {
           const next = new Set(openGroups);
-          if (isOpen) next.add(group.name!); else next.delete(group.name!);
+          if (isOpen) next.add(group.name as string); else next.delete(group.name as string);
           openGroups = next;
         }}>
           <Collapsible.Trigger
@@ -254,7 +255,7 @@
           </Collapsible.Trigger>
           <Collapsible.Content>
             <div class="mt-1 space-y-1">
-              {#each group.items as item}
+              {#each group.items as item, _i (_i)}
                 {@const active = isActive(item.path)}
                 <a
                   href={effectiveRouteMode === 'hash' ? `#${item.path}` : item.path}
@@ -273,7 +274,7 @@
         </Collapsible.Root>
       {:else}
         <!-- Ungrouped items (flat) -->
-        {#each group.items as item}
+        {#each group.items as item, _i (_i)}
           {@const active = isActive(item.path)}
           {#if collapsed}
             <Tooltip.Root>
@@ -336,7 +337,7 @@
           </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">
-              {#each getColorThemes() as ct}
+              {#each getColorThemes() as ct, _i (_i)}
                 <button
                   class="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground transition-colors"
                   onclick={() => { setColorTheme(ct.id as typeof ct.id & import('@svadmin/core').ColorTheme); colorPickerOpen = false; }}

package/dist/components/SidebarItem.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { MenuItem } from '@svadmin/core';
-  import { t } from '@svadmin/core/i18n';
   import * as Collapsible from './ui/collapsible/index.js';
   import * as Tooltip from './ui/tooltip/index.js';
   import SidebarItem from './SidebarItem.svelte';
@@ -84,7 +83,7 @@
     </Collapsible.Trigger>
     <Collapsible.Content>
       <div class="mt-0.5 space-y-0.5" style="padding-left: {depth > 0 ? 0 : 0}px">
-        {#each item.children as child}
+        {#each item.children as child, _i (_i)}
           <SidebarItem item={child} {currentPath} {collapsed} depth={depth + 1} />
         {/each}
       </div>

package/dist/components/StepsForm.svelte

@@ -111,7 +111,7 @@
   <!-- Step indicators -->
   <div class="space-y-3">
     <div class="flex items-center justify-between text-sm">
-      {#each steps as step, i}
+      {#each steps as step, i (i)}
         <Button
           variant="ghost"
           type="button"

package/dist/components/TaskList.svelte

@@ -110,7 +110,7 @@
             </Table.Row>
           </Table.Header>
           <Table.Body>
-            {#each resolvedTasks as task}
+            {#each resolvedTasks as task, _i (_i)}
               <Table.Row class="cursor-pointer hover:bg-muted/40" onclick={() => onSelect?.(task)}>
                 <Table.Cell class="min-w-[240px]">
                   <div class="space-y-1">

package/dist/components/TaskQueueDrawer.svelte

@@ -36,6 +36,7 @@
     initialTab?: TaskTab;
   } = $props();
 
+    // eslint-disable-next-line svelte/prefer-writable-derived
   let activeTab = $state<TaskTab>('tasks');
   let selectedTaskId = $state<string | null>(null);
   let searchQuery = $state('');
@@ -283,7 +284,7 @@
                   </div>
                   <Select bind:value={statusFilter} aria-label={t('task.statusFilterLabel')}>
                     <option value="all">{t('task.statusAll')}</option>
-                    {#each availableStatuses as status}
+                    {#each availableStatuses as status, _i (_i)}
                       <option value={status}>{status}</option>
                     {/each}
                   </Select>

package/dist/components/TenantSwitcher.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import { ChevronsUpDown, Building2, Check } from '@lucide/svelte';
-  import { Button } from './ui/button/index.js';
   import * as DropdownMenu from './ui/dropdown-menu/index.js';
   import type { Tenant } from '../types.js';
 
@@ -61,7 +60,7 @@
         <DropdownMenu.Separator />
       {/if}
       <div class="px-2 py-1.5 text-xs text-muted-foreground">Workspaces</div>
-      {#each tenants as tenant}
+      {#each tenants as tenant, _i (_i)}
         <DropdownMenu.Item
           class="flex items-center gap-3 cursor-pointer"
           onclick={() => selectTenant(tenant.id)}

package/dist/components/Toast.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import { Toaster, toast as sonner } from 'sonner-svelte';
   import { getResolvedTheme, getToastQueue, consumeToastQueue, getPromiseQueue, consumePromiseQueue } from '@svadmin/core';
 

package/dist/components/TooltipButton.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import * as Tooltip from './ui/tooltip/index.js';
   import { Button } from './ui/button/index.js';
   import type { Snippet } from 'svelte';

package/dist/components/VirtualTable.svelte

@@ -37,7 +37,7 @@
   let scrollTop = $state(0);
   let containerRef = $state<HTMLDivElement | null>(null);
 
-  const totalHeight = $derived(items.length * rowHeight);
+  const _totalHeight = $derived(items.length * rowHeight);
 
   const visibleRange = $derived.by(() => {
     const start = Math.max(0, Math.floor(scrollTop / rowHeight) - overscan);

package/dist/components/VoiceInput.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable no-undef */
   import { Mic, MicOff, Loader2 } from '@lucide/svelte';
   import TooltipButton from './TooltipButton.svelte';
 

package/dist/components/buttons/ImportButton.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useImport, useCan, t, type UseImportOptions } from '@svadmin/core';
+  import { useImport, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
   import { Upload } from '@lucide/svelte';
 

package/dist/components/buttons/ListButton.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useNavigation, t } from '@svadmin/core';
+  import { useNavigation } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
   import { List } from '@lucide/svelte';
 

package/dist/components/charts/BarChart.svelte

@@ -24,7 +24,7 @@
 <div class="w-full overflow-x-auto {className}">
   <svg viewBox="0 0 {totalWidth} {height + 30}" class="w-full" style="min-width: {Math.min(totalWidth, 300)}px;">
     <!-- Bars -->
-    {#each data as point, i}
+    {#each data as point, i (i)}
       {@const barHeight = (point.value / maxValue) * (height - 20)}
       {@const x = 20 + i * (barWidth + gap)}
       {@const y = height - barHeight}

package/dist/components/charts/LineChart.svelte

@@ -46,7 +46,7 @@
 <div class="w-full overflow-x-auto {className}">
   <svg viewBox="0 0 {chartWidth} {height}" class="w-full" style="min-width: {Math.min(chartWidth, 300)}px;">
     <!-- Grid lines -->
-    {#each [0, 0.25, 0.5, 0.75, 1] as ratio}
+    {#each [0, 0.25, 0.5, 0.75, 1] as ratio, _i (_i)}
       {@const y = padding.top + chartHeight * (1 - ratio)}
       <line
         x1={padding.left}
@@ -88,7 +88,7 @@
 
     <!-- Dots -->
     {#if showDots}
-      {#each data as point, i}
+      {#each data as point, i (i)}
         <circle
           cx={getX(i)}
           cy={getY(point.value)}
@@ -102,7 +102,7 @@
     {/if}
 
     <!-- X-axis labels -->
-    {#each data as point, i}
+    {#each data as point, i (i)}
       <text
         x={getX(i)}
         y={height - 4}

package/dist/components/charts/PieChart.svelte

@@ -59,7 +59,7 @@
 
 <div class="inline-flex flex-col items-center gap-3 {className}">
   <svg viewBox="0 0 {size} {size}" width={size} height={size}>
-    {#each slices as slice, i}
+    {#each slices as slice, i (i)}
       <path
         d={getArcPath(slice.startAngle, slice.endAngle, radius, innerRadius)}
         fill={slice.color}
@@ -84,7 +84,7 @@
 
   <!-- Legend -->
   <div class="flex flex-wrap justify-center gap-x-4 gap-y-1">
-    {#each slices as slice}
+    {#each slices as slice, _i (_i)}
       <div class="flex items-center gap-1.5 text-xs">
         <span class="h-2.5 w-2.5 rounded-full" style="background-color: {slice.color};"></span>
         <span class="text-muted-foreground">{slice.label}</span>

package/dist/components/fieldComponentMap.js

@@ -1,9 +1,10 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 // Shared field type → display component mapping
 // Used by both ShowPage and FieldRenderer to avoid duplicate if/else chains.
 // Components are lazily resolved by field type at runtime.
 // Default display component map (read-only field display)
 // Dynamically imports components only when first used
-const displayCache = new Map();
+const _displayCache = new Map();
 // Pre-import all field display components (tree-shaken by bundler)
 import BooleanField from './fields/BooleanField.svelte';
 import ImageField from './fields/ImageField.svelte';

package/dist/components/fields/ArrayField.svelte

@@ -59,7 +59,7 @@
   </div>
   
   <div class="space-y-4 pt-2">
-    {#each arrayVal as item, i}
+    {#each arrayVal as item, i (i)}
       <div class="relative rounded-md border bg-card p-4 pt-6 shadow-sm">
         <div class="absolute right-2 top-2">
           <TooltipButton tooltip={t('common.remove') || 'Remove'} variant="ghost" size="icon" class="h-8 w-8 text-muted-foreground hover:text-destructive transition-colors" onclick={() => handleRemove(i)}>

package/dist/components/fields/MarkdownField.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/no-at-html-tags */
   import * as DOMPurifyPkg from "isomorphic-dompurify";
   interface Props { value: string | null | undefined }
   let { value }: Props = $props();

package/dist/components/fields/MultiSelectField.svelte

@@ -11,7 +11,7 @@
 
 {#if items.length > 0}
   <div class="flex flex-wrap gap-1">
-    {#each items as v}
+    {#each items as v, _i (_i)}
       {@const label = options?.find((o: { label: string; value: string | number }) => o.value === v)?.label ?? String(v)}
       <Badge variant="secondary" class="font-normal">{label}</Badge>
     {/each}

package/dist/components/fields/TagField.svelte

@@ -5,7 +5,7 @@
   const tags = $derived(Array.isArray(value) ? value : value ? [value] : []);
 </script>
 <span class="inline-flex flex-wrap gap-1">
-  {#each tags as tag}
+  {#each tags as tag, _i (_i)}
     <Badge variant="secondary">{tag}</Badge>
   {/each}
   {#if tags.length === 0}<span class="text-muted-foreground">—</span>{/if}

package/dist/components/ui/alert/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import Alert, { alertVariants } from "./alert.svelte";
 import AlertTitle from "./alert-title.svelte";

package/dist/components/ui/badge/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 export { default as Badge } from "./badge.svelte";
 export { badgeVariants } from "./badge.svelte";

package/dist/components/ui/button/button.svelte

@@ -42,6 +42,7 @@
 </script>
 
 <script lang="ts">
+/* eslint-disable no-useless-assignment, @typescript-eslint/no-explicit-any */
 	let {
 		class: className,
 		variant = "default",

package/dist/components/ui/button/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import Root, { buttonVariants, } from "./button.svelte";
 export { Root, 

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
 	import { cn, type WithElementRef } from "../../../utils.js";
 	import type { HTMLButtonAttributes } from "svelte/elements";
 	import { getContext } from "svelte";