includio-cms 0.0.2

package/dist/admin/components/fields/text-field.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" module>
+	type T = Record<string, unknown>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>">
+	import Input from '../../../components/ui/input/input.svelte';
+	import Textarea from '../../../components/ui/textarea/textarea.svelte';
+	import type { TextField } from '../../../types/fields.js';
+	import {
+		formFieldProxy,
+		type FormFieldProxy,
+		type FormPathLeaves,
+		type SuperForm
+	} from 'sveltekit-superforms';
+
+	type Props = {
+		field: TextField;
+		form: SuperForm<T>;
+		path: FormPathLeaves<T, string | undefined>;
+	};
+
+	let { field, form, path, ...props }: Props = $props();
+
+	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<string | undefined>;
+</script>
+
+{#if field.multiline}
+	<Textarea {...props} bind:value={$value} placeholder={field.placeholder} />
+{:else}
+	<Input {...props} bind:value={$value} type="text" placeholder={field.placeholder} />
+{/if}

package/dist/admin/components/fields/text-field.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { TextField } from '../../../types/fields.js';
+import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
+declare function $$render<T extends Record<string, unknown>>(): {
+    props: {
+        field: TextField;
+        form: SuperForm<T>;
+        path: FormPathLeaves<T, string | undefined>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const TextField: $$IsomorphicComponent;
+type TextField<T extends Record<string, unknown>> = InstanceType<typeof TextField<T>>;
+export default TextField;

package/dist/admin/components/layout/app-sidebar.svelte

@@ -0,0 +1,134 @@
+<script lang="ts">
+	import CameraIcon from '@tabler/icons-svelte/icons/camera';
+	import FileAiIcon from '@tabler/icons-svelte/icons/file-ai';
+	import FileDescriptionIcon from '@tabler/icons-svelte/icons/file-description';
+	import HelpIcon from '@tabler/icons-svelte/icons/help';
+	import SearchIcon from '@tabler/icons-svelte/icons/search';
+	import SettingsIcon from '@tabler/icons-svelte/icons/settings';
+	import CatIcon from '@tabler/icons-svelte/icons/cat';
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+	import type { ComponentProps } from 'svelte';
+	import NavMain from './nav-main.svelte';
+	import NavCollections from './nav-collections.svelte';
+	import NavSingletons from './nav-singletons.svelte';
+	import NavUser from './nav-user.svelte';
+	import NavSecondary from './nav-secondary.svelte';
+
+	import { getRemotes } from '../../context/remotes.js';
+
+	const remotes = getRemotes();
+
+	let user = await remotes.getCurrentUser();
+
+	const data = {
+		user: user,
+		navMain: [
+			{
+				title: 'Media',
+				url: '/admin/media',
+				icon: CameraIcon
+			}
+		],
+		navClouds: [
+			{
+				title: 'Capture',
+				icon: CameraIcon,
+				isActive: true,
+				url: '#',
+				items: [
+					{
+						title: 'Active Proposals',
+						url: '#'
+					},
+					{
+						title: 'Archived',
+						url: '#'
+					}
+				]
+			},
+			{
+				title: 'Proposal',
+				icon: FileDescriptionIcon,
+				url: '#',
+				items: [
+					{
+						title: 'Active Proposals',
+						url: '#'
+					},
+					{
+						title: 'Archived',
+						url: '#'
+					}
+				]
+			},
+			{
+				title: 'Prompts',
+				icon: FileAiIcon,
+				url: '#',
+				items: [
+					{
+						title: 'Active Proposals',
+						url: '#'
+					},
+					{
+						title: 'Archived',
+						url: '#'
+					}
+				]
+			}
+		],
+		navSecondary: [
+			{
+				title: 'Settings',
+				url: '#',
+				icon: SettingsIcon
+			},
+			{
+				title: 'Get Help',
+				url: '#',
+				icon: HelpIcon
+			},
+			{
+				title: 'Search',
+				url: '#',
+				icon: SearchIcon
+			}
+		],
+		singletons: (await remotes.getSingles()).map((config) => ({
+			title: config.label ?? config.slug,
+			url: `/admin/entries/${config.slug}`
+		})),
+		collections: (await remotes.getCollections()).map((config) => ({
+			name: config.labels?.plural ?? config.slug,
+			url: `/admin/collections/${config.slug}`
+		}))
+	};
+
+	let { ...restProps }: ComponentProps<typeof Sidebar.Root> = $props();
+</script>
+
+<Sidebar.Root collapsible="offcanvas" {...restProps}>
+	<Sidebar.Header>
+		<Sidebar.Menu>
+			<Sidebar.MenuItem>
+				<Sidebar.MenuButton class="data-[slot=sidebar-menu-button]:!p-1.5">
+					{#snippet child({ props })}
+						<a href="/admin" {...props}>
+							<CatIcon class="!size-5" />
+							<span class="text-base font-semibold">C00N CMS</span>
+						</a>
+					{/snippet}
+				</Sidebar.MenuButton>
+			</Sidebar.MenuItem>
+		</Sidebar.Menu>
+	</Sidebar.Header>
+	<Sidebar.Content>
+		<NavMain items={data.navMain} />
+		<NavCollections items={data.collections} />
+		<NavSingletons items={data.singletons} />
+		<NavSecondary items={data.navSecondary} class="mt-auto" />
+	</Sidebar.Content>
+	<Sidebar.Footer>
+		<NavUser user={data.user} />
+	</Sidebar.Footer>
+</Sidebar.Root>

package/dist/admin/components/layout/app-sidebar.svelte.d.ts

@@ -0,0 +1,9 @@
+declare const AppSidebar: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+    ref?: HTMLElement | null | undefined;
+} & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, {}, "">;
+type AppSidebar = ReturnType<typeof AppSidebar>;
+export default AppSidebar;

package/dist/admin/components/layout/nav-breadcrumbs.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { breadcrumbs } from '../../state/breadcrumbs.svelte.js';
+	import * as Breadcrumb from '../../../components/ui/breadcrumb/index.js';
+</script>
+
+<Breadcrumb.Root>
+	<Breadcrumb.List>
+		{#each breadcrumbs.state as crumb, i}
+			<Breadcrumb.Item>
+				{#if crumb.href && i < breadcrumbs.state.length - 1}
+					<Breadcrumb.Link class="text-base font-medium" href={crumb.href}
+						>{crumb.label}</Breadcrumb.Link
+					>
+				{:else}
+					<Breadcrumb.Page class="text-base font-medium">{crumb.label}</Breadcrumb.Page>
+				{/if}
+			</Breadcrumb.Item>
+			{#if i < breadcrumbs.state.length - 1}
+				<Breadcrumb.Separator />
+			{/if}
+		{/each}
+	</Breadcrumb.List>
+</Breadcrumb.Root>

package/dist/admin/components/layout/nav-breadcrumbs.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 NavBreadcrumbs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type NavBreadcrumbs = InstanceType<typeof NavBreadcrumbs>;
+export default NavBreadcrumbs;

package/dist/admin/components/layout/nav-collections.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+	import DotsIcon from '@tabler/icons-svelte/icons/dots';
+	import FolderIcon from '@tabler/icons-svelte/icons/folder';
+	import Share3Icon from '@tabler/icons-svelte/icons/share-3';
+	import TrashIcon from '@tabler/icons-svelte/icons/trash';
+	import * as DropdownMenu from '../../../components/ui/dropdown-menu/index.js';
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+	let { items }: { items: { name: string; url: string }[] } = $props();
+	const sidebar = Sidebar.useSidebar();
+</script>
+
+<Sidebar.Group class="group-data-[collapsible=icon]:hidden">
+	<Sidebar.GroupLabel>Collections</Sidebar.GroupLabel>
+	<Sidebar.Menu>
+		{#each items as item (item.name)}
+			<Sidebar.MenuItem>
+				<Sidebar.MenuButton>
+					{#snippet child({ props })}
+						<a {...props} href={item.url}>
+							<!-- <item.icon /> -->
+							<span>{item.name}</span>
+						</a>
+					{/snippet}
+				</Sidebar.MenuButton>
+				<DropdownMenu.Root>
+					<DropdownMenu.Trigger>
+						{#snippet child({ props })}
+							<Sidebar.MenuAction
+								{...props}
+								showOnHover
+								class="data-[state=open]:bg-accent rounded-sm"
+							>
+								<DotsIcon />
+								<span class="sr-only">More</span>
+							</Sidebar.MenuAction>
+						{/snippet}
+					</DropdownMenu.Trigger>
+					<DropdownMenu.Content
+						class="w-24 rounded-lg"
+						side={sidebar.isMobile ? 'bottom' : 'right'}
+						align={sidebar.isMobile ? 'end' : 'start'}
+					>
+						<DropdownMenu.Item>
+							<FolderIcon />
+							<span>Open</span>
+						</DropdownMenu.Item>
+						<DropdownMenu.Item>
+							<Share3Icon />
+							<span>Share</span>
+						</DropdownMenu.Item>
+						<DropdownMenu.Separator />
+						<DropdownMenu.Item variant="destructive">
+							<TrashIcon />
+							<span>Delete</span>
+						</DropdownMenu.Item>
+					</DropdownMenu.Content>
+				</DropdownMenu.Root>
+			</Sidebar.MenuItem>
+		{/each}
+		<!-- <Sidebar.MenuItem>
+			<Sidebar.MenuButton class="text-sidebar-foreground/70">
+				<DotsIcon class="text-sidebar-foreground/70" />
+				<span>More</span>
+			</Sidebar.MenuButton>
+		</Sidebar.MenuItem> -->
+	</Sidebar.Menu>
+</Sidebar.Group>

package/dist/admin/components/layout/nav-collections.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    items: {
+        name: string;
+        url: string;
+    }[];
+};
+declare const NavCollections: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavCollections = ReturnType<typeof NavCollections>;
+export default NavCollections;

package/dist/admin/components/layout/nav-main.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	import CirclePlusFilledIcon from '@tabler/icons-svelte/icons/circle-plus-filled';
+	import MailIcon from '@tabler/icons-svelte/icons/mail';
+	import { Button } from '../../../components/ui/button/index.js';
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+	import type { Icon } from '@tabler/icons-svelte';
+
+	let { items }: { items: { title: string; url: string; icon?: Icon }[] } = $props();
+</script>
+
+<Sidebar.Group>
+	<Sidebar.GroupContent class="flex flex-col gap-2">
+		<!-- <Sidebar.Menu>
+			<Sidebar.MenuItem class="flex items-center gap-2">
+				<Sidebar.MenuButton
+					class="bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground active:bg-primary/90 active:text-primary-foreground min-w-8 duration-200 ease-linear"
+					tooltipContent="Quick create"
+				>
+					<CirclePlusFilledIcon />
+					<span>Quick Create</span>
+				</Sidebar.MenuButton>
+				<Button
+					size="icon"
+					class="size-8 group-data-[collapsible=icon]:opacity-0"
+					variant="outline"
+				>
+					<MailIcon />
+					<span class="sr-only">Inbox</span>
+				</Button>
+			</Sidebar.MenuItem>
+		</Sidebar.Menu> -->
+		<Sidebar.Menu>
+			{#each items as item (item.title)}
+				<Sidebar.MenuItem>
+					<Sidebar.MenuButton tooltipContent={item.title}>
+						{#snippet child({ props })}
+							<a {...props} href={item.url}>
+								{#if item.icon}
+									<item.icon />
+								{/if}
+								<span>{item.title}</span>
+							</a>
+						{/snippet}
+					</Sidebar.MenuButton>
+				</Sidebar.MenuItem>
+			{/each}
+		</Sidebar.Menu>
+	</Sidebar.GroupContent>
+</Sidebar.Group>

package/dist/admin/components/layout/nav-main.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Icon } from '@tabler/icons-svelte';
+type $$ComponentProps = {
+    items: {
+        title: string;
+        url: string;
+        icon?: Icon;
+    }[];
+};
+declare const NavMain: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavMain = ReturnType<typeof NavMain>;
+export default NavMain;

package/dist/admin/components/layout/nav-secondary.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+	import type { ComponentProps } from 'svelte';
+	import type { Icon } from '@tabler/icons-svelte';
+	import type { WithoutChildren } from '../../../utils.js';
+
+	let {
+		items,
+		...restProps
+	}: { items: { title: string; url: string; icon: Icon }[] } & WithoutChildren<
+		ComponentProps<typeof Sidebar.Group>
+	> = $props();
+</script>
+
+<Sidebar.Group {...restProps}>
+	<Sidebar.GroupContent>
+		<Sidebar.Menu>
+			{#each items as item (item.title)}
+				<Sidebar.MenuItem>
+					<Sidebar.MenuButton>
+						{#snippet child({ props })}
+							<a href={item.url} {...props}>
+								<item.icon />
+								<span>{item.title}</span>
+							</a>
+						{/snippet}
+					</Sidebar.MenuButton>
+				</Sidebar.MenuItem>
+			{/each}
+		</Sidebar.Menu>
+	</Sidebar.GroupContent>
+</Sidebar.Group>

package/dist/admin/components/layout/nav-secondary.svelte.d.ts

@@ -0,0 +1,14 @@
+import * as Sidebar from '../../../components/ui/sidebar/index.js';
+import type { ComponentProps } from 'svelte';
+import type { Icon } from '@tabler/icons-svelte';
+import type { WithoutChildren } from '../../../utils.js';
+type $$ComponentProps = {
+    items: {
+        title: string;
+        url: string;
+        icon: Icon;
+    }[];
+} & WithoutChildren<ComponentProps<typeof Sidebar.Group>>;
+declare const NavSecondary: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavSecondary = ReturnType<typeof NavSecondary>;
+export default NavSecondary;

package/dist/admin/components/layout/nav-singletons.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+
+	let { items }: { items: { title: string; url: string }[] } = $props();
+</script>
+
+<Sidebar.Group>
+	<Sidebar.GroupLabel>Singles</Sidebar.GroupLabel>
+	<Sidebar.GroupContent class="flex flex-col gap-2">
+		<Sidebar.Menu>
+			{#each items as item (item.title)}
+				<Sidebar.MenuItem>
+					<Sidebar.MenuButton tooltipContent={item.title}>
+						{#snippet child({ props })}
+							<a {...props} href={item.url}>
+								<span>{item.title}</span>
+							</a>
+						{/snippet}
+					</Sidebar.MenuButton>
+				</Sidebar.MenuItem>
+			{/each}
+		</Sidebar.Menu>
+	</Sidebar.GroupContent>
+</Sidebar.Group>

package/dist/admin/components/layout/nav-singletons.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    items: {
+        title: string;
+        url: string;
+    }[];
+};
+declare const NavSingletons: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavSingletons = ReturnType<typeof NavSingletons>;
+export default NavSingletons;

package/dist/admin/components/layout/nav-user.svelte

@@ -0,0 +1,95 @@
+<script lang="ts">
+	import CreditCardIcon from '@tabler/icons-svelte/icons/credit-card';
+	import DotsVerticalIcon from '@tabler/icons-svelte/icons/dots-vertical';
+	import LogoutIcon from '@tabler/icons-svelte/icons/logout';
+	import NotificationIcon from '@tabler/icons-svelte/icons/notification';
+	import UserCircleIcon from '@tabler/icons-svelte/icons/user-circle';
+	import * as Avatar from '../../../components/ui/avatar/index.js';
+	import * as DropdownMenu from '../../../components/ui/dropdown-menu/index.js';
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+	import type { UserData } from '../../types.js';
+	import { toast } from 'svelte-sonner';
+	import { goto } from '$app/navigation';
+	import { getRemotes } from '../../context/remotes.js';
+
+	const remotes = getRemotes();
+
+	let { user }: { user: UserData } = $props();
+
+	const sidebar = Sidebar.useSidebar();
+
+	async function onLogout() {
+		await remotes.logout();
+		toast.success('Logged out successfully');
+		goto('/admin/login');
+	}
+</script>
+
+<Sidebar.Menu>
+	<Sidebar.MenuItem>
+		<DropdownMenu.Root>
+			<DropdownMenu.Trigger>
+				{#snippet child({ props })}
+					<Sidebar.MenuButton
+						{...props}
+						size="lg"
+						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+					>
+						<Avatar.Root class="size-8 rounded-lg grayscale">
+							<Avatar.Image src={user.profilePicture} alt={user.name} />
+							<Avatar.Fallback class="rounded-lg">{user.name[0].toUpperCase()}</Avatar.Fallback>
+						</Avatar.Root>
+						<div class="grid flex-1 text-left text-sm leading-tight">
+							<span class="truncate font-medium">{user.name}</span>
+							<span class="text-muted-foreground truncate text-xs">
+								{user.email}
+							</span>
+						</div>
+						<DotsVerticalIcon class="ml-auto size-4" />
+					</Sidebar.MenuButton>
+				{/snippet}
+			</DropdownMenu.Trigger>
+			<DropdownMenu.Content
+				class="w-(--bits-dropdown-menu-anchor-width) min-w-56 rounded-lg"
+				side={sidebar.isMobile ? 'bottom' : 'right'}
+				align="end"
+				sideOffset={4}
+			>
+				<DropdownMenu.Label class="p-0 font-normal">
+					<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
+						<Avatar.Root class="size-8 rounded-lg">
+							<Avatar.Image src={user.profilePicture} alt={user.name} />
+							<Avatar.Fallback class="rounded-lg">{user.name[0].toUpperCase()}</Avatar.Fallback>
+						</Avatar.Root>
+						<div class="grid flex-1 text-left text-sm leading-tight">
+							<span class="truncate font-medium">{user.name}</span>
+							<span class="text-muted-foreground truncate text-xs">
+								{user.email}
+							</span>
+						</div>
+					</div>
+				</DropdownMenu.Label>
+				<DropdownMenu.Separator />
+				<DropdownMenu.Group>
+					<DropdownMenu.Item>
+						<UserCircleIcon />
+						Account
+					</DropdownMenu.Item>
+					<DropdownMenu.Item>
+						<CreditCardIcon />
+						Billing
+					</DropdownMenu.Item>
+					<DropdownMenu.Item>
+						<NotificationIcon />
+						Notifications
+					</DropdownMenu.Item>
+				</DropdownMenu.Group>
+				<DropdownMenu.Separator />
+				<DropdownMenu.Item onclick={onLogout}>
+					<LogoutIcon />
+					Log out
+				</DropdownMenu.Item>
+			</DropdownMenu.Content>
+		</DropdownMenu.Root>
+	</Sidebar.MenuItem>
+</Sidebar.Menu>

package/dist/admin/components/layout/nav-user.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { UserData } from '../../types.js';
+type $$ComponentProps = {
+    user: UserData;
+};
+declare const NavUser: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavUser = ReturnType<typeof NavUser>;
+export default NavUser;

package/dist/admin/components/layout/site-header.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { Separator } from '../../../components/ui/separator/index.js';
+	import * as Sidebar from '../../../components/ui/sidebar/index.js';
+	import Button from '../../../components/ui/button/button.svelte';
+	import NavBreadcrumbs from './nav-breadcrumbs.svelte';
+</script>
+
+<header
+	class="flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)"
+>
+	<div class="flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6">
+		<Sidebar.Trigger class="-ml-1" />
+		<Separator orientation="vertical" class="mx-2 data-[orientation=vertical]:h-4" />
+
+		<NavBreadcrumbs />
+
+		<div class="ml-auto flex items-center gap-2">
+			<Button
+				href="/"
+				variant="ghost"
+				size="sm"
+				class="dark:text-foreground hidden sm:flex"
+				target="_blank"
+				rel="noopener noreferrer"
+			>
+				View Site
+			</Button>
+		</div>
+	</div>
+</header>

package/dist/admin/components/layout/site-header.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 SiteHeader: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SiteHeader = InstanceType<typeof SiteHeader>;
+export default SiteHeader;

package/dist/admin/components/media/alt-input.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import Button from '../../../components/ui/button/button.svelte';
+	import Input from '../../../components/ui/input/input.svelte';
+
+	import { getRemotes } from '../../context/remotes.js';
+
+	const remotes = getRemotes();
+
+	type Props = {
+		fileId: string;
+		alt: string | null;
+	};
+
+	let { alt, fileId }: Props = $props();
+
+	let newAlt = $state(alt ?? '');
+</script>
+
+<Input
+	bind:value={newAlt}
+	placeholder="Wprowadź tekst alternatywny"
+	class="w-full"
+	aria-label="Tekst alternatywny obrazu"
+/>
+
+<Button
+	onclick={() => {
+		remotes.setMediaFileAlt({ fileId, alt: newAlt });
+	}}
+	class="mt-2"
+	disabled={!newAlt.trim() || (alt !== null && newAlt === alt)}>Save alt</Button
+>

package/dist/admin/components/media/alt-input.svelte.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    fileId: string;
+    alt: string | null;
+};
+declare const AltInput: import("svelte").Component<Props, {}, "">;
+type AltInput = ReturnType<typeof AltInput>;
+export default AltInput;