windmill-components 1.89.0 → 1.89.1

package/package/components/flows/content/FlowBranchesAllWrapper.svelte

@@ -1,12 +1,13 @@
-<script>import { Alert, Tab } from '../../common';
+<script>import { Alert, Badge, Tab } from '../../common';
 import TabContent from '../../common/tabs/TabContent.svelte';
 import Tabs from '../../common/tabs/Tabs.svelte';
 import Toggle from '../../Toggle.svelte';
+import { Pane, Splitpanes } from 'svelte-splitpanes';
+import SplitPanesWrapper from '../../splitPanes/SplitPanesWrapper.svelte';
 import FlowCard from '../common/FlowCard.svelte';
 import FlowModuleEarlyStop from './FlowModuleEarlyStop.svelte';
 import FlowModuleSleep from './FlowModuleSleep.svelte';
 import FlowModuleSuspend from './FlowModuleSuspend.svelte';
-// import FlowRetries from './FlowRetries.svelte'
 export let flowModule;
 export let previousModule;
 let value = flowModule.value;
@@ -16,76 +17,73 @@ let selected = 'early-stop';
 
 <div class="h-full flex flex-col w-full">
 	<FlowCard title={value.type == 'branchall' ? 'Run all branches' : 'Run one branch'}>
-		<div class="flex flex-col h-full w-full">
-			<div class="border w-full">
-				<Alert notRounded type="info" title="All branches will be run">
-					The result of this step is the list of the result of each branch.
-				</Alert>
+		<SplitPanesWrapper>
+			<Splitpanes horizontal>
+				<Pane size={flowModule ? 60 : 100}>
+					<Alert notRounded type="info" title="All branches will be run" class="m-2">
+						The result of this step is the list of the result of each branch.
+					</Alert>
 
-				<div class="p-4 mt-4 w-full">
-					<h3 class="mb-4">{value.branches.length} branch{value.branches.length > 1 ? 'es' : ''}</h3
-					>
-					<div class="flex flex-col gap-y-4 py-2 w-full max-w-xl">
-						{#each value.branches as branch}
-							<div class="flex flex-row gap-x-4 w-full items-center">
-								<div class="grow">
-									<input type="text" bind:value={branch.summary} placeholder="Summary" />
+					<div class="p-4 mt-4 w-full">
+						<h3 class="mb-4"
+							>{value.branches.length} branch{value.branches.length > 1 ? 'es' : ''}</h3
+						>
+						<div class="flex flex-col gap-y-4 py-2 w-full">
+							{#each value.branches as branch, i}
+								<div class="flex flex-row gap-x-4 w-full items-center">
+									<div class="grow flex gap-2">
+										<Badge large={true} color="blue">Branch {i + 1}</Badge>
+										<input type="text" bind:value={branch.summary} placeholder="Summary" />
+									</div>
+									<div class="w-min-sm">
+										<Toggle
+											bind:checked={branch.skip_failure}
+											options={{
+												right: 'Skip failure'
+											}}
+										/>
+									</div>
 								</div>
-								<div class="w-min-sm">
-									<Toggle
-										bind:checked={branch.skip_failure}
-										options={{
-											right: 'Skip failure'
-										}}
-									/>
-								</div>
-							</div>
-						{/each}
+							{/each}
+						</div>
+						<div class="mt-6 mb-2 text-sm font-bold">Run in parallel</div>
+						<Toggle
+							bind:checked={value.parallel}
+							options={{
+								right: 'All branches run in parallel'
+							}}
+						/>
 					</div>
-					<div class="mt-6 mb-2 text-sm font-bold">Run in parallel</div>
-					<Toggle
-						bind:checked={value.parallel}
-						options={{
-							right: 'All branches run in parallel'
-						}}
-					/>
-				</div>
-			</div>
-			{#if flowModule}
-				<Tabs bind:selected>
-					<!-- <Tab value="retries">Retries</Tab> -->
-					<Tab value="early-stop">Early Stop/Break</Tab>
-					<Tab value="suspend">Suspend</Tab>
-					<Tab value="sleep">Sleep</Tab>
-
-					<svelte:fragment slot="content">
-						<div class="overflow-hidden bg-white">
-							<!-- <TabContent value="retries" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowRetries bind:flowModule />
-								</div>
-							</TabContent> -->
-
-							<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleEarlyStop bind:flowModule />
+				</Pane>
+				{#if flowModule}
+					<Pane size={40}>
+						<Tabs bind:selected>
+							<Tab value="early-stop">Early Stop/Break</Tab>
+							<Tab value="suspend">Suspend</Tab>
+							<Tab value="sleep">Sleep</Tab>
+							<svelte:fragment slot="content">
+								<div class="overflow-hidden bg-white">
+									<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleEarlyStop bind:flowModule />
+										</div>
+									</TabContent>
+									<TabContent value="suspend" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleSuspend bind:flowModule />
+										</div>
+									</TabContent>
+									<TabContent value="sleep" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule />
+										</div>
+									</TabContent>
 								</div>
-							</TabContent>
-
-							<TabContent value="suspend" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleSuspend bind:flowModule />
-								</div>
-							</TabContent>
-							<TabContent value="sleep" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule />
-								</div>
-							</TabContent>
-						</div>
-					</svelte:fragment>
-				</Tabs>
-			{/if}
-		</div>
+							</svelte:fragment>
+						</Tabs>
+					</Pane>
+				{/if}
+			</Splitpanes>
+		</SplitPanesWrapper>
 	</FlowCard>
 </div>

package/package/components/flows/content/FlowBranchesOneWrapper.svelte

@@ -1,11 +1,13 @@
 <script>import { Alert, Badge, Tab } from '../../common';
 import TabContent from '../../common/tabs/TabContent.svelte';
 import Tabs from '../../common/tabs/Tabs.svelte';
+import { Pane, Splitpanes } from 'svelte-splitpanes';
 import FlowCard from '../common/FlowCard.svelte';
 import BranchPredicateEditor from './BranchPredicateEditor.svelte';
 import FlowModuleEarlyStop from './FlowModuleEarlyStop.svelte';
 import FlowModuleSleep from './FlowModuleSleep.svelte';
 import FlowModuleSuspend from './FlowModuleSuspend.svelte';
+import SplitPanesWrapper from '../../splitPanes/SplitPanesWrapper.svelte';
 // import FlowRetries from './FlowRetries.svelte'
 export let flowModule;
 export let previousModule;
@@ -16,73 +18,72 @@ let selected = 'early-stop';
 
 <div class="h-full">
 	<FlowCard title="Run one branch">
-		<div class="flex flex-col h-full overflow-auto">
-			<div class="border">
-				<Alert notRounded type="info" title="Only one branch will be run">
-					The result of this step is the result of the branch.
-				</Alert>
-
-				<div class="p-2">
-					<h3 class="my-4"
-						>{value.branches.length + 1} branch{value.branches.length + 1 > 1 ? 'es' : ''}</h3
-					>
-					<div class="flex flex-col gap-y-4 py-2">
-						<div class="flex flex-row gap-2 text-sm border border-gray-400 p-2">
-							<Badge large={true} color="blue">Default branch</Badge>
-							<p class="italic text-gray-600"
-								>If none of the predicates' expressions evaluated in-order match, this branch is
-								chosen</p
-							>
-						</div>
-						{#each value.branches as branch}
-							<div class="flex flex-col gap-x-2 p-2 items-center border border-gray-400">
-								<input
-									class="w-full"
-									type="text"
-									bind:value={branch.summary}
-									placeholder="Summary"
-								/>
-								<BranchPredicateEditor {branch} parentModule={flowModule} {previousModule} />
+		<SplitPanesWrapper>
+			<Splitpanes horizontal>
+				<Pane size={flowModule ? 60 : 100}>
+					<Alert notRounded type="info" title="Only one branch will be run" class="m-2">
+						The result of this step is the result of the branch.
+					</Alert>
+					<div class="p-2">
+						<h3 class="my-4">
+							{value.branches.length + 1} branch{value.branches.length + 1 > 1 ? 'es' : ''}
+						</h3>
+						<div class="py-2">
+							<div class="flex flex-row gap-2 text-sm p-2">
+								<Badge large={true} color="blue">Default branch</Badge>
+								<p class="italic text-gray-600"
+									>If none of the predicates' expressions evaluated in-order match, this branch is
+									chosen</p
+								>
 							</div>
-						{/each}
-					</div>
-				</div>
-			</div>
-			{#if flowModule}
-				<Tabs bind:selected>
-					<!-- <Tab value="retries">Retries</Tab> -->
-					<Tab value="early-stop">Early Stop/Break</Tab>
-					<Tab value="suspend">Suspend</Tab>
-					<Tab value="sleep">Sleep</Tab>
-
-					<svelte:fragment slot="content">
-						<div class="overflow-hidden bg-white">
-							<!-- <TabContent value="retries" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowRetries bind:flowModule />
-								</div>
-							</TabContent> -->
-
-							<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleEarlyStop bind:flowModule />
+							{#each value.branches as branch, i}
+								<div class="flex flex-col gap-x-2 items-center">
+									<div class="w-full flex gap-2 px-2 pt-10 pb-2">
+										<Badge large={true} color="blue">Branch {i + 1}</Badge>
+										<input
+											class="w-full"
+											type="text"
+											bind:value={branch.summary}
+											placeholder="Summary"
+										/>
+									</div>
+									<div class="w-full border">
+										<BranchPredicateEditor {branch} parentModule={flowModule} {previousModule} />
+									</div>
 								</div>
-							</TabContent>
-
-							<TabContent value="suspend" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleSuspend bind:flowModule />
-								</div>
-							</TabContent>
-							<TabContent value="sleep" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule />
-								</div>
-							</TabContent>
+							{/each}
 						</div>
-					</svelte:fragment>
-				</Tabs>
-			{/if}
-		</div>
+					</div>
+				</Pane>
+				{#if flowModule}
+					<Pane size={40}>
+						<Tabs bind:selected>
+							<Tab value="early-stop">Early Stop/Break</Tab>
+							<Tab value="suspend">Suspend</Tab>
+							<Tab value="sleep">Sleep</Tab>
+							<svelte:fragment slot="content">
+								<div class="overflow-hidden bg-white">
+									<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleEarlyStop bind:flowModule />
+										</div>
+									</TabContent>
+									<TabContent value="suspend" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleSuspend bind:flowModule />
+										</div>
+									</TabContent>
+									<TabContent value="sleep" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule />
+										</div>
+									</TabContent>
+								</div>
+							</svelte:fragment>
+						</Tabs>
+					</Pane>
+				{/if}
+			</Splitpanes>
+		</SplitPanesWrapper>
 	</FlowCard>
 </div>

package/package/components/flows/content/FlowRetries.svelte

@@ -1,5 +1,6 @@
 <script>import Toggle from '../../Toggle.svelte';
 import Tooltip from '../../Tooltip.svelte';
+import { SecondsInput } from '../../common';
 export let flowModule;
 function setConstantRetries() {
     flowModule.retry = {
@@ -24,7 +25,7 @@ $: isConstantRetryEnabled = Boolean(flowModule.retry?.constant);
 $: isExponentialRetryEnabled = Boolean(flowModule.retry?.exponential);
 </script>
 
-<div class={$$props.class}>
+<div class="h-full flex flex-col {$$props.class ?? ''}">
 	<h2>
 		Retries
 		<Tooltip>
@@ -34,8 +35,8 @@ $: isExponentialRetryEnabled = Boolean(flowModule.retry?.exponential);
 		</Tooltip>
 	</h2>
 
-	<div class="flex">
-		<div class="w-1/2 mr-2">
+	<div class="flex h-[calc(100%-22px)]">
+		<div class="w-1/2 h-full overflow-auto pr-2">
 			<div class="pt-4">
 				<Toggle
 					checked={isConstantRetryEnabled}
@@ -54,13 +55,13 @@ $: isExponentialRetryEnabled = Boolean(flowModule.retry?.exponential);
 			{#if flowModule.retry?.constant}
 				<div class="text-xs font-bold !mt-2">Attempts</div>
 				<input bind:value={flowModule.retry.constant.attempts} type="number" />
-				<div class="text-xs font-bold !mt-2">Delay (in seconds)</div>
-				<input bind:value={flowModule.retry.constant.seconds} type="number" />
+				<div class="text-xs font-bold !mt-2">Delay</div>
+				<SecondsInput bind:seconds={flowModule.retry.constant.seconds} />
 			{:else}
 				<div class="text-xs font-bold !mt-2">Attempts</div>
 				<input type="number" disabled />
-				<div class="text-xs font-bold !mt-2">Delay (in seconds)</div>
-				<input type="number" disabled />
+				<div class="text-xs font-bold !mt-2">Delay</div>
+				<SecondsInput disabled />
 			{/if}
 			<div class="pt-6">
 				<Toggle
@@ -95,7 +96,7 @@ $: isExponentialRetryEnabled = Boolean(flowModule.retry?.exponential);
 				<input type="number" disabled />
 			{/if}
 		</div>
-		<div class="w-1/2 ml-2">
+		<div class="w-1/2 h-full overflow-auto pl-2">
 			{#if true}
 				{@const { attempts: cAttempts, seconds: cSeconds } = flowModule.retry?.constant || {}}
 				{@const {
@@ -109,14 +110,12 @@ $: isExponentialRetryEnabled = Boolean(flowModule.retry?.exponential);
 					(_, i) => (multiplier || 0) * (eSeconds || 0) ** (i + cArray.length + 1)
 				)}
 				{@const array = [...cArray, ...eArray]}
-				<div
-					class="bg-gray-50 border border-gray-300 rounded max-h-[431px] overflow-auto px-4 py-2"
-				>
+				<div class="bg-gray-50 border border-gray-300 rounded px-4 py-2">
 					<div class="text-xs font-medium mb-2">Retry attempts</div>
 					{#if array.length > 0}
 						<table class="text-xs">
 							<tr>
-								<td class="font-semibold pr-1">1:</td>
+								<td class="font-semibold pr-1 pb-1">1:</td>
 								<td class="pb-1">After {array[0]} second{array[0] === 1 ? '' : 's'}</td>
 							</tr>
 							{#each array.slice(1) as delay, i}

package/package/components/flows/previousResults.js

@@ -112,7 +112,7 @@ declare function variable(path: string): string;
 
 /**
 * get resource at path
-* @param {string} path - path of the resource (e.g: g/all/my_resource)
+* @param {string} path - path of the resource (e.g: f/examples/my_resource)
 */
 declare function resource(path: string): any;
 

package/package/components/flows/propPicker/PropPickerWrapper.svelte

@@ -35,7 +35,7 @@ setContext('PropPickerWrapper', {
 	on:click_outside={() => propPickerConfig.set(undefined)}
 >
 	<Splitpanes>
-		<Pane minSize={20} size={60} class="relative p-4 !transition-none">
+		<Pane minSize={20} size={60} class="relative p-2 !transition-none">
 			<slot />
 		</Pane>
 		<Pane

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,31 @@ 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;
 	}
 
 	.Nodes {

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 {};