@alliance-droid/status-feedback-system 0.1.1 → 0.2.1

package/dist/api.d.ts

@@ -11,7 +11,7 @@
  *
  *   const { systems, incidents } = await client.getStatus();
  */
-import type { System, Incident, StatusHistoryEntry, Feedback } from './types.js';
+import type { System, Incident, StatusHistoryEntry, Feedback, FeedbackResponse } from './types.js';
 export interface StatusClientConfig {
     /** Base URL of the status-feedback-admin app */
     apiUrl: string;
@@ -30,6 +30,26 @@ export interface IncidentData {
 export interface UptimeData {
     history: Record<string, StatusHistoryEntry[]>;
 }
+export interface BoardCategory {
+    name: string;
+    count: number;
+}
+export interface BoardItem {
+    id: string;
+    title: string | null;
+    category: string | null;
+    message: string;
+    status: string;
+    votes: number;
+    adminResponse: string | null;
+    responseCount: number;
+    createdAt: number;
+}
+export interface BoardData {
+    items: BoardItem[];
+    total: number;
+    categories: BoardCategory[];
+}
 export interface StatusClient {
     /** Get current system statuses */
     getStatus(): Promise<StatusData>;
@@ -45,11 +65,28 @@ export interface StatusClient {
     /** Submit user feedback */
     submitFeedback(data: {
         message: string;
+        title?: string;
         category?: string;
         email?: string;
         pageUrl?: string;
         metadata?: Record<string, unknown>;
     }): Promise<Feedback>;
+    /** Get public feedback board */
+    getBoard(options?: {
+        category?: string;
+        status?: 'open' | 'resolved' | 'all';
+        sort?: 'votes' | 'newest';
+        limit?: number;
+        offset?: number;
+    }): Promise<BoardData>;
+    /** Vote on a feedback item */
+    vote(feedbackId: string, direction?: 'up' | 'down'): Promise<{
+        votes: number;
+    }>;
+    /** Get responses for a feedback item */
+    getResponses(feedbackId: string): Promise<{
+        responses: FeedbackResponse[];
+    }>;
 }
 /**
  * Create a status API client instance

package/dist/api.js

@@ -72,5 +72,29 @@ export function createStatusClient(config) {
                 body: JSON.stringify(data),
             });
         },
+        async getBoard(options) {
+            const params = new URLSearchParams();
+            if (options?.category)
+                params.set('category', options.category);
+            if (options?.status)
+                params.set('status', options.status);
+            if (options?.sort)
+                params.set('sort', options.sort);
+            if (options?.limit)
+                params.set('limit', String(options.limit));
+            if (options?.offset)
+                params.set('offset', String(options.offset));
+            const qs = params.toString();
+            return request(`/api/board${qs ? `?${qs}` : ''}`);
+        },
+        async vote(feedbackId, direction = 'up') {
+            return request('/api/board/vote', {
+                method: 'POST',
+                body: JSON.stringify({ feedbackId, direction }),
+            });
+        },
+        async getResponses(feedbackId) {
+            return request(`/api/board/${feedbackId}/responses`);
+        },
     };
 }

package/dist/components/FeedbackBoard.svelte

@@ -0,0 +1,417 @@
+<script lang="ts">
+	import { createStatusClient, type BoardItem, type BoardCategory } from '../api.js';
+	import {
+		Card,
+		Button,
+		Badge,
+		Select,
+		Input,
+		Textarea,
+		Spinner,
+		Divider,
+		IconButton,
+	} from '@alliance-droid/svelte-component-library';
+
+	interface Props {
+		apiUrl: string;
+		apiKey: string;
+		/** Category labels and icons — order determines sidebar order */
+		categoryConfig?: Record<string, { label?: string; icon?: string; description?: string }>;
+		/** Title shown at the top */
+		title?: string;
+		/** Show the submit form inline */
+		showSubmit?: boolean;
+		/** Available categories for the submit form */
+		submitCategories?: string[];
+	}
+
+	let {
+		apiUrl,
+		apiKey,
+		categoryConfig = {},
+		title = 'Feedback Board',
+		showSubmit = true,
+		submitCategories = [],
+	}: Props = $props();
+
+	let client = $derived(createStatusClient({ apiUrl, apiKey }));
+	let items = $state<BoardItem[]>([]);
+	let categories = $state<BoardCategory[]>([]);
+	let total = $state(0);
+	let loading = $state(true);
+	let error = $state('');
+
+	let activeCategory = $state<string | null>(null);
+	let statusFilter = $state<string>('open');
+	let sortBy = $state<string>('votes');
+
+	let expandedId = $state<string | null>(null);
+	let responses = $state<Record<string, { message: string; author: string | null; createdAt: number }[]>>({});
+	let loadingResponses = $state<Record<string, boolean>>({});
+
+	let showForm = $state(false);
+	let submitTitle = $state('');
+	let submitMessage = $state('');
+	let submitCategory = $state('');
+	let submitEmail = $state('');
+	let submitting = $state(false);
+	let submitSuccess = $state(false);
+
+	let votedItems = $state<Record<string, 'up' | 'down'>>({});
+
+	async function load() {
+		loading = true;
+		error = '';
+		try {
+			const data = await client.getBoard({
+				category: activeCategory || undefined,
+				status: statusFilter as 'open' | 'resolved' | 'all',
+				sort: sortBy as 'votes' | 'newest',
+			});
+			items = data.items;
+			total = data.total;
+			categories = data.categories;
+		} catch (e) {
+			error = e instanceof Error ? e.message : 'Failed to load';
+		} finally {
+			loading = false;
+		}
+	}
+
+	$effect(() => {
+		void activeCategory;
+		void statusFilter;
+		void sortBy;
+		load();
+	});
+
+	async function handleVote(itemId: string, direction: 'up' | 'down') {
+		const prev = votedItems[itemId];
+		try {
+			const result = await client.vote(itemId, direction);
+			const item = items.find((i) => i.id === itemId);
+			if (item) item.votes = result.votes;
+			if (prev === direction) {
+				delete votedItems[itemId];
+				votedItems = { ...votedItems };
+			} else {
+				votedItems = { ...votedItems, [itemId]: direction };
+			}
+		} catch {
+			// silently fail
+		}
+	}
+
+	async function toggleExpand(itemId: string) {
+		if (expandedId === itemId) {
+			expandedId = null;
+			return;
+		}
+		expandedId = itemId;
+		if (!responses[itemId]) {
+			loadingResponses = { ...loadingResponses, [itemId]: true };
+			try {
+				const data = await client.getResponses(itemId);
+				responses = { ...responses, [itemId]: data.responses };
+			} catch {
+				responses = { ...responses, [itemId]: [] };
+			} finally {
+				loadingResponses = { ...loadingResponses, [itemId]: false };
+			}
+		}
+	}
+
+	async function handleSubmit() {
+		if (!submitMessage.trim()) return;
+		submitting = true;
+		try {
+			await client.submitFeedback({
+				title: submitTitle.trim() || undefined,
+				message: submitMessage.trim(),
+				category: submitCategory || undefined,
+				email: submitEmail.trim() || undefined,
+				pageUrl: window.location.href,
+			});
+			submitSuccess = true;
+			submitTitle = '';
+			submitMessage = '';
+			submitCategory = '';
+			submitEmail = '';
+			setTimeout(() => {
+				submitSuccess = false;
+				showForm = false;
+			}, 2000);
+			await load();
+		} catch {
+			// ignore
+		} finally {
+			submitting = false;
+		}
+	}
+
+	function getCategoryIcon(name: string): string {
+		return categoryConfig[name]?.icon || 'fa-solid fa-circle';
+	}
+
+	function getCategoryLabel(name: string): string {
+		return categoryConfig[name]?.label || name;
+	}
+
+	function getCategoryDescription(name: string): string {
+		return categoryConfig[name]?.description || '';
+	}
+
+	function timeAgo(timestamp: number): string {
+		const seconds = Math.floor((Date.now() - timestamp) / 1000);
+		if (seconds < 60) return 'just now';
+		if (seconds < 3600) return `${Math.floor(seconds / 60)}m ago`;
+		if (seconds < 86400) return `${Math.floor(seconds / 3600)}h ago`;
+		const days = Math.floor(seconds / 86400);
+		if (days < 30) return `${days}d ago`;
+		return new Date(timestamp).toLocaleDateString();
+	}
+
+	function getStatusBadgeVariant(status: string): 'success' | 'neutral' | 'info' {
+		if (status === 'new' || status === 'reviewed') return 'success';
+		if (status === 'resolved') return 'neutral';
+		return 'info';
+	}
+
+	const statusOptions = [
+		{ value: 'open', label: 'Open' },
+		{ value: 'resolved', label: 'Resolved' },
+		{ value: 'all', label: 'All' },
+	];
+
+	const sortOptions = [
+		{ value: 'votes', label: 'Most Votes' },
+		{ value: 'newest', label: 'Newest' },
+	];
+
+	let submitCategoryOptions = $derived(
+		submitCategories.map((c) => ({ value: c, label: getCategoryLabel(c) }))
+	);
+</script>
+
+<div class="flex gap-6 min-h-[400px]">
+	<!-- Sidebar -->
+	<aside class="w-56 flex-shrink-0 flex flex-col gap-1">
+		<button
+			class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-left w-full transition-colors
+				{activeCategory === null ? 'bg-surface-secondary text-foreground font-semibold' : 'text-foreground-secondary hover:bg-surface-hover hover:text-foreground'}"
+			onclick={() => (activeCategory = null)}
+		>
+			<i class="fa-solid fa-layer-group"></i>
+			<span>All</span>
+			<span class="ml-auto bg-surface-hover px-2 py-0.5 rounded-full text-xs">{total}</span>
+		</button>
+
+		{#each categories as cat}
+			<button
+				class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-left w-full transition-colors
+					{activeCategory === cat.name ? 'bg-surface-secondary text-foreground font-semibold' : 'text-foreground-secondary hover:bg-surface-hover hover:text-foreground'}"
+				onclick={() => (activeCategory = activeCategory === cat.name ? null : cat.name)}
+			>
+				<i class={getCategoryIcon(cat.name)}></i>
+				<span>{getCategoryLabel(cat.name)}</span>
+				<span class="ml-auto bg-surface-hover px-2 py-0.5 rounded-full text-xs">{cat.count}</span>
+			</button>
+		{/each}
+
+		<Divider class="my-2" />
+
+		<div class="px-3 space-y-3">
+			<Select
+				label="Status"
+				options={statusOptions}
+				bind:value={statusFilter}
+			/>
+			<Select
+				label="Sort By"
+				options={sortOptions}
+				bind:value={sortBy}
+			/>
+		</div>
+	</aside>
+
+	<!-- Main -->
+	<main class="flex-1 min-w-0">
+		<div class="flex items-start justify-between mb-4">
+			<div>
+				<h2 class="text-xl font-bold flex items-center gap-2">
+					{#if activeCategory}
+						<i class={getCategoryIcon(activeCategory)}></i>
+						{getCategoryLabel(activeCategory)}
+					{:else}
+						{title}
+					{/if}
+				</h2>
+				{#if activeCategory && getCategoryDescription(activeCategory)}
+					<p class="text-sm text-foreground-secondary mt-1">{getCategoryDescription(activeCategory)}</p>
+				{/if}
+			</div>
+			{#if showSubmit}
+				<Button variant="primary" onclick={() => (showForm = !showForm)}>
+					<i class="fa-solid fa-plus mr-1.5"></i> Submit
+				</Button>
+			{/if}
+		</div>
+
+		<!-- Submit form -->
+		{#if showForm}
+			<Card variant="outlined" padding="md" class="mb-4">
+				{#if submitSuccess}
+					<div class="text-center py-2 text-green-400 font-semibold">
+						<i class="fa-solid fa-check-circle mr-1"></i> Submitted! It will appear once reviewed.
+					</div>
+				{:else}
+					<div class="space-y-3">
+						<Input
+							bind:value={submitTitle}
+							placeholder="Title (optional)"
+						/>
+						<Textarea
+							bind:value={submitMessage}
+							placeholder="Describe your feedback..."
+							rows={3}
+						/>
+						<div class="flex gap-2 items-center flex-wrap">
+							{#if submitCategoryOptions.length > 0}
+								<div class="min-w-[140px]">
+									<Select
+										options={[{ value: '', label: 'Category...' }, ...submitCategoryOptions]}
+										bind:value={submitCategory}
+									/>
+								</div>
+							{/if}
+							<div class="flex-1">
+								<Input
+									type="email"
+									bind:value={submitEmail}
+									placeholder="Email (optional)"
+								/>
+							</div>
+							<Button
+								variant="primary"
+								disabled={submitting || !submitMessage.trim()}
+								loading={submitting}
+								onclick={handleSubmit}
+							>
+								Submit
+							</Button>
+						</div>
+					</div>
+				{/if}
+			</Card>
+		{/if}
+
+		<!-- Items -->
+		{#if loading}
+			<div class="text-center py-12 text-foreground-tertiary">
+				<Spinner />
+				<p class="mt-2">Loading...</p>
+			</div>
+		{:else if error}
+			<div class="text-center py-12 text-foreground-tertiary">
+				<i class="fa-solid fa-exclamation-triangle text-2xl"></i>
+				<p class="mt-2">{error}</p>
+			</div>
+		{:else if items.length === 0}
+			<div class="text-center py-12 text-foreground-tertiary">
+				<i class="fa-solid fa-inbox text-3xl"></i>
+				<p class="mt-2">No feedback yet</p>
+				<p class="text-sm">Be the first to submit!</p>
+			</div>
+		{:else}
+			<div class="flex flex-col gap-2">
+				{#each items as item (item.id)}
+					<Card variant="outlined" padding="none" hover>
+						<div class="flex gap-3 p-4">
+							<!-- Vote column -->
+							<div class="flex flex-col items-center gap-0.5 min-w-[2.5rem]">
+								<IconButton
+									size="sm"
+									variant={votedItems[item.id] === 'up' ? 'primary' : 'neutral'}
+									onclick={() => handleVote(item.id, 'up')}
+									aria-label="Upvote"
+								>
+									<i class="fa-solid fa-chevron-up text-xs"></i>
+								</IconButton>
+								<span class="text-sm font-bold">{item.votes}</span>
+								<IconButton
+									size="sm"
+									variant={votedItems[item.id] === 'down' ? 'primary' : 'neutral'}
+									onclick={() => handleVote(item.id, 'down')}
+									aria-label="Downvote"
+								>
+									<i class="fa-solid fa-chevron-down text-xs"></i>
+								</IconButton>
+							</div>
+
+							<!-- Content -->
+							<div class="flex-1 min-w-0">
+								<div class="flex items-center gap-2 flex-wrap">
+									{#if item.category}
+										<i class="{getCategoryIcon(item.category)} text-sm text-foreground-secondary"></i>
+									{/if}
+									<h3 class="text-[0.9375rem] font-semibold flex-1">
+										{item.title || item.message.slice(0, 80)}
+									</h3>
+									<Badge variant={getStatusBadgeVariant(item.status)} size="sm">
+										{item.status === 'new' ? 'Open' : item.status.charAt(0).toUpperCase() + item.status.slice(1)}
+									</Badge>
+								</div>
+
+								{#if item.title}
+									<p class="text-sm text-foreground-secondary mt-1.5 leading-relaxed">{item.message}</p>
+								{/if}
+
+								<div class="flex items-center gap-3 mt-2 text-[0.8125rem] text-foreground-tertiary">
+									<span>{timeAgo(item.createdAt)}</span>
+									{#if item.responseCount > 0}
+										<button
+											class="flex items-center gap-1 hover:text-foreground transition-colors bg-transparent border-none cursor-pointer text-[0.8125rem] text-foreground-tertiary p-0"
+											onclick={() => toggleExpand(item.id)}
+										>
+											<i class="fa-solid fa-comment"></i>
+											{item.responseCount} {item.responseCount === 1 ? 'response' : 'responses'}
+										</button>
+									{/if}
+									{#if item.adminResponse}
+										<span class="text-xs text-primary">
+											<i class="fa-solid fa-shield"></i> Official response
+										</span>
+									{/if}
+								</div>
+
+								<!-- Expanded responses -->
+								{#if expandedId === item.id}
+									<div class="mt-3 pt-3 border-t border-border space-y-2">
+										{#if loadingResponses[item.id]}
+											<p class="text-sm text-foreground-tertiary"><Spinner /> Loading...</p>
+										{:else if responses[item.id]?.length}
+											{#each responses[item.id] as resp}
+												<div class="p-3 rounded-lg bg-surface">
+													<div class="flex items-center justify-between mb-1">
+														<span class="text-[0.8125rem] font-semibold text-primary">
+															<i class="fa-solid fa-shield mr-1"></i>
+															{resp.author || 'Team'}
+														</span>
+														<span class="text-xs text-foreground-tertiary">{timeAgo(resp.createdAt)}</span>
+													</div>
+													<p class="text-sm text-foreground-secondary leading-relaxed m-0">{resp.message}</p>
+												</div>
+											{/each}
+										{:else}
+											<p class="text-sm text-foreground-tertiary">No responses yet.</p>
+										{/if}
+									</div>
+								{/if}
+							</div>
+						</div>
+					</Card>
+				{/each}
+			</div>
+		{/if}
+	</main>
+</div>

package/dist/components/FeedbackBoard.svelte.d.ts

@@ -0,0 +1,19 @@
+interface Props {
+    apiUrl: string;
+    apiKey: string;
+    /** Category labels and icons — order determines sidebar order */
+    categoryConfig?: Record<string, {
+        label?: string;
+        icon?: string;
+        description?: string;
+    }>;
+    /** Title shown at the top */
+    title?: string;
+    /** Show the submit form inline */
+    showSubmit?: boolean;
+    /** Available categories for the submit form */
+    submitCategories?: string[];
+}
+declare const FeedbackBoard: import("svelte").Component<Props, {}, "">;
+type FeedbackBoard = ReturnType<typeof FeedbackBoard>;
+export default FeedbackBoard;

package/dist/index.d.ts

@@ -7,12 +7,13 @@
  * Usage:
  *   import { StatusPage, FeedbackButton, createStatusClient } from '@alliance-droid/status-feedback-system';
  */
-export type { Project, System, Incident, IncidentUpdate, Feedback, StatusHistoryEntry, SystemStatus, IncidentStatus, IncidentSeverity, FeedbackStatus, ApiResponse, } from './types.js';
+export type { Project, System, Incident, IncidentUpdate, Feedback, FeedbackResponse, FeedbackVisibility, StatusHistoryEntry, SystemStatus, IncidentStatus, IncidentSeverity, FeedbackStatus, ApiResponse, } from './types.js';
 export { createStatusClient } from './api.js';
-export type { StatusClient, StatusClientConfig, StatusData, IncidentData, UptimeData } from './api.js';
+export type { StatusClient, StatusClientConfig, StatusData, IncidentData, UptimeData, BoardData, BoardItem, BoardCategory } from './api.js';
 export { default as StatusPage } from './components/StatusPage.svelte';
 export { default as StatusBanner } from './components/StatusBanner.svelte';
 export { default as FeedbackForm } from './components/FeedbackForm.svelte';
+export { default as FeedbackBoard } from './components/FeedbackBoard.svelte';
 export { default as FeedbackButton } from './components/FeedbackButton.svelte';
 export { default as StatusIndicator } from './components/shared/StatusIndicator.svelte';
 export { default as UptimeBar } from './components/shared/UptimeBar.svelte';

package/dist/index.js

@@ -13,6 +13,7 @@ export { createStatusClient } from './api.js';
 export { default as StatusPage } from './components/StatusPage.svelte';
 export { default as StatusBanner } from './components/StatusBanner.svelte';
 export { default as FeedbackForm } from './components/FeedbackForm.svelte';
+export { default as FeedbackBoard } from './components/FeedbackBoard.svelte';
 export { default as FeedbackButton } from './components/FeedbackButton.svelte';
 // ── Shared Components ──
 export { default as StatusIndicator } from './components/shared/StatusIndicator.svelte';

package/dist/types.d.ts

@@ -42,9 +42,18 @@ export interface IncidentUpdate {
     message: string;
     createdAt: number;
 }
+export type FeedbackVisibility = 'public' | 'private';
+export interface FeedbackResponse {
+    id: string;
+    feedbackId: string;
+    message: string;
+    author: string | null;
+    createdAt: number;
+}
 export interface Feedback {
     id: string;
     projectId: string;
+    title: string | null;
     category: string | null;
     message: string;
     email: string | null;
@@ -52,6 +61,10 @@ export interface Feedback {
     pageUrl: string | null;
     metadata: Record<string, unknown> | null;
     status: FeedbackStatus;
+    visibility: FeedbackVisibility;
+    votes: number;
+    adminResponse: string | null;
+    responses?: FeedbackResponse[];
     createdAt: number;
 }
 export interface StatusHistoryEntry {

package/package.json

@@ -1,60 +1,62 @@
 {
-	"name": "@alliance-droid/status-feedback-system",
-	"version": "0.1.1",
-	"type": "module",
-	"description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		}
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*"
-	],
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build && npm run package",
-		"package": "svelte-kit sync && svelte-package -o dist",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:watch": "vitest",
-		"prepublishOnly": "npm run package"
-	},
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"dependencies": {
-		"@alliance-droid/svelte-component-library": "^0.1.27"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^7.0.0",
-		"@sveltejs/kit": "^2.50.0",
-		"@sveltejs/package": "^2.3.0",
-		"@sveltejs/vite-plugin-svelte": "^6.0.0",
-		"@tailwindcss/vite": "^4.1.0",
-		"publint": "^0.3.0",
-		"svelte": "^5.48.0",
-		"svelte-check": "^4.3.0",
-		"tailwindcss": "^4.1.0",
-		"typescript": "^5.9.0",
-		"vite": "^7.3.0",
-		"vitest": "^4.0.0"
-	},
-	"keywords": [
-		"svelte",
-		"sveltekit",
-		"status-page",
-		"feedback",
-		"uptime"
-	],
-	"author": "Alliance Technical Group",
-	"license": "UNLICENSED",
-	"publishConfig": {
-		"access": "restricted"
-	}
+  "name": "@alliance-droid/status-feedback-system",
+  "version": "0.2.1",
+  "type": "module",
+  "description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*"
+  ],
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "package": "svelte-kit sync && svelte-package -o dist",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run package"
+  },
+  "peerDependencies": {
+    "@alliance-droid/svelte-component-library": ">=0.1.0",
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@alliance-droid/svelte-component-library": "^0.1.88",
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/kit": "^2.50.0",
+    "@sveltejs/package": "^2.3.0",
+    "@sveltejs/vite-plugin-svelte": "^6.0.0",
+    "@tailwindcss/vite": "^4.1.0",
+    "publint": "^0.3.0",
+    "svelte": "^5.48.0",
+    "svelte-check": "^4.3.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.9.0",
+    "vite": "^7.3.0",
+    "vitest": "^4.0.0"
+  },
+  "keywords": [
+    "svelte",
+    "sveltekit",
+    "status-page",
+    "feedback",
+    "uptime"
+  ],
+  "author": "Alliance Technical Group",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "dependencies": {
+    "@alliance-droid/svelte-component-library": ">=0.1.0"
+  }
 }