windmill-components 1.558.3 → 1.596.0

package/package/components/home/TutorialButton.svelte

@@ -0,0 +1,97 @@
+<script lang="ts">import { CheckCircle2, Circle, RefreshCw, CheckCheck } from 'lucide-svelte';
+let { icon: Icon, title, description, onclick, isCompleted = false, disabled = false, comingSoon = false, onReset, onComplete } = $props();
+let isHovered = $state(false);
+// Determine which action button to show
+const actionButton = $derived(() => {
+    if (isCompleted && isHovered && onReset) {
+        return {
+            icon: RefreshCw,
+            label: 'Reset',
+            onClick: onReset
+        };
+    }
+    if (!isCompleted && isHovered && onComplete) {
+        return {
+            icon: CheckCheck,
+            label: 'Mark as completed',
+            onClick: onComplete
+        };
+    }
+    return null;
+});
+function handleAction(e) {
+    const button = actionButton();
+    if (!button)
+        return;
+    e.stopPropagation();
+    e.preventDefault();
+    button.onClick();
+}
+</script>
+
+<button
+	onclick={disabled || comingSoon ? undefined : onclick}
+	disabled={disabled || comingSoon}
+	class="group relative flex items-center gap-4 w-full px-4 py-3 first-of-type:!border-t-0 first-of-type:rounded-t-md last-of-type:rounded-b-md [*:not(:last-child)]:border-b border-b border-light transition-colors text-left last:border-b-0 {disabled || comingSoon
+		? 'opacity-50 cursor-not-allowed'
+		: 'hover:bg-surface-hover'}"
+>
+	<!-- Icon -->
+	<Icon size={20} class="flex-shrink-0 text-accent-primary transition-colors" />
+
+	<!-- Content -->
+	<div class="flex-1 min-w-0">
+		<div class="text-emphasis flex-wrap text-left text-xs font-semibold {!disabled && !comingSoon
+			? 'group-hover:text-accent-primary'
+			: ''} transition-colors">
+			{title}
+			{#if comingSoon}
+				<span class="ml-2 text-3xs text-secondary">(Coming soon)</span>
+			{/if}
+		</div>
+		<div class="text-hint text-3xs truncate text-left font-normal">
+			{description}
+		</div>
+	</div>
+
+	<!-- Status -->
+	<div
+		role="status"
+		class="flex items-center gap-1.5 flex-shrink-0"
+		onmouseenter={() => (isHovered = true)}
+		onmouseleave={() => (isHovered = false)}
+	>
+		{#if actionButton()}
+			{@const button = actionButton()!}
+			{@const ActionIcon = button.icon}
+			<div
+				role="button"
+				tabindex="0"
+				onclick={handleAction}
+				onkeydown={(e) => {
+					if (e.key === 'Enter' || e.key === ' ') {
+						handleAction(e)
+					}
+				}}
+				class="flex items-center gap-1.5 px-2 py-1 text-xs font-normal text-secondary hover:text-primary hover:bg-surface-hover rounded transition-colors cursor-pointer"
+			>
+				<ActionIcon size={14} class="flex-shrink-0" />
+				{button.label}
+			</div>
+		{:else}
+			<span
+				class="text-xs font-normal {isCompleted
+					? 'text-green-500'
+					: 'text-blue-300'}"
+			>
+				{isCompleted ? 'Completed' : 'Not started'}
+			</span>
+			{#if isCompleted}
+				<CheckCircle2 size={14} class="text-green-500 flex-shrink-0" />
+			{:else}
+				<Circle size={14} class="text-blue-300 flex-shrink-0" />
+			{/if}
+		{/if}
+	</div>
+</button>
+

package/package/components/home/TutorialButton.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentType } from 'svelte';
+interface Props {
+    icon: ComponentType;
+    title: string;
+    description: string;
+    onclick: () => void;
+    isCompleted?: boolean;
+    disabled?: boolean;
+    comingSoon?: boolean;
+    onReset?: () => void;
+    onComplete?: () => void;
+}
+declare const TutorialButton: import("svelte").Component<Props, {}, "">;
+type TutorialButton = ReturnType<typeof TutorialButton>;
+export default TutorialButton;

package/package/components/icons/ApifyIcon.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Apify logo icon (extracted from official SVG) -->
+  <g clip-path="url(#clip0_267_4154)">
+    <path d="M114.695 0H196.97C198.643 0 200 1.35671 200 3.03031V128.766C200 131.778 196.083 132.945 194.434 130.425L112.159 4.68953C110.841 2.67412 112.287 0 114.695 0Z" fill="#246DFF"/>
+    <path d="M85.3048 0H3.0303C1.35671 0 0 1.35671 0 3.03031V128.766C0 131.778 3.91698 132.945 5.566 130.425L87.8405 4.68953C89.1593 2.67412 87.7134 0 85.3048 0Z" fill="#20A34E"/>
+    <path d="M98.5909 100.668L5.12683 194.835C3.22886 196.747 4.58334 200 7.27759 200H192.8C195.483 200 196.842 196.77 194.967 194.852L102.908 100.685C101.726 99.4749 99.7824 99.4676 98.5909 100.668Z" fill="#F86606"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_267_4154">
+      <rect width="200" height="200" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>

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

@@ -0,0 +1,7 @@
+interface Props {
+    height?: string;
+    width?: string;
+}
+declare const ApifyIcon: import("svelte").Component<Props, {}, "">;
+type ApifyIcon = ReturnType<typeof ApifyIcon>;
+export default ApifyIcon;

package/package/components/icons/AsanaIcon.svelte

@@ -2,4 +2,16 @@
 let { height = '24px', width = '24px' } = $props();
 </script>
 
-<svg {width} {height} viewBox="0 0 256 236.624" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><title>Asana</title><g><path d="M200.324957,125.270044 C169.575962,125.270044 144.649915,150.19729 144.649915,180.947483 C144.649915,211.696478 169.575962,236.623724 200.324957,236.623724 C231.073952,236.623724 256,211.696478 256,180.947483 C256,150.19729 231.073952,125.270044 200.324957,125.270044 L200.324957,125.270044 Z M55.6754021,125.274837 C24.9270063,125.274837 0,150.19729 0,180.947483 C0,211.696478 24.9270063,236.623724 55.6754021,236.623724 C86.425116,236.623724 111.35332,211.696478 111.35332,180.947483 C111.35332,150.19729 86.425116,125.274837 55.6754021,125.274837 L55.6754021,125.274837 Z M183.674444,55.674204 C183.674444,86.425116 158.748396,111.354638 128.000599,111.354638 C97.2505258,111.354638 72.3247177,86.425116 72.3247177,55.674204 C72.3247177,24.9294026 97.2505258,0 128.000599,0 C158.748396,0 183.674444,24.9294026 183.674444,55.674204 L183.674444,55.674204 Z" fill="#F06A6A"/></g></svg>
+<svg
+	{width}
+	{height}
+	viewBox="0 0 256 236.624"
+	xmlns="http://www.w3.org/2000/svg"
+	preserveAspectRatio="xMidYMid"
+	><title>Asana</title><g
+		><path
+			d="M200.324957,125.270044 C169.575962,125.270044 144.649915,150.19729 144.649915,180.947483 C144.649915,211.696478 169.575962,236.623724 200.324957,236.623724 C231.073952,236.623724 256,211.696478 256,180.947483 C256,150.19729 231.073952,125.270044 200.324957,125.270044 L200.324957,125.270044 Z M55.6754021,125.274837 C24.9270063,125.274837 0,150.19729 0,180.947483 C0,211.696478 24.9270063,236.623724 55.6754021,236.623724 C86.425116,236.623724 111.35332,211.696478 111.35332,180.947483 C111.35332,150.19729 86.425116,125.274837 55.6754021,125.274837 L55.6754021,125.274837 Z M183.674444,55.674204 C183.674444,86.425116 158.748396,111.354638 128.000599,111.354638 C97.2505258,111.354638 72.3247177,86.425116 72.3247177,55.674204 C72.3247177,24.9294026 97.2505258,0 128.000599,0 C158.748396,0 183.674444,24.9294026 183.674444,55.674204 L183.674444,55.674204 Z"
+			fill="#F06A6A"
+		/></g
+	></svg
+>

package/package/components/icons/AssetDatabaseIcon.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px', fill = 'black', class: className = '' } = $props();
+</script>
+
+<svg
+	{width}
+	{height}
+	viewBox="0 0 22 22"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	class={className}
+>
+	<path
+		d="M11.0584 0.306641C11.3104 0.315989 11.558 0.378277 11.782 0.495117C12.0245 0.621655 12.2329 0.805033 12.3895 1.0293L12.3914 1.03223L17.9031 9H16.202L11.6961 2.4873V9H10.2957V2.4873L1.75177 14.8457C1.72848 14.8796 1.71275 14.9186 1.70489 14.959C1.69706 14.9995 1.69784 15.0418 1.70685 15.082C1.71586 15.1222 1.73332 15.1601 1.75763 15.1934C1.78194 15.2266 1.8129 15.2546 1.84845 15.2754L8.74982 19.2158V20.8281L1.14825 16.4883L1.14239 16.4844C0.940683 16.3666 0.765637 16.2081 0.627747 16.0195C0.48978 15.8308 0.391698 15.6158 0.340638 15.3877C0.289583 15.1595 0.286493 14.9229 0.330872 14.6934C0.375258 14.4641 0.466206 14.2462 0.598451 14.0537L0.599427 14.0518L9.59943 1.03223L9.60138 1.0293C9.75804 0.804889 9.96711 0.62167 10.2098 0.495117C10.4334 0.378564 10.68 0.316161 10.9314 0.306641C10.9526 0.304686 10.9742 0.299805 10.9959 0.299805C11.017 0.299841 11.0378 0.304797 11.0584 0.306641Z"
+		{fill}
+		stroke="none"
+	/>
+	<path
+		d="M16 22C14.3222 22 12.9029 21.7418 11.742 21.2253C10.5811 20.7089 10.0004 20.0782 10 19.3333V12.6667C10 11.9333 10.5862 11.3056 11.7587 10.7833C12.9311 10.2611 14.3449 10 16 10C17.6551 10 19.0691 10.2611 20.242 10.7833C21.4149 11.3056 22.0009 11.9333 22 12.6667V19.3333C22 20.0778 21.4193 20.7084 20.258 21.2253C19.0967 21.7422 17.6773 22.0004 16 22ZM16 14.0167C16.9889 14.0167 17.9833 13.8749 18.9833 13.5913C19.9833 13.3078 20.5444 13.0051 20.6667 12.6833C20.5444 12.3611 19.9862 12.0556 18.992 11.7667C17.9978 11.4778 17.0004 11.3333 16 11.3333C14.9889 11.3333 13.9973 11.4751 13.0253 11.7587C12.0533 12.0422 11.4893 12.3504 11.3333 12.6833C11.4889 13.0167 12.0529 13.3222 13.0253 13.6C13.9978 13.8778 14.9893 14.0167 16 14.0167ZM16 17.3333C16.4667 17.3333 16.9167 17.3111 17.35 17.2667C17.7833 17.2222 18.1973 17.1582 18.592 17.0747C18.9867 16.9911 19.3589 16.8884 19.7087 16.7667C20.0584 16.6449 20.3778 16.506 20.6667 16.35V14.35C20.3778 14.5056 20.0584 14.6444 19.7087 14.7667C19.3589 14.8889 18.9867 14.9918 18.592 15.0753C18.1973 15.1589 17.7833 15.2227 17.35 15.2667C16.9167 15.3107 16.4667 15.3329 16 15.3333C15.5333 15.3338 15.0778 15.3116 14.6333 15.2667C14.1889 15.2218 13.7693 15.1578 13.3747 15.0747C12.98 14.9916 12.6107 14.8889 12.2667 14.7667C11.9227 14.6444 11.6116 14.5056 11.3333 14.35V16.35C11.6111 16.5056 11.9222 16.6444 12.2667 16.7667C12.6111 16.8889 12.9807 16.9918 13.3753 17.0753C13.77 17.1589 14.1893 17.2227 14.6333 17.2667C15.0773 17.3107 15.5329 17.3329 16 17.3333ZM16 20.6667C16.5111 20.6667 17.0307 20.6278 17.5587 20.55C18.0867 20.4722 18.5727 20.3696 19.0167 20.242C19.4607 20.1144 19.8329 19.97 20.1333 19.8087C20.4338 19.6473 20.6116 19.4833 20.6667 19.3167V17.6833C20.3778 17.8389 20.0584 17.9778 19.7087 18.1C19.3589 18.2222 18.9867 18.3251 18.592 18.4087C18.1973 18.4922 17.7833 18.556 17.35 18.6C16.9167 18.644 16.4667 18.6662 16 18.6667C15.5333 18.6671 15.0778 18.6449 14.6333 18.6C14.1889 18.5551 13.7693 18.4911 13.3747 18.408C12.98 18.3249 12.6107 18.2222 12.2667 18.1C11.9227 17.9778 11.6116 17.8389 11.3333 17.6833V19.3333C11.3889 19.5 11.564 19.6611 11.8587 19.8167C12.1533 19.9722 12.5227 20.114 12.9667 20.242C13.4107 20.37 13.8996 20.4727 14.4333 20.55C14.9671 20.6273 15.4893 20.6662 16 20.6667Z"
+		{fill}
+		stroke="none"
+	/>
+</svg>

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

@@ -0,0 +1,9 @@
+interface Props {
+    height?: string;
+    width?: string;
+    fill?: string;
+    class?: string;
+}
+declare const AssetDatabaseIcon: import("svelte").Component<Props, {}, "">;
+type AssetDatabaseIcon = ReturnType<typeof AssetDatabaseIcon>;
+export default AssetDatabaseIcon;

package/package/components/icons/AssetGenericIcon.svelte

@@ -1,16 +1,16 @@
-<script lang="ts">import { Pyramid } from 'lucide-svelte';
-import AssetResIcon from './AssetResIcon.svelte';
-import AssetS3Icon from './AssetS3Icon.svelte';
-import AssetDucklakeIcon from './AssetDucklakeIcon.svelte';
-let { assetKind, fill, size, class: className = '' } = $props();
+<script lang="ts">import { BoxesIcon, DatabaseIcon, FileIcon, Pyramid } from 'lucide-svelte';
+import DucklakeIcon from './DucklakeIcon.svelte';
+let { assetKind, size, class: className = '' } = $props();
 </script>
 
 {#if assetKind == 's3object'}
-	<AssetS3Icon {fill} width={size} height={size} class={className} />
-{:else if assetKind == 'resource'}
-	<AssetResIcon {fill} width={size} height={size} class={className} />
+	<FileIcon {size} class={className} />
+{:else if assetKind == 'datatable'}
+	<DatabaseIcon {size} class={className} />
 {:else if assetKind == 'ducklake'}
-	<AssetDucklakeIcon {fill} width={size} height={size} class={className} />
+	<DucklakeIcon {size} class={className} />
+{:else if assetKind == 'resource'}
+	<BoxesIcon {size} class={className} />
 {:else}
-	<Pyramid {size} color={fill} class={'!fill-none ' + className} />
+	<Pyramid {size} class={className} />
 {/if}

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

@@ -1,7 +1,6 @@
 import type { AssetKind } from '../assets/lib';
 interface Props {
     size?: string;
-    fill?: string;
     assetKind: AssetKind;
     class?: string;
 }

package/package/components/icons/Auth0Icon.svelte

@@ -1,17 +1,16 @@
+<script lang="ts">"use strict";
+let { size = 24 } = $props();
+</script>
+
 <svg
-	version="1.2"
+	width="{size}px"
+	height="{size}px"
+	viewBox="0 0 256 285"
+	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 1594 1595"
-	width="24"
-	height="24"
 >
-	<title>auth0ddd-svg</title>
-	<style>
-		.s0 {
-			fill: #000000;
-		}</style>
 	<path
-		class="s0"
-		d="M160.183716,48.171844 C209.065292,32.885063 258.390625,21.436710 308.871613,15.252386 C317.292297,14.220791 325.753601,13.356311 334.222168,12.919684 C346.325989,12.295630 355.267456,21.589764 353.666168,34.529034 C349.868744,65.213501 348.537781,96.246513 341.092957,126.439857 C326.677368,184.904236 298.682648,235.976761 256.968506,279.307343 C213.326065,324.640991 160.987228,355.220551 99.454086,369.350647 C86.185066,372.397675 72.675255,374.468994 59.210712,376.568817 C48.252338,378.277832 37.322960,368.554504 37.025162,357.267883 C36.888950,352.105377 37.000465,346.936340 37.000454,341.770264 C37.000340,275.444489 37.000156,209.118698 37.000484,142.792908 C37.000629,113.734810 53.605553,87.790001 80.711502,77.096191 C106.802269,66.802895 133.414459,57.831257 160.183716,48.171844 z M473.292908,18.782619 C506.484009,23.757580 538.685669,31.232409 570.535767,40.198071 C606.031982,50.190132 640.835815,62.258595 674.995361,76.160843 C703.688293,87.838272 720.524536,113.183640 720.506226,144.306686 C720.465149,214.123505 720.485657,283.940338 720.495422,353.757172 C720.497620,369.678192 710.628052,378.153381 694.790466,376.099304 C645.966858,369.767212 600.276794,354.609619 558.938660,327.513123 C494.944519,285.566010 450.524231,228.198090 425.068176,156.124725 C416.448669,131.720474 411.208069,106.565437 408.906525,80.760696 C407.739166,67.672127 405.700104,54.662220 404.473694,41.577518 C403.999908,36.522667 403.805481,31.137602 405.026886,26.291929 C407.479736,16.560717 413.882874,12.037321 423.787903,12.980925 C440.178345,14.542362 456.506195,16.760437 473.292908,18.782619 z M578.363403,464.347748 C615.531311,446.366882 654.581116,435.908630 694.772705,429.284882 C697.708374,428.801056 700.752136,428.857452 703.745483,428.859894 C714.899902,428.868988 720.458801,434.582397 718.691895,445.492645 C716.009277,462.057404 713.484558,478.739502 709.260254,494.946198 C694.406738,551.932251 666.318115,602.423340 631.191589,649.183105 C575.914368,722.766968 508.061218,783.052307 432.927094,835.552307 C431.018921,836.885681 429.046265,838.127625 427.153870,839.482422 C422.472626,842.833557 417.533234,844.040344 412.248444,841.064758 C406.852631,838.026794 404.090637,833.218079 404.209808,827.096191 C404.527344,810.783264 404.724487,794.456909 405.573883,778.167480 C407.684601,737.688477 413.126068,697.680664 423.966522,658.536804 C436.856445,611.992310 456.846161,569.063904 488.758606,532.264648 C513.768555,503.424927 543.806946,481.217163 578.363403,464.347748 z M100.761627,612.221680 C75.728386,572.424377 56.110188,530.629822 45.663021,484.961426 C42.630875,471.706848 40.741016,458.167358 38.833408,444.686859 C37.390755,434.492065 42.754341,427.939545 52.986912,429.076324 C69.119164,430.868469 85.245743,433.507080 101.069740,437.122314 C140.869492,446.215149 178.476105,460.947479 212.772552,483.436096 C263.321442,516.581604 297.953369,562.429321 320.055481,618.236816 C334.840118,655.568054 343.272247,694.426331 348.081482,734.171936 C351.726166,764.293335 353.368927,794.520508 353.156128,824.854004 C353.142120,826.849976 353.278076,828.905640 352.863708,830.830078 C350.998230,839.494263 340.934357,847.105835 330.938843,839.874878 C313.414551,827.197754 295.720337,814.735718 278.557312,801.583313 C248.662613,778.674316 220.522430,753.696289 193.948929,727.012268 C159.090790,692.009094 127.388931,654.396790 100.761627,612.221680 z"
+		d="M220.412 0H127.997L156.559 89.006H248.975L174.205 142.083L202.775 231.594C250.903 196.534 266.629 143.474 248.983 89.006L220.412 0ZM7.01792 89.006H99.4339L127.997 0H35.5889L7.01792 89.006ZM7.01792 89.006C-10.6371 143.474 5.09792 196.535 53.2249 231.594L81.7879 142.084L7.01792 89.006ZM53.2259 231.594L127.996 284.564L202.766 231.594L127.996 177.747L53.2259 231.594Z"
+		fill="black"
 	/>
 </svg>

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

@@ -1,26 +1,6 @@
-export default Auth0Icon;
-type Auth0Icon = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type $$ComponentProps = {
+    size?: number;
 };
-declare const Auth0Icon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
+declare const Auth0Icon: import("svelte").Component<$$ComponentProps, {}, "">;
+type Auth0Icon = ReturnType<typeof Auth0Icon>;
+export default Auth0Icon;

package/package/components/icons/DucklakeIcon.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">"use strict";
-let { size = 24 } = $props();
+let { size = 24, class: className } = $props();
 </script>
 
 <svg
 	width={size}
 	height={size}
+	class={className}
 	viewBox="0 0 13 13"
 	style="fill:currentcolor;"
 	xmlns="http://www.w3.org/2000/svg"

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

@@ -1,5 +1,6 @@
 interface Props {
-    size?: number;
+    size?: number | string;
+    class?: string;
 }
 declare const DucklakeIcon: import("svelte").Component<Props, {}, "">;
 type DucklakeIcon = ReturnType<typeof DucklakeIcon>;

package/package/components/icons/FunnelCog.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">"use strict";
+let { size = 24, color = 'currentColor', strokeWidth = 2, absoluteStrokeWidth = false, class: clazz = '', style = '' } = $props();
+const computedStrokeWidth = $derived(absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth);
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke={color}
+	stroke-width={computedStrokeWidth}
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class={clazz}
+	{style}
+>
+	<path
+		d="M14.517 12.659A2 2 0 0 0 14 14v7a1 1 0 0 1-1.447.895l-2-1A1 1 0 0 1 10 20v-6a2 2 0 0 0-.517-1.341L2.258 4.67A1 1 0 0 1 3 3h8"
+	/>
+	<path d="m15.523 4.547-.923-.383" />
+	<path d="m15.523 6.843-.923.383" />
+	<path d="m16.765 2 .382.923" />
+	<path d="m17.147 8.467-.383.924" />
+	<path d="M19.443 2.923 19.826 2" />
+	<path d="m19.825 9.391-.382-.924" />
+	<path d="m21.067 4.547.924-.383" />
+	<path d="m21.067 6.843.924.383" />
+	<circle cx="18.295" cy="5.695" r="3" />
+</svg>

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

@@ -0,0 +1,11 @@
+interface Props {
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number | string;
+    absoluteStrokeWidth?: boolean;
+    class?: string;
+    style?: string;
+}
+declare const FunnelCog: import("svelte").Component<Props, {}, "">;
+type FunnelCog = ReturnType<typeof FunnelCog>;
+export default FunnelCog;

package/package/components/icons/MSTeamsIcon.svelte

@@ -1,5 +1,79 @@
 <script lang="ts">"use strict";
-let { height = '24px', width = '24px' } = $props();
+let { size = 24 } = $props();
 </script>
 
-<svg {width} {height} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="#5059C9" d="M10.765 6.875h3.616c.342 0 .619.276.619.617v3.288a2.272 2.272 0 01-2.274 2.27h-.01a2.272 2.272 0 01-2.274-2.27V7.199c0-.179.145-.323.323-.323zM13.21 6.225c.808 0 1.464-.655 1.464-1.462 0-.808-.656-1.463-1.465-1.463s-1.465.655-1.465 1.463c0 .807.656 1.462 1.465 1.462z"/><path fill="#7B83EB" d="M8.651 6.225a2.114 2.114 0 002.117-2.112A2.114 2.114 0 008.65 2a2.114 2.114 0 00-2.116 2.112c0 1.167.947 2.113 2.116 2.113zM11.473 6.875h-5.97a.611.611 0 00-.596.625v3.75A3.669 3.669 0 008.488 15a3.669 3.669 0 003.582-3.75V7.5a.611.611 0 00-.597-.625z"/><path fill="#000000" d="M8.814 6.875v5.255a.598.598 0 01-.596.595H5.193a3.951 3.951 0 01-.287-1.476V7.5a.61.61 0 01.597-.624h3.31z" opacity=".1"/><path fill="#000000" d="M8.488 6.875v5.58a.6.6 0 01-.596.595H5.347a3.22 3.22 0 01-.267-.65 3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.985z" opacity=".2"/><path fill="#000000" d="M8.488 6.875v4.93a.6.6 0 01-.596.595H5.08a3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.985z" opacity=".2"/><path fill="#000000" d="M8.163 6.875v4.93a.6.6 0 01-.596.595H5.079a3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.66z" opacity=".2"/><path fill="#000000" d="M8.814 5.195v1.024c-.055.003-.107.006-.163.006-.055 0-.107-.003-.163-.006A2.115 2.115 0 016.593 4.6h1.625a.598.598 0 01.596.594z" opacity=".1"/><path fill="#000000" d="M8.488 5.52v.699a2.115 2.115 0 01-1.79-1.293h1.195a.598.598 0 01.595.594z" opacity=".2"/><path fill="#000000" d="M8.488 5.52v.699a2.115 2.115 0 01-1.79-1.293h1.195a.598.598 0 01.595.594z" opacity=".2"/><path fill="#000000" d="M8.163 5.52v.647a2.115 2.115 0 01-1.465-1.242h.87a.598.598 0 01.595.595z" opacity=".2"/><path fill="url(#microsoft-teams-color-16__paint0_linear_2372_494)" d="M1.597 4.925h5.969c.33 0 .597.267.597.596v5.958a.596.596 0 01-.597.596h-5.97A.596.596 0 011 11.479V5.521c0-.33.267-.596.597-.596z"/><path fill="#ffffff" d="M6.152 7.193H4.959v3.243h-.76V7.193H3.01v-.63h3.141v.63z"/><defs><linearGradient id="microsoft-teams-color-16__paint0_linear_2372_494" x1="2.244" x2="6.906" y1="4.46" y2="12.548" gradientUnits="userSpaceOnUse"><stop stop-color="#5A62C3"/><stop offset=".5" stop-color="#4D55BD"/><stop offset="1" stop-color="#3940AB"/></linearGradient></defs></svg>
+<svg
+	width="{size}px"
+	height="{size}px"
+	viewBox="0 0 16 16"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+>
+	<path
+		fill="#5059C9"
+		d="M10.765 6.875h3.616c.342 0 .619.276.619.617v3.288a2.272 2.272 0 01-2.274 2.27h-.01a2.272 2.272 0 01-2.274-2.27V7.199c0-.179.145-.323.323-.323zM13.21 6.225c.808 0 1.464-.655 1.464-1.462 0-.808-.656-1.463-1.465-1.463s-1.465.655-1.465 1.463c0 .807.656 1.462 1.465 1.462z"
+	/>
+	<path
+		fill="#7B83EB"
+		d="M8.651 6.225a2.114 2.114 0 002.117-2.112A2.114 2.114 0 008.65 2a2.114 2.114 0 00-2.116 2.112c0 1.167.947 2.113 2.116 2.113zM11.473 6.875h-5.97a.611.611 0 00-.596.625v3.75A3.669 3.669 0 008.488 15a3.669 3.669 0 003.582-3.75V7.5a.611.611 0 00-.597-.625z"
+	/>
+	<path
+		fill="#000000"
+		d="M8.814 6.875v5.255a.598.598 0 01-.596.595H5.193a3.951 3.951 0 01-.287-1.476V7.5a.61.61 0 01.597-.624h3.31z"
+		opacity=".1"
+	/>
+	<path
+		fill="#000000"
+		d="M8.488 6.875v5.58a.6.6 0 01-.596.595H5.347a3.22 3.22 0 01-.267-.65 3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.985z"
+		opacity=".2"
+	/>
+	<path
+		fill="#000000"
+		d="M8.488 6.875v4.93a.6.6 0 01-.596.595H5.08a3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.985z"
+		opacity=".2"
+	/>
+	<path
+		fill="#000000"
+		d="M8.163 6.875v4.93a.6.6 0 01-.596.595H5.079a3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.66z"
+		opacity=".2"
+	/>
+	<path
+		fill="#000000"
+		d="M8.814 5.195v1.024c-.055.003-.107.006-.163.006-.055 0-.107-.003-.163-.006A2.115 2.115 0 016.593 4.6h1.625a.598.598 0 01.596.594z"
+		opacity=".1"
+	/>
+	<path
+		fill="#000000"
+		d="M8.488 5.52v.699a2.115 2.115 0 01-1.79-1.293h1.195a.598.598 0 01.595.594z"
+		opacity=".2"
+	/>
+	<path
+		fill="#000000"
+		d="M8.488 5.52v.699a2.115 2.115 0 01-1.79-1.293h1.195a.598.598 0 01.595.594z"
+		opacity=".2"
+	/>
+	<path
+		fill="#000000"
+		d="M8.163 5.52v.647a2.115 2.115 0 01-1.465-1.242h.87a.598.598 0 01.595.595z"
+		opacity=".2"
+	/>
+	<path
+		fill="url(#microsoft-teams-color-16__paint0_linear_2372_494)"
+		d="M1.597 4.925h5.969c.33 0 .597.267.597.596v5.958a.596.596 0 01-.597.596h-5.97A.596.596 0 011 11.479V5.521c0-.33.267-.596.597-.596z"
+	/>
+	<path fill="#ffffff" d="M6.152 7.193H4.959v3.243h-.76V7.193H3.01v-.63h3.141v.63z" />
+	<defs>
+		<linearGradient
+			id="microsoft-teams-color-16__paint0_linear_2372_494"
+			x1="2.244"
+			x2="6.906"
+			y1="4.46"
+			y2="12.548"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#5A62C3" />
+			<stop offset=".5" stop-color="#4D55BD" />
+			<stop offset="1" stop-color="#3940AB" />
+		</linearGradient>
+	</defs>
+</svg>

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

@@ -1,6 +1,5 @@
 interface Props {
-    height?: string;
-    width?: string;
+    size?: number;
 }
 declare const MSTeamsIcon: import("svelte").Component<Props, {}, "">;
 type MSTeamsIcon = ReturnType<typeof MSTeamsIcon>;

package/package/components/icons/McpIcon.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">"use strict";
+let { height = 24, width = 24 } = $props();
+</script>
+
+<svg
+	fill="currentColor"
+	fill-rule="evenodd"
+	{height}
+	style="flex:none;line-height:1"
+	viewBox="0 0 24 24"
+	{width}
+	xmlns="http://www.w3.org/2000/svg"
+	><title>ModelContextProtocol</title><path
+		d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z"
+	></path><path
+		d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z"
+	></path></svg
+>

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

@@ -0,0 +1,7 @@
+interface Props {
+    height?: number;
+    width?: number;
+}
+declare const McpIcon: import("svelte").Component<Props, {}, "">;
+type McpIcon = ReturnType<typeof McpIcon>;
+export default McpIcon;

package/package/components/icons/NextcloudIcon.svelte

@@ -1,9 +1,17 @@
 <script lang="ts">"use strict";
-let { height = '24px', width = '24px' } = $props();
+let { size = undefined, height: heightProp = 24, width: widthProp = 24 } = $props();
+const { width, height } = $derived(size ? { width: size, height: size } : { width: widthProp, height: heightProp });
 </script>
 
-<svg role="img" viewBox="0 0 24 24" {width} {height} xmlns="http://www.w3.org/2000/svg" style="fill:currentcolor;"
-	><title>Nextcloud icon</title><path
-		d="M12.018 6.537c-2.5 0-4.6 1.712-5.241 4.015-.56-1.232-1.793-2.105-3.225-2.105A3.569 3.569 0 0 0 0 12a3.569 3.569 0 0 0 3.552 3.553c1.432 0 2.664-.874 3.224-2.106.641 2.304 2.742 4.016 5.242 4.016 2.487 0 4.576-1.693 5.231-3.977.569 1.21 1.783 2.067 3.198 2.067A3.568 3.568 0 0 0 24 12a3.569 3.569 0 0 0-3.553-3.553c-1.416 0-2.63.858-3.199 2.067-.654-2.284-2.743-3.978-5.23-3.977zm0 2.085c1.878 0 3.378 1.5 3.378 3.378 0 1.878-1.5 3.378-3.378 3.378A3.362 3.362 0 0 1 8.641 12c0-1.878 1.5-3.378 3.377-3.378zm-8.466 1.91c.822 0 1.467.645 1.467 1.468s-.644 1.467-1.467 1.468A1.452 1.452 0 0 1 2.085 12c0-.823.644-1.467 1.467-1.467zm16.895 0c.823 0 1.468.645 1.468 1.468s-.645 1.468-1.468 1.468A1.452 1.452 0 0 1 18.98 12c0-.823.644-1.467 1.467-1.467z"
-	/></svg
+<svg
+	role="img"
+	viewBox="0 0 24 24"
+	{width}
+	{height}
+	xmlns="http://www.w3.org/2000/svg"
+	style="fill:currentcolor;"
 >
+	<path
+		d="M12.018 6.537c-2.5 0-4.6 1.712-5.241 4.015-.56-1.232-1.793-2.105-3.225-2.105A3.569 3.569 0 0 0 0 12a3.569 3.569 0 0 0 3.552 3.553c1.432 0 2.664-.874 3.224-2.106.641 2.304 2.742 4.016 5.242 4.016 2.487 0 4.576-1.693 5.231-3.977.569 1.21 1.783 2.067 3.198 2.067A3.568 3.568 0 0 0 24 12a3.569 3.569 0 0 0-3.553-3.553c-1.416 0-2.63.858-3.199 2.067-.654-2.284-2.743-3.978-5.23-3.977zm0 2.085c1.878 0 3.378 1.5 3.378 3.378 0 1.878-1.5 3.378-3.378 3.378A3.362 3.362 0 0 1 8.641 12c0-1.878 1.5-3.378 3.377-3.378zm-8.466 1.91c.822 0 1.467.645 1.467 1.468s-.644 1.467-1.467 1.468A1.452 1.452 0 0 1 2.085 12c0-.823.644-1.467 1.467-1.467zm16.895 0c.823 0 1.468.645 1.468 1.468s-.645 1.468-1.468 1.468A1.452 1.452 0 0 1 18.98 12c0-.823.644-1.467 1.467-1.467z"
+	/>
+</svg>

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

@@ -1,6 +1,7 @@
 interface Props {
-    height?: string;
-    width?: string;
+    size?: number;
+    height?: number;
+    width?: number;
 }
 declare const NextcloudIcon: import("svelte").Component<Props, {}, "">;
 type NextcloudIcon = ReturnType<typeof NextcloudIcon>;

package/package/components/icons/SageIcon.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 31 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M15.2 0C6.5 0 0 6.5 0 14.9C0 24.1 6.5 27.6 13.8 29.8C20.7 32 23.9 34.4 23.9 39.1C23.9 43.9 20.3 47.3 15.6 47.3C10.9 47.3 6.8 43.9 6.8 38.7C6.8 35.8 8.2 35.1 8.2 33.5C8.2 31.7 6.9 30.3 4.8 30.3C2.4 30.3 0 33.9 0 39.1C0 47.4 7.1 53.5 15.6 53.5C24.2 53.5 30.8 47 30.8 38.6C30.8 29.5 24.3 25.9 16.9 23.7C10.1 21.6 6.8 19.1 6.8 14.4C6.8 9.7 10.3 6.3 15 6.3C19.9 6.3 23.8 9.8 23.9 14.5C24 16.7 25.5 18 27.3 18C29.1 18 30.8 16.7 30.7 14.4C30.6 6 23.6 0 15.2 0Z"
+		fill="#00D639"
+	/>
+</svg>

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

@@ -0,0 +1,7 @@
+interface Props {
+    height?: string;
+    width?: string;
+}
+declare const SageIcon: import("svelte").Component<Props, {}, "">;
+type SageIcon = ReturnType<typeof SageIcon>;
+export default SageIcon;

package/package/components/icons/WindmillIcon.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">import { customIcon } from './store';
-let { height = '24px', width = '24px', white = false, spin = undefined, class: classNames = '' } = $props();
+let { height: heightProp = '24px', width: widthProp = '24px', white = false, spin = undefined, class: classNames = '', size = undefined } = $props();
+let width = $derived(size ? `${size}px` : widthProp);
+let height = $derived(size ? `${size}px` : heightProp);
 </script>
 
 {#if customIcon.white || customIcon.normal}

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

@@ -4,6 +4,7 @@ interface Props {
     white?: boolean;
     spin?: 'slow' | 'medium' | 'fast' | 'veryfast' | undefined;
     class?: string;
+    size?: number;
 }
 declare const WindmillIcon: import("svelte").Component<Props, {}, "">;
 type WindmillIcon = ReturnType<typeof WindmillIcon>;

package/package/components/icons/ZohoIcon.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} version="1.1" viewBox="0 0 1024 450" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="m458.1 353c-7.7 0-15.5-1.6-23-4.9l-160-71.3c-28.6-12.7-41.5-46.4-28.8-75l71.3-160c12.7-28.6 46.4-41.5 75-28.8l160 71.3c28.6 12.7 41.5 46.4 28.8 75l-71.3 160c-9.5 21.2-30.3 33.7-52 33.7zm-9.7-34.9c12.1 5.4 26.3-0.1 31.7-12.1l71.3-160c5.4-12.1-0.1-26.3-12.1-31.7l-160.1-71.3c-12.1-5.4-26.3 0.1-31.7 12.1l-71.3 160c-5.4 12.1 0.1 26.3 12.1 31.7z"
+		fill="currentColor"
+	/>
+	<path
+		d="m960 353.1h-175.2c-31.3 0-56.8-25.5-56.8-56.8v-175.2c0-31.3 25.5-56.8 56.8-56.8h175.2c31.3 0 56.8 25.5 56.8 56.8v175.2c0 31.3-25.5 56.8-56.8 56.8zm-175.2-256c-13.2 0-24 10.8-24 24v175.2c0 13.2 10.8 24 24 24h175.2c13.2 0 24-10.8 24-24v-175.2c0-13.2-10.8-24-24-24z"
+		fill="currentColor"
+	/>
+	<path
+		d="m303.9 153.2-23.6 52.8c-0.3 0.6-0.6 1.1-0.9 1.6l9.2 56.8c2.1 13.1-6.8 25.4-19.8 27.5l-173 28c-6.3 1-12.7-0.5-17.9-4.2s-8.6-9.3-9.6-15.6l-28-173c-1-6.3 0.5-12.7 4.2-17.9s9.3-8.6 15.6-9.6l173-28c1.3-0.2 2.6-0.3 3.8-0.3 11.5 0 21.8 8.4 23.7 20.2l9.3 57.2 24.4-54.7-1.3-7.7c-5-30.9-34.2-52-65.1-47l-173 28c-14.9 2.3-28.1 10.4-36.9 22.7-8.9 12.3-12.4 27.3-10 42.3l28 173c2.4 15 10.5 28.1 22.8 37 9.7 7.1 21.2 10.7 33.1 10.7 3 0 6.1-0.2 9.2-0.7l173-28c30.9-5 52-34.2 47-65.1z"
+		fill="currentColor"
+	/>
+	<path
+		d="m511.4 235.8 25.4-56.9-7.2-52.9c-0.9-6.3 0.8-12.6 4.7-17.7s9.5-8.4 15.9-9.2l173.6-23.6c1.1-0.1 2.2-0.2 3.3-0.2 5.2 0 10.2 1.7 14.5 4.9 0.8 0.6 1.5 1.3 2.2 1.9 7.7-8.1 17.8-13.9 29.1-16.4-3.2-4.4-7-8.3-11.5-11.7-12.1-9.2-27-13.1-42-11.1l-173.8 23.6c-15 2-28.4 9.8-37.5 21.9-9.2 12.1-13.1 27-11.1 42z"
+		fill="currentColor"
+	/>
+	<path
+		d="m806.8 265.1-22.8-168c-12.8 0.4-23.1 11-23.1 23.9v49.3l13.5 99.2c0.9 6.3-0.8 12.6-4.7 17.7s-9.5 8.4-15.9 9.2l-173.6 23.6c-6.3 0.9-12.6-0.8-17.7-4.7s-8.4-9.5-9.2-15.9l-8-58.9-25.4 56.9 0.9 6.4c2 15 9.8 28.4 21.9 37.5 10 7.6 21.9 11.6 34.3 11.6 2.6 0 5.2-0.2 7.8-0.5l173.4-23.4c15-2 28.4-9.8 37.5-21.9 9.2-12.1 13.1-27 11.1-42z"
+		fill="currentColor"
+	/>
+	<path
+		d="m655.4 415.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40 0.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-0.1 13.8-8.6 13.8-17.1zm-150.9-25.2h7.4c1.1 0 2 0.9 2 2v18.6h21v-18.6c0-1.1 0.9-2 2-2h7.4c1.1 0 2 0.9 2 2v46.5c0 1.1-0.9 2-2 2h-7.3c-1.1 0-2-0.9-2-2v-18.8h-21v18.8c0 1.1-0.9 2-2 2h-7.4c-1.1 0-2-0.9-2-2v-46.5c-0.1-1.1 0.8-2 1.9-2zm-123.1 25c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40.1 0.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-0.1 13.8-8.6 13.8-17.1zm-144.5 20.4 24.8-36.6h-20.4c-1.1 0-2-0.9-2-2v-4.9c0-1.1 0.9-2 2-2h33.5c1.1 0 2 0.9 2 2v1.9c0 0.4-0.1 0.8-0.3 1.1l-24.3 36.6h21.8c1.1 0 2 0.9 2 2v4.9c0 1.1-0.9 2-2 2h-35.4c-1.1 0-2-0.9-2-2v-1.8c-0.1-0.5 0.1-0.9 0.3-1.2z"
+		fill="currentColor"
+	/>
+</svg>

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

@@ -0,0 +1,7 @@
+interface Props {
+    height?: string;
+    width?: string;
+}
+declare const ZohoIcon: import("svelte").Component<Props, {}, "">;
+type ZohoIcon = ReturnType<typeof ZohoIcon>;
+export default ZohoIcon;