windmill-components 1.89.0 → 1.103.0

package/package/components/flows/utils.d.ts

@@ -1,9 +1,10 @@
 import type { Schema } from '../../common';
 import { type Flow, type FlowModule, type InputTransform, type Job } from '../../gen';
 import type { FlowModuleState } from './flowState';
+import type { PickableProperties } from './previousResults';
+export declare function evalValue(k: string, mod: FlowModule, testStepStore: Record<string, any>, pickableProperties: PickableProperties | undefined, showError: boolean): any;
 export declare function cleanInputs(flow: Flow | any): Flow;
 export declare function cleanExpr(expr: string): string;
-export declare function getTypeAsString(arg: any): string;
 export declare function loadSchemaFromModule(module: FlowModule): Promise<{
     input_transforms: Record<string, InputTransform>;
     schema: Schema;
@@ -13,6 +14,5 @@ export declare function getDefaultExpr(key: string | undefined, previousModuleId
 export declare function jobsToResults(jobs: Job[]): any;
 export declare function runFlowPreview(args: Record<string, any>, flow: Flow): Promise<string>;
 export declare function codeToStaticTemplate(code?: string): string | undefined;
-export declare const NEVER_TESTED_THIS_FAR = "never tested this far";
 export declare function emptyFlowModuleState(): FlowModuleState;
 export declare function findNextAvailablePath(path: string): Promise<string>;

package/package/components/flows/utils.js

@@ -4,6 +4,52 @@ import { loadSchema, loadSchemaFlow } from '../../scripts';
 import { workspaceStore } from '../../stores';
 import { emptySchema } from '../../utils';
 import { get } from 'svelte/store';
+import { NEVER_TESTED_THIS_FAR } from './models';
+import { sendUserToast } from '../../toast';
+function create_context_function_template(eval_string, context) {
+    return `
+return function (context) {
+"use strict";
+${Object.keys(context).length > 0
+        ? `let ${Object.keys(context).map((key) => ` ${key} = context['${key}']`)};`
+        : ``}
+return ${eval_string}
+}`;
+}
+function make_context_evaluator(eval_string, context) {
+    let template = create_context_function_template(eval_string, context);
+    let functor = Function(template);
+    return functor();
+}
+export function evalValue(k, mod, testStepStore, pickableProperties, showError) {
+    let inputTransforms = (mod.value['input_transforms'] ?? {});
+    let v = testStepStore[mod.id]?.[k];
+    let t = inputTransforms?.[k];
+    if (!v) {
+        if (t.type == 'static') {
+            v = t.value;
+        }
+        else {
+            try {
+                let context = {
+                    flow_input: pickableProperties?.flow_input,
+                    results: pickableProperties?.priorIds
+                };
+                v = make_context_evaluator(t.expr, context)(context);
+            }
+            catch (e) {
+                if (showError) {
+                    sendUserToast(`Error evaluating ${k}: ${e.message}`, true);
+                }
+                v = undefined;
+            }
+        }
+    }
+    if (v == NEVER_TESTED_THIS_FAR) {
+        return undefined;
+    }
+    return v;
+}
 export function cleanInputs(flow) {
     const newFlow = JSON.parse(JSON.stringify(flow));
     newFlow.value.modules.forEach((mod) => {
@@ -30,15 +76,6 @@ export function cleanExpr(expr) {
         .filter((x) => x != '' && !x.startsWith(`import `))
         .join('\n');
 }
-export function getTypeAsString(arg) {
-    if (arg === null) {
-        return 'null';
-    }
-    if (arg === undefined) {
-        return 'undefined';
-    }
-    return typeof arg;
-}
 export async function loadSchemaFromModule(module) {
     const mod = module.value;
     if (mod.type == 'rawscript' || mod.type === 'script' || mod.type === 'flow') {
@@ -130,7 +167,6 @@ export function codeToStaticTemplate(code) {
     }
     return undefined;
 }
-export const NEVER_TESTED_THIS_FAR = 'never tested this far';
 export function emptyFlowModuleState() {
     return {
         schema: emptySchema(),

package/package/components/graph/FlowGraph.svelte

@@ -172,8 +172,8 @@ function flowModuleToNode(parentIds, mod, edgeLabel, annotation, loopDepth, inse
                         if (!notSelectable) {
                             if ($selectedId != mod.id) {
                                 $selectedId = mod.id;
-                                dispatch('select', mod);
                             }
+                            dispatch('select', mod);
                         }
                     }
                     else if (e == 'insert') {
@@ -421,7 +421,6 @@ function createErrorHandler(mod, parent_module) {
                     id: mod.id
                 },
                 cb: (e, detail) => {
-                    console.log(detail);
                     if (e == 'select') {
                         $selectedId = detail;
                         dispatch('select', detail);

package/package/components/graph/svelvet/container/views/GraphView.svelte

@@ -8,7 +8,7 @@ import Node from '../../nodes/views/Node.svelte';
 import { determineD3Instance } from '../..//d3/controllers/d3';
 import { findStore } from '../../store/controllers/storeApi';
 import { onDestroy } from 'svelte';
-import { Expand } from 'lucide-svelte';
+import { Expand, Minus, Plus } from 'lucide-svelte';
 //these are typscripted as any, however they have been transformed inside of store.ts
 export let canvasId;
 export let width;
@@ -162,34 +162,36 @@ function handleZoom(e) {
 	</svg>
 </div>
 <div id="buttons">
-	<button title="Zoom In" id="zoom_in">+</button>
-	<button title="Zoom Out" id="zoom_out">-</button>
+	<button title="Zoom In" id="zoom_in">
+		<Plus size="14" class="flex justify-start m-1" />
+	</button>
+	<button title="Zoom Out" id="zoom_out">
+		<Minus size="14" class="flex justify-start m-1" />
+	</button>
 	{#if download}
-		<button title="Download" id="download" on:click={() => dispatch('expand')}
-			><Expand size="15" /></button
-		>
+		<button on:click={() => dispatch('expand')}>
+			<Expand size="14" class="flex justify-start m-1" />
+		</button>
 	{/if}
 </div>
 
 <style>
 	#buttons {
 		position: absolute;
-		top: 4px;
-		right: 10px;
+		top: 8px;
+		right: 8px;
 		z-index: 20;
 	}
-	#buttons > #download {
-		padding: 0;
-		padding-left: 3.5px;
-	}
+
 	#buttons > button {
 		border-radius: 4px;
 		background-color: white;
-		border: #999 solid 1px;
-		padding-right: 4px;
-		padding-left: 4px;
-		width: 24px;
-		height: 24px;
+		border: #bbb solid 1px;
+		transition: all;
+	}
+
+	#buttons > button:hover {
+		background-color: #eee;
 	}
 
 	.Nodes {

package/package/components/home/ItemsList.svelte

@@ -2,9 +2,8 @@
 import { Alert, Badge, Skeleton } from '../common';
 import ShareModal from '../ShareModal.svelte';
 import Toggle from '../Toggle.svelte';
-import { AppService, FlowService, ListableApp, Script, ScriptService } from '../../gen';
+import { AppService, FlowService, ListableApp, Script, ScriptService, RawAppService } from '../../gen';
 import { userStore, workspaceStore } from '../../stores';
-import { canWrite } from '../../utils';
 import { Code2, LayoutDashboard } from 'lucide-svelte';
 export let filter = '';
 import AppRow from '../common/table/AppRow.svelte';
@@ -19,9 +18,12 @@ import NoItemFound from './NoItemFound.svelte';
 import ToggleButtonGroup from '../common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from '../common/toggleButton-v2/ToggleButton.svelte';
 import FlowIcon from './FlowIcon.svelte';
+import RawAppRow from '../common/table/RawAppRow.svelte';
+import { canWrite } from '../../utils';
 let scripts;
 let flows;
 let apps;
+let raw_apps;
 let filteredItems = [];
 let itemKind = 'all';
 let shareModal;
@@ -37,9 +39,7 @@ async function loadScripts() {
     });
     scripts = loadedScripts.map((script) => {
         return {
-            canWrite: canWrite(script.path, script.extra_perms, $userStore) &&
-                script.workspace_id == $workspaceStore &&
-                !$userStore?.operator,
+            canWrite: canWrite(script.path, script.extra_perms, $userStore) && !$userStore?.operator,
             ...script
         };
     });
@@ -70,10 +70,21 @@ async function loadApps() {
     });
     loading = false;
 }
+async function loadRawApps() {
+    raw_apps = (await RawAppService.listRawApps({ workspace: $workspaceStore })).map((app) => {
+        return {
+            canWrite: canWrite(app.path, app.extra_perms, $userStore) &&
+                app.workspace_id == $workspaceStore &&
+                !$userStore?.operator,
+            ...app
+        };
+    });
+    loading = false;
+}
 $: owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort();
 let combinedItems = undefined;
 $: combinedItems =
-    flows == undefined || scripts == undefined || apps == undefined
+    flows == undefined || scripts == undefined || apps == undefined || raw_apps == undefined
         ? undefined
         : [
             ...flows.map((x) => ({
@@ -90,6 +101,11 @@ $: combinedItems =
                 ...x,
                 type: 'app',
                 time: new Date(x.edited_at).getTime()
+            })),
+            ...raw_apps.map((x) => ({
+                ...x,
+                type: 'raw_app',
+                time: new Date(x.edited_at).getTime()
             }))
         ].sort((a, b) => a.starred != b.starred ? (a.starred ? -1 : 1) : a.time - b.time > 0 ? -1 : 1);
 $: preFilteredItems =
@@ -106,9 +122,11 @@ $: {
         loadFlows();
         if (!archived) {
             loadApps();
+            loadRawApps();
         }
         else {
             apps = [];
+            raw_apps = [];
         }
     }
 }
@@ -170,6 +188,7 @@ let archived = false;
 		loadScripts()
 		loadApps()
 		loadFlows()
+		loadRawApps()
 	}}
 />
 
@@ -179,6 +198,7 @@ let archived = false;
 		loadScripts()
 		loadApps()
 		loadFlows()
+		loadRawApps()
 	}}
 />
 
@@ -261,37 +281,51 @@ let archived = false;
 			<div class="border rounded-md divide-y divide-gray-200">
 				<!-- <VirtualList {items} let:item bind:start bind:end> -->
 				{#each (items ?? []).slice(0, nbDisplayed) as item (item.type + '/' + item.path)}
-					{#if item.type == 'script'}
-						<ScriptRow
-							bind:deleteConfirmedCallback
-							starred={item.starred ?? false}
-							marked={item.marked}
-							on:change={loadScripts}
-							script={item}
-							{shareModal}
-							{moveDrawer}
-						/>
-					{:else if item.type == 'flow'}
-						<FlowRow
-							bind:deleteConfirmedCallback
-							starred={item.starred ?? false}
-							marked={item.marked}
-							on:change={loadFlows}
-							flow={item}
-							{shareModal}
-							{moveDrawer}
-						/>
-					{:else if item.type == 'app'}
-						<AppRow
-							bind:deleteConfirmedCallback
-							starred={item.starred ?? false}
-							marked={item.marked}
-							on:change={loadApps}
-							app={item}
-							{moveDrawer}
-							{shareModal}
-						/>
-					{/if}
+					{#key item.summary}
+						{#key item.starred}
+							{#if item.type == 'script'}
+								<ScriptRow
+									bind:deleteConfirmedCallback
+									starred={item.starred ?? false}
+									marked={item.marked}
+									on:change={loadScripts}
+									script={item}
+									{shareModal}
+									{moveDrawer}
+								/>
+							{:else if item.type == 'flow'}
+								<FlowRow
+									bind:deleteConfirmedCallback
+									starred={item.starred ?? false}
+									marked={item.marked}
+									on:change={loadFlows}
+									flow={item}
+									{shareModal}
+									{moveDrawer}
+								/>
+							{:else if item.type == 'app'}
+								<AppRow
+									bind:deleteConfirmedCallback
+									starred={item.starred ?? false}
+									marked={item.marked}
+									on:change={loadApps}
+									app={item}
+									{moveDrawer}
+									{shareModal}
+								/>
+							{:else if item.type == 'raw_app'}
+								<RawAppRow
+									bind:deleteConfirmedCallback
+									starred={item.starred ?? false}
+									marked={item.marked}
+									on:change={loadRawApps}
+									app={item}
+									{moveDrawer}
+									{shareModal}
+								/>
+							{/if}
+						{/key}
+					{/key}
 				{/each}
 				<!-- </VirtualList> -->
 			</div>

package/package/components/icons/ActivitypubIcon.svelte

@@ -0,0 +1,64 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 168 168"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M91.5447 32.0001L167 75.5642V92.9898L91.5447 136.554V119.128L151.909 84.277L91.545 49.4257L91.5447 32.0001Z"
+		fill="url(#paint0_linear_306_215)"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M91.5447 66.8517L121.727 84.2774L91.5447 101.703V66.8517Z"
+		fill="url(#paint1_linear_306_215)"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M76.4553 32.0016L1 75.5644V92.989L61.363 58.1399V127.841L76.4553 136.555V32.0016ZM46.2738 84.2782L16.0893 101.703L46.2738 119.127V84.2782Z"
+		fill="url(#paint2_linear_306_215)"
+	/>
+	<defs>
+		<linearGradient
+			id="paint0_linear_306_215"
+			x1="1240.56"
+			y1="-575.423"
+			x2="1259.82"
+			y2="-575.423"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#F1007E" />
+		</linearGradient>
+		<linearGradient
+			id="paint1_linear_306_215"
+			x1="1240.56"
+			y1="-575.423"
+			x2="1259.83"
+			y2="-575.423"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#F1007E" />
+		</linearGradient>
+		<linearGradient
+			id="paint2_linear_306_215"
+			x1="1.00021"
+			y1="84.2773"
+			x2="76.4547"
+			y2="84.2773"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#6D6D6D" />
+		</linearGradient>
+	</defs>
+</svg>

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ActivitypubIconProps = typeof __propDef.props;
+export type ActivitypubIconEvents = typeof __propDef.events;
+export type ActivitypubIconSlots = typeof __propDef.slots;
+export default class ActivitypubIcon extends SvelteComponentTyped<ActivitypubIconProps, ActivitypubIconEvents, ActivitypubIconSlots> {
+}
+export {};

package/package/components/icons/AwsEcrIcon.svelte

@@ -0,0 +1,39 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 168 168"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g clip-path="url(#clip0_305_193)">
+		<path d="M168 0H0V168H168V0Z" fill="url(#paint0_linear_305_193)" />
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M81.455 78.9132C80.4161 79.5176 79.7697 80.6401 79.7697 81.8447V140.111L35.6974 115.467V58.1861L85.1696 29.5236L129.118 51.2995L81.455 78.9132ZM134.233 51.2447C134.233 50.038 133.588 48.9134 132.426 48.2479L86.8276 25.6507C85.7866 25.0505 84.4938 25.0484 83.455 25.6528L33.1852 54.7765C32.1464 55.3809 31.5 56.5034 31.5 57.708V115.953C31.5 117.158 32.1464 118.28 33.2167 118.902L78.9051 144.449C79.4255 144.75 80.0111 144.9 80.5945 144.9C81.1758 144.9 81.7614 144.75 82.2797 144.449C83.3207 143.847 83.9671 142.725 83.9671 141.518V82.3228L132.547 54.1763C133.588 53.574 134.233 52.4515 134.233 51.2447ZM134.335 115.599L94.4605 139.989V118.15L115.252 104.733L115.395 103.791C115.433 103.545 115.447 103.545 115.447 102.41L115.512 76.3565L134.401 65.4117L134.335 115.599ZM136.913 61.0502C135.87 60.4416 134.577 60.4437 133.536 61.0502L113.428 72.6984C112.799 73.0417 111.317 73.8483 111.317 75.512L111.25 102.306L92.0869 114.673C90.9431 115.355 90.2631 116.436 90.2631 117.577V141.347C90.2631 142.537 90.9032 143.622 91.9757 144.243C92.536 144.565 93.1593 144.729 93.7805 144.729C94.3912 144.729 95.002 144.574 95.5539 144.253L136.852 118.994C137.891 118.39 138.533 117.267 138.533 116.069L138.6 63.9796C138.6 62.775 137.954 61.6525 136.913 61.0502Z"
+			fill="white"
+		/>
+	</g>
+	<defs>
+		<linearGradient
+			id="paint0_linear_305_193"
+			x1="0"
+			y1="16800"
+			x2="16800"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#C8511B" />
+			<stop offset="1" stop-color="#FF9900" />
+		</linearGradient>
+		<clipPath id="clip0_305_193">
+			<rect width="168" height="168" fill="white" />
+		</clipPath>
+	</defs>
+</svg>

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AwsEcrIconProps = typeof __propDef.props;
+export type AwsEcrIconEvents = typeof __propDef.events;
+export type AwsEcrIconSlots = typeof __propDef.slots;
+export default class AwsEcrIcon extends SvelteComponentTyped<AwsEcrIconProps, AwsEcrIconEvents, AwsEcrIconSlots> {
+}
+export {};

package/package/components/icons/CalcomIcon.svelte

@@ -0,0 +1,18 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 168 168"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M18.8184 100.099C24.3923 100.099 28.5042 97.9512 30.9257 95.0271L26.2655 91.0523C24.3923 93.1082 22.0622 94.1591 18.9554 94.1591C12.6505 94.1591 8.76698 89.4075 8.76698 83.5594C8.76698 77.7114 12.6505 72.8684 18.8184 72.8684C21.6967 72.8684 24.0725 73.8736 25.9914 75.8838L30.5145 71.9547C27.6362 68.5281 24.0268 66.929 18.8184 66.929C8.94973 66.929 2.14221 74.3761 2.14221 83.5594C2.14221 92.6971 9.31524 100.099 18.8184 100.099ZM42.5676 100.099C46.8166 100.099 48.964 98.3167 50.2432 95.6211V99.5046H56.2284V75.7468H50.1062V79.4932C48.8269 76.9347 46.6796 75.2442 42.5676 75.2442C36.0342 75.2442 30.8258 80.8638 30.8258 87.7171C30.8258 94.5703 36.0342 100.099 42.5676 100.099ZM36.9937 87.6714C36.9937 83.9706 39.6436 80.8182 43.5728 80.8182C47.639 80.8182 50.2432 84.0163 50.2432 87.7171C50.2432 91.4178 47.639 94.5246 43.5728 94.5246C39.6436 94.5246 36.9937 91.2807 36.9937 87.6714ZM59.893 99.5046H66.0609V66.1523H59.893V99.5046ZM72.9983 100.099C75.3741 100.099 77.0646 98.271 77.0646 96.078C77.0646 93.9306 75.3741 92.1031 72.9983 92.1031C70.6225 92.1031 68.8864 93.9306 68.8864 96.078C68.8864 98.271 70.6225 100.099 72.9983 100.099ZM90.3199 100.099C94.9801 100.099 98.2696 98.4081 100.508 95.5297L96.0309 91.6462C94.7973 93.291 93.2439 94.4789 90.8681 94.4789C86.939 94.4789 84.2434 91.3264 84.2434 87.6257C84.2434 83.9249 86.8019 80.7725 90.7311 80.7725C92.8327 80.7725 94.6603 81.8233 95.7568 83.4681L100.508 79.5846C98.498 76.7976 94.9801 75.1071 90.6397 75.1528C83.3753 75.1985 78.0755 80.7268 78.0755 87.6257C78.0755 94.5246 83.5124 100.099 90.3199 100.099ZM113.174 100.099C120.529 100.099 125.829 94.5246 125.829 87.6714C125.829 80.8182 120.529 75.1985 113.174 75.1985C105.818 75.1985 100.518 80.8182 100.518 87.6714C100.518 94.5246 105.818 100.099 113.174 100.099ZM106.686 87.6714C106.686 83.9706 109.244 80.8182 113.174 80.8182C117.103 80.8182 119.661 83.9706 119.661 87.6714C119.661 91.3721 117.103 94.4789 113.174 94.4789C109.244 94.4789 106.686 91.3721 106.686 87.6714ZM128.559 99.5046H134.727V86.4835C134.727 82.3715 137.057 80.5897 139.661 80.5897C142.722 80.5897 144.778 82.3715 144.778 86.4835V99.5046H150.946V86.4835C150.946 81.9147 152.911 80.5897 155.79 80.5897C158.577 80.5897 160.541 82.3715 160.541 86.4835V99.5046H166.709V84.9758C166.709 78.9906 162.78 75.1985 157.663 75.1985C153.505 75.1985 151.22 76.7976 149.621 79.676C148.068 76.7976 145.235 75.1985 141.9 75.1985C138.245 75.1985 135.869 76.5692 134.635 79.2191V75.7468H128.559V99.5046Z"
+		fill="#141414"
+	/>
+</svg>

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CalcomIconProps = typeof __propDef.props;
+export type CalcomIconEvents = typeof __propDef.events;
+export type CalcomIconSlots = typeof __propDef.slots;
+export default class CalcomIcon extends SvelteComponentTyped<CalcomIconProps, CalcomIconEvents, CalcomIconSlots> {
+}
+export {};

package/package/components/icons/ClickupIcon.svelte

@@ -0,0 +1,50 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 168 168"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M15 128.533L40.4652 108.979C53.9943 126.679 68.3685 134.838 84.3687 134.838C100.283 134.838 114.251 126.775 127.17 109.214L152.999 128.298C134.358 153.621 111.192 167 84.3687 167C57.6309 167 34.2405 153.706 15 128.533Z"
+		fill="url(#paint0_linear_308_323)"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M82.9336 43.5407L37.6076 82.693L16.6558 58.3354L83.0296 1L148.88 58.378L127.831 82.6503L82.9336 43.5407Z"
+		fill="url(#paint1_linear_308_323)"
+	/>
+	<defs>
+		<linearGradient
+			id="paint0_linear_308_323"
+			x1="15"
+			y1="148.439"
+			x2="152.999"
+			y2="148.439"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#8930FD" />
+			<stop offset="1" stop-color="#49CCF9" />
+		</linearGradient>
+		<linearGradient
+			id="paint1_linear_308_323"
+			x1="16.6558"
+			y1="56.5595"
+			x2="148.88"
+			y2="56.5595"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#FF02F0" />
+			<stop offset="1" stop-color="#FFC800" />
+		</linearGradient>
+	</defs>
+</svg>

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ClickupIconProps = typeof __propDef.props;
+export type ClickupIconEvents = typeof __propDef.events;
+export type ClickupIconSlots = typeof __propDef.slots;
+export default class ClickupIcon extends SvelteComponentTyped<ClickupIconProps, ClickupIconEvents, ClickupIconSlots> {
+}
+export {};

package/package/components/icons/CloudflareIcon.svelte

@@ -0,0 +1,26 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 168 168"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M151.503 82.5032L132.218 78.0264L128.775 76.6489L40.272 77.3377V120.039L151.503 120.384V82.5032Z"
+		fill="white"
+	/>
+	<path
+		d="M115.344 116.251C115.898 114.785 116.094 113.207 115.914 111.649C115.734 110.092 115.185 108.6 114.311 107.298C113.414 106.222 112.313 105.334 111.072 104.684C109.832 104.034 108.475 103.635 107.079 103.51L47.1593 102.821C46.8149 102.821 46.4706 102.476 46.1262 102.476C46.046 102.416 45.9809 102.338 45.9361 102.249C45.8912 102.159 45.8679 102.06 45.8679 101.96C45.8679 101.86 45.8912 101.761 45.9361 101.671C45.9809 101.582 46.046 101.504 46.1262 101.443C46.4706 100.755 46.8149 100.41 47.5037 100.41L107.768 99.7215C111.594 99.297 115.238 97.8608 118.325 95.5609C121.411 93.2609 123.83 90.1802 125.331 86.6355L128.775 77.682C128.775 77.3376 129.119 76.9932 128.775 76.6489C126.902 68.3097 122.359 60.8096 115.835 55.2884C109.311 49.7671 101.163 46.5264 92.6292 46.0588C84.0953 45.5912 75.642 47.9222 68.5538 52.6976C61.4656 57.473 56.1301 64.4318 53.3579 72.5164C49.7591 69.9462 45.3695 68.7268 40.9607 69.0727C36.9146 69.5239 33.1423 71.3378 30.2635 74.2166C27.3848 77.0953 25.5709 80.8676 25.1197 84.9137C24.8904 86.9847 25.0068 89.0795 25.4641 91.1123C18.9174 91.2933 12.6997 94.0214 8.1335 98.7162C3.56731 103.411 1.013 109.702 1.01391 116.251C0.957399 117.524 1.07323 118.798 1.35828 120.039C1.37409 120.308 1.48802 120.562 1.67844 120.752C1.86887 120.943 2.12255 121.057 2.39139 121.072H112.934C113.622 121.072 114.311 120.728 114.311 120.039L115.344 116.251Z"
+		fill="#F48120"
+	/>
+	<path
+		d="M134.285 77.6818H132.563C132.219 77.6818 131.874 78.0261 131.53 78.3705L129.119 86.6353C128.565 88.102 128.37 89.68 128.55 91.2375C128.73 92.795 129.279 94.287 130.153 95.5889C131.05 96.6647 132.15 97.553 133.391 98.203C134.632 98.853 135.989 99.2519 137.384 99.377L150.126 100.066C150.47 100.066 150.815 100.41 151.159 100.41C151.239 100.47 151.304 100.548 151.349 100.638C151.394 100.728 151.417 100.826 151.417 100.927C151.417 101.027 151.394 101.126 151.349 101.215C151.304 101.305 151.239 101.383 151.159 101.443C150.815 102.132 150.47 102.476 149.782 102.476L136.696 103.165C132.87 103.59 129.226 105.026 126.139 107.326C123.052 109.626 120.634 112.706 119.133 116.251L118.444 119.35C118.1 119.695 118.444 120.383 119.133 120.383H164.589C164.73 120.404 164.873 120.391 165.007 120.346C165.142 120.301 165.264 120.225 165.364 120.125C165.465 120.025 165.54 119.903 165.585 119.768C165.63 119.634 165.643 119.491 165.623 119.35C166.442 116.433 166.905 113.426 167 110.397C166.945 101.737 163.481 93.4475 157.358 87.3241C151.234 81.2006 142.945 77.7363 134.285 77.6818Z"
+		fill="#FAAD3F"
+	/>
+</svg>

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CloudflareIconProps = typeof __propDef.props;
+export type CloudflareIconEvents = typeof __propDef.events;
+export type CloudflareIconSlots = typeof __propDef.slots;
+export default class CloudflareIcon extends SvelteComponentTyped<CloudflareIconProps, CloudflareIconEvents, CloudflareIconSlots> {
+}
+export {};