includio-cms 0.1.4 → 0.5.1

package/dist/admin/components/dashboard/orphaned-entries-notice.svelte

@@ -0,0 +1,240 @@
+<script lang="ts">
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+
+	type OrphanedEntry = { id: string; slug: string; createdAt: string };
+
+	type Props = {
+		entries: OrphanedEntry[];
+		deleting: boolean;
+		ondelete: () => void;
+	};
+
+	let { entries, deleting, ondelete }: Props = $props();
+
+	const interfaceLanguage = useInterfaceLanguage();
+
+	const lang: Record<
+		InterfaceLanguage,
+		{
+			title: string;
+			description: (n: number) => string;
+			details: string;
+			deleteBtn: string;
+			deletingBtn: string;
+		}
+	> = {
+		pl: {
+			title: 'Wpisy do uporządkowania',
+			description: (n) =>
+				n === 1
+					? 'Masz 1 wpis, którego typ został usunięty z konfiguracji. Możesz go bezpiecznie usunąć.'
+					: `Masz ${n} wpisów, których typ został usunięty z konfiguracji. Możesz je bezpiecznie usunąć.`,
+			details: 'Pokaż szczegóły',
+			deleteBtn: 'Usuń niepotrzebne wpisy',
+			deletingBtn: 'Usuwanie…'
+		},
+		en: {
+			title: 'Entries to clean up',
+			description: (n) =>
+				n === 1
+					? 'You have 1 entry whose content type was removed. You can safely delete it.'
+					: `You have ${n} entries whose content type was removed. You can safely delete them.`,
+			details: 'Show details',
+			deleteBtn: 'Delete unused entries',
+			deletingBtn: 'Deleting…'
+		}
+	};
+</script>
+
+{#if entries.length > 0}
+	{@const t = lang[interfaceLanguage.current]}
+	<div class="orphaned-notice" role="status">
+		<div class="orphaned-notice-header">
+			<div class="orphaned-notice-icon" aria-hidden="true">
+				<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2"/><line x1="18" x2="12" y1="9" y2="15"/><line x1="12" x2="18" y1="9" y2="15"/></svg>
+			</div>
+			<div class="orphaned-notice-content">
+				<h3 class="orphaned-notice-title">{t.title}</h3>
+				<p class="orphaned-notice-desc">{t.description(entries.length)}</p>
+			</div>
+		</div>
+
+		<details class="orphaned-notice-details">
+			<summary class="orphaned-notice-summary">{t.details}</summary>
+			<ul class="orphaned-notice-slugs">
+				{#each entries as entry}
+					<li><code>{entry.slug}</code></li>
+				{/each}
+			</ul>
+		</details>
+
+		<div class="orphaned-notice-actions">
+			<button
+				type="button"
+				class="orphaned-notice-btn"
+				onclick={ondelete}
+				disabled={deleting}
+			>
+				{#if deleting}
+					<svg class="orphaned-notice-spinner" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>
+					{t.deletingBtn}
+				{:else}
+					<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>
+					{t.deleteBtn}
+				{/if}
+			</button>
+		</div>
+	</div>
+{/if}
+
+<style>
+	.orphaned-notice {
+		background: var(--warning-bg);
+		border: 1px solid color-mix(in oklch, var(--warning) 20%, transparent);
+		border-radius: var(--radius-lg);
+		box-shadow: var(--shadow-sm);
+		margin-bottom: 20px;
+		animation: dash-fade-up 0.3s ease both;
+		animation-delay: 0.06s;
+	}
+
+	.orphaned-notice-header {
+		display: flex;
+		gap: 12px;
+		padding: 18px 20px 0;
+	}
+
+	.orphaned-notice-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 32px;
+		height: 32px;
+		border-radius: var(--radius);
+		background: color-mix(in oklch, var(--warning) 14%, transparent);
+		color: var(--warning);
+		flex-shrink: 0;
+	}
+
+	.orphaned-notice-content {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.orphaned-notice-title {
+		font-size: 14px;
+		font-weight: 600;
+		color: var(--foreground);
+		margin: 0 0 4px;
+		line-height: 1.4;
+	}
+
+	.orphaned-notice-desc {
+		font-size: 13px;
+		font-weight: 400;
+		color: var(--muted-foreground);
+		line-height: 1.5;
+		margin: 0;
+	}
+
+	.orphaned-notice-details {
+		padding: 0 20px;
+		margin-top: 12px;
+	}
+
+	.orphaned-notice-summary {
+		font-size: 12px;
+		font-weight: 600;
+		color: var(--warning);
+		cursor: pointer;
+		user-select: none;
+		list-style: none;
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+	}
+
+	.orphaned-notice-summary::-webkit-details-marker {
+		display: none;
+	}
+
+	.orphaned-notice-summary::before {
+		content: '›';
+		display: inline-block;
+		font-size: 14px;
+		line-height: 1;
+		transition: transform 0.15s ease;
+	}
+
+	details[open] > .orphaned-notice-summary::before {
+		transform: rotate(90deg);
+	}
+
+	.orphaned-notice-summary:focus-visible {
+		outline: 2px solid var(--primary);
+		outline-offset: 2px;
+		border-radius: 2px;
+	}
+
+	.orphaned-notice-slugs {
+		list-style: none;
+		padding: 0;
+		margin: 8px 0 0;
+		display: flex;
+		flex-wrap: wrap;
+		gap: 6px;
+	}
+
+	.orphaned-notice-slugs code {
+		font-size: 11px;
+		font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
+		background: color-mix(in oklch, var(--warning) 10%, var(--card));
+		border: 1px solid color-mix(in oklch, var(--warning) 14%, transparent);
+		color: var(--foreground);
+		padding: 2px 8px;
+		border-radius: 4px;
+	}
+
+	.orphaned-notice-actions {
+		padding: 14px 20px 16px;
+	}
+
+	.orphaned-notice-btn {
+		display: inline-flex;
+		align-items: center;
+		gap: 6px;
+		padding: 7px 14px;
+		border: 1px solid color-mix(in oklch, var(--warning) 30%, transparent);
+		border-radius: var(--radius);
+		background: var(--card);
+		font-size: 13px;
+		font-weight: 600;
+		color: var(--warning);
+		cursor: pointer;
+		transition: 0.15s ease;
+	}
+
+	.orphaned-notice-btn:hover:not(:disabled) {
+		background: color-mix(in oklch, var(--warning) 8%, var(--card));
+		border-color: color-mix(in oklch, var(--warning) 40%, transparent);
+	}
+
+	.orphaned-notice-btn:focus-visible {
+		outline: 2px solid var(--primary);
+		outline-offset: 2px;
+	}
+
+	.orphaned-notice-btn:disabled {
+		opacity: 0.6;
+		cursor: not-allowed;
+	}
+
+	@keyframes notice-spin {
+		to { transform: rotate(360deg); }
+	}
+
+	.orphaned-notice-spinner {
+		animation: notice-spin 0.8s linear infinite;
+	}
+</style>

package/dist/admin/components/dashboard/orphaned-entries-notice.svelte.d.ts

@@ -0,0 +1,13 @@
+type OrphanedEntry = {
+    id: string;
+    slug: string;
+    createdAt: string;
+};
+type Props = {
+    entries: OrphanedEntry[];
+    deleting: boolean;
+    ondelete: () => void;
+};
+declare const OrphanedEntriesNotice: import("svelte").Component<Props, {}, "">;
+type OrphanedEntriesNotice = ReturnType<typeof OrphanedEntriesNotice>;
+export default OrphanedEntriesNotice;

package/dist/admin/components/dashboard/recent-activity.svelte

@@ -1,34 +1,25 @@
 <script lang="ts">
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { formatRelativeDate as formatRelativeDateUtil } from '../../utils/formatDate.js';
-	import * as Card from '../../../components/ui/card/index.js';
 	import Skeleton from '../../../components/ui/skeleton/skeleton.svelte';
 	import { getRemotes } from '../../../sveltekit/index.js';
 	import type { InterfaceLanguage } from '../../../types/languages.js';
-	import HistoryIcon from '@tabler/icons-svelte/icons/history';
-	import EditIcon from '@tabler/icons-svelte/icons/edit';
 
 	const interfaceLanguage = useInterfaceLanguage();
 	const remotes = getRemotes();
 
-	const lang: Record<
-		InterfaceLanguage,
-		{
-			title: string;
-			description: string;
-			noActivity: string;
-			edited: string;
-		}
-	> = {
+	const lang: Record<InterfaceLanguage, {
+		title: string;
+		noActivity: string;
+		edited: string;
+	}> = {
 		pl: {
-			title: 'Ostatnia aktywność',
-			description: 'Najnowsze zmiany',
+			title: 'Aktywność',
 			noActivity: 'Brak aktywności',
 			edited: 'Edytowano'
 		},
 		en: {
-			title: 'Recent Activity',
-			description: 'Latest changes',
+			title: 'Activity',
 			noActivity: 'No activity',
 			edited: 'Edited'
 		}
@@ -39,64 +30,51 @@
 	}
 </script>
 
-<Card.Root class="rounded-2xl border-slate-200/50 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900">
-	<Card.Header class="pb-2">
-		<div class="flex items-center gap-2">
-			<div class="rounded-lg bg-violet-500/10 p-2">
-				<HistoryIcon class="size-5 text-violet-600 dark:text-violet-400" />
-			</div>
-			<div>
-				<Card.Title>{lang[interfaceLanguage.current].title}</Card.Title>
-				<Card.Description>{lang[interfaceLanguage.current].description}</Card.Description>
-			</div>
-		</div>
-	</Card.Header>
-	<Card.Content>
-		{#await remotes.getRecentActivity(10)}
-			<div class="space-y-3">
-				{#each Array(5) as _}
-					<div class="flex items-center gap-3">
-						<Skeleton class="size-8 rounded-full" />
-						<div class="flex-1 space-y-1">
-							<Skeleton class="h-4 w-40" />
-							<Skeleton class="h-3 w-24" />
-						</div>
-					</div>
-				{/each}
-			</div>
-		{:then activity}
-			{#if activity.length === 0}
-				<p class="text-muted-foreground py-4 text-center text-sm">
-					{lang[interfaceLanguage.current].noActivity}
-				</p>
-			{:else}
-				<div class="relative">
-					<div class="absolute bottom-0 left-4 top-0 w-px bg-slate-200 dark:bg-slate-700"></div>
+<section class="dash-card dash-card--activity" aria-labelledby="activity-heading">
+	<div class="dash-card-header">
+		<h2 class="dash-card-title" id="activity-heading">{lang[interfaceLanguage.current].title}</h2>
+	</div>
 
-					<div class="space-y-4">
-						{#each activity as item}
-							<a
-								href="/admin/entries/{item.entryId}"
-								class="group relative flex items-start gap-3 rounded-lg py-1 pl-1 transition-colors hover:bg-slate-50 dark:hover:bg-slate-800/50"
-							>
-								<div class="relative z-10 rounded-full border-2 border-white bg-slate-100 p-1.5 dark:border-slate-900 dark:bg-slate-800">
-									<EditIcon class="size-3 text-slate-600 dark:text-slate-400" />
-								</div>
-								<div class="flex-1 min-w-0">
-									<p class="truncate text-sm font-medium group-hover:text-primary">
-										{item.label || item.slug}
-									</p>
-									<p class="text-muted-foreground text-xs">
-										{lang[interfaceLanguage.current].edited} · {formatRelativeDate(
-											new Date(item.updatedAt)
-										)}
-									</p>
-								</div>
-							</a>
-						{/each}
+	{#await remotes.getRecentActivity(10)}
+		<ul class="activity-list">
+			{#each Array(4) as _}
+				<li class="activity-item">
+					<div class="activity-dot-col">
+						<Skeleton class="rounded-full" style="width:10px;height:10px" />
 					</div>
-				</div>
-			{/if}
-		{/await}
-	</Card.Content>
-</Card.Root>
+					<div class="activity-body">
+						<Skeleton class="h-4 w-40" />
+						<Skeleton class="h-3 w-24 mt-1" />
+					</div>
+				</li>
+			{/each}
+		</ul>
+	{:then activity}
+		{#if activity.length === 0}
+			<p class="text-center text-sm py-6" style="color:var(--text-light)">
+				{lang[interfaceLanguage.current].noActivity}
+			</p>
+		{:else}
+			<ul class="activity-list" aria-label={lang[interfaceLanguage.current].title}>
+				{#each activity as item, i}
+					<li class="activity-item">
+						<div class="activity-dot-col">
+							<div class="activity-dot activity-dot--edit" aria-hidden="true"></div>
+							{#if i < activity.length - 1}
+								<div class="activity-line" aria-hidden="true"></div>
+							{/if}
+						</div>
+						<a href="/admin/entries/{item.entryId}" class="activity-body" style="text-decoration:none">
+							<p class="activity-text">
+								{lang[interfaceLanguage.current].edited} „{item.label || item.slug}"
+							</p>
+							<p class="activity-meta">
+								{formatRelativeDate(new Date(item.updatedAt))}
+							</p>
+						</a>
+					</li>
+				{/each}
+			</ul>
+		{/if}
+	{/await}
+</section>

package/dist/admin/components/dashboard/recent-entries.svelte

@@ -0,0 +1,94 @@
+<script lang="ts">
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { formatRelativeDate as formatRelativeDateUtil } from '../../utils/formatDate.js';
+	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
+	import Skeleton from '../../../components/ui/skeleton/skeleton.svelte';
+	import { getRemotes } from '../../../sveltekit/index.js';
+	import type { InterfaceLanguage, Localized } from '../../../types/languages.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const remotes = getRemotes();
+
+	const lang: Record<InterfaceLanguage, {
+		title: string;
+		viewAll: string;
+		noEntries: string;
+		published: string;
+		draft: string;
+		scheduled: string;
+	}> = {
+		pl: {
+			title: 'Ostatnie wpisy',
+			viewAll: 'Wszystkie →',
+			noEntries: 'Brak wpisów',
+			published: 'Opubl.',
+			draft: 'Szkic',
+			scheduled: 'Zaplan.'
+		},
+		en: {
+			title: 'Recent entries',
+			viewAll: 'View all →',
+			noEntries: 'No entries',
+			published: 'Published',
+			draft: 'Draft',
+			scheduled: 'Scheduled'
+		}
+	};
+
+	function formatRelativeDate(date: Date): string {
+		return formatRelativeDateUtil(date, interfaceLanguage.current);
+	}
+
+	const statusIcon: Record<string, string> = {
+		published: '●',
+		draft: '○',
+		scheduled: '◐'
+	};
+</script>
+
+<section class="dash-card dash-card--entries" aria-labelledby="entries-heading">
+	<div class="dash-card-header">
+		<h2 class="dash-card-title" id="entries-heading">{lang[interfaceLanguage.current].title}</h2>
+		<a href="/admin/entries" class="dash-card-link">{lang[interfaceLanguage.current].viewAll}</a>
+	</div>
+
+	{#await remotes.getRecentEntries(6)}
+		<ul class="entries-list">
+			{#each Array(4) as _}
+				<li class="entry-item">
+					<div class="entry-item-link" style="pointer-events:none">
+						<div class="entry-item-main">
+							<Skeleton class="h-4 w-36" />
+							<Skeleton class="h-3 w-20 mt-1" />
+						</div>
+					</div>
+				</li>
+			{/each}
+		</ul>
+	{:then entries}
+		{#if entries.length === 0}
+			<p class="text-center text-sm py-6" style="color:var(--text-light)">
+				{lang[interfaceLanguage.current].noEntries}
+			</p>
+		{:else}
+			<ul class="entries-list" aria-label={lang[interfaceLanguage.current].title}>
+				{#each entries as entry}
+					<li class="entry-item">
+						<a href="/admin/entries/{entry.entryId}" class="entry-item-link">
+							<div class="entry-item-main">
+								<span class="entry-item-title">{entry.label || entry.slug}</span>
+								<span class="entry-item-meta">
+									{getLocalizedLabel(entry.collectionLabel as Localized, interfaceLanguage.current)} · {formatRelativeDate(new Date(entry.updatedAt))}
+								</span>
+							</div>
+							<span class="dash-status-badge dash-status-{entry.status}">
+								<span aria-hidden="true">{statusIcon[entry.status] ?? ''}</span>
+								{lang[interfaceLanguage.current][entry.status as keyof typeof lang['pl']] ?? entry.status}
+							</span>
+						</a>
+					</li>
+				{/each}
+			</ul>
+		{/if}
+	{/await}
+</section>

package/dist/admin/components/dashboard/recent-entries.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const RecentEntries: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RecentEntries = InstanceType<typeof RecentEntries>;
+export default RecentEntries;

package/dist/admin/components/dashboard/stat-card.svelte

@@ -12,7 +12,7 @@
 	let { label, value, trend, icon, variant = 'default' }: Props = $props();
 
 	const variantClasses = {
-		default: 'text-slate-900 dark:text-slate-100',
+		default: 'text-foreground',
 		success: 'text-emerald-600 dark:text-emerald-400',
 		warning: 'text-amber-600 dark:text-amber-400',
 		danger: 'text-rose-600 dark:text-rose-400'
@@ -21,7 +21,7 @@
 
 <div class="flex items-center gap-3">
 	{#if icon}
-		<div class="rounded-lg bg-slate-100 p-2 dark:bg-slate-800">
+		<div class="rounded-lg bg-muted p-2">
 			{@render icon()}
 		</div>
 	{/if}

package/dist/admin/components/dashboard/tip-of-the-day.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+
+	interface Tip {
+		text: Record<InterfaceLanguage, string>;
+		link?: string;
+	}
+
+	const tips: Tip[] = [
+		{
+			text: {
+				pl: 'Dodaj opis do każdego zdjęcia — osoby niewidome używają czytników ekranu, które odczytują ten tekst zamiast obrazu.',
+				en: 'Add a description to every image — blind users rely on screen readers that read this text instead of the image.'
+			},
+			link: 'https://www.w3.org/WAI/tutorials/images/'
+		},
+		{
+			text: {
+				pl: 'Używaj nagłówków w kolejności (H1 → H2 → H3). Pomijanie poziomów dezorientuje użytkowników czytników ekranu.',
+				en: 'Use headings in order (H1 → H2 → H3). Skipping levels confuses screen reader users.'
+			},
+			link: 'https://www.w3.org/WAI/tutorials/page-structure/headings/'
+		},
+		{
+			text: {
+				pl: 'Linki powinny opisywać cel — „Czytaj artykuł" jest lepsze niż „Kliknij tutaj".',
+				en: 'Links should describe their destination — "Read the article" is better than "Click here".'
+			},
+			link: 'https://www.w3.org/WAI/tips/writing/#provide-informative-unique-page-titles'
+		},
+		{
+			text: {
+				pl: 'Kontrast tekstu powinien wynosić min. 4.5:1 (WCAG AA). Używaj jasnego tła z ciemnym tekstem lub odwrotnie.',
+				en: 'Text contrast should be at least 4.5:1 (WCAG AA). Use light backgrounds with dark text or vice versa.'
+			}
+		},
+		{
+			text: {
+				pl: 'Tabele danych potrzebują nagłówków (<th>) — bez nich czytnik ekranu nie powie, co oznacza dana komórka.',
+				en: 'Data tables need headers (<th>) — without them, screen readers can\'t tell what each cell means.'
+			}
+		},
+		{
+			text: {
+				pl: 'Formularze powinny mieć etykiety (<label>) powiązane z polami. Placeholder nie zastępuje etykiety.',
+				en: 'Form fields should have associated labels. Placeholder text is not a replacement for labels.'
+			}
+		},
+		{
+			text: {
+				pl: 'Treść powinna być zrozumiała dla jak najszerszego grona odbiorców. Unikaj żargonu i skomplikowanych zdań.',
+				en: 'Content should be understandable by the widest audience possible. Avoid jargon and complex sentences.'
+			}
+		},
+		{
+			text: {
+				pl: 'Nie przekazuj informacji wyłącznie kolorem — osoby z daltonizmem mogą ich nie rozróżnić. Dodaj ikonę lub tekst.',
+				en: 'Don\'t convey information through color alone — people with color blindness may not distinguish them. Add an icon or text.'
+			}
+		},
+		{
+			text: {
+				pl: 'Wideo powinno mieć napisy — pomagają osobom niesłyszącym i tym, którzy oglądają bez dźwięku.',
+				en: 'Videos should have captions — they help deaf users and those watching without sound.'
+			}
+		},
+		{
+			text: {
+				pl: 'Język strony powinien być ustawiony w atrybucie lang. Pomaga to czytnikom ekranu poprawnie wymawiać treść.',
+				en: 'The page language should be set in the lang attribute. This helps screen readers pronounce content correctly.'
+			}
+		}
+	];
+
+	function getDayOfYear(): number {
+		const now = new Date();
+		const start = new Date(now.getFullYear(), 0, 0);
+		const diff = now.getTime() - start.getTime();
+		return Math.floor(diff / (1000 * 60 * 60 * 24));
+	}
+
+	const tip = $derived(tips[getDayOfYear() % tips.length]);
+
+	const labelText: Record<InterfaceLanguage, string> = {
+		pl: 'Wskazówka dnia',
+		en: 'Tip of the day'
+	};
+
+	const learnMore: Record<InterfaceLanguage, string> = {
+		pl: 'Dowiedz się więcej →',
+		en: 'Learn more →'
+	};
+</script>
+
+<div class="dash-card dash-card--tip tip-card">
+	<div class="tip-card-label">
+		<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M9 18h6"/><path d="M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"/></svg>
+		{labelText[interfaceLanguage.current]}
+	</div>
+	<p class="tip-card-text">{tip.text[interfaceLanguage.current]}</p>
+	{#if tip.link}
+		<a href={tip.link} class="tip-card-link" target="_blank" rel="noopener noreferrer">
+			{learnMore[interfaceLanguage.current]}
+		</a>
+	{/if}
+</div>

package/dist/admin/components/dashboard/tip-of-the-day.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const TipOfTheDay: import("svelte").Component<Record<string, never>, {}, "">;
+type TipOfTheDay = ReturnType<typeof TipOfTheDay>;
+export default TipOfTheDay;