windmill-components 1.87.0 → 1.89.1

package/package/components/common/languageIcons/JavaScript.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  JavaScriptProps */
+/** @typedef {typeof __propDef.events}  JavaScriptEvents */
+/** @typedef {typeof __propDef.slots}  JavaScriptSlots */
+export default class JavaScript extends SvelteComponentTyped<{
+    height?: number | undefined;
+    width?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type JavaScriptProps = typeof __propDef.props;
+export type JavaScriptEvents = typeof __propDef.events;
+export type JavaScriptSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: number | undefined;
+        width?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/package/components/common/languageIcons/LanguageIcon.svelte

@@ -0,0 +1,27 @@
+<script>import MySQLIcon from '../../icons/Mysql.svelte';
+import PostgresIcon from '../../icons/PostgresIcon.svelte';
+import { BashIcon, GoIcon, PythonIcon, TypeScriptIcon } from './';
+import JavaScript from './JavaScript.svelte';
+import FetchIcon from './FetchIcon.svelte';
+export let lang;
+export let width = 30;
+export let height = 30;
+export let scale = 1;
+const langToComponent = {
+    go: GoIcon,
+    python3: PythonIcon,
+    deno: TypeScriptIcon,
+    bash: BashIcon,
+    pgsql: PostgresIcon,
+    mysql: MySQLIcon,
+    javascript: JavaScript,
+    fetch: FetchIcon
+};
+</script>
+
+<svelte:component
+	this={langToComponent[lang]}
+	width={width * scale}
+	height={height * scale}
+	{...$$restProps}
+/>

package/package/components/common/languageIcons/LanguageIcon.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SupportedLanguage } from '../../../common';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        lang: SupportedLanguage | 'pgsql' | 'mysql' | 'javascript' | 'fetch';
+        width?: number | undefined;
+        height?: number | undefined;
+        scale?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LanguageIconProps = typeof __propDef.props;
+export type LanguageIconEvents = typeof __propDef.events;
+export type LanguageIconSlots = typeof __propDef.slots;
+export default class LanguageIcon extends SvelteComponentTyped<LanguageIconProps, LanguageIconEvents, LanguageIconSlots> {
+}
+export {};

package/package/components/common/languageIcons/Python.svelte

@@ -0,0 +1,51 @@
+<script>
+	export let width = 16
+	export let height = 16
+</script>
+
+<svg
+	{width}
+	{height}
+	{...$$restProps}
+	viewBox="0 0 17 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g clip-path="url(#clip0_128_281)">
+		<path
+			d="M8.4728 0C4.6952 0 4.65462 1.46633 4.65462 1.76815C4.65462 2.22604 4.65462 3.6 4.65462 3.6H8.54553V4.14996C8.54553 4.14996 4.49433 4.14996 3.10916 4.14996C1.95295 4.14996 0.5 4.85295 0.5 7.96814C0.5 10.8297 1.63338 11.9363 2.77724 11.9363C3.11687 11.9363 4.13636 11.9363 4.13636 11.9363C4.13636 11.9363 4.13636 10.5159 4.13636 10.0272C4.13636 9.22851 4.53215 7.74996 6.37724 7.74996C8.69142 7.74996 9.28211 7.74996 10.2363 7.74996C10.8039 7.74996 12.4044 7.50327 12.4044 5.65455C12.4044 3.69789 12.4044 3.05236 12.4044 2.13178C12.4046 1.67316 12.3262 0 8.4728 0ZM6.32735 1.23185C6.71455 1.23185 7.02742 1.54458 7.02742 1.93193C7.02742 2.31898 6.71455 2.632 6.32735 2.632C5.94015 2.632 5.62727 2.31913 5.62727 1.93193C5.62727 1.54458 5.94015 1.23185 6.32735 1.23185Z"
+			fill="url(#paint0_linear_128_281)"
+		/>
+		<path
+			d="M8.527 16C12.3029 16 12.3498 14.506 12.3498 14.2319C12.3498 13.774 12.3498 12.4 12.3498 12.4H8.45427V11.85C8.45427 11.85 12.5317 11.85 13.8906 11.85C15.0556 11.85 16.4998 11.1295 16.4998 8.03187C16.4998 4.63957 14.967 4.06372 14.2226 4.06372C13.8828 4.06372 12.8634 4.06372 12.8634 4.06372C12.8634 4.06372 12.8634 5.54968 12.8634 5.97281C12.8634 6.7715 12.4807 8.25005 10.6226 8.25005C8.30838 8.25005 7.78969 8.25005 6.76336 8.25005C6.19725 8.25005 4.59521 8.52583 4.59521 10.3455C4.59521 12.4509 4.59521 13.0022 4.59521 13.8682C4.59521 14.629 5.06009 16 8.527 16ZM10.6726 14.7682C10.2854 14.7682 9.97252 14.4553 9.97252 14.0681C9.97252 13.6809 10.2853 13.368 10.6726 13.368C11.0597 13.368 11.3727 13.6809 11.3727 14.0681C11.3727 14.4553 11.0597 14.7682 10.6726 14.7682Z"
+			fill="url(#paint1_linear_128_281)"
+		/>
+	</g>
+	<defs>
+		<linearGradient
+			id="paint0_linear_128_281"
+			x1="1.99942"
+			y1="1.42927"
+			x2="9.95251"
+			y2="9.40896"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#387EB8" />
+			<stop offset="1" stop-color="#366994" />
+		</linearGradient>
+		<linearGradient
+			id="paint1_linear_128_281"
+			x1="6.83245"
+			y1="6.52758"
+			x2="15.3593"
+			y2="14.6967"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#FFE052" />
+			<stop offset="1" stop-color="#FFC331" />
+		</linearGradient>
+		<clipPath id="clip0_128_281">
+			<rect width="16" height="16" fill="white" transform="translate(0.5)" />
+		</clipPath>
+	</defs>
+</svg>

package/package/components/common/languageIcons/Python.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  PythonProps */
+/** @typedef {typeof __propDef.events}  PythonEvents */
+/** @typedef {typeof __propDef.slots}  PythonSlots */
+export default class Python extends SvelteComponentTyped<{
+    [x: string]: any;
+    height?: number | undefined;
+    width?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type PythonProps = typeof __propDef.props;
+export type PythonEvents = typeof __propDef.events;
+export type PythonSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        height?: number | undefined;
+        width?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/package/components/common/languageIcons/TypeScript.svelte

@@ -0,0 +1,31 @@
+<script>
+	export let width = 16
+	export let height = 16
+</script>
+
+<svg
+	{width}
+	{height}
+	{...$$restProps}
+	viewBox="0 0 17 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g clip-path="url(#clip0_128_278)">
+		<path
+			d="M14.9375 0H2.0625C1.19956 0 0.5 0.699555 0.5 1.5625V14.4375C0.5 15.3004 1.19956 16 2.0625 16H14.9375C15.8004 16 16.5 15.3004 16.5 14.4375V1.5625C16.5 0.699555 15.8004 0 14.9375 0Z"
+			fill="#3178C6"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M10.4062 12.7187V14.2812C10.6594 14.4125 10.9688 14.5094 11.3125 14.575C11.6562 14.6406 12.0312 14.6719 12.4062 14.6719C12.7812 14.6719 13.125 14.6375 13.4688 14.5656C13.8125 14.4937 14.0938 14.375 14.3438 14.2219C14.5969 14.0562 14.8125 13.8469 14.9375 13.5656C15.0625 13.2844 15.1594 12.9719 15.1594 12.5656C15.1594 12.2812 15.1156 12.0344 15.0312 11.8156C14.9469 11.5969 14.825 11.4094 14.6562 11.2531C14.4969 11.0875 14.3125 10.9406 14.0938 10.8156C13.875 10.6906 13.625 10.5594 13.3438 10.4406C13.1375 10.3562 12.9688 10.275 12.7812 10.1937C12.6188 10.1125 12.4781 10.0312 12.375 9.94998C12.2594 9.86561 12.1719 9.77811 12.1094 9.68748C12.0469 9.59373 12.0156 9.49061 12.0156 9.37498C12.0156 9.26873 12.0434 9.17186 12.1 9.08436C12.1566 8.99686 12.2344 8.92498 12.3344 8.86248C12.4344 8.79998 12.5594 8.75311 12.7094 8.71873C12.8563 8.68436 13.0188 8.66873 13.2094 8.66873C13.3406 8.66873 13.4781 8.67842 13.6156 8.69811C13.7594 8.7178 13.9063 8.74811 14.0531 8.78873C14.2 8.82936 14.3438 8.87936 14.4906 8.94186C14.6281 9.00436 14.7563 9.07623 14.8656 9.15748V7.68873C14.6281 7.59811 14.3656 7.52936 14.0844 7.48561C13.8031 7.44186 13.4906 7.41998 13.1156 7.41998C12.7406 7.41998 12.3969 7.46061 12.0531 7.53873C11.7094 7.61686 11.4281 7.74186 11.1781 7.91373C10.925 8.08248 10.7406 8.28873 10.5844 8.56998C10.4375 8.83248 10.3656 9.13248 10.3656 9.50748C10.3656 9.97623 10.5 10.3825 10.7719 10.695C11.0406 11.0387 11.4594 11.2887 11.9906 11.5387C12.2063 11.6262 12.3969 11.7137 12.5844 11.7981C12.7719 11.8825 12.9281 11.97 13.0531 12.0606C13.1875 12.1512 13.2938 12.2512 13.3656 12.3575C13.4438 12.4637 13.4844 12.5887 13.4844 12.7325C13.4844 12.8325 13.46 12.9262 13.4125 13.0137C13.365 13.1012 13.2906 13.1762 13.1906 13.2387C13.0906 13.3012 12.9688 13.3512 12.8156 13.3887C12.6688 13.4231 12.5031 13.4419 12.2844 13.4419C11.9406 13.4419 11.5969 13.3825 11.2844 13.2637C10.9406 13.145 10.6281 12.9669 10.3469 12.7325L10.4062 12.7187ZM7.78125 8.87498H9.78125V7.59373H4.1875V8.87498H6.1875V14.5937H7.78125V8.87498Z"
+			fill="white"
+		/>
+	</g>
+	<defs>
+		<clipPath id="clip0_128_278">
+			<rect width="16" height="16" fill="white" transform="translate(0.5)" />
+		</clipPath>
+	</defs>
+</svg>

package/package/components/common/languageIcons/TypeScript.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  TypeScriptProps */
+/** @typedef {typeof __propDef.events}  TypeScriptEvents */
+/** @typedef {typeof __propDef.slots}  TypeScriptSlots */
+export default class TypeScript extends SvelteComponentTyped<{
+    [x: string]: any;
+    height?: number | undefined;
+    width?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TypeScriptProps = typeof __propDef.props;
+export type TypeScriptEvents = typeof __propDef.events;
+export type TypeScriptSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        height?: number | undefined;
+        width?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/package/components/common/languageIcons/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LanguageIcon } from './LanguageIcon.svelte';
+export { default as BashIcon } from './Bash.svelte';
+export { default as GoIcon } from './Go.svelte';
+export { default as PythonIcon } from './Python.svelte';
+export { default as TypeScriptIcon } from './TypeScript.svelte';

package/package/components/common/languageIcons/index.js

@@ -0,0 +1,5 @@
+export { default as LanguageIcon } from './LanguageIcon.svelte';
+export { default as BashIcon } from './Bash.svelte';
+export { default as GoIcon } from './Go.svelte';
+export { default as PythonIcon } from './Python.svelte';
+export { default as TypeScriptIcon } from './TypeScript.svelte';

package/package/components/common/menu/Menu.svelte

@@ -0,0 +1,76 @@
+<script context="module">"use strict";
+let current = undefined;
+</script>
+
+<script>import { classNames } from '../../../utils';
+import { onMount } from 'svelte';
+import { fade } from 'svelte/transition';
+export let noMinW = false;
+export let show = false;
+export let wrapperClasses = '';
+export let popupClasses = '';
+export let transitionDuration = 100;
+let menu;
+export let placement = 'bottom-start';
+function handleOutsideClick(event) {
+    if (show && !menu.contains(event.target)) {
+        show = false;
+        event.preventDefault();
+        event.stopPropagation();
+    }
+}
+function handleEscape(event) {
+    if (show && event.key === 'Escape') {
+        show = false;
+    }
+}
+function close() {
+    show = false;
+}
+onMount(() => {
+    document.addEventListener('click', handleOutsideClick, false);
+    document.addEventListener('keyup', handleEscape, false);
+    return () => {
+        document.removeEventListener('click', handleOutsideClick, false);
+        document.removeEventListener('keyup', handleEscape, false);
+    };
+});
+const placementsClasses = {
+    'bottom-center': 'origin-top-left left-1/2 transform -translate-x-1/2',
+    'bottom-start': 'origin-top-left left-0',
+    'bottom-end': 'origin-top-right right-0',
+    'top-start': 'origin-bottom-left left-0 bottom-0',
+    'top-end': 'origin-bottom-right right-0 bottom-0'
+};
+</script>
+
+<div class="relative {wrapperClasses}" bind:this={menu}>
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<div
+		on:click|stopPropagation={() => {
+			if (!show) {
+				current && current()
+				current = close
+			}
+			show = !show
+		}}
+		class="relative"
+	>
+		<slot class="triggerable" name="trigger" />
+	</div>
+	{#if show}
+		<div
+			transition:fade|local={{ duration: transitionDuration }}
+			class={classNames(
+				'z-50 absolute mt-2 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none',
+				placementsClasses[placement],
+				noMinW ? 'min-w-0' : 'w-60',
+				popupClasses
+			)}
+			role="menu"
+			tabindex="-1"
+		>
+			<slot {close} />
+		</div>
+	{/if}
+</div>

package/package/components/common/menu/Menu.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        noMinW?: boolean | undefined;
+        show?: boolean | undefined;
+        wrapperClasses?: string | undefined;
+        popupClasses?: string | undefined;
+        transitionDuration?: number | undefined;
+        placement?: "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        trigger: {
+            class: string;
+        };
+        default: {
+            close: () => void;
+        };
+    };
+};
+export type MenuProps = typeof __propDef.props;
+export type MenuEvents = typeof __propDef.events;
+export type MenuSlots = typeof __propDef.slots;
+export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
+}
+export {};

package/package/components/common/menu/MenuItem.svelte

@@ -0,0 +1,10 @@
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<div on:click class="py-1">
+	<span
+		class="text-gray-700 block px-4 py-2 text-sm hover:bg-gray-100 hover:text-gray-900"
+		role="menuitem"
+		tabindex="-1"
+	>
+		<slot />
+	</span>
+</div>

package/package/components/common/menu/MenuItem.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  MenuItemProps */
+/** @typedef {typeof __propDef.events}  MenuItemEvents */
+/** @typedef {typeof __propDef.slots}  MenuItemSlots */
+export default class MenuItem extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type MenuItemProps = typeof __propDef.props;
+export type MenuItemEvents = typeof __propDef.events;
+export type MenuItemSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/package/components/common/modal/AlwaysMountedModal.svelte

@@ -0,0 +1,109 @@
+<script context="module">let onTop;
+const modals = {};
+export function getModal(id = '') {
+    return modals[id];
+}
+</script>
+
+<script>import { onDestroy } from 'svelte';
+import { twMerge } from 'tailwind-merge';
+import { Badge } from '..';
+import Button from '../button/Button.svelte';
+let topDiv;
+let visible = false;
+let prevOnTop;
+export let title;
+export let style = '';
+export let id = '';
+function onKeyDown(event) {
+    if (onTop == topDiv) {
+        switch (event.key) {
+            case 'Enter':
+                event.stopPropagation();
+                event.preventDefault();
+                break;
+            case 'Escape':
+                event.stopPropagation();
+                event.preventDefault();
+                close();
+                break;
+        }
+    }
+}
+function open() {
+    if (visible) {
+        return;
+    }
+    prevOnTop = onTop;
+    onTop = topDiv;
+    window.addEventListener('keydown', onKeyDown);
+    document.body.style.overflow = 'hidden';
+    visible = true;
+    document.body.appendChild(topDiv);
+}
+function close() {
+    if (!visible) {
+        return;
+    }
+    window.removeEventListener('keydown', onKeyDown);
+    onTop = prevOnTop;
+    if (onTop == null) {
+        document.body.style.overflow = '';
+    }
+    visible = false;
+}
+modals[id] = { open, close };
+onDestroy(() => {
+    delete modals[id];
+    window.removeEventListener('keydown', onKeyDown);
+});
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<div id="topModal" class:visible bind:this={topDiv} on:click={() => close()}>
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<div class="relative bg-white p-4 rounded-md" on:click|stopPropagation={() => {}}>
+		<div class={twMerge('max-w-screen-lg max-h-screen-80 overflow-auto', $$props.class)} {style}>
+			<div class="flex">
+				<div class="ml-4 text-left flex-1">
+					<h3 class="text-lg font-medium text-gray-900">
+						{title}
+					</h3>
+					<div class="mt-2 text-sm text-gray-500">
+						<slot />
+					</div>
+				</div>
+			</div>
+			<div class="flex items-center space-x-2 flex-row-reverse space-x-reverse mt-4">
+				<Button
+					on:click={() => {
+						close()
+					}}
+					color="light"
+					size="sm"
+				>
+					<span class="gap-2">Cancel <Badge color="dark-gray">Escape</Badge></span>
+				</Button>
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	#topModal {
+		visibility: hidden;
+		z-index: 9999;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: #4448;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.visible {
+		visibility: visible !important;
+	}</style>

package/package/components/common/modal/AlwaysMountedModal.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+export declare function getModal(id?: string): any;
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        title: string;
+        style?: string | undefined;
+        id?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type AlwaysMountedModalProps = typeof __propDef.props;
+export type AlwaysMountedModalEvents = typeof __propDef.events;
+export type AlwaysMountedModalSlots = typeof __propDef.slots;
+export default class AlwaysMountedModal extends SvelteComponentTyped<AlwaysMountedModalProps, AlwaysMountedModalEvents, AlwaysMountedModalSlots> {
+}
+export {};

package/package/components/common/modal/Modal.svelte

@@ -0,0 +1,79 @@
+<script>import { createEventDispatcher } from 'svelte';
+import { fade } from 'svelte/transition';
+import Button from '../button/Button.svelte';
+import Badge from '../badge/Badge.svelte';
+import { twMerge } from 'tailwind-merge';
+export let title;
+export let open = false;
+let c = '';
+export { c as class };
+export let style = '';
+const dispatch = createEventDispatcher();
+function onKeyDown(event) {
+    if (open) {
+        switch (event.key) {
+            case 'Enter':
+                event.stopPropagation();
+                event.preventDefault();
+                dispatch('confirmed');
+                break;
+            case 'Escape':
+                event.stopPropagation();
+                event.preventDefault();
+                dispatch('canceled');
+                break;
+        }
+    }
+}
+function fadeFast(node) {
+    return fade(node, { duration: 100 });
+}
+</script>
+
+<svelte:window on:keydown={onKeyDown} />
+
+{#if open}
+	<div
+		transition:fadeFast|local
+		class={'absolute top-0 bottom-0 left-0 right-0 z-50'}
+		role="dialog"
+	>
+		<div
+			class={twMerge(
+				'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
+				open ? 'ease-out duration-300 opacity-100' : 'ease-in duration-200 opacity-0'
+			)}
+		/>
+
+		<div class="fixed inset-0 z-10 overflow-y-auto">
+			<div class="flex min-h-full items-center justify-center p-4">
+				<div
+					class={twMerge(
+						'relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6',
+						c,
+						open
+							? 'ease-out duration-300 opacity-100 translate-y-0 sm:scale-100'
+							: 'ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'
+					)}
+					{style}
+				>
+					<div class="flex">
+						<div class="ml-4 text-left flex-1">
+							<h3 class="text-lg font-medium text-gray-900">
+								{title}
+							</h3>
+							<div class="mt-2 text-sm text-gray-500">
+								<slot />
+							</div>
+						</div>
+					</div>
+					<div class="flex items-center space-x-2 flex-row-reverse space-x-reverse mt-4">
+						<Button on:click={() => dispatch('canceled')} color="light" size="sm">
+							<span class="gap-2">Cancel <Badge color="dark-gray">Escape</Badge></span>
+						</Button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+{/if}

package/package/components/common/modal/Modal.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title: string;
+        open?: boolean | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
+    };
+    events: {
+        canceled: CustomEvent<any>;
+        confirmed: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ModalProps = typeof __propDef.props;
+export type ModalEvents = typeof __propDef.events;
+export type ModalSlots = typeof __propDef.slots;
+export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
+}
+export {};