@functionalcms/svelte-components 4.16.1 → 4.19.2

package/dist/components/presentation/Carousel.svelte

@@ -24,12 +24,14 @@
 		perPage = 1,
 		slideGaps = '20px;',
 		disableDrag = false,
-		css = {slide: "", container: ""}
+		css = {slide: "", container: ""},
+		loop = false
 	}: Props = $props();
 
 	let options: EmblaOptionsType = {
-		loop: false,
+		loop: loop,
 	};
+	
 	if(disableDrag) {
 		options.watchDrag = false;
 	}

package/dist/index-server.d.ts

@@ -1,7 +1,6 @@
 export { authenticationHandle } from './auth/authenticationHandle.js';
 export { default as authorizationHandle } from './auth/authorizationHandle.js';
 export { default as errorHandler } from './auth/errorHandle.js';
-export { default as getRedirection } from './server-side/redirection.js';
 export { redisSessionProvider } from './auth/redisSessionProvider.js';
 export { machineAuthenticationProvider } from './auth/machineAuthenticationProvider.js';
 export { userAuthenticationProvider } from './auth/userAuthenticationProvider.js';
@@ -9,3 +8,4 @@ export { getBlobService, getCommunicationService, getDataService, getTemplateSer
 export type { RedirectResponse } from './auth/RedirectResponse.js';
 export { createMachineTokenApprovedLocals } from './auth/getMachineAccessToken.js';
 export { isHuman } from './components/form/AntiBot.js';
+export { default as getRedirectPipeline } from './server-side/getRedirectPipeline.js';

package/dist/index-server.js

@@ -1,10 +1,10 @@
 export { authenticationHandle } from './auth/authenticationHandle.js';
 export { default as authorizationHandle } from './auth/authorizationHandle.js';
 export { default as errorHandler } from './auth/errorHandle.js';
-export { default as getRedirection } from './server-side/redirection.js';
 export { redisSessionProvider } from './auth/redisSessionProvider.js';
 export { machineAuthenticationProvider } from './auth/machineAuthenticationProvider.js';
 export { userAuthenticationProvider } from './auth/userAuthenticationProvider.js';
 export { getBlobService, getCommunicationService, getDataService, getTemplateService, getWebsiteService, getAIService, getAuthService, } from './server-side/getServices.js';
 export { createMachineTokenApprovedLocals } from './auth/getMachineAccessToken.js';
 export { isHuman } from './components/form/AntiBot.js';
+export { default as getRedirectPipeline } from './server-side/getRedirectPipeline.js';

package/dist/index.d.ts

@@ -29,17 +29,10 @@ export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
 export { default as Switch } from './components/form/Switch.svelte';
 export { default as ChoiceInput } from './components/form/ChoiceInput.svelte';
-export type { ChoiceInputOption } from './components/form/utils.js';
+export { InputType, FieldType, LabelSize, type Field } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
+export { default as Dropzone } from './components/form/Dropzone.svelte';
 export { default as Select } from './components/form/Select.svelte';
-export { default as Form } from './components/form/Form.svelte';
-export { type Field, serialize, createForm, readForm, mapEntiresToOptions } from './components/form/form.js';
-export { default as Dropzone } from './components/form/dropzone/Dropzone.svelte';
-export * from './components/form/dropzone/types.js';
 export { default as Markdown } from './components/content/Markdown.svelte';
 export { type BlogPost, listAllPosts, importPost } from './components/blog/blog.js';
 export { default as EasyTools } from './components/integrations/EasyTools.svelte';
-/**
- * Translations
- */
-export { translator, prefixedTranslator } from './translations/translator.js';

package/dist/index.js

@@ -42,12 +42,10 @@ export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
 export { default as Switch } from './components/form/Switch.svelte';
 export { default as ChoiceInput } from './components/form/ChoiceInput.svelte';
+export { InputType, FieldType, LabelSize } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
+export { default as Dropzone } from './components/form/Dropzone.svelte';
 export { default as Select } from './components/form/Select.svelte';
-export { default as Form } from './components/form/Form.svelte';
-export { serialize, createForm, readForm, mapEntiresToOptions } from './components/form/form.js';
-export { default as Dropzone } from './components/form/dropzone/Dropzone.svelte';
-export * from './components/form/dropzone/types.js';
 /*
  * Content
  */
@@ -60,7 +58,3 @@ export { listAllPosts, importPost } from './components/blog/blog.js';
  * Integrations
  */
 export { default as EasyTools } from './components/integrations/EasyTools.svelte';
-/**
- * Translations
- */
-export { translator, prefixedTranslator } from './translations/translator.js';

package/dist/index.server.d.ts

@@ -1,7 +1,6 @@
 export { authenticationHandle } from './auth/authenticationHandle.ts';
 export { default as authorizationHandle } from './auth/authorizationHandle.ts';
 export { default as errorHandler } from './auth/errorHandle.ts';
-export { default as getRedirection } from './server-side/redirection.ts';
 export { redisSessionProvider } from './auth/redisSessionProvider.ts';
 export { machineAuthenticationProvider } from './auth/machineAuthenticationProvider.ts';
 export { userAuthenticationProvider } from './auth/userAuthenticationProvider.ts';
@@ -9,3 +8,4 @@ export { getBlobService, getCommunicationService, getDataService, getTemplateSer
 export type { RedirectResponse } from './auth/RedirectResponse.ts';
 export { createMachineTokenApprovedLocals } from './auth/getMachineAccessToken.ts';
 export { isHuman } from './components/form/AntiBot.ts';
+export { default as getRedirectPipeline } from './server-side/getRedirectPipeline.js';

package/dist/index.server.js

@@ -1,10 +1,10 @@
 export { authenticationHandle } from './auth/authenticationHandle.ts';
 export { default as authorizationHandle } from './auth/authorizationHandle.ts';
 export { default as errorHandler } from './auth/errorHandle.ts';
-export { default as getRedirection } from './server-side/redirection.ts';
 export { redisSessionProvider } from './auth/redisSessionProvider.ts';
 export { machineAuthenticationProvider } from './auth/machineAuthenticationProvider.ts';
 export { userAuthenticationProvider } from './auth/userAuthenticationProvider.ts';
 export { getBlobService, getCommunicationService, getDataService, getTemplateService, getWebsiteService, getAIService, getAuthService, } from './server-side/getServices.ts';
 export { createMachineTokenApprovedLocals } from './auth/getMachineAccessToken.ts';
 export { isHuman } from './components/form/AntiBot.ts';
+export { default as getRedirectPipeline } from './server-side/getRedirectPipeline.js';

package/dist/server-side/getRedirectPipeline.d.ts

@@ -0,0 +1,6 @@
+export interface Redirection {
+    pathname: string;
+    redirectTo: string;
+}
+declare const getRedirectPipeline: (redirections: Array<Redirection>) => ({ event, resolve }: any) => Promise<any>;
+export default getRedirectPipeline;

package/dist/server-side/getRedirectPipeline.js

@@ -0,0 +1,16 @@
+import { redirect } from '@sveltejs/kit';
+const getRedirectPipeline = (redirections) => {
+    const redirectionPipeline = async ({ event, resolve }) => {
+        const url = event.url.pathname;
+        const elem = redirections.find((element) => element.pathname === url);
+        if (elem) {
+            const redirectToUrl = encodeURI(elem.redirectTo);
+            redirect(302, redirectToUrl);
+        }
+        else {
+            return await resolve(event);
+        }
+    };
+    return redirectionPipeline;
+};
+export default getRedirectPipeline;

package/package.json

@@ -1,86 +1,82 @@
-{
-	"name": "@functionalcms/svelte-components",
-	"version": "4.16.1",
-	"watch": {
-		"build": {
-			"patterns": [
-				"src"
-			],
-			"extensions": "ts,svelte,scss",
-			"legacyWatch": false
-		}
-	},
-	"scripts": {
-		"dev": "vite dev",
-		"build-css": "sass ./src/lib/css/functional.scss ./css/functional.css --style compressed",
-		"build": "npm run build-css && vite build && npm run package",
-		"preview": "vite preview",
-		"package": "svelte-kit sync && svelte-package && publint",
-		"prepublishOnly": "npm run build-css && npm run package",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint . && prettier --check .",
-		"format": "prettier --write .",
-		"watch": "npm-watch build"
-	},
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		},
-		"./index-server.js": {
-			"types": "./dist/index-server.d.ts",
-			"svelte": "./dist/index-server.js"
-		},
-		"./css": "./css/*.css",
-		"./package.json": "./package.json"
-	},
-	"files": [
-		"dist",
-		"css",
-		"!dist/css/**/*.*",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"devDependencies": {
-		"@eslint/compat": "^1.2.9",
-		"@eslint/js": "^9.26.0",
-		"@functionalcms/services": "^0.12.0",
-		"@sveltejs/adapter-auto": "^6.0.1",
-		"@sveltejs/package": "^2.3.11",
-		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"autoprefixer": "^10.4.21",
-		"eslint": "^9.26.0",
-		"eslint-config-prettier": "^10.1.2",
-		"eslint-plugin-svelte": "^3.5.1",
-		"file-selector": "^2.1.2",
-		"npm-watch": "^0.13.0",
-		"prettier": "^3.5.3",
-		"prettier-plugin-svelte": "^3.3.3",
-		"publint": "^0.3.12",
-		"sass": "^1.83.4",
-		"svelte": "^5.28.2",
-		"svelte-check": "^4.1.7",
-		"typescript": "^5.8.3",
-		"typescript-eslint": "^8.31.1",
-		"vite": "^6.3.4"
-	},
-	"dependencies": {
-		"embla-carousel-svelte": "^8.6.0",
-		"ioredis": "^5.6.1",
-		"marked": "^15.0.11",
-		"oauth4webapi": "^3.5.0",
-		"svelte-dropzone-runes": "^1.0.3",
-		"sveltekit-superforms": "^2.25.0",
-		"yup": "^1.6.1",
-		"zod": "^3.25.56"
-	},
-	"peerDependencies": {
-		"@sveltejs/kit": "^2.20.8",
-		"svelte": "^5.28.2"
-	},
-	"type": "module",
-	"main": "./dist/index.js",
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts"
-}
+{
+	"name": "@functionalcms/svelte-components",
+	"version": "4.19.2",
+	"watch": {
+		"build": {
+			"patterns": [
+				"src"
+			],
+			"extensions": "ts,svelte,scss",
+			"legacyWatch": false
+		}
+	},
+	"scripts": {
+		"dev": "vite dev",
+		"build-css": "sass ./src/lib/css/functional.scss ./css/functional.css --style compressed",
+		"build": "npm run build-css && vite build && npm run package",
+		"preview": "vite preview",
+		"package": "svelte-kit sync && svelte-package && publint",
+		"prepublishOnly": "npm run build-css && npm run package",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "eslint . && prettier --check .",
+		"format": "prettier --write .",
+		"watch": "npm-watch build"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		},
+		"./index-server.js": {
+			"types": "./dist/index-server.d.ts",
+			"svelte": "./dist/index-server.js"
+		},
+		"./css": "./css/*.css",
+		"./package.json": "./package.json"
+	},
+	"files": [
+		"dist",
+		"css",
+		"!dist/css/**/*.*",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"devDependencies": {
+		"@eslint/compat": "^1.2.9",
+		"@eslint/js": "^9.26.0",
+		"@functionalcms/services": "^0.12.0",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/package": "^2.3.11",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"autoprefixer": "^10.4.21",
+		"eslint": "^9.26.0",
+		"eslint-config-prettier": "^10.1.2",
+		"eslint-plugin-svelte": "^3.5.1",
+		"npm-watch": "^0.13.0",
+		"prettier": "^3.5.3",
+		"prettier-plugin-svelte": "^3.3.3",
+		"publint": "^0.3.12",
+		"sass": "^1.83.4",
+		"svelte": "^5.28.2",
+		"svelte-check": "^4.1.7",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.31.1",
+		"vite": "^6.3.4",
+		"@sveltejs/kit": "^2.20.8"
+	},
+	"dependencies": {
+		"embla-carousel-svelte": "^8.6.0",
+		"ioredis": "^5.6.1",
+		"marked": "^15.0.11",
+		"oauth4webapi": "^3.5.0"
+	},
+	"peerDependencies": {
+		"@sveltejs/kit": "^2.20.8",
+		"svelte": "^5.28.2"
+	},
+	"type": "module",
+	"main": "./dist/index.js",
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts"
+}

package/dist/components/form/dropzone/DefaultDropzone.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { CustomDropzoneProps } from './types.js';
-	interface DefaultDropzone extends CustomDropzoneProps {
-		defaultDropzoneElement: HTMLElement | undefined;
-		children: Snippet;
-	}
-	let { defaultDropzoneElement = $bindable(), children, ...props }: DefaultDropzone = $props();
-</script>
-
-<div bind:this={defaultDropzoneElement} class="dropzone" {...props}>
-	{@render children()}
-</div>
-
-<style>
-	.dropzone {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 20px;
-		border-width: 2px;
-		border-radius: 2px;
-		border-color: #eeeeee;
-		border-style: dashed;
-		background-color: #fafafa;
-		color: #bdbdbd;
-		outline: none;
-		transition: border 0.24s ease-in-out;
-	}
-	.dropzone:hover {
-		border-color: #2196f3;
-	}
-	.dropzone:focus {
-		border-color: #2196f3;
-	}
-</style>

package/dist/components/form/dropzone/DefaultDropzone.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { CustomDropzoneProps } from './types.js';
-interface DefaultDropzone extends CustomDropzoneProps {
-    defaultDropzoneElement: HTMLElement | undefined;
-    children: Snippet;
-}
-declare const DefaultDropzone: import("svelte").Component<DefaultDropzone, {}, "defaultDropzoneElement">;
-export default DefaultDropzone;

package/dist/components/form/dropzone/Dropzone.svelte

@@ -1,306 +0,0 @@
-<script lang="ts">
-	import { fromEvent } from 'file-selector';
-	import {
-		checkFiles,
-		generateErrorMessage,
-		isEventWithFiles,
-		isIeOrEdge,
-		isPropagationStopped
-	} from './default.js';
-	import type {
-		DropzoneEventHandler,
-		DropzoneProps,
-		FromEventFileTypes,
-		RejectedFile
-	} from './types.js';
-	import type { EventHandler } from 'svelte/elements';
-	import DefaultDropzone from './DefaultDropzone.svelte';
-	import useDropzone from './UseDropzone.js';
-
-	let {
-		accept,
-		disabled = false,
-		maxFileCountPerUpload = Infinity,
-		maxSize = Infinity,
-		minSize = 0,
-		multiple = false,
-		dropzoneText = undefined,
-		preventDropOnDocument = true,
-		disableDropzoneClick = false,
-		disableDropzoneKeydown = false,
-		disableDropzoneDrag = false,
-		name = '',
-		appendOnDrop = false,
-		inputElement = $bindable(),
-		required = false,
-		dropzoneElement = $bindable(),
-		CustomDropzone,
-		children,
-		onDragenter,
-		onDragover,
-		onDragleave,
-		onDrop,
-		onFileDialogCancel
-	}: DropzoneProps = $props();
-
-	let isFileDialogActive: boolean = $state(false);
-
-	let defaultDropzoneElement: HTMLElement | undefined = $state();
-
-	let dropzoneRef: HTMLElement | undefined = $derived(dropzoneElement || defaultDropzoneElement);
-
-	let dragTargetsRef: EventTarget[] = $state([]);
-	async function getFileFromEvent<T extends FromEventFileTypes>(
-		event: Event
-	): Promise<{ acceptedFiles: T[]; rejectedFiles: RejectedFile<T>[] }> {
-		if (isPropagationStopped(event)) {
-			return { acceptedFiles: [], rejectedFiles: [] };
-		}
-		const files = (await fromEvent(event)) as T[];
-		const acceptedFiles: T[] = [];
-		const rejectedFiles: RejectedFile<T>[] = [];
-
-		files.forEach((file) => {
-			const { isAccepted, errors } = checkFiles({ file, accept, minSize, maxSize });
-			if (multiple && files.length > maxFileCountPerUpload) {
-				rejectedFiles.push({
-					file,
-					errors: [...errors, generateErrorMessage('TOO_MANY_FILES', { maxFileCountPerUpload })]
-				});
-				return;
-			}
-			if (!multiple && isAccepted && acceptedFiles.length > 0) {
-				rejectedFiles.push({
-					file,
-					errors: [generateErrorMessage('CANNOT_UPLOAD_MULTIPLE_FILES')]
-				});
-				return;
-			}
-			if (isAccepted) {
-				acceptedFiles.push(file);
-				return;
-			}
-
-			rejectedFiles.push({ file, errors });
-		});
-
-		return { acceptedFiles, rejectedFiles };
-	}
-
-	async function triggerEventWithFiles<T extends FromEventFileTypes>(
-		event: Event,
-		callbackToTrigger: DropzoneEventHandler<T> | undefined
-	) {
-		const files = await getFileFromEvent<T>(event);
-		if (!files) return { acceptedFiles: [], rejectedFiles: [] };
-		const { acceptedFiles, rejectedFiles } = files;
-		callbackToTrigger?.({ acceptedFiles, rejectedFiles, event });
-
-		return files;
-	}
-	// Fn for opening the file dialog programmatically
-	function openFileDialog() {
-		if (inputElement) {
-			isFileDialogActive = true;
-			inputElement.click();
-		}
-	}
-
-	// open the file dialog when SPACE/ENTER occurs on the dropzone
-	function onDropzoneKeyDown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement | null;
-		const dropzoneElementType = target?.getAttribute('drozone-element-type');
-		// Ignore keyboard events bubbling up the DOM tree
-		if (target?.id !== 'dropzone-element' && dropzoneElementType === 'dropzone-element') {
-			return;
-		}
-
-		if (event.keyCode === 32 || event.keyCode === 13) {
-			event.preventDefault();
-			openFileDialog();
-		}
-	}
-
-	// open the file dialog when click occurs on the dropzone
-	function onDropzoneClick() {
-		if (disableDropzoneClick) {
-			return;
-		}
-
-		// In IE11/Edge the file-browser dialog is blocking, therefore, use setTimeout()
-		// to ensure React can handle state changes
-		// See: https://github.com/react-dropzone/react-dropzone/issues/450
-		if (isIeOrEdge()) {
-			setTimeout(openFileDialog, 0);
-		} else {
-			openFileDialog();
-		}
-	}
-	const onDropzoneDragEnter: EventHandler<DragEvent> = async (event) => {
-		event.preventDefault();
-
-		const target = event.target;
-		if (target) dragTargetsRef = [...dragTargetsRef, target];
-
-		if (isEventWithFiles(event)) {
-			await triggerEventWithFiles(event, onDragenter);
-		}
-	};
-
-	const onDropzoneDragOver: EventHandler<DragEvent> = async (event) => {
-		event.preventDefault();
-
-		if (event.dataTransfer) {
-			try {
-				event.dataTransfer.dropEffect = 'copy';
-			} catch {} /* eslint-disable-line no-empty */
-		}
-
-		if (isEventWithFiles(event)) {
-			await triggerEventWithFiles(event, onDragover);
-		}
-
-		return false;
-	};
-
-	const onDropzoneDragLeave: EventHandler<DragEvent> = async (event) => {
-		event.preventDefault();
-
-		// Only deactivate once the dropzone and all children have been left
-		const targets = dragTargetsRef.filter(
-			(target) => dropzoneRef && dropzoneRef.contains(target as Node)
-		);
-		// Make sure to remove a target present multiple times only once
-		// (Firefox may fire dragenter/dragleave multiple times on the same element)
-		const target = event.target as HTMLElement;
-		const targetIdx = targets.indexOf(target);
-		if (targetIdx !== -1) {
-			targets.splice(targetIdx, 1);
-		}
-		dragTargetsRef = targets;
-		if (targets.length > 0) {
-			return;
-		}
-
-		if (isEventWithFiles(event)) {
-			await triggerEventWithFiles(event, onDragleave);
-		}
-	};
-
-	const onDropzoneDrop = async (event: DragEvent | Event) => {
-		event.preventDefault();
-		isFileDialogActive = false;
-		dragTargetsRef = [];
-		if (isEventWithFiles(event)) {
-			const { acceptedFiles } = await triggerEventWithFiles(event, onDrop);
-			if ('dataTransfer' in event && event.dataTransfer && inputElement) {
-				const dataTransfer = new DataTransfer();
-				const incomingFiles = acceptedFiles;
-				incomingFiles.forEach((v) => dataTransfer.items.add(v));
-				if (appendOnDrop) {
-					for(const file of inputElement.files || []) {
-						dataTransfer.items.add(file);
-					}
-				}
-				inputElement.files = dataTransfer.files;
-			}
-		}
-		event.stopPropagation();
-	};
-
-	let getHandler = $derived(<T extends Event>(fn: EventHandler<T>) => (disabled ? null : fn));
-	let getKeyboardEventHandle = $derived(<T extends Event>(fn: EventHandler<T>) =>
-		disableDropzoneKeydown ? null : getHandler(fn)
-	);
-	let getDragEventHandler = $derived((fn: EventHandler<DragEvent>) =>
-		disableDropzoneDrag ? null : getHandler(fn)
-	);
-
-	let defaultPlaceholderString = $derived(
-		dropzoneText ||
-			(multiple
-				? "Drag 'n' drop some files here, or click to select files"
-				: "Drag 'n' drop a file here, or click to select a file")
-	);
-
-	// allow the entire document to be a drag target
-	function onWindowDragOver(event: DragEvent) {
-		if (preventDropOnDocument) {
-			event.preventDefault();
-		}
-	}
-
-	function onWindowDrop(event: DragEvent) {
-		const target = event.target as HTMLElement;
-		if (!preventDropOnDocument) {
-			return;
-		}
-		if (dropzoneRef?.contains(target)) {
-			// If we intercepted an event for our instance, let it propagate down to the instance's onDrop handler
-			return;
-		}
-		event.preventDefault();
-		dragTargetsRef = [];
-	}
-
-	function onInputElementClick(event: MouseEvent) {
-		event.stopPropagation();
-	}
-
-	function onInputElementCancel(event: Event) {
-		isFileDialogActive = false;
-		onFileDialogCancel?.();
-	}
-	const dropzoneProps = $derived({
-		'data-drozone-element-type': 'dropzone-element',
-		id: 'dropzone-element',
-		tabindex: 0,
-		role: 'button',
-		onkeydown: getKeyboardEventHandle(onDropzoneKeyDown),
-		onclick: getHandler(onDropzoneClick)
-	});
-	const dropzoneAreaProps = $derived({
-		dragenter: getDragEventHandler(onDropzoneDragEnter),
-		dragover: getDragEventHandler(onDropzoneDragOver),
-		dragleave: getDragEventHandler(onDropzoneDragLeave),
-		drop: getDragEventHandler(onDropzoneDrop)
-	});
-
-	$effect(() => {
-		const unsubscribe = useDropzone(dropzoneRef, dropzoneAreaProps);
-		return () => unsubscribe();
-	});
-</script>
-
-<svelte:window on:dragover={onWindowDragOver} on:drop={onWindowDrop} />
-
-{#snippet dropzoneInput()}
-	<input
-		accept={accept?.join(',')}
-		{multiple}
-		{required}
-		type="file"
-		{name}
-		autocomplete="off"
-		tabindex="-1"
-		onchange={onDropzoneDrop}
-		onclick={onInputElementClick}
-		bind:this={inputElement}
-		style="display: none;"
-		oncancel={onInputElementCancel}
-	/>
-{/snippet}
-{#if CustomDropzone}
-	{@render CustomDropzone(dropzoneProps)}
-
-	{@render dropzoneInput()}
-{:else}
-	<DefaultDropzone bind:defaultDropzoneElement {...dropzoneProps}>
-		{@render dropzoneInput()}
-		{#if children}
-			{@render children()}
-		{:else}
-			<p>{defaultPlaceholderString}</p>
-		{/if}
-	</DefaultDropzone>
-{/if}

package/dist/components/form/dropzone/Dropzone.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { DropzoneProps } from './types.js';
-declare const Dropzone: import("svelte").Component<DropzoneProps, {}, "inputElement" | "dropzoneElement">;
-type Dropzone = ReturnType<typeof Dropzone>;
-export default Dropzone;