@autumnsgrove/groveengine 0.9.3 → 0.9.4

package/dist/ui/components/chrome/Header.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import { Logo } from '../nature';
+	import { Logo } from '../ui';
 	import ThemeToggle from './ThemeToggle.svelte';
 	import MobileMenu from './MobileMenu.svelte';
 	import { seasonStore } from '../../stores/season';
+	import { themeStore } from '../../stores/theme';
 	import { Menu } from 'lucide-svelte';
-	import type { NavItem, MaxWidth, Season } from './types';
+	import type { NavItem, MaxWidth } from './types';
+	import type { Season } from '../../types/season';
 	import { isActivePath } from './types';
 	import { DEFAULT_NAV_ITEMS } from './defaults';
 
@@ -17,15 +19,13 @@
 		maxWidth?: MaxWidth;
 		brandTitle?: string;
 		season?: Season;
-		onSeasonChange?: () => void;
 	}
 
 	let {
 		navItems,
 		maxWidth = 'default',
 		brandTitle,
-		season,
-		onSeasonChange
+		season
 	}: Props = $props();
 
 	const maxWidthClass = {
@@ -37,13 +37,9 @@
 	// Mobile menu state
 	let mobileMenuOpen = $state(false);
 
-	// Toggle season on logo click
+	// Toggle dark/light mode on logo click
 	function handleLogoClick() {
-		if (onSeasonChange) {
-			onSeasonChange();
-		} else {
-			seasonStore.cycle();
-		}
+		themeStore.toggle();
 	}
 
 	const items = navItems || DEFAULT_NAV_ITEMS;
@@ -53,15 +49,15 @@
 	<div class="{maxWidthClass[maxWidth]} mx-auto flex items-center justify-between">
 		<!-- Logo area -->
 		<div class="flex items-center gap-2">
-			<!-- Logo icon - clickable to toggle season -->
-			<button
+			<!-- Logo icon - clickable to toggle dark/light mode -->
+			<Logo
+				class="w-6 h-6"
+				season={season || $seasonStore}
+				interactive
 				onclick={handleLogoClick}
-				class="flex-shrink-0 transition-transform hover:scale-110 active:scale-95"
-				aria-label="Toggle season theme"
-				title="Click to change season"
-			>
-				<Logo class="w-6 h-6" season={season || $seasonStore} />
-			</button>
+				title="Toggle dark/light mode"
+				ariaLabel="Toggle dark or light theme"
+			/>
 
 			<!-- Brand title or "Grove" text - home link, hidden on mobile -->
 			{#if brandTitle}

package/dist/ui/components/chrome/Header.svelte.d.ts

@@ -1,10 +1,10 @@
-import type { NavItem, MaxWidth, Season } from './types';
+import type { NavItem, MaxWidth } from './types';
+import type { Season } from '../../types/season';
 interface Props {
     navItems?: NavItem[];
     maxWidth?: MaxWidth;
     brandTitle?: string;
     season?: Season;
-    onSeasonChange?: () => void;
 }
 declare const Header: import("svelte").Component<Props, {}, "">;
 type Header = ReturnType<typeof Header>;

package/dist/ui/components/chrome/ThemeToggle.svelte

@@ -1,34 +1,93 @@
 <script lang="ts">
-	import { themeStore } from '../../stores/theme';
+	/**
+	 * Season Indicator — Footer Easter Egg
+	 *
+	 * Displays the current season and acts as the gateway to Midnight mode.
+	 * - Shows current season icon + label
+	 * - Tap to activate Midnight (the queer fifth season)
+	 * - In midnight mode, tap again to return to previous season
+	 *
+	 * The header logo cycles through 4 regular seasons.
+	 * This indicator is the only way to enter midnight mode.
+	 */
 
-	// Extract the resolvedTheme store and toggle function
-	const { resolvedTheme, toggle } = themeStore;
-	let isDark = $derived($resolvedTheme === 'dark');
+	import { seasonStore } from "../../stores/season";
+	import { SEASON_LABELS, type Season } from "../../types/season";
+	import { seasonIcons } from "../icons/lucide";
+
+	// Current season from store
+	let currentSeason: Season = $derived($seasonStore);
+	let isMidnight = $derived(currentSeason === "midnight");
+
+	// Get display info for current season
+	let label = $derived(SEASON_LABELS[currentSeason]);
+	let IconComponent = $derived(seasonIcons[currentSeason]);
+
+	// Handle click - toggle midnight mode (easter egg!)
+	function handleClick() {
+		seasonStore.toggleMidnight();
+	}
 </script>
 
 <button
-	onclick={() => toggle()}
-	class="p-2 rounded-lg text-foreground-subtle hover:text-accent-muted hover:bg-surface transition-colors"
-	aria-label={isDark ? 'Switch to light mode' : 'Switch to dark mode'}
-	title={isDark ? 'Switch to light mode' : 'Switch to dark mode'}
+	onclick={handleClick}
+	class="relative group flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg transition-all duration-300
+		{isMidnight
+		? 'text-purple-300 bg-purple-950/60 hover:bg-purple-900/60 ring-1 ring-purple-500/40 shadow-lg shadow-purple-500/20'
+		: 'text-foreground-subtle hover:text-foreground hover:bg-surface/80'}"
+	aria-label={isMidnight
+		? "Exit midnight mode"
+		: `Current season: ${label}. Tap for midnight mode.`}
+	title={isMidnight ? "Return to daylight" : `${label} — tap for something special`}
 >
-	{#if isDark}
-		<!-- Sun icon - shown in dark mode -->
-		<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<circle cx="12" cy="12" r="5" />
-			<line x1="12" y1="1" x2="12" y2="3" />
-			<line x1="12" y1="21" x2="12" y2="23" />
-			<line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
-			<line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
-			<line x1="1" y1="12" x2="3" y2="12" />
-			<line x1="21" y1="12" x2="23" y2="12" />
-			<line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
-			<line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
-		</svg>
-	{:else}
-		<!-- Moon icon - shown in light mode -->
-		<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
-		</svg>
+	<!-- Season icon with bloom animation on midnight -->
+	<span
+		class="transition-transform duration-500 ease-out
+			{isMidnight ? 'scale-110' : 'group-hover:scale-110'}"
+	>
+		<svelte:component
+			this={IconComponent}
+			class="w-4 h-4 {isMidnight ? 'animate-pulse' : ''}"
+			strokeWidth={2}
+		/>
+	</span>
+
+	<!-- Season label - compact display -->
+	<span
+		class="text-xs font-medium tracking-wide transition-colors duration-300
+			{isMidnight
+			? 'text-purple-200'
+			: 'text-foreground-muted group-hover:text-foreground-subtle'}"
+	>
+		{label}
+	</span>
+
+	<!-- Subtle glow ring when in midnight (easter egg active indicator) -->
+	{#if isMidnight}
+		<span
+			class="absolute inset-0 rounded-lg ring-2 ring-purple-400/20 animate-pulse pointer-events-none"
+		></span>
 	{/if}
-</button>
+</button>
+
+<style>
+	/* Bloom animation for entering midnight */
+	@keyframes bloom {
+		0% {
+			transform: scale(1);
+			filter: brightness(1);
+		}
+		50% {
+			transform: scale(1.15);
+			filter: brightness(1.2);
+		}
+		100% {
+			transform: scale(1.1);
+			filter: brightness(1);
+		}
+	}
+
+	button:active span:first-child {
+		animation: bloom 0.3s ease-out;
+	}
+</style>

package/dist/ui/components/icons/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Icons } from './Icons.svelte';
-export { default as IconLegend } from './IconLegend.svelte';
-export { navIcons, stateIcons, pricingIcons, featureIcons, growthIcons, phaseIcons, actionIcons, metricsIcons, allIcons, type IconKey, getIcon, getIconFromAll, Check, CheckCircle, X, ArrowRight, ArrowLeft, MapPin, Sprout, Trees, TreeDeciduous, Crown, Flower2, Leaf, Heart, Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github, Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Loader2, AlertTriangle, HelpCircle, Lock, Sparkles, Clock, TrendingUp, Users, Activity, Plus, Copy, Trash2, RefreshCw, Fingerprint, Key, Link2, authIcons, } from './lucide';
+export { default as Icons } from "./Icons.svelte";
+export { default as IconLegend } from "./IconLegend.svelte";
+export { navIcons, stateIcons, pricingIcons, featureIcons, growthIcons, phaseIcons, seasonIcons, actionIcons, metricsIcons, allIcons, type IconKey, getIcon, getIconFromAll, Check, CheckCircle, X, ArrowRight, ArrowLeft, MapPin, Sprout, Trees, TreeDeciduous, Crown, Flower2, Leaf, Heart, Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github, Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Loader2, AlertTriangle, HelpCircle, Lock, Sparkles, Moon, Sun, Snowflake, Clock, TrendingUp, Users, Activity, Plus, Copy, Trash2, RefreshCw, Fingerprint, Key, Link2, authIcons, } from "./lucide";
 export declare const ICONS_VERSION = "0.3.0";

package/dist/ui/components/icons/index.js

@@ -7,20 +7,20 @@
 //   import { Icons, IconLegend } from '@autumnsgrove/groveengine/ui/icons';
 //   import { stateIcons, pricingIcons, Check } from '@autumnsgrove/groveengine/ui/icons';
 // Custom SVG components
-export { default as Icons } from './Icons.svelte';
-export { default as IconLegend } from './IconLegend.svelte';
+export { default as Icons } from "./Icons.svelte";
+export { default as IconLegend } from "./IconLegend.svelte";
 // Lucide icon registries and utilities
 export { 
 // Icon maps (semantic groupings)
-navIcons, stateIcons, pricingIcons, featureIcons, growthIcons, phaseIcons, actionIcons, metricsIcons, allIcons, 
+navIcons, stateIcons, pricingIcons, featureIcons, growthIcons, phaseIcons, seasonIcons, actionIcons, metricsIcons, allIcons, 
 // Utilities
 getIcon, getIconFromAll, 
 // Direct icon exports (commonly used)
-Check, CheckCircle, X, ArrowRight, ArrowLeft, MapPin, Sprout, Trees, TreeDeciduous, Crown, Flower2, Leaf, Heart, Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github, Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Loader2, AlertTriangle, HelpCircle, Lock, Sparkles, Clock, TrendingUp, Users, Activity, 
+Check, CheckCircle, X, ArrowRight, ArrowLeft, MapPin, Sprout, Trees, TreeDeciduous, Crown, Flower2, Leaf, Heart, Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github, Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Loader2, AlertTriangle, HelpCircle, Lock, Sparkles, Moon, Sun, Snowflake, Clock, TrendingUp, Users, Activity, 
 // Actions
 Plus, Copy, Trash2, RefreshCw, 
 // Authentication
 Fingerprint, Key, Link2, 
 // Also export the authIcons map
-authIcons, } from './lucide';
-export const ICONS_VERSION = '0.3.0';
+authIcons, } from "./lucide";
+export const ICONS_VERSION = "0.3.0";

package/dist/ui/components/icons/lucide.d.ts

@@ -12,7 +12,7 @@
  * <svelte:component this={stateIcons.check} class="w-5 h-5" />
  * ```
  */
-import { Home, Info, Telescope, MapPin, HandCoins, BookOpen, Trees, PenLine, ArrowRight, ArrowLeft, ChevronRight, ChevronLeft, ChevronDown, ExternalLink, LogIn, Mail, HardDrive, Palette, ShieldCheck, Shield, Cloud, SearchCode, Archive, Upload, MessagesSquare, MessageCircle, FileText, Tag, Rss, Eye, Github, Layers, Sprout, Heart, Leaf, Flower2, TreeDeciduous, Crown, Check, CheckCircle, X, Loader2, AlertTriangle, HelpCircle, Circle, Lock, Gem, Sparkles, Star, Moon, Sun, Compass, Megaphone, Lightbulb, Download, Settings, Menu, Plus, Copy, Trash2, RefreshCw, Clock, TrendingUp, TrendingDown, Activity, Users, ShieldUser, BarChart3, Globe, CalendarDays, LifeBuoy, Fingerprint, Key, Link2 } from "lucide-svelte";
+import { Home, Info, Telescope, MapPin, HandCoins, BookOpen, Trees, PenLine, ArrowRight, ArrowLeft, ChevronRight, ChevronLeft, ChevronDown, ExternalLink, LogIn, Mail, HardDrive, Palette, ShieldCheck, Shield, Cloud, SearchCode, Archive, Upload, MessagesSquare, MessageCircle, FileText, Tag, Rss, Eye, Github, Layers, Sprout, Heart, Leaf, Flower2, TreeDeciduous, Crown, Check, CheckCircle, X, Loader2, AlertTriangle, HelpCircle, Circle, Lock, Gem, Sparkles, Star, Moon, Sun, Snowflake, Compass, Megaphone, Lightbulb, Download, Settings, Menu, Plus, Copy, Trash2, RefreshCw, Clock, TrendingUp, TrendingDown, Activity, Users, ShieldUser, BarChart3, Globe, CalendarDays, LifeBuoy, Fingerprint, Key, Link2 } from "lucide-svelte";
 /** Icons for main navigation items */
 export declare const navIcons: {
     readonly home: typeof Home;
@@ -102,6 +102,14 @@ export declare const phaseIcons: {
     readonly sun: typeof Sun;
     readonly sprout: typeof Sprout;
 };
+/** Icons for Grove's seasonal theming system */
+export declare const seasonIcons: {
+    readonly spring: typeof Flower2;
+    readonly summer: typeof Sun;
+    readonly autumn: typeof Leaf;
+    readonly winter: typeof Snowflake;
+    readonly midnight: typeof Moon;
+};
 /** Icons for user actions and processes */
 export declare const actionIcons: {
     readonly compass: typeof Compass;
@@ -167,6 +175,11 @@ export declare const allIcons: {
     readonly copy: typeof Copy;
     readonly trash: typeof Trash2;
     readonly refresh: typeof RefreshCw;
+    readonly spring: typeof Flower2;
+    readonly summer: typeof Sun;
+    readonly autumn: typeof Leaf;
+    readonly winter: typeof Snowflake;
+    readonly midnight: typeof Moon;
     readonly gem: typeof Gem;
     readonly sparkles: typeof Sparkles;
     readonly star: typeof Star;
@@ -232,4 +245,4 @@ export declare function getIcon<T extends Record<string, any>>(map: T, key: keyo
  * ```
  */
 export declare function getIconFromAll(key: string): any;
-export { Check, CheckCircle, X, ArrowRight, ArrowLeft, MapPin, Sprout, Trees, TreeDeciduous, Crown, Flower2, Leaf, Heart, Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github, Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Layers, Loader2, AlertTriangle, HelpCircle, Lock, Sparkles, Clock, TrendingUp, Users, Activity, Plus, Copy, Trash2, RefreshCw, Fingerprint, Key, Link2, };
+export { Check, CheckCircle, X, ArrowRight, ArrowLeft, MapPin, Sprout, Trees, TreeDeciduous, Crown, Flower2, Leaf, Heart, Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github, Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Layers, Loader2, AlertTriangle, HelpCircle, Lock, Sparkles, Moon, Sun, Snowflake, Clock, TrendingUp, Users, Activity, Plus, Copy, Trash2, RefreshCw, Fingerprint, Key, Link2, };

package/dist/ui/components/icons/lucide.js

@@ -22,7 +22,7 @@ Sprout, Heart, Leaf, Flower2, TreeDeciduous, Crown,
 // States & Feedback
 Check, CheckCircle, X, Loader2, AlertTriangle, HelpCircle, Info as InfoIcon, Circle, Lock, 
 // Phases & Special
-Gem, Sparkles, Star, Moon, Sun, 
+Gem, Sparkles, Star, Moon, Sun, Snowflake, 
 // Actions
 Compass, Megaphone, Lightbulb, Download, Settings, Menu, Plus, Copy, Trash2, RefreshCw, 
 // Metrics
@@ -142,6 +142,17 @@ export const phaseIcons = {
     sprout: Sprout,
 };
 // ============================================================================
+// SEASON ICONS
+// ============================================================================
+/** Icons for Grove's seasonal theming system */
+export const seasonIcons = {
+    spring: Flower2,
+    summer: Sun,
+    autumn: Leaf,
+    winter: Snowflake,
+    midnight: Moon,
+};
+// ============================================================================
 // ACTION ICONS
 // ============================================================================
 /** Icons for user actions and processes */
@@ -197,6 +208,7 @@ export const allIcons = {
     ...featureIcons,
     ...growthIcons,
     ...phaseIcons,
+    ...seasonIcons,
     ...actionIcons,
     ...authIcons,
     ...metricsIcons,
@@ -239,8 +251,8 @@ Home, Menu, Settings, ExternalLink, ChevronDown, LogIn, Github,
 Mail, HardDrive, Palette, Shield, Download, Rss, Eye, MessageCircle, Layers, 
 // States
 Loader2, AlertTriangle, HelpCircle, Lock, 
-// Phase/Special
-Sparkles, 
+// Phase/Special & Seasons
+Sparkles, Moon, Sun, Snowflake, 
 // Metrics
 Clock, TrendingUp, Users, Activity, 
 // Actions

package/dist/ui/components/nature/GroveDivider.svelte

@@ -6,25 +6,24 @@
   GroveDivider - A decorative divider featuring alternating Grove logos
 
   Props:
-    count     - Number of logos (default: 7)
-    size      - 'xs' | 'sm' | 'md' | 'lg' (default: 'sm')
-    glass     - Use GlassLogo instead of regular Logo
-    variant   - Glass variant: 'default' | 'accent' | 'frosted' | 'dark' | 'ethereal'
-    vertical  - Display vertically instead of horizontally
-    breathing - Enable breathing animation
-    monochrome - Trunk matches foliage color
-    color     - Custom color override (regular Logo only)
-    season    - Override season (uses seasonStore by default)
-    gap       - Tailwind gap class (default: 'gap-1.5')
-    spacing   - Gap in pixels or rem (overrides gap if provided)
-    rotation  - Logo rotation mode: 'default' | 'left-right' | 'up-down' (default: auto based on orientation)
-    class     - Additional CSS classes
+    count           - Number of logos (default: 7)
+    size            - 'xs' | 'sm' | 'md' | 'lg' (default: 'sm')
+    glass           - Use GlassLogo instead of regular Logo
+    variant         - Glass variant: 'default' | 'accent' | 'frosted' | 'dark' | 'ethereal'
+    vertical        - Display vertically instead of horizontally
+    monochromeTrunk - Trunk matches foliage color
+    monochromeColor - Custom color override (applies to all tiers)
+    season          - Override season (uses seasonStore by default)
+    gap             - Tailwind gap class (default: 'gap-1.5')
+    spacing         - Gap in pixels or rem (overrides gap if provided)
+    rotation        - Logo rotation mode: 'default' | 'left-right' | 'up-down' (default: auto based on orientation)
+    class           - Additional CSS classes
 -->
 <script lang="ts">
-	import Logo from './Logo.svelte';
+	import Logo from '../ui/Logo.svelte';
 	import GlassLogo from '../ui/GlassLogo.svelte';
 	import type { GlassVariant } from '../ui/types';
-	import type { Season } from './palette';
+	import type { Season } from '../../types/season';
 	import { seasonStore } from '../../stores/season';
 
 	type RotationMode = 'default' | 'left-right' | 'up-down';
@@ -48,12 +47,10 @@
 		glass?: boolean;
 		/** Glass variant (only applies when glass=true) */
 		variant?: GlassVariant;
-		/** Add breathing animation to logos */
-		breathing?: boolean;
-		/** Monochrome mode - trunk matches foliage color */
-		monochrome?: boolean;
-		/** Custom color override (for regular Logo) */
-		color?: string;
+		/** Make trunk match foliage colors */
+		monochromeTrunk?: boolean;
+		/** Custom color override (applies to all tiers) */
+		monochromeColor?: string;
 		/** Display vertically instead of horizontally */
 		vertical?: boolean;
 	}
@@ -68,9 +65,8 @@
 		rotation = 'default',
 		glass = false,
 		variant = 'default',
-		breathing = false,
-		monochrome = false,
-		color,
+		monochromeTrunk = false,
+		monochromeColor,
 		vertical = false
 	}: Props = $props();
 
@@ -121,15 +117,15 @@
 					class={sizeClasses[size]}
 					season={activeSeason}
 					{variant}
-					{breathing}
-					{monochrome}
+					accentColor={monochromeColor}
+					{monochromeTrunk}
 				/>
 			{:else}
 				<Logo
 					class={sizeClasses[size]}
 					season={activeSeason}
-					{color}
-					breathing={breathing}
+					{monochromeColor}
+					{monochromeTrunk}
 				/>
 			{/if}
 		</div>

package/dist/ui/components/nature/GroveDivider.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { GlassVariant } from '../ui/types';
-import type { Season } from './palette';
+import type { Season } from '../../types/season';
 type RotationMode = 'default' | 'left-right' | 'up-down';
 interface Props {
     /** Number of logos to display (default: 7) */
@@ -20,12 +20,10 @@ interface Props {
     glass?: boolean;
     /** Glass variant (only applies when glass=true) */
     variant?: GlassVariant;
-    /** Add breathing animation to logos */
-    breathing?: boolean;
-    /** Monochrome mode - trunk matches foliage color */
-    monochrome?: boolean;
-    /** Custom color override (for regular Logo) */
-    color?: string;
+    /** Make trunk match foliage colors */
+    monochromeTrunk?: boolean;
+    /** Custom color override (applies to all tiers) */
+    monochromeColor?: string;
     /** Display vertically instead of horizontally */
     vertical?: boolean;
 }

package/dist/ui/components/nature/{Logo.svelte.d.ts → LogoArchive.svelte.d.ts}

@@ -9,6 +9,6 @@ interface Props {
     /** Add breathing animation (subtle pulse for loading states) */
     breathing?: boolean;
 }
-declare const Logo: import("svelte").Component<Props, {}, "">;
-type Logo = ReturnType<typeof Logo>;
-export default Logo;
+declare const LogoArchive: import("svelte").Component<Props, {}, "">;
+type LogoArchive = ReturnType<typeof LogoArchive>;
+export default LogoArchive;

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

@@ -4,7 +4,7 @@
   Licensed under AGPL-3.0
 -->
 <script lang="ts">
-	import { accents, bark } from '../palette';
+	import { flowers, bark } from '../palette';
 
 	interface Props {
 		class?: string;
@@ -20,7 +20,7 @@
 		animate = true
 	}: Props = $props();
 
-	const body = $derived(bodyColor ?? accents.flower.yellow);
+	const body = $derived(bodyColor ?? flowers.wildflower.buttercup);
 	const stripes = $derived(stripeColor ?? bark.darkBark);
 	const wingColor = $derived('#e0f2fe'); // Light blue-ish transparent
 </script>

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

@@ -4,7 +4,7 @@
   Licensed under AGPL-3.0
 -->
 <script lang="ts">
-	import { accents, bark } from '../palette';
+	import { flowers, bark } from '../palette';
 
 	interface Props {
 		class?: string;
@@ -20,8 +20,8 @@
 		animate = true
 	}: Props = $props();
 
-	const wing = $derived(wingColor ?? accents.flower.purple);
-	const accent = $derived(accentColor ?? accents.flower.yellow);
+	const wing = $derived(wingColor ?? flowers.wildflower.purple);
+	const accent = $derived(accentColor ?? flowers.wildflower.buttercup);
 	const bodyColor = $derived(bark.darkBark);
 </script>
 

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

@@ -4,7 +4,7 @@
   Licensed under AGPL-3.0
 -->
 <script lang="ts">
-	import { bark, earth, accents } from '../palette';
+	import { bark, earth, flowers } from '../palette';
 
 	interface Props {
 		class?: string;
@@ -22,7 +22,7 @@
 
 	const feathers = $derived(featherColor ?? bark.bark);
 	const lightFeathers = $derived(earth.clay);
-	const eyeColor = $derived(accents.flower.yellow);
+	const eyeColor = $derived(flowers.wildflower.buttercup);
 	const scaleX = $derived(facing === 'left' ? -1 : 1);
 </script>
 

package/dist/ui/components/nature/ground/FlowerWild.svelte

@@ -4,7 +4,7 @@
   Licensed under AGPL-3.0
 -->
 <script lang="ts">
-	import { accents, greens } from '../palette';
+	import { flowers, greens } from '../palette';
 
 	interface Props {
 		class?: string;
@@ -22,8 +22,8 @@
 		animate = true
 	}: Props = $props();
 
-	const petals = $derived(petalColor ?? accents.flower.purple);
-	const center = $derived(centerColor ?? accents.flower.yellow);
+	const petals = $derived(petalColor ?? flowers.wildflower.purple);
+	const center = $derived(centerColor ?? flowers.wildflower.buttercup);
 	const stem = $derived(stemColor ?? greens.deepGreen);
 </script>
 

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

@@ -16,14 +16,15 @@
  * <Cardinal />
  * ```
  */
-export { default as Logo } from './Logo.svelte';
-export { default as GroveDivider } from './GroveDivider.svelte';
-export * from './palette';
-export * from './trees';
-export * from './botanical';
-export * from './creatures';
-export * from './ground';
-export * from './sky';
-export * from './structural';
-export * from './water';
-export * from './weather';
+export { Logo } from "../ui";
+export { default as LogoArchive } from "./LogoArchive.svelte";
+export { default as GroveDivider } from "./GroveDivider.svelte";
+export * from "./palette";
+export * from "./trees";
+export * from "./botanical";
+export * from "./creatures";
+export * from "./ground";
+export * from "./sky";
+export * from "./structural";
+export * from "./water";
+export * from "./weather";

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

@@ -16,25 +16,27 @@
  * <Cardinal />
  * ```
  */
-// Logo - Grove's tree-star logo
-export { default as Logo } from './Logo.svelte';
+// Logo - Re-export from ui module (new tree design)
+export { Logo } from "../ui";
+// LogoArchive - Original asterisk logo with nature animations (deprecated)
+export { default as LogoArchive } from "./LogoArchive.svelte";
 // GroveDivider - Decorative divider with alternating logos
-export { default as GroveDivider } from './GroveDivider.svelte';
+export { default as GroveDivider } from "./GroveDivider.svelte";
 // Palette - Seasonal color system
-export * from './palette';
+export * from "./palette";
 // Trees
-export * from './trees';
+export * from "./trees";
 // Botanical elements
-export * from './botanical';
+export * from "./botanical";
 // Creatures
-export * from './creatures';
+export * from "./creatures";
 // Ground elements
-export * from './ground';
+export * from "./ground";
 // Sky elements
-export * from './sky';
+export * from "./sky";
 // Structural elements
-export * from './structural';
+export * from "./structural";
 // Water elements
-export * from './water';
+export * from "./water";
 // Weather effects
-export * from './weather';
+export * from "./weather";