includio-cms 0.25.0 → 0.26.0

package/dist/components/ui/alert-dialog/alert-dialog.stories.svelte

@@ -0,0 +1,45 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import * as AlertDialog from './index.js';
+	import { Root as AlertDialogRoot } from './index.js';
+	import { Button } from '../button/index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Overlays/AlertDialog',
+		component: AlertDialogRoot,
+		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Modal blokujący do potwierdzenia akcji nieodwracalnej (usunięcie, archiwizacja). Tytuł musi opisywać konsekwencję, nie samo „Czy na pewno?".',
+				},
+			},
+		},
+		argTypes: {
+			open: {
+				control: 'boolean',
+				description: 'Sterowanie otwarciem (opcjonalne — Trigger sterouje sam).',
+			},
+		},
+	});
+</script>
+
+<Story name="Destructive confirmation">
+	<AlertDialog.Root>
+		<AlertDialog.Trigger>
+			{#snippet child({ props })}
+				<Button variant="destructive" {...props}>Usuń wpis</Button>
+			{/snippet}
+		</AlertDialog.Trigger>
+		<AlertDialog.Content>
+			<AlertDialog.Title>Usunąć wpis na stałe?</AlertDialog.Title>
+			<AlertDialog.Description>
+				Tej akcji nie można cofnąć. Wpis i jego wszystkie wersje znikną z bazy.
+			</AlertDialog.Description>
+			<AlertDialog.Footer>
+				<AlertDialog.Cancel>Anuluj</AlertDialog.Cancel>
+				<AlertDialog.Action>Usuń</AlertDialog.Action>
+			</AlertDialog.Footer>
+		</AlertDialog.Content>
+	</AlertDialog.Root>
+</Story>

package/dist/components/ui/alert-dialog/alert-dialog.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default AlertDialog;
+type AlertDialog = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const AlertDialog: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import * as AlertDialog from './index.js';
+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;
+}

package/dist/components/ui/avatar/avatar.stories.svelte

@@ -6,6 +6,13 @@
 		title: 'UI/Data/Avatar',
 		component: Avatar,
 		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Wizytówka użytkownika lub encji. Zawsze podawaj `alt` na `AvatarImage` lub fallback z inicjałami.',
+				},
+			},
+		},
 	});
 </script>
 
@@ -14,3 +21,23 @@
 		<AvatarFallback style="background:transparent;color:white;font-weight:700;font-size:12px;">PK</AvatarFallback>
 	</Avatar>
 </Story>
+
+<Story name="Initials only">
+	<Avatar>
+		<AvatarFallback>JK</AvatarFallback>
+	</Avatar>
+</Story>
+
+<Story name="Group (admin / editor / viewer)">
+	<div style="display:flex;align-items:center;gap:-4px;">
+		<Avatar style="background:var(--primary);color:white;">
+			<AvatarFallback style="background:transparent;color:white;">A</AvatarFallback>
+		</Avatar>
+		<Avatar style="background:var(--accent);">
+			<AvatarFallback style="background:transparent;">E</AvatarFallback>
+		</Avatar>
+		<Avatar style="background:var(--muted);">
+			<AvatarFallback style="background:transparent;">V</AvatarFallback>
+		</Avatar>
+	</div>
+</Story>

package/dist/components/ui/badge/badge.stories.svelte

@@ -6,6 +6,21 @@
 		title: 'UI/Feedback/Badge',
 		component: Badge,
 		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component:
+						'Drobna etykieta statusu lub tagu. Używaj `secondary` w listach (najmniej krzyczy), `default`/`destructive` zostaw dla treści wymagających uwagi.',
+				},
+			},
+		},
+		argTypes: {
+			variant: {
+				description: 'Wariant wizualny.',
+				control: 'select',
+				options: ['default', 'secondary', 'destructive', 'outline'],
+			},
+		},
 	});
 </script>
 

package/dist/components/ui/breadcrumb/breadcrumb.stories.svelte

@@ -6,6 +6,13 @@
 		title: 'UI/Navigation/Breadcrumb',
 		component: Breadcrumb,
 		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Ścieżka nawigacyjna. Ostatni element to `BreadcrumbPage` (bieżący widok) bez linka. Cały kontener oznaczony `aria-label="Breadcrumb"`.',
+				},
+			},
+		},
 	});
 </script>
 
@@ -31,3 +38,43 @@
 		</BreadcrumbList>
 	</Breadcrumb>
 </Story>
+
+<Story name="Short (2 levels)">
+	<Breadcrumb>
+		<BreadcrumbList>
+			<BreadcrumbItem>
+				<BreadcrumbLink href="#">Strona główna</BreadcrumbLink>
+			</BreadcrumbItem>
+			<BreadcrumbSeparator />
+			<BreadcrumbItem>
+				<BreadcrumbPage>Bieżąca strona</BreadcrumbPage>
+			</BreadcrumbItem>
+		</BreadcrumbList>
+	</Breadcrumb>
+</Story>
+
+<Story name="Long (5 levels)">
+	<Breadcrumb>
+		<BreadcrumbList>
+			<BreadcrumbItem>
+				<BreadcrumbLink href="#">Admin</BreadcrumbLink>
+			</BreadcrumbItem>
+			<BreadcrumbSeparator />
+			<BreadcrumbItem>
+				<BreadcrumbLink href="#">Sklep</BreadcrumbLink>
+			</BreadcrumbItem>
+			<BreadcrumbSeparator />
+			<BreadcrumbItem>
+				<BreadcrumbLink href="#">Zamówienia</BreadcrumbLink>
+			</BreadcrumbItem>
+			<BreadcrumbSeparator />
+			<BreadcrumbItem>
+				<BreadcrumbLink href="#">2026</BreadcrumbLink>
+			</BreadcrumbItem>
+			<BreadcrumbSeparator />
+			<BreadcrumbItem>
+				<BreadcrumbPage>ZAM-2026-0001</BreadcrumbPage>
+			</BreadcrumbItem>
+		</BreadcrumbList>
+	</Breadcrumb>
+</Story>

package/dist/components/ui/breadcrumb/breadcrumb.svelte

@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="breadcrumb"
 	class={className}
-	aria-label="breadcrumb"
+	aria-label="Breadcrumb"
 	{...restProps}
 >
 	{@render children?.()}

package/dist/components/ui/button/button.stories.svelte

@@ -1,11 +1,46 @@
 <script module>
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import { Button } from './index.js';
+	import SettingsIcon from '@lucide/svelte/icons/settings';
+	import BoldIcon from '@lucide/svelte/icons/bold';
+	import ItalicIcon from '@lucide/svelte/icons/italic';
 
 	const { Story } = defineMeta({
 		title: 'UI/Actions/Button',
 		component: Button,
 		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component:
+						'Główny przycisk akcji. Wariantów używaj zgodnie ze znaczeniem: `default` dla głównej akcji, `outline`/`ghost` dla wtórnych, `destructive` dla operacji nieodwracalnych. Dla przycisków z samą ikoną zawsze podaj `aria-label`.',
+				},
+			},
+		},
+		argTypes: {
+			variant: {
+				description: 'Wariant wizualny dopasowany do znaczenia akcji.',
+				control: 'select',
+				options: ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'],
+			},
+			size: {
+				description: 'Rozmiar — `icon*` przeznaczone dla przycisków bez tekstu.',
+				control: 'select',
+				options: ['default', 'sm', 'lg', 'icon', 'icon-sm', 'icon-lg'],
+			},
+			loading: {
+				description: 'Stan ładowania — spinner + `aria-busy` + blokada interakcji.',
+				control: 'boolean',
+			},
+			disabled: {
+				description: 'Wyłącza przycisk i blokuje fokus.',
+				control: 'boolean',
+			},
+			href: {
+				description: 'Gdy ustawione, renderuje `<a>` zamiast `<button>` (link wyglądający jak przycisk).',
+				control: 'text',
+			},
+		},
 	});
 </script>
 
@@ -25,19 +60,31 @@
 	<Button variant="destructive">Archiwizuj wpis</Button>
 </Story>
 
+<Story name="Loading">
+	<Button loading>Zapisywanie…</Button>
+</Story>
+
+<Story name="Loading Outline">
+	<Button variant="outline" loading>Synchronizacja</Button>
+</Story>
+
+<Story name="Disabled Link">
+	<Button href="/admin/entries" disabled>Zobacz wpisy</Button>
+</Story>
+
 <Story name="Icon">
-	<Button variant="ghost" size="icon">
-		<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.47 3.24l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-3.24-2.47l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 3.24-2.47l.06.06A1.65 1.65 0 0 0 9 4.68V3a2 2 0 0 1 4 0v.09c.04.63.36 1.2 1 1.51a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.47 3.24l-.06.06A1.65 1.65 0 0 0 19.4 9c.33.58.87.96 1.51 1H21a2 2 0 0 1 0 4h-.09c-.63.04-1.2.36-1.51 1z"/></svg>
+	<Button variant="ghost" size="icon" aria-label="Ustawienia">
+		<SettingsIcon />
 	</Button>
 </Story>
 
 <Story name="Toolbar">
 	<div style="display:flex;gap:2px;padding:8px;background:var(--muted);border-radius:8px;">
-		<Button variant="ghost" size="icon-sm">
-			<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>
+		<Button variant="ghost" size="icon-sm" aria-label="Pogrubienie">
+			<BoldIcon />
 		</Button>
-		<Button variant="ghost" size="icon-sm">
-			<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>
+		<Button variant="ghost" size="icon-sm" aria-label="Kursywa">
+			<ItalicIcon />
 		</Button>
 	</div>
 </Story>

package/dist/components/ui/button/button.svelte

@@ -31,17 +31,25 @@
 		},
 	});
 
+	/** @public Lock zestawu w v0.26.0 — zmiana = breaking. */
 	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+	/** @public Lock zestawu w v0.26.0 — zmiana = breaking. */
 	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
 
 	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
 		WithElementRef<HTMLAnchorAttributes> & {
 			variant?: ButtonVariant;
 			size?: ButtonSize;
+			/** Stan ładowania — pokazuje spinner, ustawia aria-busy + disabled. */
+			loading?: boolean;
 		};
+
+	const ICON_SIZES: ReadonlyArray<ButtonSize> = ["icon", "icon-sm", "icon-lg"];
 </script>
 
 <script lang="ts">
+	import Loader2 from "@lucide/svelte/icons/loader-2";
+
 	let {
 		class: className,
 		variant = "default",
@@ -50,9 +58,27 @@
 		href = undefined,
 		type = "button",
 		disabled,
+		loading = false,
 		children,
 		...restProps
 	}: ButtonProps = $props();
+
+	if (import.meta.env.DEV) {
+		$effect(() => {
+			if (!ICON_SIZES.includes(size)) return;
+			const hasLabel =
+				"aria-label" in restProps ||
+				"aria-labelledby" in restProps ||
+				"title" in restProps;
+			if (!hasLabel) {
+				console.warn(
+					"[ui/button] icon-only Button bez aria-label/aria-labelledby/title — niedostępny dla screen readerów.",
+				);
+			}
+		});
+	}
+
+	const isDisabled = $derived(disabled || loading);
 </script>
 
 {#if href}
@@ -60,12 +86,16 @@
 		bind:this={ref}
 		data-slot="button"
 		class={cn(buttonVariants({ variant, size }), className)}
-		href={disabled ? undefined : href}
-		aria-disabled={disabled}
-		role={disabled ? "link" : undefined}
-		tabindex={disabled ? -1 : undefined}
+		href={isDisabled ? undefined : href}
+		aria-disabled={isDisabled}
+		aria-busy={loading || undefined}
+		role={isDisabled ? "link" : undefined}
+		tabindex={isDisabled ? -1 : undefined}
 		{...restProps}
 	>
+		{#if loading}
+			<Loader2 class="animate-spin" aria-hidden="true" />
+		{/if}
 		{@render children?.()}
 	</a>
 {:else}
@@ -74,9 +104,13 @@
 		data-slot="button"
 		class={cn(buttonVariants({ variant, size }), className)}
 		{type}
-		{disabled}
+		disabled={isDisabled}
+		aria-busy={loading || undefined}
 		{...restProps}
 	>
+		{#if loading}
+			<Loader2 class="animate-spin" aria-hidden="true" />
+		{/if}
 		{@render children?.()}
 	</button>
 {/if}

package/dist/components/ui/button/button.svelte.d.ts

@@ -53,11 +53,15 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         "icon-lg": string;
     };
 }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+/** @public Lock zestawu w v0.26.0 — zmiana = breaking. */
 export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+/** @public Lock zestawu w v0.26.0 — zmiana = breaking. */
 export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
 export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    /** Stan ładowania — pokazuje spinner, ustawia aria-busy + disabled. */
+    loading?: boolean;
 };
 declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
 type Button = ReturnType<typeof Button>;

package/dist/components/ui/button-group/button-group.stories.svelte

@@ -0,0 +1,44 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import * as ButtonGroup from './index.js';
+	import { Root as ButtonGroupRoot } from './index.js';
+	import { Button } from '../button/index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Actions/ButtonGroup',
+		component: ButtonGroupRoot,
+		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Grupa powiązanych przycisków akcji (np. format toolbar, filtry). Ustaw `role="group"` + `aria-label`, żeby screen reader pogrupował.',
+				},
+			},
+		},
+	});
+</script>
+
+<Story name="Three actions">
+	<ButtonGroup.Root role="group" aria-label="Akcje wpisu">
+		<Button variant="outline">Edytuj</Button>
+		<Button variant="outline">Duplikuj</Button>
+		<Button variant="outline">Archiwizuj</Button>
+	</ButtonGroup.Root>
+</Story>
+
+<Story name="With separator">
+	<ButtonGroup.Root role="group" aria-label="Filtr i sortowanie">
+		<Button variant="outline">Filtruj</Button>
+		<ButtonGroup.Separator />
+		<Button variant="outline">Sortuj</Button>
+	</ButtonGroup.Root>
+</Story>
+
+<Story name="With text addon">
+	<ButtonGroup.Root role="group" aria-label="Status zamówienia">
+		<ButtonGroup.Text>Status:</ButtonGroup.Text>
+		<Button variant="outline">Wszystkie</Button>
+		<Button variant="outline">Nowe</Button>
+		<Button variant="outline">Opłacone</Button>
+	</ButtonGroup.Root>
+</Story>

package/dist/components/ui/button-group/button-group.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default ButtonGroup;
+type ButtonGroup = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ButtonGroup: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import * as ButtonGroup from './index.js';
+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;
+}

package/dist/components/ui/calendar/calendar.stories.svelte

@@ -0,0 +1,36 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Calendar } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Forms/Calendar',
+		component: Calendar,
+		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Wybór daty lub zakresu dat. Domyślnie używaj `locale="pl-PL"`. Klawiatura: arrows, PageUp/Down, Home/End.',
+				},
+			},
+		},
+		argTypes: {
+			type: {
+				control: 'select',
+				options: ['single', 'multiple', 'range'],
+				description: 'Tryb zaznaczania — pojedyncza data, wiele lub zakres.',
+			},
+			locale: {
+				control: 'text',
+				description: 'Locale formatowania (`pl-PL`, `en-GB`, ...).',
+			},
+		},
+	});
+</script>
+
+<Story name="Default (PL locale)">
+	<Calendar type="single" locale="pl-PL" />
+</Story>
+
+<Story name="With caption dropdown">
+	<Calendar type="single" locale="pl-PL" captionLayout="dropdown" />
+</Story>

package/dist/components/ui/calendar/calendar.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Calendar;
+type Calendar = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Calendar } from './index.js';
+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;
+}

package/dist/components/ui/card/card.stories.svelte

@@ -6,6 +6,13 @@
 		title: 'UI/Layout/Card',
 		component: Card,
 		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Kontener z subtelnym tłem i border-radius 12px. Używaj do grupowania powiązanych pól w edytorze lub kartach na dashboardzie.',
+				},
+			},
+		},
 	});
 </script>
 

package/dist/components/ui/carousel/carousel.stories.svelte

@@ -0,0 +1,43 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import * as Carousel from './index.js';
+	import { Root as CarouselRoot } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Layout/Carousel',
+		component: CarouselRoot,
+		tags: ['autodocs'],
+		parameters: {
+			docs: {
+				description: {
+					component: 'Slider treści z nawigacją klawiaturową (strzałki). Jeśli auto-play — udostępnij pause/resume i nie wymuszaj ruchu po `prefers-reduced-motion`.',
+				},
+			},
+		},
+		argTypes: {
+			orientation: {
+				control: 'select',
+				options: ['horizontal', 'vertical'],
+				description: 'Kierunek przesuwania.',
+			},
+		},
+	});
+</script>
+
+<Story name="Three slides">
+	<Carousel.Root>
+		<Carousel.Content>
+			{#each ['Pierwszy', 'Drugi', 'Trzeci'] as label, i (i)}
+				<Carousel.Item>
+					<div
+						style="display:flex;align-items:center;justify-content:center;height:160px;background:var(--muted);border-radius:12px;font-size:24px;font-weight:600;"
+					>
+						{label}
+					</div>
+				</Carousel.Item>
+			{/each}
+		</Carousel.Content>
+		<Carousel.Previous />
+		<Carousel.Next />
+	</Carousel.Root>
+</Story>

package/dist/components/ui/carousel/carousel.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Carousel;
+type Carousel = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Carousel: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import * as Carousel from './index.js';
+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;
+}