@autumnsgrove/groveengine 0.8.5 → 0.9.0

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

@@ -16,20 +16,9 @@ export { default as Lexend } from './Lexend.svelte';
 // Accessibility fonts
 export { default as Atkinson } from './Atkinson.svelte';
 export { default as OpenDyslexic } from './OpenDyslexic.svelte';
-export { default as Luciole } from './Luciole.svelte';
-// Modern sans-serif fonts
-export { default as Nunito } from './Nunito.svelte';
+// Sans-serif fonts
 export { default as Quicksand } from './Quicksand.svelte';
-export { default as Manrope } from './Manrope.svelte';
-export { default as InstrumentSans } from './InstrumentSans.svelte';
 export { default as PlusJakartaSans } from './PlusJakartaSans.svelte';
-// Serif fonts
-export { default as Cormorant } from './Cormorant.svelte';
-export { default as BodoniModa } from './BodoniModa.svelte';
-export { default as Lora } from './Lora.svelte';
-export { default as EBGaramond } from './EBGaramond.svelte';
-export { default as Merriweather } from './Merriweather.svelte';
-export { default as Fraunces } from './Fraunces.svelte';
 // Monospace fonts
 export { default as IBMPlexMono } from './IBMPlexMono.svelte';
 export { default as Cozette } from './Cozette.svelte';

package/dist/ui/components/ui/CollapsibleSection.svelte

@@ -11,15 +11,27 @@
 	let {
 		title,
 		defaultOpen = false,
+		open: externalOpen,
+		ontoggle,
 		children,
 		class: className = '',
 		...restProps
 	}: Props = $props();
 
+	// defaultOpen only sets the initial state (not reactive to prop changes)
+	// svelte-ignore state_referenced_locally
 	let isOpen = $state(defaultOpen);
 
+	// Sync with external open prop if provided
+	$effect(() => {
+		if (externalOpen !== undefined) {
+			isOpen = externalOpen;
+		}
+	});
+
 	function toggle() {
 		isOpen = !isOpen;
+		ontoggle?.();
 	}
 </script>
 

package/dist/ui/components/ui/GlassConfirmDialog.svelte

@@ -117,6 +117,14 @@
 			handleCancel();
 		}
 	}
+
+	function handleBackdropKeydown(event: KeyboardEvent) {
+		// Handle Enter and Space to close, consistent with button behavior
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			handleCancel();
+		}
+	}
 </script>
 
 <svelte:window onkeydown={handleKeydown} />
@@ -126,6 +134,7 @@
 	<div
 		class="fixed inset-0 z-50 flex items-center justify-center p-4"
 		onclick={handleBackdropClick}
+		onkeydown={handleBackdropKeydown}
 		role="dialog"
 		aria-modal="true"
 		aria-labelledby="confirm-dialog-title"

package/dist/ui/components/ui/GlassOverlay.svelte

@@ -80,10 +80,11 @@
 	);
 </script>
 
+<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
 <div
 	class={computedClass}
 	role={interactive ? "button" : "presentation"}
-	tabindex={interactive ? 0 : undefined}
+	tabindex={interactive ? 0 : -1}
 	aria-label={interactive ? "Close overlay" : undefined}
 	{...restProps}
 >

package/dist/ui/components/ui/Input.svelte

@@ -14,6 +14,7 @@
 	 * @prop {boolean} [required=false] - Whether input is required (shows asterisk)
 	 * @prop {boolean} [disabled=false] - Whether input is disabled
 	 * @prop {string} [class] - Additional CSS classes to apply
+	 * @prop {string} [id] - Input ID for label association (auto-generated if not provided)
 	 * @prop {HTMLInputElement} [ref] - Reference to the underlying input element (bindable)
 	 *
 	 * @example
@@ -34,6 +35,7 @@
 		required?: boolean;
 		disabled?: boolean;
 		class?: string;
+		id?: string;
 		ref?: HTMLInputElement | null;
 	}
 
@@ -46,10 +48,15 @@
 		required = false,
 		disabled = false,
 		class: className,
+		id,
 		ref = $bindable(null),
 		...restProps
 	}: Props = $props();
 
+	// Generate unique ID for label association if not provided
+	// svelte-ignore state_referenced_locally - id is intentionally captured at initialization for stable IDs
+	const inputId = id ?? `input-${crypto.randomUUID()}`;
+
 	const inputClass = $derived(
 		cn(
 			error && "border-destructive focus-visible:ring-destructive/20",
@@ -60,7 +67,7 @@
 
 <div class="flex flex-col gap-1.5">
 	{#if label}
-		<label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+		<label for={inputId} class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
 			{label}
 			{#if required}
 				<span class="text-destructive">*</span>
@@ -69,6 +76,7 @@
 	{/if}
 
 	<ShadcnInput
+		id={inputId}
 		bind:ref={ref}
 		bind:value
 		{type}

package/dist/ui/components/ui/Input.svelte.d.ts

@@ -10,6 +10,7 @@ import type { HTMLInputAttributes } from "svelte/elements";
  * @prop {boolean} [required=false] - Whether input is required (shows asterisk)
  * @prop {boolean} [disabled=false] - Whether input is disabled
  * @prop {string} [class] - Additional CSS classes to apply
+ * @prop {string} [id] - Input ID for label association (auto-generated if not provided)
  * @prop {HTMLInputElement} [ref] - Reference to the underlying input element (bindable)
  *
  * @example
@@ -30,6 +31,7 @@ interface Props extends Omit<HTMLInputAttributes, "class"> {
     required?: boolean;
     disabled?: boolean;
     class?: string;
+    id?: string;
     ref?: HTMLInputElement | null;
 }
 declare const Input: import("svelte").Component<Props, {}, "ref" | "value">;

package/dist/ui/components/ui/Textarea.svelte

@@ -14,6 +14,7 @@
 	 * @prop {boolean} [required=false] - Whether textarea is required (shows asterisk)
 	 * @prop {boolean} [disabled=false] - Whether textarea is disabled
 	 * @prop {string} [class] - Additional CSS classes to apply
+	 * @prop {string} [id] - Textarea ID for label association (auto-generated if not provided)
 	 *
 	 * @example
 	 * <Textarea label="Description" bind:value={description} required />
@@ -33,6 +34,7 @@
 		required?: boolean;
 		disabled?: boolean;
 		class?: string;
+		id?: string;
 	}
 
 	let {
@@ -44,9 +46,14 @@
 		required = false,
 		disabled = false,
 		class: className,
+		id,
 		...restProps
 	}: Props = $props();
 
+	// Generate unique ID for label association if not provided
+	// svelte-ignore state_referenced_locally - id is intentionally captured at initialization for stable IDs
+	const textareaId = id ?? `textarea-${crypto.randomUUID()}`;
+
 	const textareaClass = $derived(
 		cn(
 			error && "border-destructive focus-visible:ring-destructive/20",
@@ -57,7 +64,7 @@
 
 <div class="flex flex-col gap-1.5">
 	{#if label}
-		<label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+		<label for={textareaId} class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
 			{label}
 			{#if required}
 				<span class="text-destructive">*</span>
@@ -66,6 +73,7 @@
 	{/if}
 
 	<ShadcnTextarea
+		id={textareaId}
 		bind:value
 		{placeholder}
 		{rows}

package/dist/ui/components/ui/Textarea.svelte.d.ts

@@ -10,6 +10,7 @@ import type { HTMLTextareaAttributes } from "svelte/elements";
  * @prop {boolean} [required=false] - Whether textarea is required (shows asterisk)
  * @prop {boolean} [disabled=false] - Whether textarea is disabled
  * @prop {string} [class] - Additional CSS classes to apply
+ * @prop {string} [id] - Textarea ID for label association (auto-generated if not provided)
  *
  * @example
  * <Textarea label="Description" bind:value={description} required />
@@ -29,6 +30,7 @@ interface Props extends Omit<HTMLTextareaAttributes, "class"> {
     required?: boolean;
     disabled?: boolean;
     class?: string;
+    id?: string;
 }
 declare const Textarea: import("svelte").Component<Props, {}, "value">;
 type Textarea = ReturnType<typeof Textarea>;

package/dist/ui/stores/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * UI Stores Index
+ * Re-exports all shared UI stores from the engine package
+ */
+export { seasonStore } from "./season";
+export { themeStore } from "./theme";

package/dist/ui/stores/index.js

@@ -0,0 +1,6 @@
+/**
+ * UI Stores Index
+ * Re-exports all shared UI stores from the engine package
+ */
+export { seasonStore } from "./season";
+export { themeStore } from "./theme";

package/dist/ui/stores/season.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Season Store for Grove Engine
+ * Manages seasonal theme preferences (spring, summer, autumn, winter)
+ * Defaults to autumn on first visit, remembers user choice thereafter
+ *
+ * The logo and other nature components react to season changes.
+ */
+import type { Season } from "../components/nature/palette";
+export declare const seasonStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Season>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    cycle: () => void;
+    setSeason: (newSeason: Season) => void;
+    getCurrent: () => Season;
+};

package/dist/ui/stores/season.js

@@ -0,0 +1,65 @@
+/**
+ * Season Store for Grove Engine
+ * Manages seasonal theme preferences (spring, summer, autumn, winter)
+ * Defaults to autumn on first visit, remembers user choice thereafter
+ *
+ * The logo and other nature components react to season changes.
+ */
+import { writable, get } from "svelte/store";
+import { browser } from "$app/environment";
+const STORAGE_KEY = "grove-season";
+// Season cycle order
+const SEASONS = ["spring", "summer", "autumn", "winter"];
+function getInitialSeason() {
+    if (!browser)
+        return "autumn";
+    // Check if user has a stored preference
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored && SEASONS.includes(stored)) {
+        return stored;
+    }
+    // Clean up invalid stored value if present
+    if (stored) {
+        localStorage.removeItem(STORAGE_KEY);
+    }
+    // First visit (or invalid value): default to autumn (Grove's signature season)
+    return "autumn";
+}
+function createSeasonStore() {
+    const season = writable(getInitialSeason());
+    // Persist to localStorage on change
+    if (browser) {
+        season.subscribe((s) => {
+            localStorage.setItem(STORAGE_KEY, s);
+        });
+    }
+    /**
+     * Cycle to the next season: spring → summer → autumn → winter → spring
+     */
+    function cycle() {
+        season.update((current) => {
+            const currentIndex = SEASONS.indexOf(current);
+            const nextIndex = (currentIndex + 1) % SEASONS.length;
+            return SEASONS[nextIndex];
+        });
+    }
+    /**
+     * Set a specific season
+     */
+    function setSeason(newSeason) {
+        season.set(newSeason);
+    }
+    /**
+     * Get current season value (for non-reactive contexts)
+     */
+    function getCurrent() {
+        return get(season);
+    }
+    return {
+        subscribe: season.subscribe,
+        cycle,
+        setSeason,
+        getCurrent,
+    };
+}
+export const seasonStore = createSeasonStore();

package/dist/ui/tokens/fonts.d.ts

@@ -7,7 +7,7 @@
 /** CDN base URL for all font assets */
 export declare const FONT_CDN_BASE = "https://cdn.grove.place/fonts";
 /** Font category for organizing fonts */
-export type FontCategory = "default" | "accessibility" | "sans-serif" | "serif" | "monospace" | "display";
+export type FontCategory = "default" | "accessibility" | "sans-serif" | "monospace" | "display";
 /** Font format for @font-face src declarations */
 export type FontFormat = "truetype" | "opentype";
 /** Complete font definition with metadata */

package/dist/ui/tokens/fonts.js

@@ -61,39 +61,7 @@ export const fonts = [
             "sans-serif",
         ],
     },
-    {
-        id: "luciole",
-        name: "Luciole",
-        file: "Luciole-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Luciole",
-        category: "accessibility",
-        description: "French accessibility font designed for visually impaired readers.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
     // Modern sans-serif fonts
-    {
-        id: "nunito",
-        name: "Nunito",
-        file: "Nunito-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Nunito",
-        category: "sans-serif",
-        description: "Friendly rounded sans-serif. Warm and approachable.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
     {
         id: "quicksand",
         name: "Quicksand",
@@ -110,38 +78,6 @@ export const fonts = [
             "sans-serif",
         ],
     },
-    {
-        id: "manrope",
-        name: "Manrope",
-        file: "Manrope-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Manrope",
-        category: "sans-serif",
-        description: "Professional geometric sans. Clean and contemporary.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
-    {
-        id: "instrument-sans",
-        name: "Instrument Sans",
-        file: "InstrumentSans-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Instrument Sans",
-        category: "sans-serif",
-        description: "Low contrast sans with humanist touches. Elegant simplicity.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
     {
         id: "plus-jakarta-sans",
         name: "Plus Jakarta Sans",
@@ -158,67 +94,6 @@ export const fonts = [
             "sans-serif",
         ],
     },
-    // Serif fonts
-    {
-        id: "cormorant",
-        name: "Cormorant",
-        file: "Cormorant-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Cormorant",
-        category: "serif",
-        description: "Elegant display serif inspired by Garamond. Refined and classic.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "bodoni-moda",
-        name: "Bodoni Moda",
-        file: "BodoniModa-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Bodoni Moda",
-        category: "serif",
-        description: "High contrast modern serif. Bold and sophisticated.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "lora",
-        name: "Lora",
-        file: "Lora-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Lora",
-        category: "serif",
-        description: "Well-balanced contemporary serif. Excellent for body text.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "eb-garamond",
-        name: "EB Garamond",
-        file: "EBGaramond-Regular.ttf",
-        format: "truetype",
-        fontFamily: "EB Garamond",
-        category: "serif",
-        description: "Revival of classic Garamond. Timeless book typography.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "merriweather",
-        name: "Merriweather",
-        file: "Merriweather-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Merriweather",
-        category: "serif",
-        description: "Designed for screen reading. Excellent legibility.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "fraunces",
-        name: "Fraunces",
-        file: "Fraunces-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Fraunces",
-        category: "serif",
-        description: 'Soft serif with "wonky" optical axes. Warm personality.',
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
     // Monospace fonts
     {
         id: "ibm-plex-mono",
@@ -335,7 +210,6 @@ export const fontCategoryLabels = {
     default: "Default",
     accessibility: "Accessibility",
     "sans-serif": "Sans-Serif",
-    serif: "Serif",
     monospace: "Monospace",
     display: "Display & Special",
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autumnsgrove/groveengine",
-  "version": "0.8.5",
+  "version": "0.9.0",
   "description": "Multi-tenant blog engine for Grove Platform. Features gutter annotations, markdown editing, magic code auth, and Cloudflare Workers deployment.",
   "author": "AutumnsGrove",
   "license": "AGPL-3.0-only",
@@ -9,6 +9,10 @@
     "url": "https://github.com/AutumnsGrove/GroveEngine.git",
     "directory": "packages/engine"
   },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
   "keywords": [
     "blog",
     "cms",
@@ -38,6 +42,16 @@
       "svelte": "./dist/ui/index.js",
       "default": "./dist/ui/index.js"
     },
+    "./ui/chrome": {
+      "types": "./dist/ui/components/chrome/index.d.ts",
+      "svelte": "./dist/ui/components/chrome/index.js",
+      "default": "./dist/ui/components/chrome/index.js"
+    },
+    "./ui/stores": {
+      "types": "./dist/ui/stores/index.d.ts",
+      "svelte": "./dist/ui/stores/index.js",
+      "default": "./dist/ui/stores/index.js"
+    },
     "./ui/gallery": {
       "types": "./dist/ui/components/gallery/index.d.ts",
       "svelte": "./dist/ui/components/gallery/index.js",
@@ -151,6 +165,15 @@
       "types": "./dist/ui/vineyard/index.d.ts",
       "svelte": "./dist/ui/vineyard/index.js",
       "default": "./dist/ui/vineyard/index.js"
+    },
+    "./ui/terrarium": {
+      "types": "./dist/ui/components/terrarium/index.d.ts",
+      "svelte": "./dist/ui/components/terrarium/index.js",
+      "default": "./dist/ui/components/terrarium/index.js"
+    },
+    "./config/terrarium": {
+      "types": "./dist/config/terrarium.d.ts",
+      "default": "./dist/config/terrarium.js"
     }
   },
   "files": [
@@ -158,6 +181,26 @@
     "static",
     "!dist/**/*.test.*"
   ],
+  "scripts": {
+    "dev": "vite dev",
+    "dev:wrangler": "wrangler pages dev -- vite dev",
+    "build": "vite build",
+    "build:package": "svelte-kit sync && svelte-package -o dist",
+    "package": "svelte-kit sync && svelte-package -o dist",
+    "prepublishOnly": "pnpm run package",
+    "preview": "vite preview",
+    "deploy": "wrangler pages deploy .svelte-kit/cloudflare --project-name groveengine",
+    "audit": "pnpm audit --audit-level=moderate",
+    "audit:fix": "pnpm audit --fix",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:security": "vitest run tests/security",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest watch"
+  },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",
     "svelte": "^5.0.0",
@@ -194,7 +237,6 @@
     "vitest": "^4.0.14"
   },
   "dependencies": {
-    "@autumnsgrove/vineyard": "link:../../../Vineyard",
     "chart.js": "^4.5.1",
     "clsx": "^2.1.1",
     "dompurify": "^3.3.0",
@@ -203,25 +245,7 @@
     "lucide-svelte": "^0.554.0",
     "marked": "^17.0.1",
     "svelte-sonner": "^1.0.7",
-    "tailwind-merge": "^3.4.0"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "dev:wrangler": "wrangler pages dev -- vite dev",
-    "build": "vite build",
-    "build:package": "svelte-kit sync && svelte-package -o dist",
-    "package": "svelte-kit sync && svelte-package -o dist",
-    "preview": "vite preview",
-    "deploy": "wrangler pages deploy .svelte-kit/cloudflare --project-name groveengine",
-    "audit": "pnpm audit --audit-level=moderate",
-    "audit:fix": "pnpm audit --fix",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "test:security": "vitest run tests/security",
-    "test:coverage": "vitest run --coverage",
-    "test:watch": "vitest watch"
+    "tailwind-merge": "^3.4.0",
+    "dom-to-image-more": "^3.5.0"
   }
 }