windmill-components 1.493.10 → 1.501.4

package/package/components/icons/TypeformIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TypeformIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TypeformIcon = InstanceType<typeof TypeformIcon>;
+}
+declare const TypeformIcon: import("svelte").Component<Props, {}, "">;
+type TypeformIcon = ReturnType<typeof TypeformIcon>;
 export default TypeformIcon;

package/package/components/icons/VismaIcon.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">export let height = '24px';
-export let width = '24px';
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg {width} {height} viewBox="0 0 36 25" fill="none" xmlns="http://www.w3.org/2000/svg">

package/package/components/icons/VismaIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const VismaIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type VismaIcon = InstanceType<typeof VismaIcon>;
+}
+declare const VismaIcon: import("svelte").Component<Props, {}, "">;
+type VismaIcon = ReturnType<typeof VismaIcon>;
 export default VismaIcon;

package/package/components/icons/VueIcon.svelte

@@ -1,6 +1,5 @@
-<script>
-	export let height = '24px'
-	export let width = '24px'
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg {width} {height} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" version="1.1">

package/package/components/icons/VueIcon.svelte.d.ts

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

package/package/components/icons/WebdavIcon.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">export let height = '24px';
-export let width = '24px';
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">

package/package/components/icons/WebdavIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const WebdavIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type WebdavIcon = InstanceType<typeof WebdavIcon>;
+}
+declare const WebdavIcon: import("svelte").Component<Props, {}, "">;
+type WebdavIcon = ReturnType<typeof WebdavIcon>;
 export default WebdavIcon;

package/package/components/icons/WindmillAiIcon.svelte

@@ -0,0 +1,38 @@
+<script>
+	import DarkModeObserver from '../DarkModeObserver.svelte'
+
+	let { size = 24, forceDarkMode = false, className } = $props()
+	let darkMode = $state(false)
+</script>
+
+<DarkModeObserver bind:darkMode />
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 65 65"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	class={className}
+>
+	<g transform="translate(0, 4.5)">
+		<path
+			d="M40.625 14L56.875 14L65 28L48.75 28L56.875 42L48.75 56L40.625 42L32.5 56L16.25 56L24.375 42L8.12502 41.9999L0 28L16.25 28L8.12499 14L16.25 1.54244e-05L24.375 14L32.5 7.2001e-05L48.75 0L40.625 14Z"
+			fill={darkMode || forceDarkMode ? '#8556D0' : '#E2DBFF'}
+		/>
+		<path
+			d="M28.6964 33.2749C28.5536 32.7039 28.265 32.1828 27.8606 31.7658C27.4563 31.3488 26.951 31.0512 26.3973 30.9039L16.5815 28.2936C16.4141 28.2446 16.2667 28.1406 16.1617 27.9974C16.0568 27.8541 16 27.6795 16 27.5C16 27.3205 16.0568 27.1459 16.1617 27.0026C16.2667 26.8594 16.4141 26.7554 16.5815 26.7064L26.3973 24.0945C26.9508 23.9473 27.456 23.6499 27.8603 23.2333C28.2646 22.8166 28.5533 22.2958 28.6964 21.7251L31.2276 11.6026C31.2746 11.4293 31.3754 11.2765 31.5145 11.1677C31.6536 11.0589 31.8234 11 31.9979 11C32.1725 11 32.3423 11.0589 32.4814 11.1677C32.6205 11.2765 32.7213 11.4293 32.7683 11.6026L35.2979 21.7251C35.4407 22.2961 35.7293 22.8172 36.1336 23.2342C36.538 23.6512 37.0433 23.9488 37.597 24.0961L47.4127 26.7047C47.5815 26.7527 47.7304 26.8565 47.8365 27.0002C47.9426 27.1438 48 27.3194 48 27.5C48 27.6806 47.9426 27.8562 47.8365 27.9998C47.7304 28.1435 47.5815 28.2473 47.4127 28.2953L37.597 30.9039C37.0433 31.0512 36.538 31.3488 36.1336 31.7658C35.7293 32.1828 35.4407 32.7039 35.2979 33.2749L32.7667 43.3974C32.7197 43.5707 32.6189 43.7235 32.4798 43.8323C32.3407 43.9411 32.1709 44 31.9963 44C31.8218 44 31.652 43.9411 31.5129 43.8323C31.3738 43.7235 31.273 43.5707 31.226 43.3974L28.6964 33.2749Z"
+			fill="white"
+			stroke={darkMode || forceDarkMode ? '#E2DBFF' : '#A76FFF'}
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		/>
+		<path
+			d="M19.9676 42.75C19.923 42.5769 19.8328 42.419 19.7064 42.2927C19.5801 42.1663 19.4222 42.0761 19.2492 42.0315L16.1817 41.2405C16.1294 41.2256 16.0833 41.1941 16.0505 41.1507C16.0177 41.1073 16 41.0544 16 41C16 40.9456 16.0177 40.8927 16.0505 40.8493C16.0833 40.8059 16.1294 40.7744 16.1817 40.7595L19.2492 39.968C19.4221 39.9234 19.58 39.8333 19.7063 39.7071C19.8327 39.5808 19.9229 39.423 19.9676 39.25L20.7586 36.1826C20.7733 36.1301 20.8048 36.0838 20.8483 36.0508C20.8917 36.0178 20.9448 36 20.9994 36C21.0539 36 21.107 36.0178 21.1504 36.0508C21.1939 36.0838 21.2254 36.1301 21.2401 36.1826L22.0306 39.25C22.0752 39.4231 22.1654 39.581 22.2918 39.7073C22.4181 39.8337 22.576 39.9239 22.7491 39.9685L25.8165 40.759C25.8692 40.7736 25.9157 40.805 25.9489 40.8485C25.982 40.8921 26 40.9453 26 41C26 41.0547 25.982 41.1079 25.9489 41.1515C25.9157 41.195 25.8692 41.2264 25.8165 41.241L22.7491 42.0315C22.576 42.0761 22.4181 42.1663 22.2918 42.2927C22.1654 42.419 22.0752 42.5769 22.0306 42.75L21.2396 45.8174C21.2249 45.8699 21.1934 45.9162 21.1499 45.9492C21.1065 45.9822 21.0534 46 20.9989 46C20.9443 46 20.8912 45.9822 20.8478 45.9492C20.8043 45.9162 20.7728 45.8699 20.7581 45.8174L19.9676 42.75Z"
+			fill="white"
+			stroke={darkMode || forceDarkMode ? '#E2DBFF' : '#A76FFF'}
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		/>
+	</g>
+</svg>

package/package/components/icons/WindmillAiIcon.svelte.d.ts

@@ -0,0 +1,15 @@
+export default WindmillAiIcon;
+type WindmillAiIcon = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const WindmillAiIcon: import("svelte").Component<{
+    size?: number;
+    forceDarkMode?: boolean;
+    className: any;
+}, {}, "">;
+type $$ComponentProps = {
+    size?: number;
+    forceDarkMode?: boolean;
+    className: any;
+};

package/package/components/icons/WindmillIcon.svelte

@@ -1,25 +1,16 @@
 <script lang="ts">import { customIcon } from './store';
-export let height = '24px';
-export let width = '24px';
-export let white = false;
-export let spin = undefined;
+let { height = '24px', width = '24px', white = false, spin = undefined, class: classNames = '' } = $props();
 </script>
 
 {#if customIcon.white || customIcon.normal}
 	{#if white}
-		<img src={customIcon.white} alt="Windmill Custom icon" {width} {height} class={$$props.class} />
+		<img src={customIcon.white} alt="Windmill Custom icon" {width} {height} class={classNames} />
 	{:else}
-		<img
-			src={customIcon.normal}
-			alt="Windmill Custom icon"
-			{width}
-			{height}
-			class={$$props.class}
-		/>
+		<img src={customIcon.normal} alt="Windmill Custom icon" {width} {height} class={classNames} />
 	{/if}
 {:else}
 	<svg
-		class={$$props.class}
+		class={classNames}
 		class:animate-[spin_2s_linear_infinite]={spin === 'veryfast'}
 		class:animate-[spin_5s_linear_infinite]={spin === 'fast'}
 		class:animate-[spin_15s_linear_infinite]={spin === 'medium'}

package/package/components/icons/WindmillIcon.svelte.d.ts

@@ -1,24 +1,10 @@
-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 {
+    height?: string;
+    width?: string;
+    white?: boolean;
+    spin?: 'slow' | 'medium' | 'fast' | 'veryfast' | undefined;
+    class?: string;
 }
-declare const WindmillIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    height?: string | undefined;
-    width?: string | undefined;
-    white?: boolean | undefined;
-    spin?: "slow" | "medium" | "fast" | "veryfast" | undefined | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type WindmillIcon = InstanceType<typeof WindmillIcon>;
+declare const WindmillIcon: import("svelte").Component<Props, {}, "">;
+type WindmillIcon = ReturnType<typeof WindmillIcon>;
 export default WindmillIcon;

package/package/components/icons/WindmillIcon2.svelte

@@ -1,8 +1,7 @@
-<script lang="ts">import { customIcon } from './store';
-export let white = false;
-export let size = '24px';
-export let color = undefined;
-export let spin = undefined;
+<!-- @migration-task Error while migrating Svelte code: $$props is used together with named props in a way that cannot be automatically migrated. -->
+<script lang="ts">import { run } from 'svelte/legacy';
+import { customIcon } from './store';
+let { white = false, size = '24px', color = undefined, spin = undefined, class: classNames = '' } = $props();
 function hslToHex(h, s, l) {
     s /= 100;
     l /= 100;
@@ -89,8 +88,10 @@ function reduceSaturation(hex, reductionPercent) {
     // Convert back to hex
     return hslToHex(h, s, l);
 }
-let lessSaturatedColor;
-$: color ? (lessSaturatedColor = reduceSaturation(color, -16)) : (lessSaturatedColor = undefined);
+let lessSaturatedColor = $state();
+run(() => {
+    color ? (lessSaturatedColor = reduceSaturation(color, -16)) : (lessSaturatedColor = undefined);
+});
 </script>
 
 {#if customIcon.white || customIcon.normal}
@@ -100,7 +101,7 @@ $: color ? (lessSaturatedColor = reduceSaturation(color, -16)) : (lessSaturatedC
 			alt="Windmill Custom icon"
 			width={size}
 			height={size}
-			class={$$props.class}
+			class={classNames}
 		/>
 	{:else}
 		<img
@@ -108,12 +109,12 @@ $: color ? (lessSaturatedColor = reduceSaturation(color, -16)) : (lessSaturatedC
 			alt="Windmill Custom icon"
 			width={size}
 			height={size}
-			class={$$props.class}
+			class={classNames}
 		/>
 	{/if}
 {:else}
 	<svg
-		class={$$props.class}
+		class={classNames}
 		class:animate-[spin_2s_linear_infinite]={spin === 'veryfast'}
 		class:animate-[spin_5s_linear_infinite]={spin === 'fast'}
 		class:animate-[spin_15s_linear_infinite]={spin === 'medium'}

package/package/components/icons/WindmillIcon2.svelte.d.ts

@@ -1,24 +1,10 @@
-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 {
+    white?: boolean;
+    size?: string;
+    color?: string | undefined;
+    spin?: 'slow' | 'medium' | 'fast' | 'veryfast' | undefined;
+    class?: string;
 }
-declare const WindmillIcon2: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    white?: boolean | undefined;
-    size?: string | undefined;
-    color?: string | undefined | undefined;
-    spin?: "slow" | "medium" | "fast" | "veryfast" | undefined | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type WindmillIcon2 = InstanceType<typeof WindmillIcon2>;
+declare const WindmillIcon2: import("svelte").Component<Props, {}, "">;
+type WindmillIcon2 = ReturnType<typeof WindmillIcon2>;
 export default WindmillIcon2;

package/package/components/icons/XeroIcon.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">export let height = '24px';
-export let width = '24px';
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg

package/package/components/icons/XeroIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const XeroIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type XeroIcon = InstanceType<typeof XeroIcon>;
+}
+declare const XeroIcon: import("svelte").Component<Props, {}, "">;
+type XeroIcon = ReturnType<typeof XeroIcon>;
 export default XeroIcon;

package/package/components/icons/ZammadIcon.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">export let height = '24px';
-export let width = '24px';
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">

package/package/components/icons/ZammadIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ZammadIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ZammadIcon = InstanceType<typeof ZammadIcon>;
+}
+declare const ZammadIcon: import("svelte").Component<Props, {}, "">;
+type ZammadIcon = ReturnType<typeof ZammadIcon>;
 export default ZammadIcon;

package/package/components/icons/ZendeskIcon.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">export let height = '24px';
-export let width = '24px';
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg {width} {height} viewBox="0 -30.5 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">

package/package/components/icons/ZendeskIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ZendeskIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ZendeskIcon = InstanceType<typeof ZendeskIcon>;
+}
+declare const ZendeskIcon: import("svelte").Component<Props, {}, "">;
+type ZendeskIcon = ReturnType<typeof ZendeskIcon>;
 export default ZendeskIcon;

package/package/components/icons/ZitadelIcon.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">export let height = '24px';
-export let width = '24px';
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
 </script>
 
 <svg {width} {height} viewBox="0 0 467 467" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">

package/package/components/icons/ZitadelIcon.svelte.d.ts

@@ -1,21 +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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ZitadelIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     height?: string;
     width?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ZitadelIcon = InstanceType<typeof ZitadelIcon>;
+}
+declare const ZitadelIcon: import("svelte").Component<Props, {}, "">;
+type ZitadelIcon = ReturnType<typeof ZitadelIcon>;
 export default ZitadelIcon;

package/package/components/icons/brands/Auth0.svelte

@@ -1,7 +1,5 @@
-<script lang="ts">export let size = 16;
-export let style = 'fill: white;';
-let clazz = '';
-export { clazz as class };
+<script lang="ts">"use strict";
+let { size = 16, style = 'fill: white;', class: clazz = '' } = $props();
 </script>
 
 <svg

package/package/components/icons/brands/Auth0.svelte.d.ts

@@ -1,22 +1,8 @@
-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 Auth0: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     size?: number;
     style?: string;
     class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Auth0 = InstanceType<typeof Auth0>;
+}
+declare const Auth0: import("svelte").Component<Props, {}, "">;
+type Auth0 = ReturnType<typeof Auth0>;
 export default Auth0;

package/package/components/icons/brands/Discord.svelte

@@ -1,7 +1,5 @@
-<script lang="ts">export let size = 16;
-export let style = 'fill: white;';
-let clazz = '';
-export { clazz as class };
+<script lang="ts">"use strict";
+let { size = 16, style = 'fill: white;', class: clazz = '' } = $props();
 </script>
 
 <svg

package/package/components/icons/brands/Discord.svelte.d.ts

@@ -1,22 +1,8 @@
-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 Discord: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     size?: number;
     style?: string;
     class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Discord = InstanceType<typeof Discord>;
+}
+declare const Discord: import("svelte").Component<Props, {}, "">;
+type Discord = ReturnType<typeof Discord>;
 export default Discord;

package/package/components/icons/brands/Github.svelte

@@ -1,7 +1,5 @@
-<script lang="ts">export let size = 16;
-export let style = 'fill: white;';
-let clazz = '';
-export { clazz as class };
+<script lang="ts">"use strict";
+let { size = 16, style = 'fill: white;', class: clazz = '' } = $props();
 </script>
 
 <svg

package/package/components/icons/brands/Github.svelte.d.ts

@@ -1,22 +1,8 @@
-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 Github: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     size?: number;
     style?: string;
     class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Github = InstanceType<typeof Github>;
+}
+declare const Github: import("svelte").Component<Props, {}, "">;
+type Github = ReturnType<typeof Github>;
 export default Github;

package/package/components/icons/brands/Gitlab.svelte

@@ -1,7 +1,5 @@
-<script lang="ts">export let size = 16;
-export let style = 'fill: white;';
-let clazz = '';
-export { clazz as class };
+<script lang="ts">"use strict";
+let { size = 16, style = 'fill: white;', class: clazz = '' } = $props();
 </script>
 
 <svg