windmill-components 1.493.9 → 1.501.4

package/package/components/scriptEditor/LogPanel.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import { JobService, OpenAPI } from '../../gen';
+<script lang="ts">import { preventDefault } from 'svelte/legacy';
+import { JobService, OpenAPI } from '../../gen';
 import { workspaceStore } from '../../stores';
 import { base } from '../../base';
 import { displayDate } from '../../utils';
@@ -18,20 +19,11 @@ import DataTable from '../table/DataTable.svelte';
 import Head from '../table/Head.svelte';
 import WorkflowTimeline from '../WorkflowTimeline.svelte';
 import Tooltip from '../Tooltip.svelte';
-export let lang;
-export let previewIsLoading = false;
-export let previewJob;
-export let pastPreviews = [];
-export let editor = undefined;
-export let diffEditor = undefined;
-export let args = undefined;
-export let workspace = undefined;
-export let showCaptures = false;
-export let customUi = undefined;
-export let fixChatMode = false;
-let selectedTab = 'logs';
-let drawerOpen = false;
-let drawerContent = undefined;
+import { getStringError } from '../copilot/chat/utils';
+let { lang, previewIsLoading = false, previewJob, pastPreviews = [], editor = undefined, diffEditor = undefined, args = undefined, workspace = undefined, showCaptures = false, customUi = undefined, children, capturesTab } = $props();
+let selectedTab = $state('logs');
+let drawerOpen = $state(false);
+let drawerContent = $state(undefined);
 export function setFocusToLogs() {
     selectedTab = 'logs';
 }
@@ -45,7 +37,7 @@ function closeDrawer() {
 function asWorkflowStatus(x) {
     return x;
 }
-let forceJson = false;
+let forceJson = $state(false);
 </script>
 
 <Drawer bind:open={drawerOpen} size="800px">
@@ -79,7 +71,7 @@ let forceJson = false;
 			<Tab value="captures" size="xs">Trigger captures</Tab>
 		{/if}
 
-		<svelte:fragment slot="content">
+		{#snippet content()}
 			<div class="grow min-h-0">
 				{#if selectedTab === 'logs'}
 					<SplitPanesWrapper>
@@ -104,7 +96,7 @@ let forceJson = false;
 								/>
 							</Pane>
 							<Pane>
-								<slot />
+								{@render children?.()}
 								{#if previewJob != undefined && 'result' in previewJob}
 									<div class="relative w-full h-full p-2">
 										<div class="relative">
@@ -116,19 +108,11 @@ let forceJson = false;
 												customUi={customUi?.displayResult}
 												language={lang}
 											>
-												<svelte:fragment slot="copilot-fix">
-													{#if lang && editor && diffEditor && args && previewJob?.result && typeof previewJob?.result == 'object' && `error` in previewJob?.result && previewJob?.result.error}
-														<ScriptFix
-															on:fix
-															chatMode={fixChatMode}
-															error={JSON.stringify(previewJob.result.error)}
-															{lang}
-															{editor}
-															{diffEditor}
-															{args}
-														/>
+												{#snippet copilot_fix()}
+													{#if lang && editor && diffEditor && args && previewJob && !previewJob.success && getStringError(previewJob.result)}
+														<ScriptFix {lang} />
 													{/if}
-												</svelte:fragment>
+												{/snippet}
 											</DisplayResult>
 										</div>
 									</div>
@@ -187,7 +171,7 @@ let forceJson = false;
 										<Cell>
 											<button
 												class="text-xs"
-												on:click|preventDefault={() => {
+												onclick={preventDefault(() => {
 													openDrawer({ mode: 'json', content: undefined, title: 'Result' })
 													JobService.getCompletedJobResult({
 														workspace: workspace ?? $workspaceStore ?? 'NO_W',
@@ -195,7 +179,7 @@ let forceJson = false;
 													}).then((res) => {
 														drawerContent && (drawerContent.content = res)
 													})
-												}}
+												})}
 											>
 												See Result
 											</button>
@@ -203,7 +187,7 @@ let forceJson = false;
 										<Cell>
 											<button
 												class="text-xs"
-												on:click|preventDefault={async () => {
+												onclick={preventDefault(async () => {
 													const code = (
 														await JobService.getCompletedJob({
 															workspace: workspace ?? $workspaceStore ?? 'NO_W',
@@ -215,7 +199,7 @@ let forceJson = false;
 														content: String(code),
 														title: `Code ${lang}`
 													})
-												}}
+												})}
 											>
 												View code
 											</button>
@@ -223,7 +207,7 @@ let forceJson = false;
 										<Cell last>
 											<button
 												class="text-xs"
-												on:click|preventDefault={async () => {
+												onclick={preventDefault(async () => {
 													const logs = await (
 														await fetch(
 															OpenAPI.BASE +
@@ -236,7 +220,7 @@ let forceJson = false;
 														content: String(logs),
 														title: `Logs for ${id}`
 													})
-												}}
+												})}
 											>
 												View logs
 											</button>
@@ -248,9 +232,9 @@ let forceJson = false;
 					</div>
 				{/if}
 				{#if selectedTab === 'captures'}
-					<slot name="capturesTab" />
+					{@render capturesTab?.()}
 				{/if}
 			</div>
-		</svelte:fragment>
+		{/snippet}
 	</Tabs>
 </div>

package/package/components/scriptEditor/LogPanel.svelte.d.ts

@@ -2,26 +2,8 @@ import { type CompletedJob, type Job, type Preview } from '../../gen';
 import type Editor from '../Editor.svelte';
 import type DiffEditor from '../DiffEditor.svelte';
 import type { PreviewPanelUi } from '../custom_ui';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const LogPanel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    lang: Preview["language"] | undefined;
+interface Props {
+    lang: Preview['language'] | undefined;
     previewIsLoading?: boolean;
     previewJob: Job | undefined;
     pastPreviews?: CompletedJob[];
@@ -31,20 +13,11 @@ declare const LogPanel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsW
     workspace?: string | undefined;
     showCaptures?: boolean;
     customUi?: PreviewPanelUi | undefined;
-    fixChatMode?: boolean;
-    setFocusToLogs?: () => void;
-}, {
-    default: {};
-    capturesTab: {};
-}>, {
-    fix: CustomEvent<null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-    capturesTab: {};
-}, {
+    children?: import('svelte').Snippet;
+    capturesTab?: import('svelte').Snippet;
+}
+declare const LogPanel: import("svelte").Component<Props, {
     setFocusToLogs: () => void;
-}, string>;
-type LogPanel = InstanceType<typeof LogPanel>;
+}, "">;
+type LogPanel = ReturnType<typeof LogPanel>;
 export default LogPanel;

package/package/components/scripts/CreateActionsScript.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">import { Code2, Plus } from 'lucide-svelte';
 import Button from '../common/button/Button.svelte';
 import { base } from '../../base';
+let { aiId, aiDescription } = $props();
 </script>
 
 <!-- Buttons -->
 <div class="flex flex-row gap-2">
 	<Button
+		{aiId}
+		{aiDescription}
 		size="sm"
 		spacingSize="xl"
 		color="marine"

package/package/components/scripts/CreateActionsScript.svelte.d.ts

@@ -1,18 +1,7 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CreateActionsScript: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CreateActionsScript = InstanceType<typeof CreateActionsScript>;
+type $$ComponentProps = {
+    aiId: string;
+    aiDescription: string;
+};
+declare const CreateActionsScript: import("svelte").Component<$$ComponentProps, {}, "">;
+type CreateActionsScript = ReturnType<typeof CreateActionsScript>;
 export default CreateActionsScript;

package/package/components/search/GlobalSearchModal.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">import { onDestroy, onMount, tick } from 'svelte';
+<script lang="ts">import { onDestroy, onMount, tick, untrack } from 'svelte';
 import { AppService, FlowService, RawAppService, ScriptService } from '../../gen';
-import { clickOutside, isMac } from '../../utils';
+import { clickOutside, isMac, scroll_into_view_if_needed_polyfill } from '../../utils';
 import { AlertTriangle, BoxesIcon, CalendarIcon, Code2Icon, Database, DollarSignIcon, HomeIcon, LayoutDashboardIcon, PlayIcon, Route, Search, SearchCode, Unplug } from 'lucide-svelte';
 import Portal from '../Portal.svelte';
 import { twMerge } from 'tailwind-merge';
@@ -10,22 +10,22 @@ import QuickMenuItem from '../search/QuickMenuItem.svelte';
 import { devopsRole, enterpriseLicense, userStore, workspaceStore } from '../../stores';
 import uFuzzy from '@leeoniya/ufuzzy';
 import BarsStaggered from '../icons/BarsStaggered.svelte';
-import { scroll_into_view_if_needed_polyfill } from '../multiselect/utils';
 import { Alert } from '../common';
 import Popover from '../Popover.svelte';
 import Logs from 'lucide-svelte/icons/logs';
 import { AwsIcon, GoogleCloudIcon, KafkaIcon, MqttIcon, NatsIcon } from '../icons';
 import RunsSearch from './RunsSearch.svelte';
-let open = false;
-let searchTerm = '';
-let textInput;
-let selectedWorkspace = undefined;
-let contentSearch = undefined;
+import AskAiButton from '../copilot/AskAiButton.svelte';
+let open = $state(false);
+let searchTerm = $state('');
+let textInput = $state();
+let selectedWorkspace = $state(undefined);
+let contentSearch = $state(undefined);
 const RUNS_PREFIX = '>';
 const LOGS_PREFIX = '!';
 const CONTENT_SEARCH_PREFIX = '#';
 const SWITCH_MODE_PREFIX = '?';
-let tab = 'default';
+let tab = $state('default');
 let switchModeItems = [
     {
         search_id: 'switchto:run-search',
@@ -150,14 +150,16 @@ let defaultMenuItems = [
     }
 ];
 let defaultMenuItemsWithHidden = [...defaultMenuItems, ...hiddenMenuItems];
-let itemMap = {
+let itemMap = $state({
     default: defaultMenuItems,
     'switch-mode': switchModeItems,
     runs: [],
     content: [],
     logs: []
-};
-$: tab === 'content' && contentSearch?.open();
+});
+$effect(() => {
+    tab === 'content' && contentSearch?.open();
+});
 async function switchPrompt(tab) {
     if (tab === 'default') {
         searchTerm = '';
@@ -175,7 +177,7 @@ async function switchPrompt(tab) {
         searchTerm = LOGS_PREFIX;
     }
     selectedItem = selectItem(0);
-    textInput.focus();
+    textInput?.focus();
 }
 function removePrefix(str, prefix) {
     if (str.startsWith(prefix)) {
@@ -188,6 +190,7 @@ let uf = new uFuzzy(opts);
 let defaultMenuItemLabels = defaultMenuItems.map((item) => item.label);
 let defaultMenuItemAndHiddenLabels = defaultMenuItemsWithHidden.map((item) => item.label);
 let switchModeItemLabels = switchModeItems.map((item) => item.label);
+let askAiButton = $state();
 function fuzzyFilter(filter, items, itemsPlainText) {
     if (filter === '') {
         return items;
@@ -209,7 +212,7 @@ function fuzzyFilter(filter, items, itemsPlainText) {
     }
     return r;
 }
-let queryParseErrors = [];
+let queryParseErrors = $state([]);
 async function handleSearch() {
     queryParseErrors = [];
     if (tab !== 'default' &&
@@ -255,7 +258,7 @@ function selectItem(index) {
     onHover(itemMap[tab][index]);
     return itemMap[tab][index];
 }
-let selectedItem;
+let selectedItem = $state();
 async function handleKeydown(event) {
     if ((!isMac() ? event.ctrlKey : event.metaKey) && event.key === 'k') {
         event.preventDefault();
@@ -296,6 +299,9 @@ async function handleKeydown(event) {
                 }
             }
         }
+        if ((itemMap[tab] ?? []).length === 0 && searchTerm.length > 0 && event.key === 'Enter') {
+            askAiButton?.onClick();
+        }
     }
 }
 //internal, should not be called outside of the handleSearch function
@@ -306,7 +312,7 @@ function _switchMode(mode) {
 // Used by callbacks, call this to change the mode
 function switchMode(mode) {
     switchPrompt(mode);
-    textInput.focus();
+    textInput?.focus();
 }
 function gotoWindmillItemPage(e, newtab = false) {
     let path;
@@ -335,10 +341,10 @@ function gotoPage(path, newtab = false) {
         goto(path);
     }
     else {
-        window.open(path, "_blank");
+        window.open(path, '_blank');
     }
 }
-let mouseMoved = false;
+let mouseMoved = $state(false);
 function handleMouseMove() {
     mouseMoved = true;
 }
@@ -350,7 +356,10 @@ onDestroy(() => {
     window.removeEventListener('keydown', handleKeydown);
     window.removeEventListener('mousemove', handleMouseMove);
 });
-$: searchTerm, handleSearch();
+$effect(() => {
+    searchTerm;
+    untrack(() => handleSearch());
+});
 function placeholderFromPrefix(text) {
     switch (text) {
         case '':
@@ -365,7 +374,7 @@ function placeholderFromPrefix(text) {
             return '';
     }
 }
-let combinedItems = undefined;
+let combinedItems = $state(undefined);
 async function fetchCombinedItems() {
     const scripts = await ScriptService.listScripts({
         workspace: $workspaceStore
@@ -463,10 +472,10 @@ function maxModalHeight(tab) {
         return 'max-h-[60vh]';
     }
 }
-let runsSearch;
-let runSearchRemainingCount = undefined;
-let runSearchTotalCount = undefined;
-let indexMetadata = undefined;
+let runsSearch = $state();
+let runSearchRemainingCount = $state(undefined);
+let runSearchTotalCount = $state(undefined);
+let indexMetadata = $state(undefined);
 </script>
 
 {#if open}
@@ -480,9 +489,11 @@ let indexMetadata = undefined;
 		>
 			<div
 				class="{maxModalWidth(tab)} w-full mt-36 bg-surface rounded-lg relative"
-				use:clickOutside={false}
-				on:click_outside={() => {
-					open = false
+				use:clickOutside={{
+					capture: false,
+					onClickOutside: () => {
+						open = false
+					}
 				}}
 			>
 				<div class="px-4 py-2 flex flex-row gap-1 items-center border-b">
@@ -502,10 +513,20 @@ let indexMetadata = undefined;
 							>{placeholderFromPrefix(searchTerm)}</label
 						>
 					</div>
+					{#if (itemMap[tab] ?? []).length === 0 && searchTerm.length > 0}
+						<AskAiButton
+							bind:this={askAiButton}
+							label="Ask AI"
+							initialInput={searchTerm}
+							onClick={() => {
+								closeModal()
+							}}
+						/>
+					{/if}
 					{#if queryParseErrors.length > 0}
 						<Popover notClickable placement="bottom-start">
 							<AlertTriangle size={16} class="text-yellow-500" />
-							<svelte:fragment slot="text">
+							{#snippet text()}
 								Some of your search terms have been ignored because one or more parse errors:<br
 								/><br />
 								<ul>
@@ -513,7 +534,7 @@ let indexMetadata = undefined;
 										<li>- {msg}</li>
 									{/each}
 								</ul>
-							</svelte:fragment>
+							{/snippet}
 						</Popover>
 					{/if}
 				</div>
@@ -566,7 +587,9 @@ let indexMetadata = undefined;
 							{#if (itemMap[tab] ?? []).length === 0}
 								<div class="flex w-full justify-center items-center">
 									<div class="text-tertiary text-center">
-										<div class="text-2xl font-bold">Nothing found</div>
+										<div class="text-2xl font-bold"
+											>Nothing found, ask the AI to find what you need!</div
+										>
 										<div class="text-sm">Tip: press `esc` to quickly clear the search bar</div>
 									</div>
 								</div>
@@ -602,20 +625,20 @@ let indexMetadata = undefined;
 							{/if}
 						</div>
 					{:else if tab === 'runs'}
-								<RunsSearch
-												bind:queryParseErrors
-												bind:this={runsSearch}
-												bind:selectedItem
-												bind:selectedWorkspace
-												bind:mouseMoved
-												bind:loadedRuns={itemMap['runs']}
-												bind:open
-												{selectItem}
-												searchTerm={removePrefix(searchTerm, RUNS_PREFIX)}
-												bind:runSearchRemainingCount
-												bind:runSearchTotalCount
-												bind:indexMetadata
-								/>
+						<RunsSearch
+							bind:queryParseErrors
+							bind:this={runsSearch}
+							bind:selectedItem
+							bind:selectedWorkspace
+							bind:mouseMoved
+							bind:loadedRuns={itemMap['runs']}
+							bind:open
+							{selectItem}
+							searchTerm={removePrefix(searchTerm, RUNS_PREFIX)}
+							bind:runSearchRemainingCount
+							bind:runSearchTotalCount
+							bind:indexMetadata
+						/>
 					{/if}
 				</div>
 			</div>

package/package/components/search/GlobalSearchModal.svelte.d.ts

@@ -1,22 +1,5 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const GlobalSearchModal: $$__sveltets_2_IsomorphicComponent<{
-    openSearchWithPrefilledText?: (text?: string) => Promise<void>;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+declare const GlobalSearchModal: import("svelte").Component<Record<string, never>, {
     openSearchWithPrefilledText: (text?: string) => Promise<void>;
-}, string>;
-type GlobalSearchModal = InstanceType<typeof GlobalSearchModal>;
+}, "">;
+type GlobalSearchModal = ReturnType<typeof GlobalSearchModal>;
 export default GlobalSearchModal;

package/package/components/search/RunsSearch.svelte

@@ -192,10 +192,10 @@ async function loadMoreJobs(s, paginationOffset) {
 				{#if indexMetadata?.lost_lock_ownership}
 					<Popover notClickable placement="top">
 						<AlertTriangle size={16} class="text-gray-500" />
-						<svelte:fragment slot="text">
+						{#snippet text()}
 							The current indexer is no longer indexing new jobs. This is most likely because of an
 							ongoing deployment and indexing will resume once it's complete.
-						</svelte:fragment>
+						{/snippet}
 					</Popover>
 				{/if}
 			</div>
@@ -233,10 +233,10 @@ async function loadMoreJobs(s, paginationOffset) {
 				{#if indexMetadata?.lost_lock_ownership}
 					<Popover notClickable placement="top">
 						<AlertTriangle size={16} class="text-gray-500" />
-						<svelte:fragment slot="text">
+						{#snippet text()}
 							The current indexer is no longer indexing new jobs. This is most likely because of an
 							ongoing deployment and indexing will resume once it's complete.
-						</svelte:fragment>
+						{/snippet}
 					</Popover>
 				{/if}
 			</div>

package/package/components/search/RunsSearch.svelte.d.ts

@@ -14,6 +14,6 @@ interface Props {
 }
 declare const RunsSearch: import("svelte").Component<Props, {
     handleRunSearch: (s: string) => void;
-}, "open" | "selectedItem" | "mouseMoved" | "selectedWorkspace" | "queryParseErrors" | "loadedRuns" | "runSearchRemainingCount" | "runSearchTotalCount" | "indexMetadata">;
+}, "open" | "queryParseErrors" | "selectedWorkspace" | "mouseMoved" | "selectedItem" | "loadedRuns" | "runSearchRemainingCount" | "runSearchTotalCount" | "indexMetadata">;
 type RunsSearch = ReturnType<typeof RunsSearch>;
 export default RunsSearch;

package/package/components/select/DraggableTags.svelte

@@ -0,0 +1,54 @@
+<script lang="ts" generics="Item extends { label?: string; value: any }">import { twMerge } from 'tailwind-merge';
+import CloseButton from '../common/CloseButton.svelte';
+let { items, onRemove, onReorder, allowClear = true } = $props();
+let currentlyDraggingIndex = $state();
+let dragPos = $state([0, 0]);
+</script>
+
+<svelte:window
+	onmousemove={(e) => {
+		if (currentlyDraggingIndex === undefined) return
+		dragPos = [dragPos[0] + e.movementX, dragPos[1] + e.movementY]
+	}}
+	onpointerup={() => {
+		currentlyDraggingIndex = undefined
+		dragPos = [0, 0]
+	}}
+/>
+
+{#each items ?? [] as item, index}
+	<li
+		role="listitem"
+		class={twMerge(
+			allowClear ? 'pr-1' : 'pr-3',
+			'pl-3 min-h-6 bg-surface-secondary rounded-full flex items-center gap-0.5',
+			currentlyDraggingIndex !== undefined ? 'hover:opacity-20' : ''
+		)}
+		style={currentlyDraggingIndex === index
+			? `transform: translate(${dragPos[0]}px, ${dragPos[1]}px); pointer-events: none;`
+			: ''}
+		draggable
+		onpointerdown={(e) => {
+			e.stopPropagation()
+			dragPos = [0, 0]
+			currentlyDraggingIndex = index
+		}}
+		onpointerup={(e) => {
+			if (currentlyDraggingIndex !== undefined) {
+				e.stopPropagation()
+				onReorder?.(currentlyDraggingIndex, index)
+			}
+			currentlyDraggingIndex = undefined
+			dragPos = [0, 0]
+		}}
+	>
+		<span class="text-sm select-none">{item.label || item.value}</span>
+		{#if allowClear}
+			<CloseButton
+				class="text-tertiary"
+				small
+				on:close={(e) => (onRemove(item), e.stopPropagation())}
+			/>
+		{/if}
+	</li>
+{/each}

package/package/components/select/DraggableTags.svelte.d.ts

@@ -0,0 +1,34 @@
+declare class __sveltets_Render<Item extends {
+    label?: string;
+    value: any;
+}> {
+    props(): {
+        items?: Item[] | undefined;
+        allowClear?: boolean;
+        onRemove: (item: Item) => void;
+        onReorder?: ((oldIndex: number, newIndex: number) => void) | undefined;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Item extends {
+        label?: string;
+        value: any;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
+    } & ReturnType<__sveltets_Render<Item>['exports']>;
+    <Item extends {
+        label?: string;
+        value: any;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const DraggableTags: $$IsomorphicComponent;
+type DraggableTags<Item extends {
+    label?: string;
+    value: any;
+}> = InstanceType<typeof DraggableTags<Item>>;
+export default DraggableTags;