@svadmin/ui 0.26.2 → 0.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.26.2",
+  "version": "0.27.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -16,14 +16,11 @@
       "types": "./src/index.ts",
       "default": "./src/index.ts"
     },
-    "./app.css": {
-      "style": "./src/app.css",
-      "default": "./src/app.css"
-    },
+    "./app.css": "./src/app.css",
     "./components/*": "./src/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.19.4",
+    "@svadmin/core": "^0.19.5",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",
@@ -51,10 +48,9 @@
   "dependencies": {
     "@lucide/svelte": "^1.7.0",
     "@tanstack/svelte-table": "^9.0.0-alpha.10",
-    "bits-ui": "^2.16.5",
+    "bits-ui": "^2.17.1",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.19",
-    "lucide-svelte": "^1.0.1",
     "sonner-svelte": "^0.3.3",
     "tailwind-merge": "^3.5.0",
     "tailwind-variants": "^3.2.2"

package/src/components/AICommandBar.svelte

@@ -5,7 +5,7 @@
   import { toggleTheme } from '@svadmin/core';
   import { Command } from 'cmdk-sv';
   import * as Dialog from './ui/dialog/index.js';
-  import { Search, LayoutDashboard, Plus, Sun, FileText, Sparkles, Loader2, Send } from 'lucide-svelte';
+  import { Search, LayoutDashboard, Plus, Sun, FileText, Sparkles, Loader2, Send } from '@lucide/svelte';
   import MarkdownRenderer from './MarkdownRenderer.svelte';
 
   let { open = $bindable(false) } = $props<{ open?: boolean }>();

package/src/components/AboutSettings.svelte

@@ -5,7 +5,7 @@
   import { getResolvedTheme, getColorTheme } from '@svadmin/core';
   import * as Card from './ui/card/index.js';
   import { Badge } from './ui/badge/index.js';
-  import { Info, Database, Globe, Palette, Layers } from 'lucide-svelte';
+  import { Info, Database, Globe, Palette, Layers } from '@lucide/svelte';
 
   const resources = getResources();
   const providerNames = getDataProviderNames();

package/src/components/AnomalyBadge.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Badge } from './ui/badge/index.js';
-  import { TrendingUp, TrendingDown, AlertTriangle } from 'lucide-svelte';
+  import { TrendingUp, TrendingDown, AlertTriangle } from '@lucide/svelte';
   import TooltipButton from './TooltipButton.svelte';
 
   interface Props {

package/src/components/AppearanceSettings.svelte

@@ -4,7 +4,7 @@
   import { getLocale, setLocale, getAvailableLocales } from '@svadmin/core/i18n';
   import * as Card from './ui/card/index.js';
   import { Button } from './ui/button/index.js';
-  import { Sun, Moon, Monitor, Check } from 'lucide-svelte';
+  import { Sun, Moon, Monitor, Check } from '@lucide/svelte';
 
   // Theme mode
   const themeOptions = [

package/src/components/AuditLogDrawer.svelte

@@ -2,7 +2,7 @@
   import { getAuditLogProvider, t } from '@svadmin/core';
   import type { AuditEntry } from '@svadmin/core';
   import * as Sheet from './ui/sheet/index.js';
-  import { History, Loader2 } from 'lucide-svelte';
+  import { History, Loader2 } from '@lucide/svelte';
 
   let { open = $bindable(false), resource, recordId } = $props<{
     open: boolean;

package/src/components/AuditLogViewer.svelte

@@ -7,7 +7,7 @@
   import { Badge } from './ui/badge/index.js';
   import { Button } from './ui/button/index.js';
   import { Input } from './ui/input/index.js';
-  import { Loader2, ChevronLeft, ChevronRight, Search, FileSearch, Eye, X } from 'lucide-svelte';
+  import { Loader2, ChevronLeft, ChevronRight, Search, FileSearch, Eye, X } from '@lucide/svelte';
 
   const authProvider = getAuthProvider();
 

package/src/components/AutoForm.svelte

@@ -7,7 +7,7 @@
   import TooltipButton from './TooltipButton.svelte';
   import * as Card from './ui/card/index.js';
   import { Badge } from './ui/badge/index.js';
-  import { Save, ArrowLeft, Loader2, AlertCircle } from 'lucide-svelte';
+  import { Save, ArrowLeft, Loader2, AlertCircle } from '@lucide/svelte';
   import FieldRenderer from './FieldRenderer.svelte';
   import * as Alert from './ui/alert/index.js';
   import { Skeleton } from './ui/skeleton/index.js';

package/src/components/AutoSaveIndicator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { fade, fly } from 'svelte/transition';
-  import { Loader2, Check, X, Cloud } from 'lucide-svelte';
+  import { Loader2, Check, X, Cloud } from '@lucide/svelte';
   import { t } from '@svadmin/core/i18n';
 
   let {

package/src/components/AutoTable.svelte

@@ -32,7 +32,7 @@
     Plus, Pencil, Trash2,
     Search, Download, Upload, ChevronDown, ChevronUp, SlidersHorizontal, Filter as FilterIcon,
     Eye, Copy
-  } from 'lucide-svelte';
+  } from '@lucide/svelte';
   import ConfirmDialog from './ConfirmDialog.svelte';
   import TooltipButton from './TooltipButton.svelte';
   import InlineEdit from './InlineEdit.svelte';
@@ -120,7 +120,18 @@
   const activeFilters = $derived.by(() => {
     const result: Filter[] = [...filters];
     if (searchText.trim() && searchableFields.length > 0) {
-      result.push({ field: searchableFields[0].key, operator: 'contains', value: searchText });
+      if (searchableFields.length === 1) {
+        result.push({ field: searchableFields[0].key, operator: 'contains', value: searchText });
+      } else {
+        result.push({
+          operator: 'or',
+          value: searchableFields.map(f => ({
+            field: f.key,
+            operator: 'contains',
+            value: searchText
+          }))
+        } as any);
+      }
     }
     // Add popover filters
     for (const [key, value] of Object.entries(filterValues)) {

package/src/components/ChatDialog.svelte

@@ -6,7 +6,7 @@
   import { fly, fade, scale } from 'svelte/transition';
   import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
-  import { MessageCircle, X, Minus, Send, Loader2, Bot, Trash2, ShieldCheck, ShieldX, Wrench, LayoutDashboard } from 'lucide-svelte';
+  import { MessageCircle, X, Minus, Send, Loader2, Bot, Trash2, ShieldCheck, ShieldX, Wrench, LayoutDashboard } from '@lucide/svelte';
 
   interface Props {
     /** localStorage key for chat history persistence. Set to '' to disable. */

package/src/components/ComboboxField.svelte

@@ -7,7 +7,7 @@
   import { Badge } from './ui/badge/index.js';
   import { Command } from 'cmdk-sv';
   import { Skeleton } from './ui/skeleton/index.js';
-  import { ChevronsUpDown, Check, X, Search } from 'lucide-svelte';
+  import { ChevronsUpDown, Check, X, Search } from '@lucide/svelte';
 
   interface Props {
     resource: string;

package/src/components/CommandPalette.svelte

@@ -5,7 +5,7 @@
   import { toggleTheme } from '@svadmin/core';
   import { Command } from 'cmdk-sv';
   import * as Dialog from './ui/dialog/index.js';
-  import { Search, LayoutDashboard, Plus, Sun, FileText, Bot, Sparkles } from 'lucide-svelte';
+  import { Search, LayoutDashboard, Plus, Sun, FileText, Bot, Sparkles } from '@lucide/svelte';
 
   interface Props {
     open?: boolean;

package/src/components/ConfigErrorScreen.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
-  import { AlertTriangle, Copy, CheckCircle } from 'lucide-svelte';
+  import { AlertTriangle, Copy, CheckCircle } from '@lucide/svelte';
   import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
   import * as Card from './ui/card/index.js';

package/src/components/CopilotPanel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getChatProvider, getChatContext } from '@svadmin/core';
-  import { Sparkles, X, ChevronRight, Check, RefreshCcw } from 'lucide-svelte';
+  import { Sparkles, X, ChevronRight, Check, RefreshCcw } from '@lucide/svelte';
   import { fade, slide } from 'svelte/transition';
   import { Button } from './ui/button/index.js';
   import MarkdownRenderer from './MarkdownRenderer.svelte';

package/src/components/DevTools.svelte

@@ -10,7 +10,7 @@
   import { Badge } from './ui/badge/index.js';
   import { ScrollArea } from './ui/scroll-area/index.js';
   import { Separator } from './ui/separator/index.js';
-  import { X, Bug, ChevronDown, ChevronUp, Wand2 } from 'lucide-svelte';
+  import { X, Bug, ChevronDown, ChevronUp, Wand2 } from '@lucide/svelte';
   import InferencerPanel from './InferencerPanel.svelte';
 
   let visible = $state(false);

package/src/components/EmptyState.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { fade, scale } from 'svelte/transition';
-  import { PackageOpen } from 'lucide-svelte';
+  import { PackageOpen } from '@lucide/svelte';
   import { t } from '@svadmin/core';
 
   let {

package/src/components/ErrorBoundary.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { AlertTriangle } from 'lucide-svelte';
+  import { AlertTriangle } from '@lucide/svelte';
   import { Button } from './ui/button/index.js';
   import * as Alert from './ui/alert/index.js';
   import { t } from '@svadmin/core/i18n';

package/src/components/ErrorComponent.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { AlertTriangle, RefreshCw } from 'lucide-svelte';
+  import { AlertTriangle, RefreshCw } from '@lucide/svelte';
   import { t } from '@svadmin/core';
   import { Button } from './ui/button';
   import * as Alert from './ui/alert/index.js';

package/src/components/FieldRenderer.svelte

@@ -16,7 +16,7 @@
   import TooltipButton from './TooltipButton.svelte';
   import ComboboxField from './ComboboxField.svelte';
   import ArrayField from './fields/ArrayField.svelte';
-  import { Plus, X } from 'lucide-svelte';
+  import { Plus, X } from '@lucide/svelte';
   import type { Snippet } from 'svelte';
   import { getRichTextEditor } from '../editor-config.svelte.js';
 

package/src/components/ForgotPasswordPage.svelte

@@ -7,7 +7,7 @@
   import { Label } from './ui/label/index.js';
   import * as Card from './ui/card/index.js';
   import * as Alert from './ui/alert/index.js';
-  import { KeyRound, User, ArrowLeft, CheckCircle, Loader2, AlertCircle } from 'lucide-svelte';
+  import { KeyRound, User, ArrowLeft, CheckCircle, Loader2, AlertCircle } from '@lucide/svelte';
 
   let { title = 'Admin' } = $props<{
     title?: string;

package/src/components/Header.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Moon, Sun, Search } from 'lucide-svelte';
+  import { Moon, Sun, Search } from '@lucide/svelte';
   import { Button } from './ui/button';
   import TooltipButton from './TooltipButton.svelte';
   import { getResolvedTheme, toggleTheme } from '@svadmin/core';

package/src/components/InferencerPanel.svelte

@@ -10,7 +10,7 @@
   import { Skeleton } from './ui/skeleton/index.js';
   import { ScrollArea } from './ui/scroll-area/index.js';
   import { Select } from './ui/select/index.js';
-  import { Wand2, Copy, Check, RefreshCw, Loader2, AlertCircle } from 'lucide-svelte';
+  import { Wand2, Copy, Check, RefreshCw, Loader2, AlertCircle } from '@lucide/svelte';
 
   const dataProvider = getDataProvider();
   const resources = getResources();

package/src/components/InfiniteList.svelte

@@ -6,7 +6,7 @@
   import { t } from '@svadmin/core/i18n';
   import { Skeleton } from './ui/skeleton/index.js';
   import { Button } from './ui/button/index.js';
-  import { Loader2 } from 'lucide-svelte';
+  import { Loader2 } from '@lucide/svelte';
   import { intersect } from '../actions.js';
 
   interface Props<T extends BaseRecord = BaseRecord> {

package/src/components/InsightCard.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getChatProvider } from '@svadmin/core';
-  import { Sparkles, RefreshCcw, Loader2 } from 'lucide-svelte';
+  import { Sparkles, RefreshCcw, Loader2 } from '@lucide/svelte';
   import { Button } from './ui/button/index.js';
   import MarkdownRenderer from './MarkdownRenderer.svelte';
 

package/src/components/Layout.svelte

@@ -16,7 +16,7 @@
   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 { Menu } from '@lucide/svelte';
 
   let commandOpen = $state(false);
   let shortcutsOpen = $state(false);

package/src/components/ListPage.svelte

@@ -7,7 +7,7 @@
   import PageHeader from './PageHeader.svelte';
   import AutoTable from './AutoTable.svelte';
   import { Button } from './ui/button/index.js';
-  import { Plus } from 'lucide-svelte';
+  import { Plus } from '@lucide/svelte';
 
   interface Props {
     resourceName: string;

package/src/components/LiveIndicator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { fade } from 'svelte/transition';
-  import { Wifi, WifiOff, Loader2 } from 'lucide-svelte';
+  import { Wifi, WifiOff, Loader2 } from '@lucide/svelte';
   import { Badge } from './ui/badge/index.js';
 
   let {

package/src/components/LoginPage.svelte

@@ -9,7 +9,7 @@
   import * as Alert from './ui/alert/index.js';
   import PasswordInput from './PasswordInput.svelte';
   import { Separator } from './ui/separator/index.js';
-  import { LogIn, User, Loader2, AlertCircle } from 'lucide-svelte';
+  import { LogIn, User, Loader2, AlertCircle } from '@lucide/svelte';
 
   /**
    * Social provider config for the login page.

package/src/components/MarkdownRenderer.svelte

@@ -3,7 +3,7 @@
   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 { Check, Copy } from '@lucide/svelte';
   import { Button } from "./ui/button/index.js";
 
   const Marked = markedPkg.Marked;

package/src/components/PasswordInput.svelte

@@ -4,7 +4,7 @@
   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 { Lock, Eye, EyeOff } from '@lucide/svelte';
   import { t } from '@svadmin/core/i18n';
 
   interface Props {

package/src/components/PermissionMatrix.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Shield, AlertCircle, Check } from 'lucide-svelte';
+  import { Shield, AlertCircle, Check } from '@lucide/svelte';
   import type { Snippet } from 'svelte';
   import type { RoleInfo, ResourceInfo, ActionInfo } from '../types.js';
   

package/src/components/ProfilePage.svelte

@@ -7,7 +7,7 @@
   import * as Card from './ui/card/index.js';
   import * as Alert from './ui/alert/index.js';
   import PasswordInput from './PasswordInput.svelte';
-  import { User, Mail, Lock, Loader2, AlertCircle, CheckCircle, Camera } from 'lucide-svelte';
+  import { User, Mail, Lock, Loader2, AlertCircle, CheckCircle, Camera } from '@lucide/svelte';
 
   const identity = useGetIdentity();
   const updatePw = useUpdatePassword();

package/src/components/RegisterPage.svelte

@@ -8,7 +8,7 @@
   import * as Card from './ui/card/index.js';
   import * as Alert from './ui/alert/index.js';
   import PasswordInput from './PasswordInput.svelte';
-  import { UserPlus, User, Loader2, AlertCircle } from 'lucide-svelte';
+  import { UserPlus, User, Loader2, AlertCircle } from '@lucide/svelte';
 
   let { title = 'Admin', onSuccess } = $props<{
     title?: string;

package/src/components/SettingsPage.svelte

@@ -2,7 +2,7 @@
   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 { User, Palette, Info, Shield, FileSearch } from '@lucide/svelte';
   import ProfilePage from './ProfilePage.svelte';
   import AppearanceSettings from './AppearanceSettings.svelte';
   import AboutSettings from './AboutSettings.svelte';

package/src/components/Sidebar.svelte

@@ -15,7 +15,7 @@
   import {
     LayoutDashboard, FileText, Users, Settings, Home,
     ChevronLeft, ChevronRight, ChevronDown, LogOut, Sun, Moon, Palette
-  } from 'lucide-svelte';
+  } from '@lucide/svelte';
 
   let { collapsed, identity, title, onToggle, onLogout, menu, routeMode = 'auto' }: {
     collapsed: boolean;

package/src/components/SidebarItem.svelte

@@ -7,7 +7,7 @@
   import {
     LayoutDashboard, FileText, Users, Settings, Home,
     ChevronDown, Folder, ExternalLink, type Icon as LucideIcon,
-  } from 'lucide-svelte';
+  } from '@lucide/svelte';
 
   let { item, currentPath, collapsed = false, depth = 0 }: {
     item: MenuItem;

package/src/components/StepsForm.svelte

@@ -9,7 +9,7 @@
   import * as Card from './ui/card/index.js';
   import { Badge } from './ui/badge/index.js';
   import { Progress } from './ui/progress/index.js';
-  import { Save, ArrowLeft, ArrowRight, Check, Loader2 } from 'lucide-svelte';
+  import { Save, ArrowLeft, ArrowRight, Check, Loader2 } from '@lucide/svelte';
   import FieldRenderer from './FieldRenderer.svelte';
 
   interface StepDef {

package/src/components/TaskQueueDrawer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { Loader2, CheckCircle2, XCircle, Clock, Download, X, ListTodo } from 'lucide-svelte';
+  import { Loader2, CheckCircle2, XCircle, Clock, Download, X, ListTodo } from '@lucide/svelte';
   import { Button } from './ui/button/index.js';
   import { Badge } from './ui/badge/index.js';
   import type { BackgroundTask, TaskStatus } from '../types.js';

package/src/components/TenantSwitcher.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { ChevronsUpDown, Building2, Check } from 'lucide-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';

package/src/components/UndoableNotification.svelte

@@ -3,7 +3,7 @@
   import { Progress } from './ui/progress/index.js';
   import { t } from '@svadmin/core/i18n';
   import { slide } from 'svelte/transition';
-  import { X, Undo2 } from 'lucide-svelte';
+  import { X, Undo2 } from '@lucide/svelte';
 
   let { message, duration = 5000, onUndo, onTimeout } = $props<{
     message: string;

package/src/components/UpdatePasswordPage.svelte

@@ -6,7 +6,7 @@
   import * as Card from './ui/card/index.js';
   import * as Alert from './ui/alert/index.js';
   import PasswordInput from './PasswordInput.svelte';
-  import { ShieldCheck, Loader2, AlertCircle } from 'lucide-svelte';
+  import { ShieldCheck, Loader2, AlertCircle } from '@lucide/svelte';
 
   let { title = 'Admin' } = $props<{
     title?: string;

package/src/components/VoiceInput.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Mic, MicOff, Loader2 } from 'lucide-svelte';
+  import { Mic, MicOff, Loader2 } from '@lucide/svelte';
   import TooltipButton from './TooltipButton.svelte';
 
   // Web Speech API type declarations

package/src/components/buttons/CloneButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useNavigation, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Copy } from 'lucide-svelte';
+  import { Copy } from '@lucide/svelte';
 
   let { resource, recordItemId, hideText = false, accessControl = { enabled: true, hideIfUnauthorized: true }, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/CreateButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useNavigation, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Plus } from 'lucide-svelte';
+  import { Plus } from '@lucide/svelte';
 
   let { resource, hideText = false, accessControl = { enabled: true, hideIfUnauthorized: true }, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/DeleteButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useDelete, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Trash2 } from 'lucide-svelte';
+  import { Trash2 } from '@lucide/svelte';
 
   let {
     resource, recordItemId, hideText = false,

package/src/components/buttons/EditButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useNavigation, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Pencil } from 'lucide-svelte';
+  import { Pencil } from '@lucide/svelte';
 
   let { resource, recordItemId, hideText = false, accessControl = { enabled: true, hideIfUnauthorized: true }, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/ExportButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useExport, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Download } from 'lucide-svelte';
+  import { Download } from '@lucide/svelte';
 
   let { resource, hideText = false, accessControl = { enabled: true, hideIfUnauthorized: true }, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/ImportButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useImport, useCan, t, type UseImportOptions } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Upload } from 'lucide-svelte';
+  import { Upload } from '@lucide/svelte';
 
   let { resource, hideText = false, onFinish, accessControl = { enabled: true, hideIfUnauthorized: true }, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/ListButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useNavigation, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { List } from 'lucide-svelte';
+  import { List } from '@lucide/svelte';
 
   let { resource, hideText = false, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/RefreshButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useInvalidate, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { RefreshCw } from 'lucide-svelte';
+  import { RefreshCw } from '@lucide/svelte';
 
   let { resource, hideText = false, class: className = '' } = $props<{
     resource: string;

package/src/components/buttons/SaveButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Save, Loader2 } from 'lucide-svelte';
+  import { Save, Loader2 } from '@lucide/svelte';
 
   let { loading = false, hideText = false, type = 'submit', class: className = '' } = $props<{
     loading?: boolean;

package/src/components/buttons/ShowButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useNavigation, useCan, t } from '@svadmin/core';
   import { Button } from '../ui/button/index.js';
-  import { Eye } from 'lucide-svelte';
+  import { Eye } from '@lucide/svelte';
 
   let { resource, recordItemId, hideText = false, accessControl = { enabled: true, hideIfUnauthorized: true }, class: className = '' } = $props<{
     resource: string;

package/src/components/fields/ArrayField.svelte

@@ -2,7 +2,7 @@
   import type { FieldDefinition } from '@svadmin/core';
   import { t } from '@svadmin/core/i18n';
   import { Button } from '../ui/button/index.js';
-  import { Plus, Trash2 } from 'lucide-svelte';
+  import { Plus, Trash2 } from '@lucide/svelte';
   import TooltipButton from '../TooltipButton.svelte';
   import FieldRenderer from '../FieldRenderer.svelte';
 

package/src/components/fields/FileField.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Download } from 'lucide-svelte';
+  import { Download } from '@lucide/svelte';
   interface Props { value: string | null | undefined; title?: string }
   let { value, title }: Props = $props();
   const fileName = $derived(value ? value.split('/').pop() ?? value : null);

package/src/components/fields/JsonField.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
   import { Button } from '../ui/button/index.js';
-  import { Copy, Check, ChevronDown, ChevronRight } from 'lucide-svelte';
+  import { Copy, Check, ChevronDown, ChevronRight } from '@lucide/svelte';
 
   let { value } = $props<{
     value: unknown;

package/src/components/fields/RelationField.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ExternalLink } from 'lucide-svelte';
+  import { ExternalLink } from '@lucide/svelte';
 
   let { value, resourceName, displayValue } = $props<{
     value: string | number | null | undefined;

package/src/components/fields/UrlField.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ExternalLink } from 'lucide-svelte';
+  import { ExternalLink } from '@lucide/svelte';
   interface Props { value: string | null | undefined; label?: string }
   let { value, label }: Props = $props();
   const display = $derived(label ?? value ?? '');

package/src/components/ui/breadcrumb/breadcrumb-ellipsis.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { cn } from '../../../utils.js';
   import type { HTMLAttributes } from 'svelte/elements';
-  import { Ellipsis } from 'lucide-svelte';
+  import { Ellipsis } from '@lucide/svelte';
 
   let { class: className, ...restProps }: HTMLAttributes<HTMLSpanElement> = $props();
 </script>

package/src/components/ui/breadcrumb/breadcrumb-separator.svelte

@@ -2,7 +2,7 @@
   import { cn } from '../../../utils.js';
   import type { Snippet } from 'svelte';
   import type { HTMLLiAttributes } from 'svelte/elements';
-  import { ChevronRight } from 'lucide-svelte';
+  import { ChevronRight } from '@lucide/svelte';
 
   let { class: className, children, ...restProps }: HTMLLiAttributes & { children?: Snippet } = $props();
 </script>

package/src/components/ui/pagination/pagination-ellipsis.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { cn } from '../../../utils.js';
   import type { HTMLAttributes } from 'svelte/elements';
-  import { Ellipsis } from 'lucide-svelte';
+  import { Ellipsis } from '@lucide/svelte';
 
   let { class: className, ...restProps }: HTMLAttributes<HTMLSpanElement> = $props();
 </script>

package/src/components/ui/pagination/pagination-next.svelte

@@ -3,7 +3,7 @@
   import type { Snippet } from 'svelte';
   import type { HTMLButtonAttributes } from 'svelte/elements';
   import { buttonVariants } from '../button/index.js';
-  import { ChevronRight } from 'lucide-svelte';
+  import { ChevronRight } from '@lucide/svelte';
 
   let { class: className, children, ...restProps }: HTMLButtonAttributes & { children?: Snippet } = $props();
 </script>

package/src/components/ui/pagination/pagination-previous.svelte

@@ -3,7 +3,7 @@
   import type { Snippet } from 'svelte';
   import type { HTMLButtonAttributes } from 'svelte/elements';
   import { buttonVariants } from '../button/index.js';
-  import { ChevronLeft } from 'lucide-svelte';
+  import { ChevronLeft } from '@lucide/svelte';
 
   let { class: className, children, ...restProps }: HTMLButtonAttributes & { children?: Snippet } = $props();
 </script>