windmill-components 1.493.10 → 1.501.4

package/package/components/common/languageIcons/Bash.svelte

@@ -1,18 +1,29 @@
 <script>
-	export let width = 16
-	export let height = 16
+	/**
+	 * @typedef {Object} Props
+	 * @property {number} [width]
+	 * @property {number} [height]
+	 */
+
+	/** @type {Props & { [key: string]: any }} */
+	let { width = 16, height = 16, ...rest } = $props()
 </script>
 
-<svg
-	{width}
-	{height}
-	{...$$restProps}
-	viewBox="0 0 16 16"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
->
-	<path d="M14.1478 3.56504L9.4137 0.752673C8.84829 0.415776 8.15106 0.415776 7.58566 0.752673L2.85152 3.56504C2.28612 3.899 1.9375 4.52007 1.9375 5.19093V10.8127C1.9375 11.4836 2.28612 12.1047 2.85152 12.4386L7.58566 15.2481C7.8669 15.415 8.18329 15.5 8.49968 15.5C8.81607 15.5 9.12953 15.415 9.4137 15.2481L14.1478 12.4386C14.7132 12.1017 15.0619 11.4836 15.0619 10.8127V5.19093C15.0619 4.52007 14.7132 3.899 14.1478 3.56504Z" fill="white"/>
-	<path d="M14.1478 3.5651L9.4137 0.752734C9.13246 0.58575 8.81607 0.500793 8.49968 0.500793C8.18329 0.500793 7.86983 0.58575 7.58566 0.752734L2.85152 3.5651C2.28612 3.89906 1.9375 4.52013 1.9375 5.19099V10.8128C1.9375 11.4837 2.28612 12.1047 2.85152 12.4387L7.58566 15.2481C7.8669 15.4151 8.18329 15.5001 8.49968 15.5001C8.81607 15.5001 9.12953 15.4151 9.4137 15.2481L14.1478 12.4387C14.7132 12.1018 15.0619 11.4837 15.0619 10.8128V5.19099C15.0619 4.52013 14.7132 3.89906 14.1478 3.5651ZM7.75265 14.961L3.0185 12.1516C2.55563 11.8762 2.26854 11.3635 2.26854 10.8128V5.19099C2.26854 4.64024 2.55563 4.12757 3.0185 3.85219L7.75265 1.04276C7.98115 0.908 8.23895 0.837691 8.49968 0.837691C8.76041 0.837691 9.02114 0.908 9.24671 1.04276L13.9809 3.85219C14.3705 4.08363 14.6341 4.48497 14.7074 4.93612C14.5492 4.60216 14.1976 4.50841 13.7846 4.75156L9.3053 7.51998C8.74576 7.84516 8.33562 8.21428 8.33562 8.88515V14.4044C8.33562 14.8087 8.49675 15.0694 8.74869 15.1456C8.66666 15.1602 8.58464 15.169 8.49968 15.169C8.23895 15.1661 7.97822 15.0958 7.75265 14.961Z" fill="#283037"/>
-	<path d="M12.9086 11.3547L11.728 12.0607C11.6958 12.0783 11.6724 12.0988 11.6724 12.1369V12.4445C11.6724 12.4826 11.6987 12.4972 11.728 12.4796L12.9262 11.7531C12.9584 11.7355 12.9614 11.7004 12.9614 11.6623V11.3899C12.9643 11.3518 12.9379 11.3371 12.9086 11.3547Z" fill="#4DA825"/>
-	<path d="M10.3983 8.75913C10.4364 8.73863 10.4686 8.76499 10.4686 8.81479L10.4715 9.222C10.6414 9.15462 10.7908 9.13704 10.9256 9.16634C10.9549 9.17513 10.9666 9.21321 10.9549 9.26008L10.8641 9.62042C10.8582 9.64678 10.8406 9.67608 10.8231 9.69366C10.8143 9.70245 10.8084 9.70831 10.7996 9.71123C10.7879 9.71709 10.7762 9.72002 10.7645 9.71709C10.7029 9.70245 10.5565 9.67022 10.328 9.7874C10.0877 9.91044 10.0028 10.1184 10.0057 10.2737C10.0086 10.4583 10.1024 10.5169 10.4305 10.5198C10.867 10.5256 11.0574 10.719 11.0604 11.1584C11.0662 11.592 10.8348 12.0549 10.4803 12.342L10.4891 12.7462C10.4891 12.796 10.4569 12.8517 10.4188 12.8693L10.1786 13.007C10.1405 13.0275 10.1082 13.004 10.1082 12.9542L10.1053 12.5558C9.90025 12.6408 9.69225 12.6613 9.56042 12.6086C9.53406 12.5998 9.52527 12.5617 9.53406 12.5207L9.62194 12.1545C9.6278 12.1252 9.64538 12.0959 9.66589 12.0783C9.67468 12.0724 9.68053 12.0666 9.68932 12.0607C9.70397 12.0549 9.71569 12.0519 9.72741 12.0578C9.87096 12.1047 10.0526 12.0842 10.2284 11.9933C10.451 11.8791 10.6004 11.6535 10.5975 11.425C10.5946 11.22 10.4832 11.135 10.2137 11.1321C9.87095 11.1321 9.5487 11.0647 9.54285 10.5579C9.53992 10.1419 9.7567 9.70831 10.0995 9.43293L10.0965 9.02572C10.0965 8.97592 10.1258 8.92026 10.1668 8.89975L10.3983 8.75913Z" fill="white"/>
+<svg {width} {height} {...rest} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M14.1478 3.56504L9.4137 0.752673C8.84829 0.415776 8.15106 0.415776 7.58566 0.752673L2.85152 3.56504C2.28612 3.899 1.9375 4.52007 1.9375 5.19093V10.8127C1.9375 11.4836 2.28612 12.1047 2.85152 12.4386L7.58566 15.2481C7.8669 15.415 8.18329 15.5 8.49968 15.5C8.81607 15.5 9.12953 15.415 9.4137 15.2481L14.1478 12.4386C14.7132 12.1017 15.0619 11.4836 15.0619 10.8127V5.19093C15.0619 4.52007 14.7132 3.899 14.1478 3.56504Z"
+		fill="white"
+	/>
+	<path
+		d="M14.1478 3.5651L9.4137 0.752734C9.13246 0.58575 8.81607 0.500793 8.49968 0.500793C8.18329 0.500793 7.86983 0.58575 7.58566 0.752734L2.85152 3.5651C2.28612 3.89906 1.9375 4.52013 1.9375 5.19099V10.8128C1.9375 11.4837 2.28612 12.1047 2.85152 12.4387L7.58566 15.2481C7.8669 15.4151 8.18329 15.5001 8.49968 15.5001C8.81607 15.5001 9.12953 15.4151 9.4137 15.2481L14.1478 12.4387C14.7132 12.1018 15.0619 11.4837 15.0619 10.8128V5.19099C15.0619 4.52013 14.7132 3.89906 14.1478 3.5651ZM7.75265 14.961L3.0185 12.1516C2.55563 11.8762 2.26854 11.3635 2.26854 10.8128V5.19099C2.26854 4.64024 2.55563 4.12757 3.0185 3.85219L7.75265 1.04276C7.98115 0.908 8.23895 0.837691 8.49968 0.837691C8.76041 0.837691 9.02114 0.908 9.24671 1.04276L13.9809 3.85219C14.3705 4.08363 14.6341 4.48497 14.7074 4.93612C14.5492 4.60216 14.1976 4.50841 13.7846 4.75156L9.3053 7.51998C8.74576 7.84516 8.33562 8.21428 8.33562 8.88515V14.4044C8.33562 14.8087 8.49675 15.0694 8.74869 15.1456C8.66666 15.1602 8.58464 15.169 8.49968 15.169C8.23895 15.1661 7.97822 15.0958 7.75265 14.961Z"
+		fill="#283037"
+	/>
+	<path
+		d="M12.9086 11.3547L11.728 12.0607C11.6958 12.0783 11.6724 12.0988 11.6724 12.1369V12.4445C11.6724 12.4826 11.6987 12.4972 11.728 12.4796L12.9262 11.7531C12.9584 11.7355 12.9614 11.7004 12.9614 11.6623V11.3899C12.9643 11.3518 12.9379 11.3371 12.9086 11.3547Z"
+		fill="#4DA825"
+	/>
+	<path
+		d="M10.3983 8.75913C10.4364 8.73863 10.4686 8.76499 10.4686 8.81479L10.4715 9.222C10.6414 9.15462 10.7908 9.13704 10.9256 9.16634C10.9549 9.17513 10.9666 9.21321 10.9549 9.26008L10.8641 9.62042C10.8582 9.64678 10.8406 9.67608 10.8231 9.69366C10.8143 9.70245 10.8084 9.70831 10.7996 9.71123C10.7879 9.71709 10.7762 9.72002 10.7645 9.71709C10.7029 9.70245 10.5565 9.67022 10.328 9.7874C10.0877 9.91044 10.0028 10.1184 10.0057 10.2737C10.0086 10.4583 10.1024 10.5169 10.4305 10.5198C10.867 10.5256 11.0574 10.719 11.0604 11.1584C11.0662 11.592 10.8348 12.0549 10.4803 12.342L10.4891 12.7462C10.4891 12.796 10.4569 12.8517 10.4188 12.8693L10.1786 13.007C10.1405 13.0275 10.1082 13.004 10.1082 12.9542L10.1053 12.5558C9.90025 12.6408 9.69225 12.6613 9.56042 12.6086C9.53406 12.5998 9.52527 12.5617 9.53406 12.5207L9.62194 12.1545C9.6278 12.1252 9.64538 12.0959 9.66589 12.0783C9.67468 12.0724 9.68053 12.0666 9.68932 12.0607C9.70397 12.0549 9.71569 12.0519 9.72741 12.0578C9.87096 12.1047 10.0526 12.0842 10.2284 11.9933C10.451 11.8791 10.6004 11.6535 10.5975 11.425C10.5946 11.22 10.4832 11.135 10.2137 11.1321C9.87095 11.1321 9.5487 11.0647 9.54285 10.5579C9.53992 10.1419 9.7567 9.70831 10.0995 9.43293L10.0965 9.02572C10.0965 8.97592 10.1258 8.92026 10.1668 8.89975L10.3983 8.75913Z"
+		fill="white"
+	/>
 </svg>

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

@@ -1,30 +1,17 @@
 export default Bash;
-type Bash = SvelteComponent<{
-    [x: string]: any;
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type Bash = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & {
+        [key: string]: any;
+    }>): void;
 };
-declare const Bash: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
+declare const Bash: import("svelte").Component<{
+    width?: number | undefined;
     height?: number | undefined;
+} & {
+    [key: string]: any;
+}, {}, "">;
+type Props = {
     width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}
+    height?: number | undefined;
+};

package/package/components/common/languageIcons/Go.svelte

@@ -1,16 +1,15 @@
 <script>
-	export let width = 16
-	export let height = 16
+	/**
+	 * @typedef {Object} Props
+	 * @property {number} [width]
+	 * @property {number} [height]
+	 */
+
+	/** @type {Props & { [key: string]: any }} */
+	let { width = 16, height = 16, ...rest } = $props()
 </script>
 
-<svg
-	{width}
-	{height}
-	{...$$restProps}
-	viewBox="0 0 16 16"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
->
+<svg {width} {height} {...rest} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M1.20743 6.82123C1.17627 6.82123 1.16848 6.80565 1.18406 6.78228L1.34764 6.57197C1.36322 6.5486 1.40217 6.53302 1.43333 6.53302H4.21424C4.2454 6.53302 4.25319 6.55639 4.23761 6.57976L4.10519 6.78228C4.08961 6.80565 4.05066 6.82902 4.02729 6.82902L1.20743 6.82123Z"
 		fill="#00ACD7"

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

@@ -1,30 +1,17 @@
 export default Go;
-type Go = SvelteComponent<{
-    [x: string]: any;
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type Go = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & {
+        [key: string]: any;
+    }>): void;
 };
-declare const Go: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
+declare const Go: import("svelte").Component<{
+    width?: number | undefined;
     height?: number | undefined;
+} & {
+    [key: string]: any;
+}, {}, "">;
+type Props = {
     width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}
+    height?: number | undefined;
+};

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

@@ -1,6 +1,12 @@
 <script>
-	export let width = 16
-	export let height = 16
+	/**
+	 * @typedef {Object} Props
+	 * @property {number} [width]
+	 * @property {number} [height]
+	 */
+
+	/** @type {Props} */
+	let { width = 16, height = 16 } = $props()
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 630 630">

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

@@ -1,28 +1,13 @@
 export default JavaScript;
-type JavaScript = SvelteComponent<{
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type JavaScript = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
 };
-declare const JavaScript: $$__sveltets_2_IsomorphicComponent<{
+declare const JavaScript: import("svelte").Component<{
+    width?: number | undefined;
     height?: number | undefined;
+}, {}, "">;
+type Props = {
     width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}
+    height?: number | undefined;
+};

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

@@ -20,10 +20,7 @@ import CSharpIcon from '../../icons/CSharpIcon.svelte';
 import NuIcon from '../../icons/NuIcon.svelte';
 import JavaIcon from '../../icons/JavaIcon.svelte';
 import DuckDbIcon from '../../icons/DuckDbIcon.svelte';
-export let lang;
-export let width = 30;
-export let height = 30;
-export let scale = 1;
+let { lang, width = 30, height = 30, scale = 1, ...rest } = $props();
 const languageLabel = {
     python3: 'Python',
     deno: 'TypeScript',
@@ -80,15 +77,15 @@ const langToComponent = {
     // for related places search: ADD_NEW_LANG
 };
 let subIconScale = width === 30 ? 0.6 : 0.8;
+const SvelteComponent = $derived(langToComponent[lang]);
 </script>
 
 <div class="relative">
-	<svelte:component
-		this={langToComponent[lang]}
+	<SvelteComponent
 		title={languageLabel[lang]}
 		width={width * scale}
 		height={height * scale}
-		{...$$restProps}
+		{...rest}
 	/>
 	{#if lang === 'deno'}
 		<div

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

@@ -1,25 +1,11 @@
 import type { SupportedLanguage } from '../../../common';
-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;
+interface Props {
+    lang: SupportedLanguage | 'mysql' | 'bun' | 'pgsql' | 'javascript' | 'fetch' | 'docker' | 'powershell' | 'bunnative';
+    width?: number;
+    height?: number;
+    scale?: number;
+    [key: string]: any;
 }
-declare const LanguageIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    lang: SupportedLanguage | "mysql" | "bun" | "pgsql" | "javascript" | "fetch" | "docker" | "powershell" | "bunnative";
-    width?: number | undefined;
-    height?: number | undefined;
-    scale?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type LanguageIcon = InstanceType<typeof LanguageIcon>;
+declare const LanguageIcon: import("svelte").Component<Props, {}, "">;
+type LanguageIcon = ReturnType<typeof LanguageIcon>;
 export default LanguageIcon;

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

@@ -1,12 +1,11 @@
-<script>
-	export let width = 16
-	export let height = 16
+<script lang="ts">"use strict";
+let { width = 16, height = 16, ...rest } = $props();
 </script>
 
 <svg
 	{width}
 	{height}
-	{...$$restProps}
+	{...rest}
 	viewBox="0 0 17 16"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"

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

@@ -1,30 +1,8 @@
-export default Python;
-type Python = SvelteComponent<{
-    [x: string]: any;
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Python: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
+interface Props {
+    width?: number;
+    height?: number;
+    [key: string]: any;
 }
+declare const Python: import("svelte").Component<Props, {}, "">;
+type Python = ReturnType<typeof Python>;
+export default Python;

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

@@ -1,12 +1,11 @@
-<script>
-	export let width = 16
-	export let height = 16
+<script lang="ts">"use strict";
+let { width = 16, height = 16, ...rest } = $props();
 </script>
 
 <svg
 	{width}
 	{height}
-	{...$$restProps}
+	{...rest}
 	viewBox="0 0 17 16"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"

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

@@ -1,30 +1,8 @@
-export default TypeScript;
-type TypeScript = SvelteComponent<{
-    [x: string]: any;
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const TypeScript: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    height?: number | undefined;
-    width?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
+interface Props {
+    width?: number;
+    height?: number;
+    [key: string]: any;
 }
+declare const TypeScript: import("svelte").Component<Props, {}, "">;
+type TypeScript = ReturnType<typeof TypeScript>;
+export default TypeScript;

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

@@ -1,20 +1,14 @@
-<script lang="ts" context="module">"use strict";
+<script lang="ts" module>"use strict";
 let current = undefined;
 </script>
 
 <script lang="ts">import { classNames } from '../../../utils';
 import { createEventDispatcher, 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 = 25;
-export let pointerDown = false;
-let menu;
-export let placement = 'bottom-start';
+let menu = $state();
+let { noMinW = false, show = $bindable(false), wrapperClasses = '', popupClasses = '', transitionDuration = 25, pointerDown = false, placement = 'bottom-start', trigger, children } = $props();
 function handleOutsideClick(event) {
-    if (show && !menu.contains(event.target)) {
+    if (show && !menu?.contains(event.target)) {
         show = false;
         event.preventDefault();
         event.stopPropagation();
@@ -48,10 +42,10 @@ const dispatch = createEventDispatcher();
 </script>
 
 <div class="relative {wrapperClasses}" bind:this={menu}>
-	<!-- svelte-ignore a11y-click-events-have-key-events -->
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y_click_events_have_key_events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div
-		on:click={() => {
+		onclick={() => {
 			if (!pointerDown) {
 				if (!show) {
 					current && current()
@@ -65,7 +59,7 @@ const dispatch = createEventDispatcher();
 				}
 			}
 		}}
-		on:pointerdown={() => {
+		onpointerdown={() => {
 			if (pointerDown) {
 				if (!show) {
 					current && current()
@@ -76,7 +70,7 @@ const dispatch = createEventDispatcher();
 		}}
 		class="relative"
 	>
-		<slot class="triggerable" name="trigger" />
+		{@render trigger?.({ class: 'triggerable' })}
 	</div>
 	{#if show}
 		<div
@@ -90,7 +84,7 @@ const dispatch = createEventDispatcher();
 			role="menu"
 			tabindex="-1"
 		>
-			<slot {close} />
+			{@render children?.({ close })}
 		</div>
 	{/if}
 </div>

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

@@ -1,3 +1,17 @@
+type Alignment = 'start' | 'end' | 'center';
+type Side = 'top' | 'bottom';
+type Placement = `${Side}-${Alignment}`;
+interface Props {
+    noMinW?: boolean;
+    show?: boolean;
+    wrapperClasses?: string;
+    popupClasses?: string;
+    transitionDuration?: number;
+    pointerDown?: boolean;
+    placement?: Placement;
+    trigger?: import('svelte').Snippet<[any]>;
+    children?: import('svelte').Snippet<[any]>;
+}
 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;
@@ -11,38 +25,11 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, 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 Menu: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    noMinW?: boolean;
-    show?: boolean;
-    wrapperClasses?: string;
-    popupClasses?: string;
-    transitionDuration?: number;
-    pointerDown?: boolean;
-    placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-center" | "bottom-center";
-}, {
-    trigger: {
-        class: string;
-    };
-    default: {
-        close: () => void;
-    };
-}>, {
+declare const Menu: $$__sveltets_2_IsomorphicComponent<Props, {
     dropdownOpen: CustomEvent<any>;
     dropdownClose: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {
-        class: string;
-    };
-    default: {
-        close: () => void;
-    };
-}, {}, string>;
+}, {}, {}, "show">;
 type Menu = InstanceType<typeof Menu>;
 export default Menu;

package/package/components/common/popup/PopupV2.svelte

@@ -1,20 +1,18 @@
 <script lang="ts">import Portal from '../../Portal.svelte';
 import { clickOutside } from '../../../utils';
 import { createFloatingActions } from 'svelte-floating-ui';
-export let floatingConfig = {
+let { floatingConfig = {
     strategy: 'absolute',
     //@ts-ignore
     placement: 'bottom-center'
-};
-export let open = false;
-export let target = undefined;
+}, open = $bindable(false), target = undefined, button, children } = $props();
 // export let containerClasses: string = 'rounded-lg shadow-md border p-4 bg-surface'
 // export let floatingClasses: string = ''
 const [floatingRef, floatingContent] = createFloatingActions(floatingConfig);
 function close(div) {
     open = false;
 }
-let acceptClickoutside = false;
+let acceptClickoutside = $state(false);
 function pointerup() {
     setTimeout(() => {
         acceptClickoutside = true;
@@ -32,7 +30,7 @@ function pointerdown() {
 </script>
 
 <div use:floatingRef>
-	<slot {pointerup} {pointerdown} name="button" />
+	{@render button?.({ pointerup, pointerdown })}
 </div>
 
 <Portal name="popup-v2" {target}>
@@ -42,6 +40,7 @@ function pointerdown() {
 			style="position:absolute"
 			use:floatingContent
 		>
+			<!-- svelte-ignore event_directive_deprecated -->
 			<div
 				use:clickOutside
 				on:click_outside={() => {
@@ -51,7 +50,7 @@ function pointerdown() {
 					}
 				}}
 			>
-				<slot {close} />
+				{@render children?.({ close })}
 			</div>
 		</div>
 	{/if}

package/package/components/common/popup/PopupV2.svelte.d.ts

@@ -1,44 +1,11 @@
 import { type ComputeConfig } from 'svelte-floating-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 PopupV2: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+interface Props {
     floatingConfig?: ComputeConfig;
     open?: boolean;
     target?: string | undefined;
-}, {
-    button: {
-        pointerup: () => void;
-        pointerdown: () => void;
-    };
-    default: {
-        close: (div: Element | null) => void;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    button: {
-        pointerup: () => void;
-        pointerdown: () => void;
-    };
-    default: {
-        close: (div: Element | null) => void;
-    };
-}, {}, string>;
-type PopupV2 = InstanceType<typeof PopupV2>;
+    button?: import('svelte').Snippet<[any]>;
+    children?: import('svelte').Snippet<[any]>;
+}
+declare const PopupV2: import("svelte").Component<Props, {}, "open">;
+type PopupV2 = ReturnType<typeof PopupV2>;
 export default PopupV2;

package/package/components/common/skeleton/Skeleton.svelte

@@ -1,10 +1,7 @@
 <script lang="ts">import { HEIGHT_UNIT } from './model';
 import SkeletonElement from './SkeletonElement.svelte';
 import { onMount } from 'svelte';
-export let layout;
-export let loading = true;
-export let overlay = false;
-export let mounted = false;
+let { layout, loading = true, overlay = false, class: clazz = undefined, mounted = $bindable(false) } = $props();
 onMount(() => {
     setTimeout(() => {
         mounted = true;
@@ -17,7 +14,7 @@ onMount(() => {
 		<div
 			class="flex grow flex-col overflow-hidden transition-[opacity] duration-1000 opacity-0 {mounted
 				? 'opacity-100'
-				: ''} {overlay ? 'absolute w-full h-full z-[1000]' : ''} {$$props.class}"
+				: ''} {overlay ? 'absolute w-full h-full z-[1000]' : ''} {clazz}"
 		>
 			{#each layout as row}
 				<div class="flex justify-between items-start gap-4">