windmill-components 1.86.0 → 1.89.0

package/package/components/graph/svelvet/types/types.js

@@ -0,0 +1,18 @@
+import { findStore } from '../store/controllers/storeApi';
+import { get } from 'svelte/store';
+export function getD3PositionX(canvasId) {
+    const store = findStore(canvasId);
+    const width = get(store.widthStore);
+    const x = width / 2 - get(store.d3ZoomParameters).x; // user input is shifted so that x=0, y=0 occurs in the center
+    return x;
+}
+export function getD3PositionY(canvasId) {
+    const store = findStore(canvasId);
+    const height = get(store.heightStore);
+    const y = height / 2 - get(store.d3ZoomParameters).y; // user input is shifted so that x=0, y=0 occurs in the center
+    return y;
+}
+export function getD3Zoom(canvasId) {
+    const store = findStore(canvasId);
+    return get(store.d3ZoomParameters).k;
+}

package/package/components/graph/util.d.ts

@@ -0,0 +1,9 @@
+export declare const NODE: {
+    width: number;
+    height: number;
+    gap: {
+        horizontal: number;
+        vertical: number;
+    };
+};
+export declare function createIdGenerator(): Generator<number, number, unknown>;

package/package/components/graph/util.js

@@ -0,0 +1,14 @@
+export const NODE = {
+    width: 275,
+    height: 34,
+    gap: {
+        horizontal: 40,
+        vertical: 50
+    }
+};
+export function* createIdGenerator() {
+    let id = 0;
+    while (true) {
+        yield id++;
+    }
+}

package/package/components/home/FlowIcon.svelte

@@ -0,0 +1,6 @@
+<script>import { faBarsStaggered } from '@fortawesome/free-solid-svg-icons';
+import { Icon } from 'svelte-awesome';
+export let color = 'black';
+</script>
+
+<Icon data={faBarsStaggered} scale={0.8} style={`color: ${color};`} />

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

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FlowIconProps = typeof __propDef.props;
+export type FlowIconEvents = typeof __propDef.events;
+export type FlowIconSlots = typeof __propDef.slots;
+export default class FlowIcon extends SvelteComponentTyped<FlowIconProps, FlowIconEvents, FlowIconSlots> {
+}
+export {};

package/package/components/home/ItemsList.svelte

@@ -0,0 +1,333 @@
+<script>import CenteredPage from '../CenteredPage.svelte';
+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 { userStore, workspaceStore } from '../../stores';
+import { canWrite } from '../../utils';
+import { Code2, LayoutDashboard } from 'lucide-svelte';
+export let filter = '';
+import AppRow from '../common/table/AppRow.svelte';
+import FlowRow from '../common/table/FlowRow.svelte';
+import ScriptRow from '../common/table/ScriptRow.svelte';
+import { HOME_SEARCH_SHOW_FLOW, HOME_SEARCH_PLACEHOLDER } from '../../consts';
+import ConfirmationModal from '../common/confirmationModal/ConfirmationModal.svelte';
+import MoveDrawer from '../MoveDrawer.svelte';
+import SearchItems from '../SearchItems.svelte';
+import ListFilters from './ListFilters.svelte';
+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';
+let scripts;
+let flows;
+let apps;
+let filteredItems = [];
+let itemKind = 'all';
+let shareModal;
+let moveDrawer;
+let loading = true;
+let nbDisplayed = 30;
+export let deleteConfirmedCallback = undefined;
+async function loadScripts() {
+    const loadedScripts = await ScriptService.listScripts({
+        workspace: $workspaceStore,
+        showArchived: archived ? true : undefined,
+        perPage: 300
+    });
+    scripts = loadedScripts.map((script) => {
+        return {
+            canWrite: canWrite(script.path, script.extra_perms, $userStore) &&
+                script.workspace_id == $workspaceStore &&
+                !$userStore?.operator,
+            ...script
+        };
+    });
+    loading = false;
+}
+async function loadFlows() {
+    flows = (await FlowService.listFlows({
+        workspace: $workspaceStore,
+        showArchived: archived ? true : undefined
+    })).map((x) => {
+        return {
+            canWrite: canWrite(x.path, x.extra_perms, $userStore) &&
+                x.workspace_id == $workspaceStore &&
+                !$userStore?.operator,
+            ...x
+        };
+    });
+    loading = false;
+}
+async function loadApps() {
+    apps = (await AppService.listApps({ 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
+        ? undefined
+        : [
+            ...flows.map((x) => ({
+                ...x,
+                type: 'flow',
+                time: new Date(x.edited_at).getTime()
+            })),
+            ...scripts.map((x) => ({
+                ...x,
+                type: 'script',
+                time: new Date(x.created_at).getTime()
+            })),
+            ...apps.map((x) => ({
+                ...x,
+                type: '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 =
+    ownerFilter != undefined
+        ? combinedItems?.filter((x) => x.path.startsWith(ownerFilter ?? '') && (x.type == itemKind || itemKind == 'all'))
+        : combinedItems?.filter((x) => x.type == itemKind || itemKind == 'all');
+let ownerFilter = undefined;
+$: if ($workspaceStore) {
+    ownerFilter = undefined;
+}
+$: {
+    if ($userStore && $workspaceStore) {
+        loadScripts();
+        loadFlows();
+        if (!archived) {
+            loadApps();
+        }
+        else {
+            apps = [];
+        }
+    }
+}
+const cmp = new Intl.Collator('en').compare;
+const opts = {
+    sort: (info, haystack, needle) => {
+        let { idx, chars, terms, interLft2, interLft1, 
+        //	interRgt2,
+        //	interRgt1,
+        start, intraIns, interIns } = info;
+        const sortResult = idx
+            .map((v, i) => i)
+            .sort((ia, ib) => 
+        // most contig chars matched
+        chars[ib] - chars[ia] ||
+            // least char intra-fuzz (most contiguous)
+            intraIns[ia] - intraIns[ib] ||
+            // most prefix bounds, boosted by full term matches
+            terms[ib] +
+                interLft2[ib] +
+                0.5 * interLft1[ib] -
+                (terms[ia] + interLft2[ia] + 0.5 * interLft1[ia]) ||
+            // highest density of match (least span)
+            //	span[ia] - span[ib] ||
+            // highest density of match (least term inter-fuzz)
+            interIns[ia] - interIns[ib] ||
+            // earliest start of match
+            start[ia] - start[ib] ||
+            // alphabetic
+            cmp(haystack[idx[ia]], haystack[idx[ib]]) +
+                (preFilteredItems?.[idx[ib]]?.starred ? 100 : 0) -
+                (preFilteredItems?.[idx[ia]]?.starred ? 100 : 0));
+        return sortResult;
+    }
+};
+$: items = filter !== '' ? filteredItems : preFilteredItems;
+function resetScroll() {
+    const element = document.getElementsByTagName('svelte-virtual-list-viewport');
+    const firstElement = element.item(0);
+    if (firstElement) {
+        firstElement.scrollTop = 0;
+    }
+}
+$: items && resetScroll();
+let archived = false;
+</script>
+
+<SearchItems
+	{filter}
+	items={preFilteredItems}
+	bind:filteredItems
+	f={(x) => (x.summary ? x.summary + ' (' + x.path + ')' : x.path)}
+	{opts}
+/>
+
+<ShareModal
+	bind:this={shareModal}
+	on:change={() => {
+		loadScripts()
+		loadApps()
+		loadFlows()
+	}}
+/>
+
+<MoveDrawer
+	bind:this={moveDrawer}
+	on:update={() => {
+		loadScripts()
+		loadApps()
+		loadFlows()
+	}}
+/>
+
+<CenteredPage>
+	<div class="flex flex-wrap gap-2 items-center justify-between w-full">
+		<div class="flex justify-start">
+			<ToggleButtonGroup bind:selected={itemKind} class="h-10">
+				<ToggleButton value="all" label="All" class="text-sm px-4 py-2" />
+				<ToggleButton value="script" icon={Code2} label="Scripts" class="text-sm px-4 py-2" />
+				{#if HOME_SEARCH_SHOW_FLOW}
+					<ToggleButton
+						value="flow"
+						label="Flows"
+						icon={FlowIcon}
+						class="text-sm px-4 py-2"
+						selectedColor="#14b8a6"
+					/>
+				{/if}
+				<ToggleButton
+					value="app"
+					label="Apps"
+					icon={LayoutDashboard}
+					class="text-sm px-4 py-2"
+					selectedColor="#fb923c"
+				/>
+			</ToggleButtonGroup>
+		</div>
+
+		<div class="relative text-gray-600 grow min-w-[100px]">
+			<!-- svelte-ignore a11y-autofocus -->
+			<input
+				autofocus
+				placeholder={HOME_SEARCH_PLACEHOLDER}
+				bind:value={filter}
+				class="bg-white !h-10 !px-4 !pr-10 !rounded-lg text-sm focus:outline-none"
+			/>
+			<button type="submit" class="absolute right-0 top-0 mt-3 mr-4">
+				<svg
+					class="h-4 w-4 fill-current"
+					xmlns="http://www.w3.org/2000/svg"
+					xmlns:xlink="http://www.w3.org/1999/xlink"
+					version="1.1"
+					id="Capa_1"
+					x="0px"
+					y="0px"
+					viewBox="0 0 56.966 56.966"
+					style="enable-background:new 0 0 56.966 56.966;"
+					xml:space="preserve"
+					width="512px"
+					height="512px"
+				>
+					<path
+						d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z"
+					/>
+				</svg>
+			</button>
+		</div>
+	</div>
+	<div class="relative">
+		<ListFilters bind:selectedFilter={ownerFilter} filters={owners} />
+		{#if filteredItems?.length == 0}
+			<div class="mt-10" />
+		{/if}
+		{#if !loading}
+			<div class="absolute -bottom-2 right-0 bg-white/90">
+				<Toggle size="xs" bind:checked={archived} options={{ right: 'Show archived' }} /></div
+			>
+		{/if}
+	</div>
+	<div>
+		{#if filteredItems == undefined}
+			<div class="mt-4" />
+			<Skeleton layout={[[2], 1]} />
+			{#each new Array(6) as _}
+				<Skeleton layout={[[4], 0.5]} />
+			{/each}
+		{:else if filteredItems.length === 0}
+			<NoItemFound />
+		{:else}
+			<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}
+				{/each}
+				<!-- </VirtualList> -->
+			</div>
+			{#if items && items?.length > 30}
+				<span class="text-xs"
+					>{nbDisplayed} items out of {items.length}
+					<button class="ml-4" on:click={() => (nbDisplayed += 30)}>load 30 more</button></span
+				>
+			{/if}
+			<div class="pb-80" />
+		{/if}
+	</div>
+</CenteredPage>
+
+<ConfirmationModal
+	open={Boolean(deleteConfirmedCallback)}
+	title="Remove"
+	confirmationText="Remove"
+	on:canceled={() => {
+		deleteConfirmedCallback = undefined
+	}}
+	on:confirmed={() => {
+		if (deleteConfirmedCallback) {
+			deleteConfirmedCallback()
+		}
+		deleteConfirmedCallback = undefined
+	}}
+>
+	<div class="flex flex-col w-full space-y-4">
+		<span>Are you sure you want to remove it?</span>
+		<Alert type="info" title="Bypass confirmation">
+			<div>
+				You can press
+				<Badge color="dark-gray">SHIFT</Badge>
+				while removing to bypass confirmation.
+			</div>
+		</Alert>
+	</div>
+</ConfirmationModal>

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        filter?: string | undefined;
+        deleteConfirmedCallback?: (() => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ItemsListProps = typeof __propDef.props;
+export type ItemsListEvents = typeof __propDef.events;
+export type ItemsListSlots = typeof __propDef.slots;
+export default class ItemsList extends SvelteComponentTyped<ItemsListProps, ItemsListEvents, ItemsListSlots> {
+}
+export {};

package/package/components/home/ListFilters.svelte

@@ -0,0 +1,50 @@
+<script>import { classNames } from '../../utils';
+import { Folder, User } from 'lucide-svelte';
+import { flip } from 'svelte/animate';
+import { fade } from 'svelte/transition';
+import { Badge } from '../common';
+import { APP_TO_ICON_COMPONENT } from '../icons';
+export let filters;
+export let selectedFilter = undefined;
+export let resourceType = false;
+function getIconComponent(name) {
+    return APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]];
+}
+$: filtersAndSelected = selectedFilter
+    ? filters.includes(selectedFilter)
+        ? filters
+        : [selectedFilter, ...filters]
+    : filters;
+</script>
+
+{#if Array.isArray(filtersAndSelected) && filtersAndSelected.length > 0}
+	<div class="gap-2 w-full flex flex-wrap my-4">
+		{#each filtersAndSelected as filter (filter)}
+			<div in:fade={{ duration: 50 }} animate:flip={{ duration: 100 }}>
+				<Badge
+					class={classNames(
+						'cursor-pointer inline-flex items-center gap-1 align-middle',
+						filter === selectedFilter ? 'hover:bg-blue-200' : 'hover:bg-gray-200'
+					)}
+					on:click={() => {
+						selectedFilter = selectedFilter == filter ? undefined : filter
+					}}
+					color={filter === selectedFilter ? 'blue' : 'gray'}
+					baseClass={filter === selectedFilter ? 'border border-blue-500' : 'border'}
+				>
+					<span style="height: 12px" class="-mt-0.5">
+						{#if resourceType}
+							<svelte:component this={getIconComponent(filter)} height="14px" width="14px" />
+						{:else if filter.startsWith('u/')}
+							<User class="mr-0.5" size={14} />
+						{:else if filter.startsWith('f/')}
+							<Folder class="mr-0.5" size={14} />
+						{/if}
+					</span>
+					{filter}
+					{#if filter === selectedFilter}&cross;{/if}
+				</Badge>
+			</div>
+		{/each}
+	</div>
+{/if}

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

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        filters: string[];
+        selectedFilter?: string | undefined;
+        resourceType?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListFiltersProps = typeof __propDef.props;
+export type ListFiltersEvents = typeof __propDef.events;
+export type ListFiltersSlots = typeof __propDef.slots;
+export default class ListFilters extends SvelteComponentTyped<ListFiltersProps, ListFiltersEvents, ListFiltersSlots> {
+}
+export {};

package/package/components/home/NoItemFound.svelte

@@ -0,0 +1,6 @@
+<div class="flex justify-center items-center h-48">
+	<div class="text-gray-500 text-center">
+		<div class="text-2xl font-bold">No items found</div>
+		<div class="text-sm">Try changing your search or filters</div>
+	</div>
+</div>

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

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  NoItemFoundProps */
+/** @typedef {typeof __propDef.events}  NoItemFoundEvents */
+/** @typedef {typeof __propDef.slots}  NoItemFoundSlots */
+export default class NoItemFound extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type NoItemFoundProps = typeof __propDef.props;
+export type NoItemFoundEvents = typeof __propDef.events;
+export type NoItemFoundSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/package/components/icons/AirtableIcon.svelte

@@ -0,0 +1,17 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style="fill:currentcolor;"
+>
+	<path
+		d="M 24.505859 4.0078125 C 23.980484 4.0080625 23.454344 4.1114062 22.964844 4.3164062 L 4.2226562 11.646484 C 3.4796562 11.959484 3 12.683281 3 13.488281 C 2.999 14.293281 3.4771406 15.017797 4.2441406 15.341797 L 23.236328 22.775391 C 23.613328 22.935391 24.018969 23.013672 24.417969 23.013672 C 24.802969 23.013672 25.181391 22.939875 25.525391 22.796875 L 45.771484 15.330078 C 46.519484 15.018078 47.001953 14.292422 47.001953 13.482422 C 47.000953 12.672422 46.516422 11.949047 45.732422 11.623047 L 26.046875 4.3144531 C 25.556875 4.1104531 25.031234 4.0075625 24.505859 4.0078125 z M 24.498047 6.0097656 C 24.770047 6.0097656 25.0455 6.0647813 25.3125 6.1757812 L 45.041016 13.46875 L 24.794922 20.935547 C 24.551922 21.039547 24.266188 21.039828 23.992188 20.923828 L 4.9765625 13.5 L 23.705078 6.1738281 L 23.728516 6.1640625 C 23.972516 6.0610625 24.233047 6.0097656 24.498047 6.0097656 z M 1.9980469 17.001953 C 0.94204687 17.001953 -2.9605947e-16 17.853906 0 19.003906 L 0 34.970703 C 0 36.129703 0.95195312 36.972656 2.0019531 36.972656 C 2.2979531 36.972656 2.6015312 36.906766 2.8945312 36.759766 L 20.894531 27.998047 C 22.425531 27.232047 22.349531 25.022281 20.769531 24.363281 L 2.7695312 17.15625 C 2.5135313 17.05125 2.2520469 17.001953 1.9980469 17.001953 z M 48.001953 17.001953 C 47.760953 17.001953 47.514484 17.045625 47.271484 17.140625 L 28.271484 24.505859 C 27.505484 24.806859 27 25.544188 27 26.367188 L 27 42.998047 C 27 44.146047 27.940047 45 28.998047 45 C 29.239047 45 29.485516 44.956328 29.728516 44.861328 L 48.728516 37.425781 C 49.495516 37.125781 50 36.387453 50 35.564453 L 50 19.003906 C 50 17.855906 49.059953 17.001953 48.001953 17.001953 z M 2.0058594 19.003906 L 2.0253906 19.013672 L 20.017578 26.201172 L 2 34.970703 L 2.0058594 19.003906 z M 48 19.003906 L 48 35.564453 L 29 42.998047 L 28.994141 26.371094 L 48 19.003906 z"
+	/></svg
+>

package/package/components/icons/AirtableIcon.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 AirtableIconProps = typeof __propDef.props;
+export type AirtableIconEvents = typeof __propDef.events;
+export type AirtableIconSlots = typeof __propDef.slots;
+export default class AirtableIcon extends SvelteComponentTyped<AirtableIconProps, AirtableIconEvents, AirtableIconSlots> {
+}
+export {};

package/package/components/icons/AppwriteIcon.svelte

@@ -0,0 +1,16 @@
+<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="M111.716 139.591C101.618 139.591 92.1532 136.884 84.0067 132.157C77.8943 135.694 71.1023 138.062 63.9721 139.059C49.4512 141.09 34.7181 137.269 23.0142 128.437C17.2134 124.066 12.3308 118.594 8.64533 112.336C4.95993 106.077 2.54395 99.1532 1.53545 91.9602C0.527001 84.7672 0.94584 77.4461 2.768 70.4149C4.59016 63.3838 7.77996 56.7809 12.1551 50.9832C16.5302 45.1854 22.005 40.3066 28.2664 36.6256C34.5278 32.9446 41.4532 30.5335 48.6472 29.5301C55.8407 28.5267 63.1613 28.9507 70.1914 30.7777C75.0433 32.0389 79.6913 33.9515 84.0104 36.4554C92.1563 31.7292 101.62 29.023 111.716 29.023C142.249 29.023 167 53.7741 167 84.307C167 114.84 142.249 139.591 111.716 139.591ZM74.7533 43.1944L74.7699 43.1799C67.0929 39.7354 58.5382 38.4798 50.0717 39.6638C38.2317 41.3196 27.534 47.6111 20.3325 57.1542C13.1311 66.6976 10.0156 78.7102 11.6714 90.5507C13.3272 102.391 19.6187 113.088 29.1618 120.29C38.7048 127.491 50.718 130.607 62.558 128.951C74.3985 127.295 85.0961 121.003 92.2974 111.46C99.4987 101.917 102.614 89.9044 100.958 78.0639C100.194 72.6015 98.4441 67.3823 95.8425 62.6373C91.1307 54.0783 83.7183 47.2148 74.7533 43.1944Z" fill="#F02E65"/>
+<path d="M57.7961 65.1797C57.7297 65.3431 56.8847 68.6631 55.9743 72.6009C55.0296 76.5387 53.5325 82.7544 52.688 86.4318C51.0591 93.1683 50.0828 97.5943 50.0828 98.1805C50.0828 98.3418 51.0923 98.4736 52.328 98.4736H54.5747L55.5821 93.9812C56.1693 91.541 57.4714 85.9432 58.5125 81.5499C59.5542 77.156 60.8225 71.8191 61.3117 69.6705C61.7988 67.5223 62.287 65.5713 62.3855 65.3431C62.4836 65.0505 61.929 64.9535 60.2374 64.9535C58.9675 64.9535 57.8599 65.0505 57.7961 65.1797ZM40.3189 79.2715L37.3247 82.5267L38.2045 83.5673C38.6911 84.1524 40.0269 85.6179 41.1661 86.8224L43.2488 89.0344H49.1719L46.3738 86.0075C44.843 84.3822 43.5736 82.8192 43.5736 82.6242C43.5736 82.3965 44.7459 80.9325 46.1782 79.3701C47.6094 77.7765 48.7813 76.4075 48.7813 76.2451C48.7813 76.1149 47.5446 76.0174 46.048 76.0174H43.3469L40.3189 79.2715ZM63.1004 76.2119C63.1004 76.311 63.6539 76.9283 64.336 77.612C66.8763 80.1503 68.666 82.2995 68.568 82.7212C68.5037 82.95 67.2659 84.4782 65.7698 86.0734L63.0698 89.0344H66.0951L69.122 89.0022L71.8869 85.9764C73.4178 84.2852 74.654 82.786 74.654 82.591C74.654 82.4297 73.3524 80.8993 71.7246 79.1755L68.7967 76.0174H65.9639C64.3692 76.0174 63.1004 76.1149 63.1004 76.2119Z" fill="#F02E65"/>
+</svg>

package/package/components/icons/AppwriteIcon.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 AppwriteIconProps = typeof __propDef.props;
+export type AppwriteIconEvents = typeof __propDef.events;
+export type AppwriteIconSlots = typeof __propDef.slots;
+export default class AppwriteIcon extends SvelteComponentTyped<AppwriteIconProps, AppwriteIconEvents, AppwriteIconSlots> {
+}
+export {};

package/package/components/icons/AwsIcon.svelte

@@ -0,0 +1,9 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.7805 70.052C47.7805 72.0948 48.0013 73.7511 48.3878 74.9657C48.8295 76.1803 49.3816 77.5054 50.1545 78.9408C50.4306 79.3825 50.541 79.8242 50.541 80.2106C50.541 80.7627 50.2097 81.3148 49.492 81.8669L46.0138 84.1858C45.5169 84.517 45.02 84.6826 44.5783 84.6826C44.0262 84.6826 43.4741 84.4066 42.922 83.9097C42.1491 83.0816 41.4866 82.1982 40.9345 81.3148C40.3824 80.3763 39.8303 79.3273 39.223 78.0575C34.9166 83.1368 29.506 85.6764 22.9913 85.6764C18.3536 85.6764 14.6546 84.3514 11.9493 81.7013C9.24402 79.0512 7.86377 75.5178 7.86377 71.101C7.86377 66.4082 9.52007 62.5987 12.8879 59.7278C16.2557 56.8569 20.7277 55.4214 26.4143 55.4214C28.2914 55.4214 30.2238 55.5871 32.2665 55.8631C34.3093 56.1392 36.4073 56.5808 38.6157 57.0777V53.0474C38.6157 48.8515 37.7323 45.9253 36.0208 44.2138C34.2541 42.5023 31.2727 41.6742 27.0216 41.6742C25.0892 41.6742 23.1017 41.895 21.0589 42.3919C19.0162 42.8888 17.0286 43.4961 15.0963 44.269C14.2129 44.6555 13.5504 44.8763 13.1639 44.9868C12.7774 45.0972 12.5014 45.1524 12.2806 45.1524C11.5076 45.1524 11.1212 44.6003 11.1212 43.4409V40.7356C11.1212 39.8522 11.2316 39.1897 11.5076 38.8033C11.7837 38.4168 12.2806 38.0303 13.0535 37.6439C14.9858 36.6501 17.3047 35.8219 20.0099 35.1594C22.7152 34.4417 25.5861 34.1104 28.6227 34.1104C35.1926 34.1104 39.9959 35.6011 43.0877 38.5824C46.1242 41.5637 47.6701 46.091 47.6701 52.164V70.052H47.7805ZM25.3653 78.4439C27.1872 78.4439 29.0644 78.1127 31.0519 77.4502C33.0395 76.7876 34.8062 75.573 36.2968 73.9167C37.1802 72.8677 37.8427 71.7083 38.174 70.3833C38.5052 69.0583 38.7261 67.4572 38.7261 65.58V63.2612C37.125 62.8748 35.4135 62.5435 33.6468 62.3227C31.8801 62.1018 30.1685 61.9914 28.457 61.9914C24.758 61.9914 22.0527 62.7091 20.2308 64.1998C18.4088 65.6905 17.5255 67.7884 17.5255 70.5489C17.5255 73.1438 18.188 75.0761 19.5683 76.4012C20.8933 77.7814 22.8256 78.4439 25.3653 78.4439ZM69.6988 84.4066C68.705 84.4066 68.0425 84.241 67.6008 83.8545C67.1591 83.5232 66.7727 82.7503 66.4414 81.7013L53.4671 39.0241C53.1358 37.9199 52.9702 37.2022 52.9702 36.8157C52.9702 35.9323 53.4119 35.4355 54.2952 35.4355H59.7058C60.7548 35.4355 61.4725 35.6011 61.859 35.9876C62.3007 36.3188 62.6319 37.0918 62.9632 38.1407L72.2384 74.6897L80.8512 38.1407C81.1272 37.0365 81.4585 36.3188 81.9002 35.9876C82.3418 35.6563 83.1148 35.4355 84.1086 35.4355H88.5253C89.5743 35.4355 90.2921 35.6011 90.7337 35.9876C91.1754 36.3188 91.5619 37.0918 91.7827 38.1407L100.506 75.1313L110.057 38.1407C110.388 37.0365 110.775 36.3188 111.161 35.9876C111.603 35.6563 112.321 35.4355 113.315 35.4355H118.449C119.332 35.4355 119.829 35.8771 119.829 36.8157C119.829 37.0918 119.774 37.3678 119.719 37.6991C119.664 38.0303 119.553 38.472 119.332 39.0793L106.027 81.7565C105.696 82.8607 105.309 83.5784 104.867 83.9097C104.426 84.241 103.708 84.4618 102.769 84.4618H98.0214C96.9725 84.4618 96.2547 84.2962 95.813 83.9097C95.3714 83.5232 94.9849 82.8055 94.7641 81.7013L86.2065 46.091L77.7042 81.6461C77.4282 82.7503 77.0969 83.468 76.6552 83.8545C76.2136 84.241 75.4406 84.4066 74.4468 84.4066H69.6988ZM140.643 85.8973C137.773 85.8973 134.902 85.566 132.141 84.9035C129.381 84.241 127.227 83.5232 125.792 82.6951C124.909 82.1982 124.301 81.6461 124.08 81.1492C123.86 80.6523 123.749 80.1002 123.749 79.6033V76.7876C123.749 75.6282 124.191 75.0761 125.019 75.0761C125.35 75.0761 125.682 75.1313 126.013 75.2418C126.344 75.3522 126.841 75.573 127.393 75.7939C129.27 76.622 131.313 77.2845 133.466 77.7262C135.675 78.1679 137.828 78.3887 140.036 78.3887C143.514 78.3887 146.22 77.7814 148.097 76.5668C149.974 75.3522 150.968 73.5855 150.968 71.3219C150.968 69.776 150.471 68.5062 149.477 67.4572C148.483 66.4082 146.606 65.4696 143.901 64.5863L135.895 62.1018C131.865 60.832 128.884 58.9549 127.062 56.4704C125.24 54.0412 124.301 51.3359 124.301 48.465C124.301 46.1462 124.798 44.1034 125.792 42.3367C126.786 40.57 128.111 39.0241 129.767 37.8095C131.423 36.5397 133.301 35.6011 135.509 34.9386C137.717 34.276 140.036 34 142.465 34C143.68 34 144.95 34.0552 146.164 34.2208C147.434 34.3865 148.594 34.6073 149.753 34.8281C150.857 35.1042 151.906 35.3802 152.9 35.7115C153.894 36.0428 154.667 36.374 155.219 36.7053C155.992 37.147 156.544 37.5886 156.875 38.0855C157.206 38.5272 157.372 39.1345 157.372 39.9075V42.5023C157.372 43.6617 156.93 44.269 156.102 44.269C155.661 44.269 154.943 44.0482 154.004 43.6065C150.857 42.1711 147.324 41.4533 143.404 41.4533C140.257 41.4533 137.773 41.9502 136.061 42.9992C134.35 44.0482 133.466 45.6493 133.466 47.9129C133.466 49.4588 134.018 50.7838 135.122 51.8328C136.227 52.8818 138.269 53.9308 141.196 54.8693L149.035 57.3538C153.01 58.6236 155.881 60.3903 157.593 62.6539C159.304 64.9175 160.133 67.5124 160.133 70.3833C160.133 72.7573 159.636 74.9105 158.697 76.7876C157.703 78.6648 156.378 80.3211 154.667 81.6461C152.955 83.0263 150.912 84.0201 148.538 84.7379C146.054 85.5108 143.459 85.8973 140.643 85.8973Z" fill="#252F3E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M151.078 112.729C132.914 126.145 106.524 133.267 83.8324 133.267C52.0316 133.267 23.3777 121.508 1.7354 101.963C0.0238993 100.417 1.56977 98.3195 3.61254 99.5341C27.0215 113.116 55.8963 121.342 85.7648 121.342C105.916 121.342 128.056 117.146 148.428 108.533C151.465 107.153 154.059 110.521 151.078 112.729Z" fill="#FF9900"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M158.642 104.117C156.323 101.135 143.294 102.681 137.386 103.399C135.62 103.62 135.343 102.074 136.945 100.914C147.324 93.6267 164.384 95.7246 166.371 98.1539C168.359 100.638 165.819 117.698 156.102 125.869C154.612 127.139 153.176 126.477 153.839 124.82C156.047 119.354 160.961 107.043 158.642 104.117Z" fill="#FF9900"/>
+</svg>

package/package/components/icons/AwsIcon.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 AwsIconProps = typeof __propDef.props;
+export type AwsIconEvents = typeof __propDef.events;
+export type AwsIconSlots = typeof __propDef.slots;
+export default class AwsIcon extends SvelteComponentTyped<AwsIconProps, AwsIconEvents, AwsIconSlots> {
+}
+export {};

package/package/components/icons/BcryptIcon.svelte

@@ -0,0 +1,10 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 63H140" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28 105H140" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M70 21L56 147" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M112 21L98 147" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/package/components/icons/BcryptIcon.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 BcryptIconProps = typeof __propDef.props;
+export type BcryptIconEvents = typeof __propDef.events;
+export type BcryptIconSlots = typeof __propDef.slots;
+export default class BcryptIcon extends SvelteComponentTyped<BcryptIconProps, BcryptIconEvents, BcryptIconSlots> {
+}
+export {};