@autumnsgrove/groveengine 0.8.6 → 0.9.0

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autumnsgrove/groveengine",
-  "version": "0.8.6",
+  "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": [
@@ -214,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",
@@ -223,6 +245,7 @@
     "lucide-svelte": "^0.554.0",
     "marked": "^17.0.1",
     "svelte-sonner": "^1.0.7",
-    "tailwind-merge": "^3.4.0"
+    "tailwind-merge": "^3.4.0",
+    "dom-to-image-more": "^3.5.0"
   }
-}
+}