@autumnsgrove/groveengine 0.1.0

package/dist/components/admin/MarkdownEditor.svelte.d.ts

@@ -0,0 +1,43 @@
+export default MarkdownEditor;
+type MarkdownEditor = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+} & {
+    getAvailableAnchors: () => string[];
+    insertAnchor: (name: any) => void;
+    clearDraft: () => void;
+    getDraftStatus: () => {
+        hasDraft: boolean;
+        storedDraft: null;
+    };
+};
+declare const MarkdownEditor: import("svelte").Component<{
+    content?: string;
+    onSave?: Function;
+    saving?: boolean;
+    readonly?: boolean;
+    draftKey?: any;
+    onDraftRestored?: Function;
+    previewTitle?: string;
+    previewDate?: string;
+    previewTags?: any[];
+}, {
+    getAvailableAnchors: () => string[];
+    insertAnchor: (name: any) => void;
+    clearDraft: () => void;
+    getDraftStatus: () => {
+        hasDraft: boolean;
+        storedDraft: null;
+    };
+}, "content">;
+type $$ComponentProps = {
+    content?: string;
+    onSave?: Function;
+    saving?: boolean;
+    readonly?: boolean;
+    draftKey?: any;
+    onDraftRestored?: Function;
+    previewTitle?: string;
+    previewDate?: string;
+    previewTags?: any[];
+};

package/dist/components/custom/CollapsibleSection.svelte

@@ -0,0 +1,74 @@
+<script>
+	import { slide } from 'svelte/transition';
+
+	let { title = '', expanded = $bindable(false), children } = $props();
+
+	function toggle() {
+		expanded = !expanded;
+	}
+</script>
+
+<div class="collapsible-section">
+	<button
+		class="collapsible-toggle"
+		onclick={toggle}
+		aria-expanded={expanded}
+	>
+		<span class="collapsible-title">{title}</span>
+		<span class="toggle-icon">{expanded ? '▼' : '▶'}</span>
+	</button>
+
+	{#if expanded}
+		<div class="collapsible-content" transition:slide={{ duration: 200 }}>
+			{@render children()}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.collapsible-section {
+		margin-bottom: 1.5rem;
+		border: 1px solid var(--light-border-primary);
+		border-radius: 8px;
+		overflow: hidden;
+	}
+	:global(.dark) .collapsible-section {
+		border-color: var(--light-border-primary);
+	}
+	.collapsible-toggle {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0.75rem 1rem;
+		background: var(--light-bg-tertiary);
+		border: none;
+		cursor: pointer;
+		font-size: 0.9rem;
+		font-weight: 500;
+		color: var(--light-border-secondary);
+		transition: background-color 0.2s;
+	}
+	.collapsible-toggle:hover {
+		background: var(--light-border-secondary);
+	}
+	:global(.dark) .collapsible-toggle:hover {
+		background: var(--light-border-secondary);
+	}
+	.collapsible-title {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+	.toggle-icon {
+		font-size: 0.75rem;
+		transition: transform 0.2s;
+	}
+	.collapsible-content {
+		padding: 1rem;
+		background: #fafafa;
+	}
+	:global(.dark) .collapsible-content {
+		background: #1f1f1f;
+	}
+</style>

package/dist/components/custom/CollapsibleSection.svelte.d.ts

@@ -0,0 +1,15 @@
+export default CollapsibleSection;
+type CollapsibleSection = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const CollapsibleSection: import("svelte").Component<{
+    title?: string;
+    expanded?: boolean;
+    children: any;
+}, {}, "expanded">;
+type $$ComponentProps = {
+    title?: string;
+    expanded?: boolean;
+    children: any;
+};