windmill-components 1.472.1 → 1.472.2

package/package/components/home/TreeView.svelte

@@ -0,0 +1,171 @@
+<svelte:options immutable={true} />
+
+<script>import { ChevronDown, ChevronUp, Folder, FolderTree, User } from 'lucide-svelte';
+import Item from './Item.svelte';
+import { twMerge } from 'tailwind-merge';
+import { pluralize } from '../../utils';
+export let item;
+export let collapseAll;
+export let depth = 0;
+export let showCode;
+export let isSearching = false;
+const isFolder = (i) => i && 'folderName' in i;
+const isUser = (i) => i && 'username' in i;
+let opened = true;
+$: toggleOpened(collapseAll);
+function toggleOpened(collapseAll) {
+    opened = !collapseAll;
+}
+let showMax = 15;
+</script>
+
+{#if isFolder(item)}
+	<div>
+		<!-- svelte-ignore a11y-click-events-have-key-events -->
+		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<div
+			on:click={() => (opened = !opened)}
+			class="px-4 py-2 border-b w-full flex flex-row items-center justify-between cursor-pointer"
+		>
+			<div
+				class={twMerge('flex flex-row items-center gap-4 text-sm font-semibold')}
+				style={depth > 0 ? `padding-left: ${depth * 16}px;` : ''}
+			>
+				<div
+					class=" rounded-md p-1 flex justify-center items-center border bg-gray-50 border-gray-200 dark:bg-transparent dark:border-gray-900"
+				>
+					{#if depth === 0}
+						<Folder size={20} color="#aaa" />
+					{:else}
+						<FolderTree size={20} color="#aaa" />
+					{/if}
+				</div>
+
+				<div>
+					<span class="whitespace-nowrap"
+						>{#if depth === 0}f/{/if}{item.folderName}</span
+					>
+					<div class="text-2xs font-normal text-secondary whitespace-nowrap">
+						({pluralize(item.items.length, ' item')})
+					</div>
+				</div>
+			</div>
+			<button class="w-full flex flex-row-reverse">
+				{#if opened}
+					<ChevronUp size={20} />
+				{:else}
+					<ChevronDown size={20} />
+				{/if}
+			</button>
+		</div>
+		{#if opened || isSearching}
+			<div>
+				{#each item.items.slice(0, showMax) as subItem ((subItem['path'] ? subItem['type'] + '__' + subItem['path'] : undefined) ?? 'folder__' + subItem['folderName'])}
+					<svelte:self
+						{isSearching}
+						{collapseAll}
+						item={subItem}
+						on:scriptChanged
+						on:flowChanged
+						on:appChanged
+						on:rawAppChanged
+						on:reload
+						{showCode}
+						depth={depth + 1}
+					/>
+				{/each}
+				{#if showMax < item.items.length}
+					<!-- svelte-ignore a11y-click-events-have-key-events -->
+					<!-- svelte-ignore a11y-no-static-element-interactions -->
+					<div
+						class="text-center text-sm text-secondary cursor-pointer hover:text-primary"
+						on:click={() => {
+							if (isFolder(item)) {
+								showMax += Math.min(30, item.items.length - showMax)
+								showMax = showMax
+							}
+						}}
+					>
+						Show more ({showMax}/{item.items.length})
+					</div>
+				{/if}
+			</div>
+		{/if}
+	</div>
+{:else if isUser(item)}
+	<div>
+		<!-- svelte-ignore a11y-click-events-have-key-events -->
+		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<div
+			on:click={() => (opened = !opened)}
+			class="px-4 py-2 border-b w-full flex flex-row items-center justify-between cursor-pointer"
+		>
+			<div
+				class={twMerge('flex flex-row items-center gap-4 text-sm font-semibold')}
+				style={depth > 0 ? `padding-left: ${depth * 16}px;` : ''}
+			>
+				<div
+					class=" rounded-md p-1 flex justify-center items-center border bg-gray-50 border-gray-200 dark:bg-transparent dark:border-gray-900"
+				>
+					<User size={20} color="#aaa" />
+				</div>
+
+				<div>
+					<span class="whitespace-nowrap">u/{item.username}</span>
+					<div class="text-2xs font-normal text-secondary whitespace-nowrap"
+						>({pluralize(item.items.length, ' item')})</div
+					>
+				</div>
+			</div>
+			<div class="w-full flex flex-row-reverse">
+				{#if opened}
+					<ChevronUp size={20} />
+				{:else}
+					<ChevronDown size={20} />
+				{/if}
+			</div>
+		</div>
+		{#if opened || isSearching}
+			<div>
+				{#each item.items.slice(0, showMax) as subItem ((subItem['path'] ? subItem['type'] + '__' + subItem['path'] : undefined) ?? 'folder__' + subItem['folderName'])}
+					<svelte:self
+						{collapseAll}
+						item={subItem}
+						on:scriptChanged
+						on:flowChanged
+						on:appChanged
+						on:rawAppChanged
+						on:reload
+						{showCode}
+						depth={depth + 1}
+					/>
+				{/each}
+				{#if showMax < item.items.length}
+					<!-- svelte-ignore a11y-click-events-have-key-events -->
+					<!-- svelte-ignore a11y-no-static-element-interactions -->
+					<div
+						class="text-center text-sm text-secondary cursor-pointer py-2 hover:text-primary"
+						on:click={() => {
+							if (isUser(item)) {
+								showMax += Math.min(30, item.items.length - showMax)
+							}
+						}}
+					>
+						Show more ({showMax}/{item.items.length})
+					</div>
+				{/if}
+			</div>
+		{/if}
+	</div>
+{:else}
+	<Item
+		{item}
+		{showCode}
+		on:scriptChanged
+		on:flowChanged
+		on:appChanged
+		on:rawAppChanged
+		on:reload
+		{depth}
+	/>
+{/if}

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

@@ -0,0 +1,27 @@
+import { SvelteComponent } from "svelte";
+import type { FolderItem, ItemType, UserItem } from './treeViewUtils';
+declare const __propDef: {
+    props: {
+        item: ItemType | FolderItem | UserItem;
+        collapseAll: boolean;
+        depth?: number | undefined;
+        showCode: (path: string, summary: string) => void;
+        isSearching?: boolean | undefined;
+    };
+    events: {
+        scriptChanged: CustomEvent<any>;
+        flowChanged: CustomEvent<any>;
+        appChanged: CustomEvent<any>;
+        rawAppChanged: CustomEvent<any>;
+        reload: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TreeViewProps = typeof __propDef.props;
+export type TreeViewEvents = typeof __propDef.events;
+export type TreeViewSlots = typeof __propDef.slots;
+export default class TreeView extends SvelteComponent<TreeViewProps, TreeViewEvents, TreeViewSlots> {
+}
+export {};

package/package/components/home/TreeViewRoot.svelte

@@ -0,0 +1,57 @@
+<script>import TreeView from './TreeView.svelte';
+import { groupItems } from './treeViewUtils';
+export let collapseAll;
+export let showCode;
+export let nbDisplayed;
+export let items;
+export let isSearching = false;
+let treeLoading = false;
+$: groupedItems = grpItems(items);
+function grpItems(items) {
+    treeLoading = true;
+    let r;
+    try {
+        r = groupItems(items);
+    }
+    finally {
+        treeLoading = false;
+    }
+    return r;
+}
+</script>
+
+{#if treeLoading}
+	<div class="flex flex-row items-center justify-center">
+		<div
+			class="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 dark:border-gray-100"
+		/>
+	</div>
+{:else if groupedItems.length === 0}
+	<div class="flex flex-row items-center justify-center">
+		<div class="text-gray-500 dark:text-gray-400">No items</div>
+	</div>
+{:else}
+	<div class="border rounded-md">
+		{#each groupedItems.slice(0, nbDisplayed) as item (item['folderName'] ?? 'user__' + item['username'])}
+			{#if item}
+				<TreeView
+					{isSearching}
+					{collapseAll}
+					{item}
+					on:scriptChanged
+					on:flowChanged
+					on:appChanged
+					on:rawAppChanged
+					on:reload
+					{showCode}
+				/>
+			{/if}
+		{/each}
+	</div>
+	{#if groupedItems.length > 15 && nbDisplayed < groupedItems.length}
+		<span class="text-xs"
+			>{nbDisplayed} root nodes out of {groupedItems.length}
+			<button class="ml-4" on:click={() => (nbDisplayed += 30)}>load 30 more</button></span
+		>
+	{/if}
+{/if}

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

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        collapseAll: boolean;
+        showCode: (path: string, summary: string) => void;
+        nbDisplayed: number;
+        items: any[] | undefined;
+        isSearching?: boolean | undefined;
+    };
+    events: {
+        scriptChanged: CustomEvent<any>;
+        flowChanged: CustomEvent<any>;
+        appChanged: CustomEvent<any>;
+        rawAppChanged: CustomEvent<any>;
+        reload: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TreeViewRootProps = typeof __propDef.props;
+export type TreeViewRootEvents = typeof __propDef.events;
+export type TreeViewRootSlots = typeof __propDef.slots;
+export default class TreeViewRoot extends SvelteComponent<TreeViewRootProps, TreeViewRootEvents, TreeViewRootSlots> {
+}
+export {};

package/package/components/home/deploy_ui.d.ts

@@ -0,0 +1,2 @@
+import { type WorkspaceDeployUISettings } from '../../gen';
+export declare function getDeployUiSettings(): Promise<WorkspaceDeployUISettings>;

package/package/components/home/deploy_ui.js

@@ -0,0 +1,21 @@
+import { enterpriseLicense, workspaceStore } from '../../stores';
+import { WorkspaceService } from '../../gen';
+import { ALL_DEPLOYABLE } from '../../utils_deployable';
+import { get, writable } from 'svelte/store';
+const deployUiStore = writable({});
+export async function getDeployUiSettings() {
+    let deployUiSettings = get(deployUiStore);
+    let workspace = get(workspaceStore);
+    if (!deployUiSettings[workspace]) {
+        deployUiSettings[workspace] = await getDeployUiSettingsInner();
+        deployUiStore.set(deployUiSettings);
+    }
+    return deployUiSettings[workspace];
+}
+async function getDeployUiSettingsInner() {
+    if (!get(enterpriseLicense)) {
+        return ALL_DEPLOYABLE;
+    }
+    let settings = await WorkspaceService.getSettings({ workspace: get(workspaceStore) });
+    return settings.deploy_ui ?? ALL_DEPLOYABLE;
+}

package/package/components/home/treeViewUtils.d.ts

@@ -0,0 +1,24 @@
+import type { ListableApp, Script, Flow, ListableRawApp } from '../../gen';
+type TableItem<T, U extends 'script' | 'flow' | 'app' | 'raw_app'> = T & {
+    canWrite: boolean;
+    marked?: string;
+    type?: U;
+    time?: number;
+    starred?: boolean;
+    has_draft?: boolean;
+};
+type TableScript = TableItem<Script, 'script'>;
+type TableFlow = TableItem<Flow, 'flow'>;
+type TableApp = TableItem<ListableApp, 'app'>;
+type TableRawApp = TableItem<ListableRawApp, 'raw_app'>;
+export type ItemType = TableScript | TableFlow | TableApp | TableRawApp;
+export interface FolderItem {
+    folderName: string;
+    items: (ItemType | FolderItem)[];
+}
+export type UserItem = {
+    username: string;
+    items: (ItemType | FolderItem)[];
+};
+export declare function groupItems(items: ItemType[] | undefined): (ItemType | FolderItem | UserItem)[];
+export {};

package/package/components/home/treeViewUtils.js

@@ -0,0 +1,97 @@
+function insertItemInFolder(root, item, path) {
+    let currentLevel = root;
+    path.forEach((folderName, index) => {
+        if (index === path.length - 1) {
+            currentLevel.push(item);
+        }
+        else {
+            let folder = currentLevel.find((f) => 'folderName' in f && f.folderName === folderName);
+            if (!folder) {
+                folder = { folderName: folderName, items: [] };
+                currentLevel.push(folder);
+            }
+            currentLevel = folder.items;
+        }
+    });
+}
+export function groupItems(items) {
+    if (!items) {
+        return [];
+    }
+    const root = [];
+    items.forEach((item) => {
+        const pathSplit = item.path.split('/');
+        if (pathSplit[0] === 'u') {
+            const username = pathSplit[1];
+            let userItem = root.find((f) => 'username' in f && f.username === username);
+            if (!userItem) {
+                userItem = { username, items: [] };
+                root.push(userItem);
+            }
+            if (pathSplit.length > 2) {
+                insertItemInFolder(userItem.items, item, pathSplit.slice(2));
+            }
+            else {
+                userItem.items.push(item);
+            }
+        }
+        else if (pathSplit[0] === 'f') {
+            insertItemInFolder(root, item, pathSplit.slice(1));
+        }
+    });
+    root.sort((a, b) => {
+        if ('username' in a && 'folderName' in b) {
+            return -1;
+        }
+        if ('folderName' in a && 'username' in b) {
+            return 1;
+        }
+        return (a['username'] ?? a['folderName']).localeCompare(b['username'] ?? b['folderName']);
+    });
+    sortGroup(root);
+    return root;
+}
+function sortGroup(group) {
+    group.forEach((item) => {
+        if ('items' in item) {
+            item.items.sort((a, b) => {
+                if ('folderName' in a && 'folderName' in b) {
+                    return a.folderName.localeCompare(b.folderName);
+                }
+                if ('folderName' in a) {
+                    return -1;
+                }
+                if ('folderName' in b) {
+                    return 1;
+                }
+                if (isItemType(a) && isItemType(b)) {
+                    if (a.starred && !b.starred)
+                        return -1;
+                    if (!a.starred && b.starred)
+                        return 1;
+                    return getModifiedAt(b) - getModifiedAt(a);
+                }
+                return 0;
+            });
+            sortGroup(item.items);
+        }
+    });
+}
+function isItemType(item) {
+    return 'type' in item;
+}
+function getModifiedAt(item) {
+    if (item.type === 'app') {
+        return new Date(item.edited_at).getTime() || 0;
+    }
+    else if (item.type === 'script') {
+        return new Date(item.created_at).getTime() || 0;
+    }
+    else if (item.type === 'flow') {
+        return new Date(item.edited_at).getTime() || 0;
+    }
+    else if (item.type === 'raw_app') {
+        return new Date(item.edited_at).getTime() || 0;
+    }
+    return 0;
+}

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 { SvelteComponent } 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 SvelteComponent<ActivitypubIconProps, ActivitypubIconEvents, ActivitypubIconSlots> {
+}
+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 { SvelteComponent } 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 SvelteComponent<AirtableIconProps, AirtableIconEvents, AirtableIconSlots> {
+}
+export {};

package/package/components/icons/AnsibleIcon.svelte

@@ -0,0 +1,42 @@
+<script>
+	export let height = '24px'
+	export let width = '24px'
+</script>
+
+<svg
+	{height}
+	preserveAspectRatio="xMidYMid"
+	viewBox="0 0 256 256"
+	{width}
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g fill="#1a1918" transform="translate(0 281.86)">
+		<path
+			d="m67.5168 32.0035c-.54152 0-1.12617-.13685-1.53212-.68583l-17.3835-22.8612v23.3187h-3.96431v-28.7142c0-1.14253.94592-2.0571 2.0278-2.0571.62971 0 1.17084.1826 1.57485.73158l17.3396 22.8159v-23.2276h3.96392v28.6681c0 1.18907-.94592 2.01175-2.02625 2.01175"
+		/>
+		<path
+			d="m100.306 32.278c-3.96276 0-8.10693-.82347-11.9803-2.28584l.94631-3.2927c3.55797 1.14332 7.43099 1.96639 11.034 1.96639 4.99958 0 7.61163-1.7834 7.61163-4.29759 0-2.28663-2.02741-3.42956-9.00817-6.72187-6.98076-3.29192-9.72722-5.39477-9.72722-9.51055 0-5.16563 3.96276-7.27006 11.4384-7.27006 3.10813 0 7.88162.64087 10.63 1.46395l-.63087 3.38302c-3.01839-.73119-6.80051-1.23402-9.90864-1.23402-5.26839 0-7.4306 1.00528-7.4306 3.52066 0 2.46844 1.57562 3.52026 8.96194 6.94982 7.79188 3.61216 9.77345 5.4413 9.77345 9.18992 0 5.4417-5.13515 8.13888-11.71 8.13888"
+		/>
+		<path d="m130.798 1.32367h4.09833v30.4511h-4.09833z" />
+		<path
+			d="m169.758 17.9669h-10.1798v10.334h10.1798c3.46746 0 5.58422-2.19514 5.58422-5.2591 0-2.88057-2.2065-5.07492-5.58422-5.07492m-1.98274-13.1685h-8.19705v9.73929h8.19705c3.28838 0 5.67512-2.10364 5.67512-5.02957 0-2.88057-2.07208-4.70972-5.67512-4.70972m2.02741 26.9766h-12.2499c-1.17162 0-2.07247-.91497-2.07247-2.0575v-26.3361c0-1.09796.90086-2.0575 2.07247-2.0575h10.1332c6.21509 0 9.90786 3.06317 9.90786 7.86439 0 2.60569-1.53134 5.02917-3.8738 6.44659 3.4694 1.05182 5.80992 3.932 5.80992 7.40691 0 4.84657-4.00743 8.73322-9.72722 8.73322"
+		/>
+		<path
+			d="m199.212 31.7751c-1.12422 0-2.02547-.96032-2.02547-2.0575v-28.3936h4.09755v26.7479h16.304v3.70326h-18.3761z"
+		/>
+		<path
+			d="m245.526 32.278c-8.3773 0-13.4215-3.10892-13.4215-9.37291 0-2.97207 1.66691-5.8069 4.90984-7.13281-2.61244-1.64616-3.96314-3.97814-3.96314-6.53848 0-5.66926 4.36987-8.36802 12.5658-8.36802 2.74763 0 6.62026.32063 9.86358 1.05261l-.45101 3.38302c-3.42201-.54898-6.62104-.86804-9.72839-.86804-5.31462 0-8.15238 1.46237-8.15238 4.98343 0 2.78947 2.61283 4.98382 6.08146 4.98382h7.02504c.99098 0 1.75626.77733 1.75626 1.73726 0 1.00568-.76528 1.78301-1.75626 1.78301h-7.56501c-3.9647 0-6.48546 1.96561-6.48546 4.98421 0 4.43484 4.09833 5.76075 9.23232 5.76075 2.79269 0 6.57442-.3648 9.63671-1.09678l.58697 3.33727c-2.92827.82347-6.757 1.37166-10.1347 1.37166"
+		/>
+		<path
+			d="m14.138 7.0347 7.17771 17.9843-10.8406-8.66933 3.66286-9.31493zm12.7514 22.1277-11.0399-26.9746c-.31505-.77733-.94592-1.18907-1.71159-1.18907s-1.44121.41174-1.75626 1.18907l-12.1179 29.5874h4.14456l4.79757-12.1983 14.3142 11.7408c.57571.47208.99098.68583 1.53212.68583 1.08033 0 2.02625-.82268 2.02625-2.01135 0-.19285-.06798-.49968-.18918-.82978z"
+		/>
+	</g>
+	<path
+		d="m255.879 127.868c0 70.4551-57.1101 127.565-127.566 127.565-70.4501 0-127.566-57.1096-127.566-127.565 0-70.4501 57.1161-127.566 127.566-127.566 70.4561 0 127.566 57.1161 127.566 127.566"
+		fill="#1a1918"
+	/>
+	<path
+		d="m130.46 78.2289 33.0116 81.4763-49.8635-39.2778 16.8519-42.1984zm58.6445 100.245-50.7786-122.202c-1.44952-3.52436-4.34807-5.38926-7.86591-5.38926-3.52436 0-6.63386 1.86489-8.08339 5.38926l-55.7329 134.04h19.0653l22.0623-55.2653 65.8389 53.1899c2.64792 2.14114 4.55852 3.1095 7.0422 3.1095 4.97389 0 9.32146-3.72878 9.32146-9.11101 0-.87594-.30939-2.2662-.86941-3.76143z"
+		fill="#fff"
+	/>
+</svg>

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

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  AnsibleIconProps */
+/** @typedef {typeof __propDef.events}  AnsibleIconEvents */
+/** @typedef {typeof __propDef.slots}  AnsibleIconSlots */
+export default class AnsibleIcon extends SvelteComponent<{
+    height?: string | undefined;
+    width?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type AnsibleIconProps = typeof __propDef.props;
+export type AnsibleIconEvents = typeof __propDef.events;
+export type AnsibleIconSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+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"
+	xmlns="http://www.w3.org/2000/svg"
+	style="fill:currentcolor;"
+>
+<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"/>
+<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"/>
+</svg>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } 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 SvelteComponent<AppwriteIconProps, AppwriteIconEvents, AppwriteIconSlots> {
+}
+export {};

package/package/components/icons/AsanaIcon.svelte

@@ -0,0 +1,5 @@
+<script>export let height = '24px';
+export let width = '24px';
+</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>