sv5ui-plus 5.0.4 → 5.0.6

package/dist/hooks/useDragDrop/useDragDrop.svelte.js

@@ -1,7 +1,7 @@
-import { setContext } from 'svelte';
-import { createDraggable, createDroppable } from '@dnd-kit/svelte';
-import DragDropProviderScope from '../internal/DragDropProviderScope.svelte';
-import { DRAG_DROP_CONTEXT_KEY } from '../internal/drag-drop-context.js';
+import { setContext } from "svelte";
+import { createDraggable, createDroppable } from "@dnd-kit/svelte";
+import DragDropProviderScope from "../internal/DragDropProviderScope.svelte";
+import { DRAG_DROP_CONTEXT_KEY } from "../internal/drag-drop-context.js";
 /**
  * Cross-container drag and drop powered by [@dnd-kit/svelte](https://clauderic-dnd-kit.mintlify.app/frameworks/svelte).
  *
@@ -26,15 +26,15 @@ export function useDragDrop() {
         toPayload(source) {
             return {
                 id: String(source.id),
-                data: source.data
+                data: source.data,
             };
-        }
+        },
     };
     setContext(DRAG_DROP_CONTEXT_KEY, context);
     const draggableAction = (node, initialOptions) => {
         let currentOptions = initialOptions;
         function isDisabled() {
-            return typeof currentOptions.disabled === 'function'
+            return typeof currentOptions.disabled === "function"
                 ? currentOptions.disabled()
                 : (currentOptions.disabled ?? false);
         }
@@ -42,7 +42,7 @@ export function useDragDrop() {
             id: currentOptions.id,
             type: currentOptions.container,
             data: (currentOptions.data ?? {}),
-            disabled: isDisabled()
+            disabled: isDisabled(),
         });
         const detach = drag.attach(node);
         let detachHandle;
@@ -75,17 +75,17 @@ export function useDragDrop() {
             destroy() {
                 detach();
                 detachHandle?.();
-                node.removeAttribute('data-dragging');
+                node.removeAttribute("data-dragging");
                 if (draggingId === currentOptions.id) {
                     draggingId = null;
                 }
-            }
+            },
         };
     };
     const droppableAction = (node, initialOptions) => {
         let currentOptions = initialOptions;
         function isDisabled() {
-            return typeof currentOptions.disabled === 'function'
+            return typeof currentOptions.disabled === "function"
                 ? currentOptions.disabled()
                 : (currentOptions.disabled ?? false);
         }
@@ -99,7 +99,7 @@ export function useDragDrop() {
                     return currentOptions.accept(payload);
                 }
                 return true;
-            }
+            },
         });
         const detach = drop.attach(node);
         return {
@@ -113,8 +113,8 @@ export function useDragDrop() {
             destroy() {
                 detach();
                 context.unregisterDroppable(currentOptions.id);
-                node.removeAttribute('data-droppable-active');
-            }
+                node.removeAttribute("data-droppable-active");
+            },
         };
     };
     return {
@@ -123,6 +123,6 @@ export function useDragDrop() {
         },
         Provider: DragDropProviderScope,
         draggable: draggableAction,
-        droppable: droppableAction
+        droppable: droppableAction,
     };
 }

package/dist/hooks/useSortable/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useSortable.svelte.js';
-export { moveArrayItem } from './sortable-utils.js';
+export * from "./useSortable.svelte.js";
+export { moveArrayItem } from "./sortable-utils.js";

package/dist/hooks/useSortable/index.js

@@ -1,2 +1,2 @@
-export * from './useSortable.svelte.js';
-export { moveArrayItem } from './sortable-utils.js';
+export * from "./useSortable.svelte.js";
+export { moveArrayItem } from "./sortable-utils.js";

package/dist/hooks/useSortable/useSortable.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { Action } from 'svelte/action';
-import type { Component } from 'svelte';
-import { type Snippet } from 'svelte';
+import type { Action } from "svelte/action";
+import type { Component } from "svelte";
+import { type Snippet } from "svelte";
 export interface UseSortableItemParams<T> {
     index: number;
     item: T;
@@ -16,7 +16,7 @@ export interface UseSortableOptions<T> {
      * Drag axis.
      * @default 'vertical'
      */
-    axis?: 'vertical' | 'horizontal' | 'grid' | (() => 'vertical' | 'horizontal' | 'grid');
+    axis?: "vertical" | "horizontal" | "grid" | (() => "vertical" | "horizontal" | "grid");
     /**
      * CSS selector for the drag handle, relative to each item.
      * When omitted, the whole item is draggable.

package/dist/hooks/useSortable/useSortable.svelte.js

@@ -1,10 +1,10 @@
-import { setContext } from 'svelte';
-import { CollisionPriority } from '@dnd-kit/abstract';
-import { createDroppable } from '@dnd-kit/svelte';
-import { createSortable } from '@dnd-kit/svelte/sortable';
-import SortableProvider from '../internal/SortableProvider.svelte';
-import { SORTABLE_CONTEXT_KEY, SORTABLE_GROUP_CONTEXT_KEY } from '../internal/sortable-context.js';
-import { getContext } from 'svelte';
+import { setContext } from "svelte";
+import { CollisionPriority } from "@dnd-kit/abstract";
+import { createDroppable } from "@dnd-kit/svelte";
+import { createSortable } from "@dnd-kit/svelte/sortable";
+import SortableProvider from "../internal/SortableProvider.svelte";
+import { SORTABLE_CONTEXT_KEY, SORTABLE_GROUP_CONTEXT_KEY, } from "../internal/sortable-context.js";
+import { getContext } from "svelte";
 let sortableGroupCounter = 0;
 /**
  * Sortable list hook powered by [@dnd-kit/svelte](https://clauderic-dnd-kit.mintlify.app/frameworks/svelte).
@@ -15,7 +15,7 @@ export function useSortable(options) {
     const { getItems, getId, onReorder } = options;
     function getGroup() {
         const group = options.group;
-        return ((typeof group === 'function' ? group() : group) ??
+        return ((typeof group === "function" ? group() : group) ??
             `sv5ui-plus-sortable-${++sortableGroupCounter}`);
     }
     const groupId = getGroup();
@@ -26,14 +26,14 @@ export function useSortable(options) {
     const draggingId = $derived(groupCtx ? groupCtx.draggingId : localDraggingId);
     function getAxis() {
         const axis = options.axis;
-        return typeof axis === 'function' ? axis() : (axis ?? 'vertical');
+        return typeof axis === "function" ? axis() : (axis ?? "vertical");
     }
     function getHandle() {
         const handle = options.handle;
-        return typeof handle === 'function' ? handle() : handle;
+        return typeof handle === "function" ? handle() : handle;
     }
     function isDisabled() {
-        return typeof options.disabled === 'function'
+        return typeof options.disabled === "function"
             ? options.disabled()
             : (options.disabled ?? false);
     }
@@ -48,7 +48,7 @@ export function useSortable(options) {
         setDraggingId(id) {
             localDraggingId = id;
         },
-        getDraggingId: () => localDraggingId
+        getDraggingId: () => localDraggingId,
     };
     setContext(SORTABLE_CONTEXT_KEY, context);
     $effect(() => {
@@ -56,10 +56,10 @@ export function useSortable(options) {
         if (!node)
             return;
         if (draggingId != null) {
-            node.setAttribute('data-sortable-active', 'true');
+            node.setAttribute("data-sortable-active", "true");
         }
         else {
-            node.removeAttribute('data-sortable-active');
+            node.removeAttribute("data-sortable-active");
         }
     });
     const container = (node) => {
@@ -68,8 +68,8 @@ export function useSortable(options) {
             get id() {
                 return getGroup();
             },
-            type: 'sortable-group',
-            collisionPriority: CollisionPriority.Low
+            type: "sortable-group",
+            collisionPriority: CollisionPriority.Low,
         });
         const detach = droppable.attach(node);
         return {
@@ -78,8 +78,8 @@ export function useSortable(options) {
                 if (listNode === node) {
                     listNode = null;
                 }
-                node.removeAttribute('data-sortable-active');
-            }
+                node.removeAttribute("data-sortable-active");
+            },
         };
     };
     const item = (node, params) => {
@@ -99,7 +99,7 @@ export function useSortable(options) {
             },
             get disabled() {
                 return isDisabled();
-            }
+            },
         });
         const detach = sortable.attach(node);
         let detachHandle;
@@ -120,7 +120,7 @@ export function useSortable(options) {
             detachHandle = sortable.attachHandle(handle);
         }
         bindHandle();
-        node.setAttribute('data-sortable-item', '');
+        node.setAttribute("data-sortable-item", "");
         node.dataset.sortableId = String(getId(current.item));
         return {
             update(nextParams) {
@@ -135,9 +135,9 @@ export function useSortable(options) {
             destroy() {
                 detach();
                 detachHandle?.();
-                node.removeAttribute('data-sortable-item');
+                node.removeAttribute("data-sortable-item");
                 delete node.dataset.sortableId;
-            }
+            },
         };
     };
     return {
@@ -146,6 +146,6 @@ export function useSortable(options) {
         item,
         get draggingId() {
             return draggingId;
-        }
+        },
     };
 }

package/dist/hooks/utils.js

@@ -1,3 +1,3 @@
 export function toGetter(value) {
-    return typeof value === 'function' ? value : () => value;
+    return typeof value === "function" ? value : () => value;
 }

package/dist/index.d.ts

@@ -1,31 +1,29 @@
-export * from './components/BentoGrid/index.js';
-export * from './components/Chart/index.js';
-export * from './components/Chat/index.js';
-export * from './components/CodeBlock/index.js';
-export * from './components/ColorPicker/index.js';
-export * from './components/ConfirmDialog/index.js';
-export * from './components/DatePickerField/index.js';
-export * from './components/DateRangePickerField/index.js';
-export * from './components/Fonts/index.js';
-export * from './components/FormSelect/index.js';
-export * from './components/List/index.js';
-export * from './components/LocaleButton/index.js';
-export * from './components/Marquee/index.js';
-export * from './components/NavigationMenu/index.js';
-export * from './components/NumberTicker/index.js';
-export * from './components/PasswordInput/index.js';
-export * from './components/Prose/index.js';
-export * from './components/Resizable/index.js';
-export * from './components/ScrollArea/index.js';
-export * from './components/Search/index.js';
-export * from './components/SortableGroup/index.js';
-export * from './components/SortableList/index.js';
-export * from './components/Spotlight/index.js';
-export * from './components/SafeTable/index.js';
-export * from './components/TableBulkActionBar/index.js';
-export * from './components/TreeView/index.js';
-export * from './hooks/useSortable/index.js';
-export * from './hooks/useDragDrop/index.js';
-export * from './adapters/notify.js';
-export { defineConfig as defineSV5UIPlusConfig, getConfig as getSV5UIPlusConfig, resetConfig as resetSV5UIPlusConfig } from './config.js';
-export type { UIConfig as SV5UIPlusConfig } from './config.js';
+export * from "./components/BentoGrid/index.js";
+export * from "./components/Chart/index.js";
+export * from "./components/Chat/index.js";
+export * from "./components/CodeBlock/index.js";
+export * from "./components/ConfirmDialog/index.js";
+export * from "./components/DatePickerField/index.js";
+export * from "./components/DateRangePickerField/index.js";
+export * from "./components/Fonts/index.js";
+export * from "./components/FormSelect/index.js";
+export * from "./components/List/index.js";
+export * from "./components/LocaleButton/index.js";
+export * from "./components/Marquee/index.js";
+export * from "./components/NavigationMenu/index.js";
+export * from "./components/NumberTicker/index.js";
+export * from "./components/PasswordInput/index.js";
+export * from "./components/Prose/index.js";
+export * from "./components/ResizeContainer/index.js";
+export * from "./components/Search/index.js";
+export * from "./components/SortableGroup/index.js";
+export * from "./components/SortableList/index.js";
+export * from "./components/Spotlight/index.js";
+export * from "./components/SafeTable/index.js";
+export * from "./components/TableBulkActionBar/index.js";
+export * from "./components/TreeView/index.js";
+export * from "./hooks/useSortable/index.js";
+export * from "./hooks/useDragDrop/index.js";
+export * from "./adapters/notify.js";
+export { defineConfig as defineSV5UIPlusConfig, getConfig as getSV5UIPlusConfig, resetConfig as resetSV5UIPlusConfig, } from "./config.js";
+export type { UIConfig as SV5UIPlusConfig } from "./config.js";

package/dist/index.js

@@ -1,34 +1,32 @@
 // SV5UI Plus-exclusive components
-export * from './components/BentoGrid/index.js';
-export * from './components/Chart/index.js';
-export * from './components/Chat/index.js';
-export * from './components/CodeBlock/index.js';
-export * from './components/ColorPicker/index.js';
-export * from './components/ConfirmDialog/index.js';
-export * from './components/DatePickerField/index.js';
-export * from './components/DateRangePickerField/index.js';
-export * from './components/Fonts/index.js';
-export * from './components/FormSelect/index.js';
-export * from './components/List/index.js';
-export * from './components/LocaleButton/index.js';
-export * from './components/Marquee/index.js';
-export * from './components/NavigationMenu/index.js';
-export * from './components/NumberTicker/index.js';
-export * from './components/PasswordInput/index.js';
-export * from './components/Prose/index.js';
-export * from './components/Resizable/index.js';
-export * from './components/ScrollArea/index.js';
-export * from './components/Search/index.js';
-export * from './components/SortableGroup/index.js';
-export * from './components/SortableList/index.js';
-export * from './components/Spotlight/index.js';
-export * from './components/SafeTable/index.js';
-export * from './components/TableBulkActionBar/index.js';
-export * from './components/TreeView/index.js';
+export * from "./components/BentoGrid/index.js";
+export * from "./components/Chart/index.js";
+export * from "./components/Chat/index.js";
+export * from "./components/CodeBlock/index.js";
+export * from "./components/ConfirmDialog/index.js";
+export * from "./components/DatePickerField/index.js";
+export * from "./components/DateRangePickerField/index.js";
+export * from "./components/Fonts/index.js";
+export * from "./components/FormSelect/index.js";
+export * from "./components/List/index.js";
+export * from "./components/LocaleButton/index.js";
+export * from "./components/Marquee/index.js";
+export * from "./components/NavigationMenu/index.js";
+export * from "./components/NumberTicker/index.js";
+export * from "./components/PasswordInput/index.js";
+export * from "./components/Prose/index.js";
+export * from "./components/ResizeContainer/index.js";
+export * from "./components/Search/index.js";
+export * from "./components/SortableGroup/index.js";
+export * from "./components/SortableList/index.js";
+export * from "./components/Spotlight/index.js";
+export * from "./components/SafeTable/index.js";
+export * from "./components/TableBulkActionBar/index.js";
+export * from "./components/TreeView/index.js";
 // SV5UI Plus-exclusive hooks
-export * from './hooks/useSortable/index.js';
-export * from './hooks/useDragDrop/index.js';
+export * from "./hooks/useSortable/index.js";
+export * from "./hooks/useDragDrop/index.js";
 // Adapters
-export * from './adapters/notify.js';
+export * from "./adapters/notify.js";
 // Addon configuration. Core SV5UI configuration remains `defineConfig` from `sv5ui`.
-export { defineConfig as defineSV5UIPlusConfig, getConfig as getSV5UIPlusConfig, resetConfig as resetSV5UIPlusConfig } from './config.js';
+export { defineConfig as defineSV5UIPlusConfig, getConfig as getSV5UIPlusConfig, resetConfig as resetSV5UIPlusConfig, } from "./config.js";

package/dist/mcp/install-template.mjs

@@ -1,55 +1,55 @@
 #!/usr/bin/env node
 
-import { access, copyFile, mkdir } from 'node:fs/promises'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
+import { access, copyFile, mkdir } from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
-const args = new Set(process.argv.slice(2))
-const force = args.has('--force')
-const cwd = process.cwd()
-const targetDir = path.join(cwd, '.cursor')
-const targetPath = path.join(targetDir, 'mcp.json')
+const args = new Set(process.argv.slice(2));
+const force = args.has("--force");
+const cwd = process.cwd();
+const targetDir = path.join(cwd, ".cursor");
+const targetPath = path.join(targetDir, "mcp.json");
 
 async function resolveTemplatePath() {
-    const candidates = [
-        path.join(__dirname, 'cursor.mcp.json'),
-        path.resolve(__dirname, '../../dist/mcp/cursor.mcp.json')
-    ]
-
-    for (const candidate of candidates) {
-        try {
-            await access(candidate)
-            return candidate
-        } catch {
-            // Try next candidate.
-        }
-    }
-
-    throw new Error('Could not find cursor.mcp.json template for SV5UI Plus MCP.')
+	const candidates = [
+		path.join(__dirname, "cursor.mcp.json"),
+		path.resolve(__dirname, "../../dist/mcp/cursor.mcp.json"),
+	];
+
+	for (const candidate of candidates) {
+		try {
+			await access(candidate);
+			return candidate;
+		} catch {
+			// Try next candidate.
+		}
+	}
+
+	throw new Error("Could not find cursor.mcp.json template for SV5UI Plus MCP.");
 }
 
 async function main() {
-    const templatePath = await resolveTemplatePath()
-
-    try {
-        await access(targetPath)
-        if (!force) {
-            console.error(`Refusing to overwrite existing file: ${targetPath}`)
-            console.error('Run again with --force if you want to replace it.')
-            process.exitCode = 1
-            return
-        }
-    } catch {
-        // Continue and attempt to create the file.
-    }
-
-    await mkdir(targetDir, { recursive: true })
-    await copyFile(templatePath, targetPath)
-
-    console.log(`Installed SV5UI Plus MCP template at ${targetPath}`)
+	const templatePath = await resolveTemplatePath();
+
+	try {
+		await access(targetPath);
+		if (!force) {
+			console.error(`Refusing to overwrite existing file: ${targetPath}`);
+			console.error("Run again with --force if you want to replace it.");
+			process.exitCode = 1;
+			return;
+		}
+	} catch {
+		// Continue and attempt to create the file.
+	}
+
+	await mkdir(targetDir, { recursive: true });
+	await copyFile(templatePath, targetPath);
+
+	console.log(`Installed SV5UI Plus MCP template at ${targetPath}`);
 }
 
-await main()
+await main();