windmill-components 1.655.2 → 1.665.1

package/package/components/graph/renderers/nodes/CollapsedGroupNode.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">import NodeWrapper from './NodeWrapper.svelte';
+import GroupModuleIcons from '../../GroupModuleIcons.svelte';
+import GroupHeaderBlock from '../../GroupHeaderBlock.svelte';
+import { NoteColor, NOTE_COLORS } from '../../noteColors';
+import { NODE } from '../../util';
+import { Hourglass } from 'lucide-svelte';
+import { workspaceStore } from '../../../../stores';
+import FlowStatusWaitingForEvents from '../../../FlowStatusWaitingForEvents.svelte';
+import { dfs } from '../../../flows/dfs';
+let { data, id } = $props();
+let outlineColorClass = $derived((NOTE_COLORS[data.color ?? NoteColor.BLUE] ?? NOTE_COLORS[NoteColor.BLUE])
+    .outline);
+let bgColorClass = $derived(NOTE_COLORS[data.color ?? NoteColor.BLUE]?.backgroundLight ??
+    NOTE_COLORS[NoteColor.BLUE].backgroundLight);
+let allModuleIds = $derived(data.modules ? dfs(data.modules, (m) => m.id) : []);
+let waitingForEvents = $derived(allModuleIds.some((mid) => data.flowModuleStates?.[mid]?.type === 'WaitingForEvents' ||
+    data.flowModuleStates?.[`${mid}-v`]?.type === 'WaitingForEvents'));
+</script>
+
+<NodeWrapper nodeId={id}>
+	<div class="relative">
+		<div
+			class="w-full max-w-full rounded-lg outline outline-1 -outline-offset-1 {outlineColorClass} {bgColorClass}"
+			style="width: {NODE.width}px;"
+		>
+			<GroupHeaderBlock
+				groupId={data.groupId}
+				summary={data.summary}
+				note={data.note}
+				color={data.color}
+				collapsed={true}
+				autocollapse={data.autocollapse ?? false}
+				editMode={data.editMode}
+				showNotes={data.showNotes}
+			/>
+			{#if data.modules && data.modules.length > 0}
+				<div class="flex items-center justify-center w-full gap-1.5 px-2 h-[34px] overflow-hidden">
+					<GroupModuleIcons
+						modules={data.modules}
+						flowModuleStates={data.flowModuleStates}
+						eventHandlers={data.eventHandlers}
+					/>
+				</div>
+			{/if}
+		</div>
+
+		{#if waitingForEvents && data.flowJob && data.flowJob.type === 'QueuedJob'}
+			<div
+				class="absolute top-1/2 -translate-y-1/2 left-full ml-2 flex items-center gap-2 nodrag nowheel"
+			>
+				<div
+					class="px-2 py-0.5 rounded-md bg-surface shadow-md text-violet-700 dark:text-violet-400 text-xs flex items-center gap-1"
+				>
+					<Hourglass size={12} />
+					<div class="flex">
+						<span class="dot">.</span>
+						<span class="dot">.</span>
+						<span class="dot">.</span>
+					</div>
+				</div>
+				<div class="rounded-md bg-surface flex items-center justify-center p-2 shadow-md">
+					{#if data.flowJob.flow_status?.modules?.[data.flowJob.flow_status?.step]?.type === 'WaitingForEvents'}
+						<FlowStatusWaitingForEvents
+							job={data.flowJob}
+							workspaceId={$workspaceStore!}
+							isOwner={data.isOwner}
+							light
+						/>
+					{:else if data.suspendStatus && Object.keys(data.suspendStatus).length > 0}
+						<div class="flex gap-2 flex-col">
+							{#each Object.values(data.suspendStatus) as suspendCount (suspendCount.job.id)}
+								<FlowStatusWaitingForEvents
+									job={suspendCount.job}
+									workspaceId={$workspaceStore!}
+									isOwner={data.isOwner}
+									light
+								/>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</div>
+		{/if}
+	</div>
+</NodeWrapper>

package/package/components/graph/renderers/nodes/CollapsedGroupNode.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { CollapsedGroupN } from '../../graphBuilder.svelte';
+interface Props {
+    data: CollapsedGroupN['data'];
+    id: string;
+}
+declare const CollapsedGroupNode: import("svelte").Component<Props, {}, "">;
+type CollapsedGroupNode = ReturnType<typeof CollapsedGroupNode>;
+export default CollapsedGroupNode;

package/package/components/graph/renderers/nodes/ForLoopStartNode.svelte

@@ -23,11 +23,12 @@ function isSelectedDescendant(module, selectedId) {
         return 'none';
     // Check direct children
     if (module.value.type === 'forloopflow' || module.value.type === 'whileloopflow') {
-        if (module.value.modules.some((m) => m.id === selectedId)) {
+        const children = module.value.modules;
+        if (children.some((m) => m.id === selectedId)) {
             return 'child';
         }
         // Check grandchildren
-        return module.value.modules.some((m) => (m.value.type === 'forloopflow' || m.value.type === 'whileloopflow') &&
+        return children.some((m) => (m.value.type === 'forloopflow' || m.value.type === 'whileloopflow') &&
             m.value.modules.some((gm) => gm.id === selectedId))
             ? 'grandchild'
             : 'none';

package/package/components/graph/renderers/nodes/GroupEndNode.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">import { NODE } from '../../util';
+import NodeWrapper from './NodeWrapper.svelte';
+let { id } = $props();
+</script>
+
+<!-- Invisible layout node for group end boundary. -->
+<NodeWrapper nodeId={id}>
+	<div style="width: {NODE.width}px; height: 1px;"></div>
+</NodeWrapper>

package/package/components/graph/renderers/nodes/GroupEndNode.svelte.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    id: string;
+}
+declare const GroupEndNode: import("svelte").Component<Props, {}, "">;
+type GroupEndNode = ReturnType<typeof GroupEndNode>;
+export default GroupEndNode;

package/package/components/graph/renderers/nodes/GroupHeadNode.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">import { NODE } from '../../util';
+import NodeWrapper from './NodeWrapper.svelte';
+import GroupHeaderBlock from '../../GroupHeaderBlock.svelte';
+let { data, id } = $props();
+</script>
+
+<NodeWrapper enableSourceHandle enableTargetHandle nodeId={id}>
+	<div style="width: {NODE.width}px;">
+		<GroupHeaderBlock
+			groupId={data.groupId}
+			summary={data.summary}
+			note={data.note}
+			color={data.color}
+			collapsed={false}
+			autocollapse={data.autocollapse ?? false}
+			editMode={data.editMode}
+			showNotes={data.showNotes}
+		/>
+	</div>
+</NodeWrapper>

package/package/components/graph/renderers/nodes/GroupHeadNode.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { GroupHeadN } from '../../graphBuilder.svelte';
+interface Props {
+    data: GroupHeadN['data'];
+    id: string;
+}
+declare const GroupHeadNode: import("svelte").Component<Props, {}, "">;
+type GroupHeadNode = ReturnType<typeof GroupHeadNode>;
+export default GroupHeadNode;

package/package/components/graph/renderers/nodes/ModuleNode.svelte

@@ -118,7 +118,10 @@ const menuItems = $derived(data.editMode
 			isOwner={data.isOwner}
 			maximizeSubflow={data.module?.value?.type == 'flow' && 'path' in data.module.value
 				? () => {
-						const path = data.module?.value && 'path' in data.module.value ? data.module.value['path'] as string : undefined
+						const path =
+							data.module?.value && 'path' in data.module.value
+								? (data.module.value['path'] as string)
+								: undefined
 						if (path) {
 							data.eventHandlers.expandSubflow(data.id, path)
 						}
@@ -126,8 +129,8 @@ const menuItems = $derived(data.editMode
 				: undefined}
 		/>
 
-		<div class="absolute -bottom-10 left-1/2 transform -translate-x-1/2 z-10">
-			{#if (data.module?.value?.type === 'branchall' || data.module?.value?.type === 'branchone') && data.insertable}
+		{#if (data.module?.value?.type === 'branchall' || data.module?.value?.type === 'branchone') && data.insertable}
+			<div class="absolute -bottom-10 left-1/2 transform -translate-x-1/2 z-10 flex gap-1">
 				<button
 					title="Add branch"
 					class="rounded text-secondary border hover:bg-surface-hover bg-surface p-1"
@@ -137,7 +140,7 @@ const menuItems = $derived(data.editMode
 				>
 					<GitBranchPlus size={16} />
 				</button>
-			{/if}
-		</div>
+			</div>
+		{/if}
 	{/snippet}
 </NodeWrapper>

package/package/components/graph/renderers/triggers/TriggersWrapper.svelte

@@ -24,7 +24,7 @@ const [floatingRef, floatingContent] = createFloatingActions(floatingConfig);
 
 <div style={`width: ${NODE.width}px;`} use:floatingRef>
 	<button
-		class="relative flex w-full flex-row gap-1.5 px-2 p-1 items-center justify-center rounded-md drop-shadow-base {colorClasses.outline} {colorClasses.bg}"
+		class="relative flex w-full flex-row gap-1.5 px-2 p-1 items-center justify-center rounded-md drop-shadow-sm {colorClasses.outline} {colorClasses.bg}"
 		style="height: {NODE.height}px"
 		onclick={() => dispatch('select')}
 	>

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

@@ -35,6 +35,10 @@ export declare function calculateNodesBoundsWithOffset(containedIds: string[], a
         y: number;
     };
     type: string;
+    measured?: {
+        width?: number;
+        height?: number;
+    };
 }>): {
     minX: number;
     minY: number;
@@ -45,4 +49,4 @@ export declare function calculateNodesBoundsWithOffset(containedIds: string[], a
  * Generate a random unique ID for notes
  * @returns A random string ID
  */
-export declare function generateId(): string;
+export declare function generateId(prefix?: string): string;

package/package/components/graph/util.js

@@ -194,11 +194,13 @@ export function calculateNodesBoundsWithOffset(containedIds, allNodes) {
     // Find related subflow nodes
     const nodesToCalculate = getAllRelatedSubflowNodes(containedIds, allNodes);
     return nodesToCalculate.reduce((acc, node) => {
+        const w = node.measured?.width ?? NODE.width;
+        const h = node.measured?.height ?? NODE.height;
         return {
             minX: Math.min(acc.minX, node.position.x),
             minY: Math.min(acc.minY, node.position.y),
-            maxX: Math.max(acc.maxX, node.position.x + NODE.width),
-            maxY: Math.max(acc.maxY, node.position.y + NODE.height)
+            maxX: Math.max(acc.maxX, node.position.x + w),
+            maxY: Math.max(acc.maxY, node.position.y + h)
         };
     }, {
         minX: Infinity,
@@ -217,7 +219,7 @@ function getAllRelatedSubflowNodes(targetNodeIds, allNodes) {
     const relatedNodeIds = new Set();
     // Add original target nodes
     targetNodeIds.forEach((id) => relatedNodeIds.add(id));
-    // For each target node, check if it's a subflow and find expanded nodes
+    // For each target node, check if it's a subflow or container and find child nodes
     targetNodeIds.forEach((nodeId) => {
         // Find nodes like "subflow:{nodeId}:*"
         const subflowNodes = allNodes.filter((node) => node.id.startsWith(`subflow:${nodeId}:`) && !AI_OR_ASSET_NODE_TYPES.includes(node.type));
@@ -235,6 +237,6 @@ function getAllRelatedSubflowNodes(targetNodeIds, allNodes) {
  * Generate a random unique ID for notes
  * @returns A random string ID
  */
-export function generateId() {
-    return 'note-' + Math.random().toString(36).substring(2) + Math.random().toString(36).substring(2);
+export function generateId(prefix = 'note-') {
+    return prefix + Math.random().toString(36).substring(2) + Math.random().toString(36).substring(2);
 }

package/package/components/home/Item.svelte

@@ -82,6 +82,7 @@ let { item, depth = 0, showCode, showEditButton = true } = $props();
 		open={Boolean(deleteConfirmedCallback)}
 		title="Remove"
 		confirmationText="Remove"
+		trashbin
 		on:canceled={() => {
 			deleteConfirmedCallback = undefined
 		}}

package/package/components/home/ItemsList.svelte

@@ -372,7 +372,7 @@ $effect(() => {
 									<Toggle
 										size="xs"
 										bind:checked={includeWithoutMain}
-										options={{ right: 'Include without main function' }}
+										options={{ right: 'Include library scripts' }}
 									/>
 								{/if}
 							</div>

package/package/components/icons/ActiveCampaignIcon.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 256 391" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#004CFF"
+		d="m1.273 0l3.049 2.142c9.488 6.603 232.185 161.826 238.397 166.475c8.795 6.174 13.281 13.81 13.281 22.668v4.397c-.1 6.842-2.558 16.469-13.28 24.52l-.039.026c-5.166 3.692-57.747 40.12-113.415 78.701c-4.9 3.397-9.858 6.832-14.827 10.275l-3.314 2.297C61.96 345.572 12.62 379.777 5.947 384.498v6.136l-3.641-6.124c-.177-.315-.34-.58-.151-1.008H2.04v-32.03c0-10.924 1.21-16.178 13.37-24.28c5.179-3.33 49.529-33.955 94.578-65.128l5.3-3.668c41.513-28.73 82.338-57.033 92.364-63.974C186.484 179.718 27.796 69.554 16.923 61.59l-1.286-.932C7.598 54.836 1.273 50.25 1.273 38.128zM21.86 111.361c10.736 6.905 114.562 78.954 115.608 79.697l2.356 1.626l-2.394 1.6s-7.018 4.675-14.805 10.118c-6.666 4.889-12.903 7.333-19.102 7.333c-5.506 0-10.962-1.915-16.708-5.733c-6.12-4.086-23.363-15.98-40.816-28.064l-2.38-1.648A27213 27213 0 0 1 .832 146.592l-.832-.58v-24.47c0-5.62 2.42-10.067 6.666-12.222c4.548-2.318 10.231-1.562 15.195 2.041"
+	/>
+</svg>

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

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

package/package/components/icons/AlgoliaIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#003DFF" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0C5.445 0 .103 5.285.01 11.817c-.097 6.634 5.285 12.131 11.92 12.17a11.91 11.91 0 0 0 5.775-1.443.281.281 0 0 0 .052-.457l-1.122-.994a.79.79 0 0 0-.833-.14 9.693 9.693 0 0 1-3.923.77c-5.36-.067-9.692-4.527-9.607-9.888.084-5.293 4.417-9.573 9.73-9.573h9.73v17.296l-5.522-4.907a.407.407 0 0 0-.596.063 4.52 4.52 0 0 1-3.934 1.793 4.538 4.538 0 0 1-4.192-4.168 4.53 4.53 0 0 1 4.512-4.872 4.532 4.532 0 0 1 4.509 4.126c.018.205.11.397.265.533l1.438 1.275a.28.28 0 0 0 .462-.158 6.82 6.82 0 0 0 .099-1.725c-.232-3.376-2.966-6.092-6.345-6.3-3.873-.24-7.11 2.79-7.214 6.588-.1 3.7 2.933 6.892 6.634 6.974a6.75 6.75 0 0 0 4.136-1.294l7.212 6.394a.48.48 0 0 0 .797-.36V.456A.456.456 0 0 0 23.54 0Z"/>
+</svg>

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

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

package/package/components/icons/ApolloIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M12,0C5.372,0 0,5.373 0,12 0,18.628 5.372,24 12,24 18.627,24 24,18.628 24,12A12.014,12.014 0 0 0 23.527,8.657 0.6,0.6 0 0 0 22.4,9.066H22.398C22.663,10.009 22.8,10.994 22.8,12A10.73,10.73 0 0 1 19.637,19.637 10.729,10.729 0 0 1 12,22.8 10.73,10.73 0 0 1 4.363,19.637 10.728,10.728 0 0 1 1.2,12 10.73,10.73 0 0 1 4.363,4.363 10.728,10.728 0 0 1 12,1.2C14.576,1.2 17.013,2.096 18.958,3.74A1.466,1.466 0 1 0 19.82,2.9 11.953,11.953 0 0 0 12,0ZM10.56,5.88 6.36,16.782H8.99L9.677,14.934H13.646L12.927,12.892H10.314L12.014,8.201 15.038,16.781H17.669L13.47,5.88Z"/>
+</svg>

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

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

package/package/components/icons/BambooHrIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.7142 13.6433h-4.9888a.651.651 0 00-.655.555 4.1139 4.1139 0 01-4.0619 3.5299l1.35 6.1728a10.3737 10.3737 0 009.0077-9.5447.651.651 0 00-.652-.713zm-8.6327-.158l7.1998-6.1718a.645.645 0 000-.984L13.0815.1597a.648.648 0 00-1.074.483v12.3426a.651.651 0 001.073.5zm-11.3547 1.505A10.3847 10.3847 0 0012.0115 24v-6.2698a4.0929 4.0929 0 01-4.0999-4.0869zm-.096-1.447v.1h6.2798a4.0929 4.0929 0 014.098-4.0879l-1.348-6.1698a10.3697 10.3697 0 00-9.0298 10.1577"/>
+</svg>

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

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

package/package/components/icons/BaremetricsIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#6078FF" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.109 7.951l1.485 2.464a3.507 3.507 0 010 3.275l-4.505 7.717a3.333 3.333 0 01-2.94 1.793H7.83a3.335 3.335 0 01-2.94-1.793l-1.555-2.632 6.139-5.695 4.447 2.578a1.093 1.093 0 001.456-.198zm-13.39.628L1.99 16.15.406 13.725a3.495 3.495 0 010-3.27L5.158 2.59A3.338 3.338 0 018.1.8h8.008c1.228 0 2.357.687 2.942 1.79l1.616 2.722-6.017 5.592-4.432-2.574a1.098 1.098 0 00-1.499.248z"/>
+</svg>

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

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

package/package/components/icons/BitlyIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#EE6123" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.055 21.26c-1.345.022-2.325-.41-2.386-1.585-.025-.44-.018-.91.002-1.192.137-1.716 1.333-2.95 2.53-3.19 1.482-.294 2.455.38 2.455 2.31 0 1.303-.36 3.618-2.59 3.657h-.016zM11.923 0C5.32 0 0 5.297 0 12.224c0 3.594 1.92 7.062 4.623 9.147.52.4 1.138.367 1.497.02.297-.285.272-.984-.285-1.475-2.16-1.886-3.652-4.76-3.652-7.635 0-5.15 4.58-9.49 9.74-9.49 6.28 0 9.636 5.102 9.636 9.43 0 2.65-1.29 5.84-3.626 7.874.015 0 .493-.942.493-2.784 0-3.13-1.976-4.836-4.28-4.836-1.663 0-2.667.598-3.34 1.152 0-1.272.045-3.652.045-3.652 0-1.572-.54-2.83-2.47-2.86-1.11-.015-1.932.493-2.44 1.647-.18.436-.12.916.254 1.125.3.18.81.046 1.046-.284.165-.21.254-.254.404-.24.24.03.257.405.257.66.014.193.193 2.903.088 9.865C7.98 21.798 9.493 24 13.1 24c1.56 0 2.756-.435 4.493-1.422C20.243 21.08 24 17.758 24 12.128 23.953 5.045 18.265 0 11.933 0"/>
+</svg>

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

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

package/package/components/icons/BloggerIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#FF5722" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.976 24H2.026C.9 24 0 23.1 0 21.976V2.026C0 .9.9 0 2.025 0H22.05C23.1 0 24 .9 24 2.025v19.95C24 23.1 23.1 24 21.976 24zM12 3.975H9c-2.775 0-5.025 2.25-5.025 5.025v6c0 2.774 2.25 5.024 5.025 5.024h6c2.774 0 5.024-2.25 5.024-5.024v-3.975c0-.6-.45-1.05-1.05-1.05H18c-.524 0-.976-.45-.976-.976 0-2.776-2.25-5.026-5.024-5.026zm3.074 12H9c-.525 0-.975-.45-.975-.975s.45-.976.975-.976h6.074c.526 0 .977.45.977.976s-.45.976-.975.976zm-2.55-7.95c.527 0 .976.45.976.975s-.45.975-.975.975h-3.6c-.525 0-.976-.45-.976-.975s.45-.975.975-.975h3.6z"/>
+</svg>

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

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

package/package/components/icons/BlueskyIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#1185FE" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/>
+</svg>

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

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

package/package/components/icons/BoxIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#0061D5" xmlns="http://www.w3.org/2000/svg">
+<path d="M.959 5.523c-.54 0-.959.42-.959.899v7.549a4.59 4.59 0 004.613 4.494 4.717 4.717 0 004.135-2.457c.779 1.438 2.337 2.457 4.074 2.457 2.577 0 4.674-2.037 4.674-4.613.06-2.457-2.037-4.495-4.613-4.495-1.738 0-3.295.959-4.074 2.397-.78-1.438-2.338-2.397-4.135-2.397-1.079 0-2.038.36-2.817.899V6.422a.92.92 0 00-.898-.899zM17.602 9.26a.95.95 0 00-.704.158c-.36.3-.479.899-.18 1.318l2.397 3.116-2.396 3.115c-.3.42-.24.96.18 1.26.419.3 1.016.298 1.316-.122l2.039-2.636 2.096 2.697c.3.36.899.419 1.318.12.36-.3.42-.84.121-1.259l-2.338-3.115 2.338-3.057c.3-.419.298-1.018-.121-1.318-.48-.3-1.019-.24-1.318.18l-2.096 2.576-2.04-2.695c-.149-.18-.373-.3-.612-.338zM4.613 11.154c1.558 0 2.817 1.26 2.817 2.758 0 1.558-1.259 2.756-2.817 2.756-1.558 0-2.816-1.198-2.816-2.756 0-1.498 1.258-2.758 2.816-2.758zm8.27 0c1.558 0 2.816 1.26 2.816 2.758-.06 1.558-1.318 2.756-2.816 2.756-1.558 0-2.817-1.198-2.817-2.756 0-1.498 1.259-2.758 2.817-2.758Z"/>
+</svg>

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

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

package/package/components/icons/BrevoIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#0B996E" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zM7.2 4.8h5.747c2.34 0 3.895 1.406 3.895 3.516 0 1.022-.348 1.862-1.09 2.588C17.189 11.812 18 13.22 18 14.785c0 2.86-2.64 5.016-6.164 5.016H7.199v-15zm2.085 1.952v5.537h.07c.233-.432.858-.796 2.249-1.226 2.039-.659 3.037-1.52 3.037-2.655 0-.998-.766-1.656-1.924-1.656H9.285zm4.87 5.266c-.766.385-1.67.748-2.76 1.11-1.229.387-2.11 1.386-2.11 2.407v2.315h2.365c2.387 0 4.149-1.34 4.149-3.155 0-1.067-.625-2.087-1.645-2.677z"/>
+</svg>

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

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

package/package/components/icons/BrexIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.69 2.319a3.868 3.868 0 0 0-3.108 1.547l-.759 1.007a1.658 1.658 0 0 1-1.313.656H0V21.68h5.296a3.87 3.87 0 0 0 3.108-1.547l.759-1.006a1.656 1.656 0 0 1 1.313-.657H24V2.319h-5.31Zm1.108 11.949h-5.66a3.87 3.87 0 0 0-3.108 1.547l-.759 1.007a1.658 1.658 0 0 1-1.313.656H4.202V9.731h5.661a3.868 3.868 0 0 0 3.107-1.547l.759-1.006a1.658 1.658 0 0 1 1.313-.657h4.771l-.015 7.747Z"/>
+</svg>

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

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

package/package/components/icons/BrowserlessIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v4"/>
+</svg>

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

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

package/package/components/icons/BubbleIcon.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 256 276" xmlns="http://www.w3.org/2000/svg">
+
+    <g>
+				<path d="M156.687886,71.5306475 C131.928045,71.5306475 107.524298,82.1604077 88.8931172,103.059013 L88.8931172,0 L52.0240423,0 L52.0240423,173.506229 C52.0240423,173.510361 52.0240423,173.514494 52.0240423,173.519315 C52.0240423,229.845404 97.6852437,275.506605 154.012021,275.506605 C210.33811,275.506605 256,229.845404 256,173.519315 C256,117.193226 213.013974,71.5306475 156.687886,71.5306475 M154.012021,236.224775 C119.380066,236.224775 91.3051835,208.149893 91.3051835,173.518626 C91.3051835,138.886671 119.380066,110.811789 154.012021,110.811789 C188.643288,110.811789 216.71817,138.886671 216.71817,173.518626 C216.71817,208.150582 188.643288,236.224775 154.012021,236.224775" fill="currentColor"></path>
+				<path d="M25.2199377,225.066041 C11.2909777,225.066041 1.0658141e-14,236.357707 1.0658141e-14,250.285979 C1.0658141e-14,264.21425 11.2909777,275.505916 25.2199377,275.505916 C39.1488977,275.505916 50.4398754,264.21425 50.4398754,250.285979 C50.4398754,236.357707 39.1488977,225.066041 25.2199377,225.066041" fill="#0000FF"></path>
+		</g>
+</svg>

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

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

package/package/components/icons/BuildkiteIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#14CC80" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.613 8.143l-7.668-3.856v7.712l7.668-3.855zM8.166 15.857V8.143L.387 4.287V12l7.78 3.857zM.183 3.958a.382.382 0 01.377-.017l7.606 3.771 7.607-3.771a.386.386 0 01.346 0l7.668 3.857a.386.386 0 01.213.345v7.71a.388.388 0 01-.213.346l-7.668 3.86a.389.389 0 01-.562-.345v-7.09l-7.219 3.58a.392.392 0 01-.344 0L.215 12.346A.387.387 0 010 12V4.287a.385.385 0 01.183-.329z"/>
+</svg>

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

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

package/package/components/icons/CalcomIcon.svelte

@@ -13,6 +13,6 @@ let { height = '24px', width = '24px' } = $props();
 >
 	<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"
+		fill="currentColor"
 	/>
 </svg>

package/package/components/icons/CalendlyIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#006BFF" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.655 14.262c.281 0 .557.023.828.064 0 .005-.005.01-.005.014-.105.267-.234.534-.381.786l-1.219 2.106c-1.112 1.936-3.177 3.127-5.411 3.127h-2.432c-2.23 0-4.294-1.191-5.412-3.127l-1.218-2.106a6.251 6.251 0 0 1 0-6.252l1.218-2.106C6.736 4.832 8.8 3.641 11.035 3.641h2.432c2.23 0 4.294 1.191 5.411 3.127l1.219 2.106c.147.252.271.519.381.786 0 .004.005.009.005.014-.267.041-.543.064-.828.064-1.816 0-2.501-.607-3.291-1.306-.764-.676-1.711-1.517-3.44-1.517h-1.029c-1.251 0-2.387.455-3.2 1.278-.796.805-1.233 1.904-1.233 3.099v1.411c0 1.196.437 2.295 1.233 3.099.813.823 1.949 1.278 3.2 1.278h1.034c1.729 0 2.676-.841 3.439-1.517.791-.703 1.471-1.306 3.287-1.301Zm.005-3.237c.399 0 .794-.036 1.179-.11-.002-.004-.002-.01-.002-.014-.073-.414-.193-.823-.349-1.218.731-.12 1.407-.396 1.986-.819 0-.004-.005-.013-.005-.018-.331-1.085-.832-2.101-1.489-3.03-.649-.915-1.435-1.719-2.331-2.395-1.867-1.398-4.088-2.138-6.428-2.138-1.448 0-2.855.28-4.175.841-1.273.543-2.423 1.315-3.407 2.299S2.878 6.552 2.341 7.83c-.557 1.324-.842 2.726-.842 4.175 0 1.448.281 2.855.842 4.174.542 1.274 1.314 2.423 2.298 3.407s2.129 1.761 3.407 2.299c1.324.556 2.727.841 4.175.841 2.34 0 4.561-.74 6.428-2.137a10.815 10.815 0 0 0 2.331-2.396c.652-.929 1.158-1.949 1.489-3.03 0-.004.005-.014.005-.018-.579-.423-1.255-.699-1.986-.819.161-.395.276-.804.349-1.218.005-.009.005-.014.005-.023.869.166 1.692.506 2.404 1.035.685.505.552 1.075.446 1.416C22.184 20.437 17.619 24 12.221 24c-6.625 0-12-5.375-12-12s5.37-12 12-12c5.398 0 9.963 3.563 11.471 8.464.106.341.239.915-.446 1.421-.717.529-1.535.873-2.404 1.034.128.716.128 1.45 0 2.166-.387-.074-.782-.11-1.182-.11-4.184 0-3.968 2.823-6.736 2.823h-1.029c-1.899 0-3.15-1.357-3.15-3.095v-1.411c0-1.738 1.251-3.094 3.15-3.094h1.034c2.768 0 2.552 2.823 6.731 2.827Z"/>
+</svg>

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

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

package/package/components/icons/CircleCiIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#343434" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.963 12c0-1.584 1.284-2.855 2.855-2.855 1.572 0 2.856 1.284 2.856 2.855 0 1.572-1.284 2.856-2.856 2.856-1.57 0-2.855-1.284-2.855-2.856zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672 3.466 0 6.286 2.82 6.286 6.287 0 3.47-2.82 6.29-6.29 6.29-2.53 0-4.714-1.5-5.71-3.673-.097-.19-.29-.336-.517-.336H.755c-.312 0-.575.253-.575.576 0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/>
+</svg>

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

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

package/package/components/icons/CiscoIcon.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px' } = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 24 24" fill="#1BA0D7" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.331 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.186 1.186 0 01-.806-.237 1.038 1.038 0 01-.352-.498 1.21 1.21 0 01-.023-.667c.052-.225.178-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.34 2.34 0 00-.903.206c-.287.132-.54.327-.739.571a2.221 2.221 0 00-.04 2.705c.295.378.709.645 1.175.756.491.12 1.006.102 1.487-.052l.082-.023M5.336 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.183 1.183 0 01-.806-.237 1.03 1.03 0 01-.351-.498 1.202 1.202 0 01-.024-.667c.052-.225.177-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.344 2.344 0 00-.903.206 2.08 2.08 0 00-.74.571 2.224 2.224 0 00-.041 2.705 2.11 2.11 0 001.176.756c.491.12 1.005.102 1.487-.052l.083-.023M9.26 17.249l-.004.957.07.012c.22.041.441.069.664.085.195.019.391.022.587.012.187-.014.372-.049.551-.104.21-.06.405-.163.571-.305a1.16 1.16 0 00.333-.478 1.31 1.31 0 00-.007-.96 1.068 1.068 0 00-.298-.414 1.261 1.261 0 00-.438-.255l-.722-.268a.388.388 0 01-.197-.188.245.245 0 01.008-.219.382.382 0 01.154-.142.798.798 0 01.257-.074c.153-.022.308-.021.46.005.18.02.358.051.533.096l.038.008v-.883l-.069-.015a4.749 4.749 0 00-.543-.097 2.844 2.844 0 00-.714-.003c-.3.027-.585.143-.821.33-.16.126-.281.293-.351.484-.104.29-.105.608 0 .899.054.145.14.274.252.381.097.093.207.173.327.236.157.084.324.149.497.195.057.017.114.035.17.054l.085.031.024.01c.084.03.162.078.226.14.045.042.08.094.101.151a.325.325 0 01.001.161.339.339 0 01-.166.198.856.856 0 01-.275.086 2.032 2.032 0 01-.427.021 5.208 5.208 0 01-.557-.074 9.195 9.195 0 01-.287-.067l-.033-.006zm-2.475.995h1.05v-4.167h-1.05v4.167zm12.162-2.936a1.095 1.095 0 011.541.158 1.094 1.094 0 01-.157 1.541l-.017.014a1.096 1.096 0 01-1.367-1.713m-1.525.854a2.193 2.193 0 002.666 2.107 2.139 2.139 0 00.701-3.937 2.207 2.207 0 00-3.367 1.83M22.961 10.728a.52.52 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M20.117 10.728a.522.522 0 001.041 0V8.139a.521.521 0 00-1.04 0v2.589M17.231 11.771a.521.521 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M14.393 10.728a.521.521 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M11.494 10.728a.522.522 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M8.624 10.728a.52.52 0 001.039 0V8.139a.52.52 0 00-1.039 0v2.589M5.737 11.771a.52.52 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M2.876 10.728a.522.522 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M0 10.728a.521.521 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155"/>
+</svg>

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

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