@autumnsgrove/groveengine 0.7.0 → 0.8.5

package/dist/ui/components/nature/botanical/Vine.svelte

@@ -0,0 +1,102 @@
+<!--
+  Grove — A place to Be
+  Copyright (c) 2025 Autumn Brown
+  Licensed under AGPL-3.0
+-->
+<script lang="ts">
+	import type { Season } from '../palette';
+	import { greens, autumn } from '../palette';
+
+	interface Props {
+		class?: string;
+		color?: string;
+		season?: Season;
+		animate?: boolean;
+		variant?: 'tendril' | 'ivy' | 'flowering';
+	}
+
+	let {
+		class: className = 'w-8 h-12',
+		color,
+		season = 'summer',
+		animate = false,
+		variant = 'tendril'
+	}: Props = $props();
+
+	const defaultColor = $derived(season === 'autumn' ? autumn.rust : greens.grove);
+	const vineColor = $derived(color ?? defaultColor);
+	const leafColor = $derived(season === 'autumn' ? autumn.amber : greens.meadow);
+</script>
+
+<!-- Vine/tendril -->
+<svg class="{className} {animate ? 'grow' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 80">
+	{#if variant === 'tendril'}
+		<!-- Simple curling tendril -->
+		<path
+			fill="none"
+			stroke={vineColor}
+			stroke-width="2"
+			d="M25 80 Q20 60 25 50 Q30 40 25 30 Q20 20 30 15 Q40 10 45 5"
+			stroke-linecap="round"
+		/>
+		<!-- Curl at end -->
+		<path
+			fill="none"
+			stroke={vineColor}
+			stroke-width="1.5"
+			d="M45 5 Q50 8 48 12 Q45 15 42 12 Q40 8 45 5"
+			stroke-linecap="round"
+		/>
+		<!-- Small leaves -->
+		<ellipse fill={leafColor} cx="22" cy="55" rx="5" ry="3" transform="rotate(-30 22 55)" />
+		<ellipse fill={leafColor} cx="28" cy="35" rx="5" ry="3" transform="rotate(20 28 35)" />
+	{:else if variant === 'ivy'}
+		<!-- Ivy vine with leaves -->
+		<path
+			fill="none"
+			stroke={vineColor}
+			stroke-width="2"
+			d="M25 80 Q22 65 28 55 Q34 45 26 35 Q18 25 25 15 Q32 5 30 0"
+			stroke-linecap="round"
+		/>
+		<!-- Ivy leaves (3-lobed) -->
+		<path fill={leafColor} d="M18 60 Q12 55 10 60 Q8 65 12 68 Q16 70 18 65 Q20 62 18 60" />
+		<path fill={leafColor} d="M32 45 Q38 40 40 45 Q42 50 38 53 Q34 55 32 50 Q30 47 32 45" />
+		<path fill={leafColor} d="M20 30 Q14 25 12 30 Q10 35 14 38 Q18 40 20 35 Q22 32 20 30" />
+		<path fill={leafColor} d="M30 15 Q36 10 38 15 Q40 20 36 23 Q32 25 30 20 Q28 17 30 15" />
+	{:else}
+		<!-- Flowering vine -->
+		<path
+			fill="none"
+			stroke={vineColor}
+			stroke-width="2"
+			d="M25 80 Q20 60 30 45 Q40 30 30 15 Q20 0 25 -5"
+			stroke-linecap="round"
+		/>
+		<!-- Leaves -->
+		<ellipse fill={leafColor} cx="22" cy="58" rx="6" ry="4" transform="rotate(-20 22 58)" />
+		<ellipse fill={leafColor} cx="35" cy="38" rx="6" ry="4" transform="rotate(25 35 38)" />
+		<ellipse fill={leafColor} cx="25" cy="20" rx="5" ry="3" transform="rotate(-15 25 20)" />
+		<!-- Small flowers -->
+		<circle fill="#f9a8d4" cx="28" cy="50" r="4" />
+		<circle fill="#fbbf24" cx="28" cy="50" r="1.5" />
+		<circle fill="#f9a8d4" cx="32" cy="28" r="3" />
+		<circle fill="#fbbf24" cx="32" cy="28" r="1" />
+	{/if}
+</svg>
+
+<style>
+	@keyframes grow {
+		0% {
+			stroke-dasharray: 200;
+			stroke-dashoffset: 200;
+		}
+		100% {
+			stroke-dashoffset: 0;
+		}
+	}
+
+	.grow path {
+		animation: grow 3s ease-out forwards;
+	}
+</style>

package/dist/ui/components/nature/botanical/Vine.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Season } from '../palette';
+interface Props {
+    class?: string;
+    color?: string;
+    season?: Season;
+    animate?: boolean;
+    variant?: 'tendril' | 'ivy' | 'flowering';
+}
+declare const Vine: import("svelte").Component<Props, {}, "">;
+type Vine = ReturnType<typeof Vine>;
+export default Vine;

package/dist/ui/components/nature/botanical/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Acorn } from './Acorn.svelte';
+export { default as Berry } from './Berry.svelte';
+export { default as DandelionPuff } from './DandelionPuff.svelte';
+export { default as FallingLeavesLayer } from './FallingLeavesLayer.svelte';
+export { default as FallingPetalsLayer } from './FallingPetalsLayer.svelte';
+export { default as Leaf } from './Leaf.svelte';
+export { default as LeafFalling } from './LeafFalling.svelte';
+export { default as PetalFalling } from './PetalFalling.svelte';
+export { default as PineCone } from './PineCone.svelte';
+export { default as Vine } from './Vine.svelte';

package/dist/ui/components/nature/botanical/index.js

@@ -0,0 +1,11 @@
+// Botanical components - leaves, petals, and plant elements
+export { default as Acorn } from './Acorn.svelte';
+export { default as Berry } from './Berry.svelte';
+export { default as DandelionPuff } from './DandelionPuff.svelte';
+export { default as FallingLeavesLayer } from './FallingLeavesLayer.svelte';
+export { default as FallingPetalsLayer } from './FallingPetalsLayer.svelte';
+export { default as Leaf } from './Leaf.svelte';
+export { default as LeafFalling } from './LeafFalling.svelte';
+export { default as PetalFalling } from './PetalFalling.svelte';
+export { default as PineCone } from './PineCone.svelte';
+export { default as Vine } from './Vine.svelte';

package/dist/ui/components/nature/creatures/Bee.svelte

@@ -0,0 +1,78 @@
+<!--
+  Grove — A place to Be
+  Copyright (c) 2025 Autumn Brown
+  Licensed under AGPL-3.0
+-->
+<script lang="ts">
+	import { accents, bark } from '../palette';
+
+	interface Props {
+		class?: string;
+		bodyColor?: string;
+		stripeColor?: string;
+		animate?: boolean;
+	}
+
+	let {
+		class: className = 'w-5 h-5',
+		bodyColor,
+		stripeColor,
+		animate = true
+	}: Props = $props();
+
+	const body = $derived(bodyColor ?? accents.flower.yellow);
+	const stripes = $derived(stripeColor ?? bark.darkBark);
+	const wingColor = $derived('#e0f2fe'); // Light blue-ish transparent
+</script>
+
+<!-- Bumble bee -->
+<svg class="{className} {animate ? 'hover' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 40">
+	<!-- Wings -->
+	<g class={animate ? 'buzz' : ''}>
+		<ellipse fill={wingColor} cx="20" cy="12" rx="10" ry="6" opacity="0.6" />
+		<ellipse fill={wingColor} cx="30" cy="12" rx="10" ry="6" opacity="0.6" />
+	</g>
+
+	<!-- Body -->
+	<ellipse fill={body} cx="25" cy="24" rx="18" ry="12" />
+
+	<!-- Stripes -->
+	<path fill={stripes} d="M15 18 Q25 14 35 18 L35 22 Q25 18 15 22 Z" />
+	<path fill={stripes} d="M12 26 Q25 22 38 26 L38 30 Q25 26 12 30 Z" />
+
+	<!-- Head -->
+	<circle fill={stripes} cx="8" cy="24" r="6" />
+
+	<!-- Eyes -->
+	<circle fill="white" cx="5" cy="22" r="2" />
+	<circle fill={stripes} cx="5" cy="22" r="1" />
+
+	<!-- Antennae -->
+	<path fill="none" stroke={stripes} stroke-width="1" d="M6 18 Q4 14 2 12" />
+	<path fill="none" stroke={stripes} stroke-width="1" d="M10 18 Q8 14 6 12" />
+
+	<!-- Stinger -->
+	<path fill={stripes} d="M43 24 L48 24 L43 26 Z" />
+</svg>
+
+<style>
+	@keyframes hover {
+		0%, 100% { transform: translateY(0) translateX(0); }
+		25% { transform: translateY(-2px) translateX(1px); }
+		75% { transform: translateY(-1px) translateX(-1px); }
+	}
+
+	@keyframes buzz {
+		0%, 100% { transform: scaleY(1); }
+		50% { transform: scaleY(0.85); }
+	}
+
+	.hover {
+		animation: hover 1s ease-in-out infinite;
+	}
+
+	.buzz {
+		transform-origin: center bottom;
+		animation: buzz 0.05s linear infinite;
+	}
+</style>

package/dist/ui/components/nature/creatures/Bee.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    class?: string;
+    bodyColor?: string;
+    stripeColor?: string;
+    animate?: boolean;
+}
+declare const Bee: import("svelte").Component<Props, {}, "">;
+type Bee = ReturnType<typeof Bee>;
+export default Bee;

package/dist/ui/components/nature/creatures/Bird.svelte

@@ -0,0 +1,94 @@
+<!--
+  Grove — A place to Be
+  Copyright (c) 2025 Autumn Brown
+  Licensed under AGPL-3.0
+-->
+<script lang="ts">
+	import { bark, accents } from '../palette';
+
+	interface Props {
+		class?: string;
+		bodyColor?: string;
+		breastColor?: string;
+		beakColor?: string;
+		animate?: boolean;
+		facing?: 'left' | 'right';
+	}
+
+	let {
+		class: className = 'w-6 h-6',
+		bodyColor,
+		breastColor,
+		beakColor,
+		animate = true,
+		facing = 'right'
+	}: Props = $props();
+
+	// American Robin colors - from palette
+	const body = $derived(bodyColor ?? accents.bird.robinBody);
+	const breast = $derived(breastColor ?? accents.bird.robinBreast);
+	const beak = $derived(beakColor ?? accents.bird.robinBeak);
+	const legColor = $derived(bark.darkBark);
+
+	const scaleX = $derived(facing === 'left' ? -1 : 1);
+</script>
+
+<!-- American Robin - perched -->
+<svg
+	class="{className} {animate ? 'bob' : ''}"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 50 55"
+	style="transform: scaleX({scaleX})"
+>
+	<!-- Tail feathers - dark -->
+	<path fill={body} d="M2 30 Q0 34 3 40 Q10 38 14 32 Q8 30 2 30" />
+
+	<!-- Body - dark gray back -->
+	<ellipse fill={body} cx="22" cy="30" rx="14" ry="11" />
+
+	<!-- Wing detail - slightly darker -->
+	<path fill="#3a3a3a" d="M12 26 Q8 32 11 38 Q18 36 22 30 Q17 25 12 26" opacity="0.8" />
+
+	<!-- Orange-red breast - signature robin color -->
+	<ellipse fill={breast} cx="30" cy="33" rx="9" ry="10" />
+	<!-- Breast highlight -->
+	<ellipse fill={breast} cx="31" cy="31" rx="6" ry="6" opacity="0.9" />
+
+	<!-- White lower belly -->
+	<ellipse fill="#f5f5f5" cx="30" cy="42" rx="5" ry="3" opacity="0.8" />
+
+	<!-- Head - dark gray -->
+	<circle fill={body} cx="36" cy="20" r="10" />
+
+	<!-- White eye-ring (robin signature) -->
+	<circle fill="white" cx="40" cy="18" r="3.5" />
+	<!-- Eye -->
+	<circle fill="#1a1a1a" cx="40" cy="18" r="2" />
+	<!-- Eye highlight -->
+	<circle fill="white" cx="41" cy="17" r="0.7" />
+
+	<!-- White crescent below eye -->
+	<path fill="white" d="M38 22 Q40 23 42 22 Q41 24 39 24 Q38 23 38 22" opacity="0.6" />
+
+	<!-- Beak - yellow-orange -->
+	<path fill={beak} d="M45 20 L52 22 L45 24 Z" />
+	<!-- Beak detail line -->
+	<line x1="45" y1="22" x2="50" y2="22" stroke="#b45309" stroke-width="0.5" />
+
+	<!-- Legs - dark -->
+	<g fill="none" stroke={legColor} stroke-width="1.5">
+		<path d="M22 41 L22 50 M20 48 L24 48" />
+		<path d="M28 41 L28 50 M26 48 L30 48" />
+	</g>
+</svg>
+
+<style>
+	@keyframes bob {
+		0%, 100% { transform: translateY(0); }
+		50% { transform: translateY(-1.5px); }
+	}
+
+	.bob {
+		animation: bob 2s ease-in-out infinite;
+	}
+</style>

package/dist/ui/components/nature/creatures/Bird.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    class?: string;
+    bodyColor?: string;
+    breastColor?: string;
+    beakColor?: string;
+    animate?: boolean;
+    facing?: 'left' | 'right';
+}
+declare const Bird: import("svelte").Component<Props, {}, "">;
+type Bird = ReturnType<typeof Bird>;
+export default Bird;

package/dist/ui/components/nature/creatures/BirdFlying.svelte

@@ -0,0 +1,83 @@
+<!--
+  Grove — A place to Be
+  Copyright (c) 2025 Autumn Brown
+  Licensed under AGPL-3.0
+-->
+<script lang="ts">
+	import { bark } from '../palette';
+
+	interface Props {
+		class?: string;
+		color?: string;
+		animate?: boolean;
+		facing?: 'left' | 'right';
+	}
+
+	let {
+		class: className = 'w-6 h-4',
+		color,
+		animate = true,
+		facing = 'right'
+	}: Props = $props();
+
+	const birdColor = $derived(color ?? bark.bark);
+	const scaleX = $derived(facing === 'left' ? -1 : 1);
+</script>
+
+<!-- Bird in flight - simple silhouette -->
+<svg
+	class={className}
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 60 30"
+	style="transform: scaleX({scaleX})"
+>
+	<!-- Wings and body as single flowing shape -->
+	<g class={animate ? 'fly' : ''}>
+		<!-- Left wing -->
+		<path
+			fill={birdColor}
+			d="M30 15 Q20 5 5 8 Q15 12 25 15"
+			class={animate ? 'wing-up' : ''}
+		/>
+
+		<!-- Right wing -->
+		<path
+			fill={birdColor}
+			d="M30 15 Q40 5 55 8 Q45 12 35 15"
+			class={animate ? 'wing-up' : ''}
+		/>
+
+		<!-- Body -->
+		<ellipse fill={birdColor} cx="30" cy="15" rx="8" ry="5" />
+
+		<!-- Head -->
+		<circle fill={birdColor} cx="40" cy="14" r="4" />
+
+		<!-- Beak -->
+		<path fill={birdColor} d="M44 14 L50 15 L44 16 Z" />
+
+		<!-- Tail -->
+		<path fill={birdColor} d="M22 15 Q15 12 10 15 Q15 18 22 15" />
+	</g>
+</svg>
+
+<style>
+	@keyframes fly {
+		0%, 100% { transform: translateY(0); }
+		50% { transform: translateY(-3px); }
+	}
+
+	@keyframes flap {
+		0%, 100% { transform: rotate(0deg) scaleY(1); }
+		50% { transform: rotate(-10deg) scaleY(0.8); }
+	}
+
+	.fly {
+		animation: fly 0.8s ease-in-out infinite;
+	}
+
+	.wing-up {
+		transform-origin: center bottom;
+		animation: flap 0.3s ease-in-out infinite;
+	}
+</style>

package/dist/ui/components/nature/creatures/BirdFlying.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    class?: string;
+    color?: string;
+    animate?: boolean;
+    facing?: 'left' | 'right';
+}
+declare const BirdFlying: import("svelte").Component<Props, {}, "">;
+type BirdFlying = ReturnType<typeof BirdFlying>;
+export default BirdFlying;

package/dist/ui/components/nature/creatures/Bluebird.svelte

@@ -0,0 +1,95 @@
+<!--
+  Grove — A place to Be
+  Copyright (c) 2025 Autumn Brown
+  Licensed under AGPL-3.0
+-->
+<script lang="ts">
+	import { bark, accents } from '../palette';
+
+	interface Props {
+		class?: string;
+		style?: string;
+		bodyColor?: string;
+		breastColor?: string;
+		beakColor?: string;
+		animate?: boolean;
+		facing?: 'left' | 'right';
+	}
+
+	let {
+		class: className = 'w-6 h-6',
+		style,
+		bodyColor,
+		breastColor,
+		beakColor,
+		animate = true,
+		facing = 'right'
+	}: Props = $props();
+
+	// Eastern Bluebird colors - from palette
+	const body = $derived(bodyColor ?? accents.bird.bluebirdBody);
+	const wing = $derived(accents.bird.bluebirdWing);
+	const breast = $derived(breastColor ?? accents.bird.bluebirdBreast);
+	const belly = $derived(accents.bird.chickadeeBelly);  // Cream/white (shared with chickadee)
+	const beak = $derived(beakColor ?? '#1a1a1a');
+	const legColor = $derived(bark.darkBark);
+
+	const scaleX = $derived(facing === 'left' ? -1 : 1);
+</script>
+
+<!-- Eastern Bluebird - symbol of happiness and spring! -->
+<svg
+	class="{className} {animate ? 'flutter' : ''}"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 50 55"
+	style="transform: scaleX({scaleX}); {style ?? ''}"
+>
+	<!-- Tail feathers - bright blue -->
+	<path fill={body} d="M6 30 Q3 36 5 44 Q11 42 15 36 Q16 32 12 29 Q8 28 6 30" />
+	<path fill={wing} d="M7 32 Q5 38 6 42 Q10 40 12 36" opacity="0.6" />
+
+	<!-- Body - blue upper -->
+	<ellipse fill={body} cx="22" cy="28" rx="13" ry="10" />
+
+	<!-- Wing - darker blue with detail -->
+	<path fill={wing} d="M10 24 Q6 30 9 38 Q16 36 19 30 Q17 23 10 24" />
+	<path fill="#1d4ed8" d="M12 28 Q10 32 12 36 Q15 34 16 31 Q14 28 12 28" opacity="0.5" />
+
+	<!-- Breast - rusty orange -->
+	<ellipse fill={breast} cx="28" cy="30" rx="7" ry="8" />
+	<!-- Breast highlight -->
+	<ellipse fill="#f97316" cx="30" cy="28" rx="4" ry="5" opacity="0.4" />
+
+	<!-- Belly - cream/white -->
+	<ellipse fill={belly} cx="28" cy="38" rx="5" ry="4" />
+
+	<!-- Head - bright blue -->
+	<circle fill={body} cx="35" cy="16" r="8" />
+
+	<!-- Eye -->
+	<circle fill="#1a1a1a" cx="38" cy="15" r="2" />
+	<!-- Eye highlight -->
+	<circle fill="white" cx="39" cy="14" r="0.6" />
+
+	<!-- Beak - small and dark -->
+	<path fill={beak} d="M42 16 L48 17 L42 19 Q41 17.5 42 16" />
+
+	<!-- Legs -->
+	<g fill="none" stroke={legColor} stroke-width="1.2">
+		<path d="M22 38 L22 48 M20 46 L24 46" />
+		<path d="M27 38 L27 48 M25 46 L29 46" />
+	</g>
+</svg>
+
+<style>
+	@keyframes flutter {
+		0%, 100% { transform: translateY(0) rotate(0deg); }
+		25% { transform: translateY(-2px) rotate(1deg); }
+		50% { transform: translateY(0) rotate(0deg); }
+		75% { transform: translateY(-1px) rotate(-1deg); }
+	}
+
+	.flutter {
+		animation: flutter 2s ease-in-out infinite;
+	}
+</style>

package/dist/ui/components/nature/creatures/Bluebird.svelte.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    class?: string;
+    style?: string;
+    bodyColor?: string;
+    breastColor?: string;
+    beakColor?: string;
+    animate?: boolean;
+    facing?: 'left' | 'right';
+}
+declare const Bluebird: import("svelte").Component<Props, {}, "">;
+type Bluebird = ReturnType<typeof Bluebird>;
+export default Bluebird;

package/dist/ui/components/nature/creatures/Butterfly.svelte

@@ -0,0 +1,87 @@
+<!--
+  Grove — A place to Be
+  Copyright (c) 2025 Autumn Brown
+  Licensed under AGPL-3.0
+-->
+<script lang="ts">
+	import { accents, bark } from '../palette';
+
+	interface Props {
+		class?: string;
+		wingColor?: string;
+		accentColor?: string;
+		animate?: boolean;
+	}
+
+	let {
+		class: className = 'w-6 h-6',
+		wingColor,
+		accentColor,
+		animate = true
+	}: Props = $props();
+
+	const wing = $derived(wingColor ?? accents.flower.purple);
+	const accent = $derived(accentColor ?? accents.flower.yellow);
+	const bodyColor = $derived(bark.darkBark);
+</script>
+
+<!-- Butterfly with flapping wings -->
+<svg class={className} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 40">
+	<!-- Left wings -->
+	<g class={animate ? 'wing-left' : ''}>
+		<!-- Upper wing -->
+		<ellipse fill={wing} cx="12" cy="15" rx="12" ry="10" />
+		<circle fill={accent} cx="10" cy="13" r="3" opacity="0.7" />
+		<circle fill={accent} cx="16" cy="17" r="2" opacity="0.5" />
+
+		<!-- Lower wing -->
+		<ellipse fill={wing} cx="14" cy="30" rx="10" ry="8" />
+		<circle fill={accent} cx="12" cy="28" r="2" opacity="0.6" />
+	</g>
+
+	<!-- Right wings -->
+	<g class={animate ? 'wing-right' : ''}>
+		<!-- Upper wing -->
+		<ellipse fill={wing} cx="38" cy="15" rx="12" ry="10" />
+		<circle fill={accent} cx="40" cy="13" r="3" opacity="0.7" />
+		<circle fill={accent} cx="34" cy="17" r="2" opacity="0.5" />
+
+		<!-- Lower wing -->
+		<ellipse fill={wing} cx="36" cy="30" rx="10" ry="8" />
+		<circle fill={accent} cx="38" cy="28" r="2" opacity="0.6" />
+	</g>
+
+	<!-- Body -->
+	<ellipse fill={bodyColor} cx="25" cy="20" rx="3" ry="12" />
+
+	<!-- Head -->
+	<circle fill={bodyColor} cx="25" cy="6" r="3" />
+
+	<!-- Antennae -->
+	<path fill="none" stroke={bodyColor} stroke-width="1" d="M23 4 Q20 0 18 2" />
+	<path fill="none" stroke={bodyColor} stroke-width="1" d="M27 4 Q30 0 32 2" />
+	<circle fill={bodyColor} cx="18" cy="2" r="1" />
+	<circle fill={bodyColor} cx="32" cy="2" r="1" />
+</svg>
+
+<style>
+	@keyframes flutter-left {
+		0%, 100% { transform: scaleX(1) rotate(0deg); }
+		50% { transform: scaleX(0.7) rotate(-5deg); }
+	}
+
+	@keyframes flutter-right {
+		0%, 100% { transform: scaleX(1) rotate(0deg); }
+		50% { transform: scaleX(0.7) rotate(5deg); }
+	}
+
+	.wing-left {
+		transform-origin: right center;
+		animation: flutter-left 0.3s ease-in-out infinite;
+	}
+
+	.wing-right {
+		transform-origin: left center;
+		animation: flutter-right 0.3s ease-in-out infinite;
+	}
+</style>

package/dist/ui/components/nature/creatures/Butterfly.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    class?: string;
+    wingColor?: string;
+    accentColor?: string;
+    animate?: boolean;
+}
+declare const Butterfly: import("svelte").Component<Props, {}, "">;
+type Butterfly = ReturnType<typeof Butterfly>;
+export default Butterfly;