includio-cms 0.25.0 → 0.27.0

package/dist/admin/components/media/media-library.svelte.d.ts

@@ -1,7 +1,11 @@
+import type { MediaFile } from '../../../types/media.js';
 type Props = {
     selected?: string[] | string;
     multiple?: boolean;
     accept?: string;
+    showHeader?: boolean;
+    data?: MediaFile[];
+    state?: 'loading' | 'error' | 'ok';
 };
 declare const MediaLibrary: import("svelte").Component<Props, {}, "selected">;
 type MediaLibrary = ReturnType<typeof MediaLibrary>;

package/dist/admin/components/media/media-selector.svelte

@@ -42,7 +42,7 @@
 			cancel: 'Anuluj',
 			confirm: 'Potwierdź',
 			selectedCount: 'Wybrano',
-			clickToSelect: '{lang[interfaceLanguage.current].clickToSelect}',
+			clickToSelect: 'Kliknij plik, aby go wybrać',
 			selectedFile: 'Wybrany plik:'
 		},
 		en: {
@@ -66,11 +66,12 @@
 		selected?: string[] | string;
 		multiple?: boolean;
 		accept?: string;
+		maxSizeMB?: number;
 		onConfirm?: () => void;
 		onCancel?: () => void;
 	};
 
-	let { selected = $bindable([]), multiple = false, accept, onConfirm, onCancel }: Props = $props();
+	let { selected = $bindable([]), multiple = false, accept, maxSizeMB, onConfirm, onCancel }: Props = $props();
 
 	const PAGE_SIZE = 48;
 
@@ -209,6 +210,7 @@
 				<FileUpload
 					onUpload={() => { page = 0; loadedFiles = []; filesQuery.refresh(); countQuery.refresh(); tagCountsQuery.refresh(); totalCountQuery.refresh(); untaggedCountQuery.refresh(); }}
 					{accept}
+					{maxSizeMB}
 					bind:dropZoneRef
 					tagIds={activeTagFilter && activeTagFilter !== 'untagged' ? [activeTagFilter] : undefined}
 				/>

package/dist/admin/components/media/media-selector.svelte.d.ts

@@ -2,6 +2,7 @@ type Props = {
     selected?: string[] | string;
     multiple?: boolean;
     accept?: string;
+    maxSizeMB?: number;
     onConfirm?: () => void;
     onCancel?: () => void;
 };

package/dist/admin/components/media/tag-sidebar.svelte

@@ -137,9 +137,9 @@
 
 <div class="flex h-full flex-col">
 	<div class="flex-1 overflow-y-auto py-2 scrollbar-thin" role="listbox" aria-label="Filtry tagów">
-		<ul class="flex flex-col gap-px px-1.5">
+		<ul class="flex flex-col gap-px px-1.5" role="presentation">
 			<!-- All files -->
-			<li>
+			<li role="presentation">
 				<button
 					type="button"
 					role="option"
@@ -161,7 +161,7 @@
 			</li>
 
 			<!-- Untagged -->
-			<li>
+			<li role="presentation">
 				<button
 					type="button"
 					role="option"
@@ -187,7 +187,7 @@
 
 			<!-- User tags -->
 			{#each tags as tag (tag.id)}
-				<li>
+				<li role="presentation">
 					{#if editingTagId === tag.id}
 						<form
 							class="flex items-center gap-1 px-1"

package/dist/admin/components/tiptap/FigureNodeView.svelte

@@ -269,6 +269,11 @@
 		border-color: var(--primary);
 	}
 
+	.caption-input:focus-visible {
+		outline: 2px solid var(--ring);
+		outline-offset: 1px;
+	}
+
 	/* Alt text field */
 	.figure-alt-row {
 		margin-top: 0.375rem;
@@ -320,4 +325,9 @@
 		outline: none;
 		border-color: var(--primary);
 	}
+
+	.figure-alt-input:focus-visible {
+		outline: 2px solid var(--ring);
+		outline-offset: 1px;
+	}
 </style>

package/dist/admin/components/tiptap/bubble-menu.svelte

@@ -0,0 +1,104 @@
+<!--
+@component
+@internal
+-->
+<script lang="ts">
+	import { onMount, type Snippet } from 'svelte';
+	import { BubbleMenuPlugin, type BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
+	import { PluginKey } from '@tiptap/pm/state';
+	import type { Editor } from '@tiptap/core';
+
+	type Props = {
+		editor: Editor;
+		pluginKey?: BubbleMenuPluginProps['pluginKey'];
+		updateDelay?: BubbleMenuPluginProps['updateDelay'];
+		resizeDelay?: BubbleMenuPluginProps['resizeDelay'];
+		appendTo?: BubbleMenuPluginProps['appendTo'];
+		shouldShow?: BubbleMenuPluginProps['shouldShow'];
+		getReferencedVirtualElement?: BubbleMenuPluginProps['getReferencedVirtualElement'];
+		options?: BubbleMenuPluginProps['options'];
+		class?: string;
+		children: Snippet;
+	};
+
+	let {
+		editor,
+		pluginKey,
+		updateDelay,
+		resizeDelay,
+		appendTo,
+		shouldShow = null,
+		getReferencedVirtualElement,
+		options,
+		class: className,
+		children
+	}: Props = $props();
+
+	// svelte-ignore state_referenced_locally
+	const resolvedKey = pluginKey ?? new PluginKey('bubbleMenu');
+
+	let root = $state<HTMLDivElement | null>(null);
+	let skipFirst = true;
+
+	onMount(() => {
+		if (!root || !editor || editor.isDestroyed) return;
+
+		root.style.visibility = 'hidden';
+		root.style.position = 'absolute';
+
+		editor.registerPlugin(
+			BubbleMenuPlugin({
+				editor,
+				element: root,
+				pluginKey: resolvedKey,
+				updateDelay,
+				resizeDelay,
+				appendTo,
+				shouldShow,
+				getReferencedVirtualElement,
+				options
+			})
+		);
+
+		return () => {
+			editor.unregisterPlugin(resolvedKey);
+			requestAnimationFrame(() => {
+				// RAF: defer past in-flight Floating UI update
+				root?.parentNode?.removeChild(root);
+			});
+		};
+	});
+
+	$effect(() => {
+		updateDelay;
+		resizeDelay;
+		appendTo;
+		shouldShow;
+		getReferencedVirtualElement;
+		options;
+
+		if (skipFirst) {
+			skipFirst = false;
+			return;
+		}
+		if (!editor || editor.isDestroyed) return;
+
+		editor.view.dispatch(
+			editor.state.tr.setMeta(resolvedKey, {
+				type: 'updateOptions',
+				options: {
+					updateDelay,
+					resizeDelay,
+					appendTo,
+					shouldShow,
+					getReferencedVirtualElement,
+					options
+				}
+			})
+		);
+	});
+</script>
+
+<div bind:this={root} class={className}>
+	{@render children()}
+</div>

package/dist/admin/components/tiptap/bubble-menu.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type Snippet } from 'svelte';
+import { type BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
+import type { Editor } from '@tiptap/core';
+type Props = {
+    editor: Editor;
+    pluginKey?: BubbleMenuPluginProps['pluginKey'];
+    updateDelay?: BubbleMenuPluginProps['updateDelay'];
+    resizeDelay?: BubbleMenuPluginProps['resizeDelay'];
+    appendTo?: BubbleMenuPluginProps['appendTo'];
+    shouldShow?: BubbleMenuPluginProps['shouldShow'];
+    getReferencedVirtualElement?: BubbleMenuPluginProps['getReferencedVirtualElement'];
+    options?: BubbleMenuPluginProps['options'];
+    class?: string;
+    children: Snippet;
+};
+/** @internal */
+declare const BubbleMenu: import("svelte").Component<Props, {}, "">;
+type BubbleMenu = ReturnType<typeof BubbleMenu>;
+export default BubbleMenu;

package/dist/admin/components/tiptap/content-editor.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { onMount, getAllContexts } from 'svelte';
 	import { Editor, type Editor as EditorType } from '@tiptap/core';
-	import BubbleMenu from '@tiptap/extension-bubble-menu';
 	import { extensions } from './extensions.js';
+	import BubbleMenu from './bubble-menu.svelte';
 	import ToolbarButton from './toolbar-button.svelte';
 	import EditorToolbar from './editor-toolbar.svelte';
 	import LinkDialog from './link-dialog.svelte';
@@ -52,7 +52,6 @@
 
 	let element = $state<HTMLDivElement | null>(null);
 	let editorState = $state<{ editor: EditorType | null }>({ editor: null });
-	let bubbleMenu = $state<HTMLDivElement | null>(null);
 
 	// Dialog states
 	let linkDialogOpen = $state(false);
@@ -80,9 +79,6 @@
 				...extensions,
 				...extraExtensions,
 				HeadingA11yPlugin,
-				BubbleMenu.configure({
-					element: bubbleMenu!
-				}),
 				Placeholder.configure({
 					showOnlyCurrent: false,
 					placeholder: ({ node, hasAnchor, editor }) => {
@@ -154,16 +150,35 @@
 		{/if}
 
 		<!-- Bubble Menu -->
-		<div bind:this={bubbleMenu} class="bubble-menu">
-			{#if ed}
-				<div class="bg-popover text-popover-foreground flex items-center gap-0.5 rounded-lg border p-1 shadow-md">
+		{#if ed}
+			<BubbleMenu
+				editor={ed}
+				appendTo={() => document.body}
+				options={{ scrollTarget: element!, placement: 'bottom', offset: 8 }}
+				shouldShow={({ editor, from, to }) =>
+					from !== to &&
+					!editor.isActive('image') &&
+					!editor.isActive('video') &&
+					!editor.isActive('figure') &&
+					!editor.isActive('codeBlock')}
+			>
+				<div
+					class="bg-popover text-popover-foreground flex items-center gap-0.5 rounded-lg border p-1 shadow-md"
+				>
 					{#if ed.isActive('link')}
 						{#if ed.getAttributes('link').target === '_blank'}
-							<span class="text-muted-foreground flex items-center px-1" title="Otwiera w nowej karcie">
+							<span
+								class="text-muted-foreground flex items-center px-1"
+								title="Otwiera w nowej karcie"
+							>
 								<ExternalLink class="h-4 w-4" />
 							</span>
 						{/if}
-						<ToolbarButton label="Edytuj link" active={false} onclick={() => (linkDialogOpen = true)}>
+						<ToolbarButton
+							label="Edytuj link"
+							active={false}
+							onclick={() => (linkDialogOpen = true)}
+						>
 							<Pencil class="h-4 w-4" />
 						</ToolbarButton>
 						<ToolbarButton
@@ -270,13 +285,13 @@
 						</ToolbarButton>
 					{/if}
 				</div>
-			{/if}
-		</div>
+			</BubbleMenu>
+		{/if}
 
 		<!-- Editor content -->
 		<div
 			bind:this={element}
-			class="prose prose-sm dark:prose-invert max-w-none p-4 focus:outline-none overflow-y-auto max-h-[70vh] [&_.ProseMirror]:min-h-[200px] [&_.ProseMirror]:outline-none [&_.ProseMirror]:scroll-padding-top-12"
+			class="prose prose-sm dark:prose-invert [&_.ProseMirror]:scroll-padding-top-12 max-h-112 max-w-none overflow-y-auto p-4 focus:outline-none [&_.ProseMirror]:min-h-[200px] [&_.ProseMirror]:outline-none"
 		></div>
 	</div>
 </Tooltip.Provider>
@@ -287,14 +302,3 @@
 <VideoDialog bind:open={videoDialogOpen} editor={ed} />
 <TableDialog bind:open={tableDialogOpen} editor={ed} />
 
-<style>
-	.bubble-menu {
-		height: 0;
-		overflow: visible;
-		visibility: hidden;
-		opacity: 0;
-		transition:
-			visibility 0.1s ease,
-			opacity 0.1s ease;
-	}
-</style>

package/dist/admin/components/tiptap/editor-toolbar.svelte

@@ -86,7 +86,7 @@
 			<LetterP class="h-4 w-4" />
 		</ToolbarButton>
 
-		<Separator orientation="vertical" class="mx-1 h-6" />
+		<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 
 		<!-- Text formatting -->
 		<ToolbarButton
@@ -125,7 +125,7 @@
 			<Highlight class="h-4 w-4" />
 		</ToolbarButton>
 
-		<Separator orientation="vertical" class="mx-1 h-6" />
+		<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 
 		<!-- Alignment -->
 		<ToolbarButton
@@ -157,7 +157,7 @@
 			<AlignJustified class="h-4 w-4" />
 		</ToolbarButton>
 
-		<Separator orientation="vertical" class="mx-1 h-6" />
+		<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 
 		<!-- Lists & Quote -->
 		<ToolbarButton
@@ -182,7 +182,7 @@
 			<Quote class="h-4 w-4" />
 		</ToolbarButton>
 
-		<Separator orientation="vertical" class="mx-1 h-6" />
+		<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 
 		<!-- Link, Image, Table -->
 		<ToolbarButton label={t.link} active={ed.isActive('link')} onclick={onLinkDialog}>
@@ -198,7 +198,7 @@
 			<Table class="h-4 w-4" />
 		</ToolbarButton>
 
-		<Separator orientation="vertical" class="mx-1 h-6" />
+		<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 
 		<!-- Code -->
 		<ToolbarButton
@@ -217,14 +217,14 @@
 		</ToolbarButton>
 
 		{#if showInsertBlock && onInsertBlock}
-			<Separator orientation="vertical" class="mx-1 h-6" />
+			<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 			<ToolbarButton label={t.insertBlock} active={false} onclick={onInsertBlock}>
 				<Plus class="h-4 w-4" />
 			</ToolbarButton>
 		{/if}
 
 		{#if showCodeView && onToggleCodeView}
-			<Separator orientation="vertical" class="mx-1 h-6" />
+			<Separator orientation="vertical" class="mx-1 hidden h-6 sm:block" />
 
 			<!-- HTML View -->
 			<ToolbarButton label={t.htmlView} active={isCodeViewActive} onclick={onToggleCodeView}>

package/dist/admin/components/tiptap/extensions.js

@@ -15,7 +15,11 @@ import { FigureNode } from './figure-node.js';
 const lowlight = createLowlight(common);
 export const extensions = [
     StarterKit.configure({
-        codeBlock: false
+        // StarterKit (TipTap v3) ships Link + Underline; we register CustomLink and
+        // Underline ourselves, so disable them here to avoid duplicate extensions.
+        codeBlock: false,
+        link: false,
+        underline: false
     }),
     CustomLink.configure({
         openOnClick: false,

package/dist/admin/components/tiptap/image-dialog.svelte

@@ -81,7 +81,7 @@
 
 <!-- Dialog 1: Media selector -->
 <Dialog.Root bind:open {onOpenChange}>
-	<Dialog.Content class="max-w-5xl! sm:max-w-5xl!">
+	<Dialog.Content fullscreenMobile class="max-w-5xl! sm:max-w-5xl!">
 		<Dialog.Header>
 			<Dialog.Title>{t.insertImage}</Dialog.Title>
 		</Dialog.Header>
@@ -183,6 +183,10 @@
 	.image-alt-input:focus {
 		border-color: var(--primary);
 	}
+	.image-alt-input:focus-visible {
+		outline: 2px solid var(--ring);
+		outline-offset: 1px;
+	}
 	.image-alt-actions {
 		display: flex;
 		gap: 8px;

package/dist/admin/components/tiptap/link-dialog.svelte

@@ -256,6 +256,7 @@
 				<button
 					type="button"
 					class="flex w-full items-center gap-1 text-sm font-medium"
+					aria-expanded={a11yOpen}
 					onclick={() => (a11yOpen = !a11yOpen)}
 				>
 					{#if a11yOpen}
@@ -291,6 +292,7 @@
 				<button
 					type="button"
 					class="flex w-full items-center gap-1 text-sm font-medium"
+					aria-expanded={relOpen}
 					onclick={() => (relOpen = !relOpen)}
 				>
 					{#if relOpen}

package/dist/admin/components/tiptap/tiptap-editor.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { Editor, type Editor as EditorType } from '@tiptap/core';
-	import BubbleMenu from '@tiptap/extension-bubble-menu';
 	import { extensions } from './extensions.js';
 	import Placeholder from '@tiptap/extension-placeholder';
+	import BubbleMenu from './bubble-menu.svelte';
 	import ToolbarButton from './toolbar-button.svelte';
 	import EditorToolbar from './editor-toolbar.svelte';
 	import LinkDialog from './link-dialog.svelte';
@@ -40,7 +40,6 @@
 
 	let element = $state<HTMLDivElement | null>(null);
 	let editorState = $state<{ editor: EditorType | null }>({ editor: null });
-	let bubbleMenu = $state<HTMLDivElement | null>(null);
 	let isCodeViewActive = $state(false);
 
 	// Dialog states
@@ -54,9 +53,6 @@
 			element: element!,
 			extensions: [
 				...extensions,
-				BubbleMenu.configure({
-					element: bubbleMenu!
-				}),
 				Placeholder.configure({
 					placeholder: 'Wpisz treść...',
 					showOnlyCurrent: true
@@ -109,9 +105,21 @@
 		{/if}
 
 		<!-- Bubble Menu -->
-		<div bind:this={bubbleMenu} class="bubble-menu">
-			{#if ed}
-				<div class="bg-popover text-popover-foreground flex items-center gap-0.5 rounded-lg border p-1 shadow-md">
+		{#if ed}
+			<BubbleMenu
+				editor={ed}
+				appendTo={() => document.body}
+				options={{ scrollTarget: element!, placement: 'bottom', offset: 8 }}
+				shouldShow={({ editor, from, to }) =>
+					from !== to &&
+					!editor.isActive('image') &&
+					!editor.isActive('video') &&
+					!editor.isActive('figure') &&
+					!editor.isActive('codeBlock')}
+			>
+				<div
+					class="bg-popover text-popover-foreground flex items-center gap-0.5 rounded-lg border p-1 shadow-md"
+				>
 					{#if ed.isActive('link')}
 						{#if ed.getAttributes('link').target === '_blank'}
 							<span class="text-muted-foreground flex items-center px-1" title="Otwiera w nowej karcie">
@@ -225,8 +233,8 @@
 						</ToolbarButton>
 					{/if}
 				</div>
-			{/if}
-		</div>
+			</BubbleMenu>
+		{/if}
 
 		<!-- Editor content -->
 		<div
@@ -250,16 +258,6 @@
 <TableDialog bind:open={tableDialogOpen} editor={ed} />
 
 <style>
-	.bubble-menu {
-		height: 0;
-		overflow: visible;
-		visibility: hidden;
-		opacity: 0;
-		transition:
-			visibility 0.1s ease,
-			opacity 0.1s ease;
-	}
-
 	:global(.tiptap-highlight) {
 		background-color: rgb(250 204 21 / 0.4);
 		padding: 0.125em 0.25em;

package/dist/admin/components/tiptap/video-dialog.svelte

@@ -63,7 +63,7 @@
 </script>
 
 <Dialog.Root bind:open {onOpenChange}>
-	<Dialog.Content class="max-w-5xl! sm:max-w-5xl!">
+	<Dialog.Content fullscreenMobile class="max-w-5xl! sm:max-w-5xl!">
 		<Dialog.Header>
 			<Dialog.Title>{t.insertVideo}</Dialog.Title>
 		</Dialog.Header>

package/dist/admin/components/variant-form/VariantAttributeRenderer.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+	import type { VariantAttribute } from '../../../shop/types.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
+	import TextField from '../fields/text-field.svelte';
+	import NumberField from '../fields/number-field.svelte';
+	import DatetimeField from '../fields/datetime-field.svelte';
+	import SelectField from '../fields/select-field.svelte';
+	import BooleanField from '../fields/boolean-field.svelte';
+	import Input from '../../../components/ui/input/input.svelte';
+	import type {
+		TextField as TextFieldType,
+		NumberField as NumberFieldType,
+		DateTimeField as DateTimeFieldType,
+		SelectField as SelectFieldType,
+		BooleanField as BooleanFieldType
+	} from '../../../types/fields.js';
+
+	type Props = {
+		attrKey: string;
+		attrConfig: VariantAttribute;
+		value: unknown;
+	};
+
+	let { attrKey, attrConfig, value = $bindable() }: Props = $props();
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const label = $derived(
+		getLocalizedLabel(attrConfig.label, interfaceLanguage.current) || attrKey
+	);
+
+	// Adapter — VariantAttribute → CMS Field shape that each field component expects.
+	// Booleans render their own label inline; everything else uses our outer <label>.
+	const textField = $derived<TextFieldType>({
+		type: 'text',
+		slug: attrKey,
+		label,
+		required: attrConfig.required,
+		multiline: false
+	});
+	const numberField = $derived<NumberFieldType>({
+		type: 'number',
+		slug: attrKey,
+		label,
+		required: attrConfig.required
+	});
+	const datetimeField = $derived<DateTimeFieldType>({
+		type: 'datetime',
+		slug: attrKey,
+		label,
+		required: attrConfig.required
+	});
+	const selectField = $derived<SelectFieldType>(
+		attrConfig.type === 'select'
+			? {
+					type: 'select',
+					slug: attrKey,
+					label,
+					required: attrConfig.required,
+					options: attrConfig.options
+				}
+			: ({} as SelectFieldType)
+	);
+	const booleanField = $derived<BooleanFieldType>({
+		type: 'boolean',
+		slug: attrKey,
+		label,
+		required: attrConfig.required,
+		defaultValue: false
+	});
+</script>
+
+{#if attrConfig.type === 'boolean'}
+	<!-- boolean-field renders its own label, asterisk, and switch row -->
+	<BooleanField field={booleanField} bind:value={value as boolean | undefined} />
+{:else}
+	<label class="block">
+		<span class="text-muted-foreground mb-1 block text-xs font-semibold">
+			{label}
+			{#if attrConfig.required}<span class="text-destructive ml-0.5" aria-hidden="true"
+					>*</span
+				>{/if}
+		</span>
+
+		{#if attrConfig.type === 'text'}
+			<TextField field={textField} bind:value={value as string | undefined} />
+		{:else if attrConfig.type === 'number'}
+			<NumberField field={numberField} bind:value={value as number | undefined} />
+		{:else if attrConfig.type === 'datetime'}
+			<DatetimeField field={datetimeField} bind:value={value as string | undefined} />
+		{:else if attrConfig.type === 'select'}
+			<SelectField field={selectField} bind:value={value as string | undefined} />
+		{:else if attrConfig.type === 'slug'}
+			<Input
+				bind:value={value as string | undefined}
+				type="text"
+				pattern="[a-z0-9-]+"
+				placeholder="moj-slug"
+			/>
+		{:else if attrConfig.type === 'image' || attrConfig.type === 'entry'}
+			<!-- Pełny picker UI defer post-1.0; tymczasowo: wklej UUID -->
+			<Input
+				bind:value={value as string | undefined}
+				type="text"
+				placeholder="UUID ({attrConfig.type === 'image' ? 'media' : 'wpis'})"
+			/>
+		{/if}
+	</label>
+{/if}

package/dist/admin/components/variant-form/VariantAttributeRenderer.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { VariantAttribute } from '../../../shop/types.js';
+type Props = {
+    attrKey: string;
+    attrConfig: VariantAttribute;
+    value: unknown;
+};
+declare const VariantAttributeRenderer: import("svelte").Component<Props, {}, "value">;
+type VariantAttributeRenderer = ReturnType<typeof VariantAttributeRenderer>;
+export default VariantAttributeRenderer;

package/dist/admin/helpers/build-icon-set-map.d.ts

@@ -0,0 +1,8 @@
+import type { IconSetPlugin } from '../../types/plugins.js';
+/**
+ * Build a Map<slug, IconSetPlugin> from icon-set plugin instances.
+ * Use in consumer's admin `+layout.svelte` to pass `iconSets` to AdminLayout —
+ * Svelte icon components cannot serialize through SvelteKit data, so the same
+ * plugin instances must be imported on the client and forwarded explicitly.
+ */
+export declare function buildIconSetMap(...plugins: IconSetPlugin[]): Map<string, IconSetPlugin>;

package/dist/admin/helpers/build-icon-set-map.js

@@ -0,0 +1,16 @@
+/**
+ * Build a Map<slug, IconSetPlugin> from icon-set plugin instances.
+ * Use in consumer's admin `+layout.svelte` to pass `iconSets` to AdminLayout —
+ * Svelte icon components cannot serialize through SvelteKit data, so the same
+ * plugin instances must be imported on the client and forwarded explicitly.
+ */
+export function buildIconSetMap(...plugins) {
+    const map = new Map();
+    for (const p of plugins) {
+        if (map.has(p.slug)) {
+            throw new Error(`Duplicate icon-set plugin slug: "${p.slug}"`);
+        }
+        map.set(p.slug, p);
+    }
+    return map;
+}