feat: docker compose maybe

node_modules/@skeletonlabs/skeleton/dist/components/FileDropzone/FileDropzone.svelte

@@ -0,0 +1,63 @@
+<script>export let files = void 0;
+export let fileInput = void 0;
+export let name;
+export let border = "border-2 border-dashed";
+export let padding = "p-4 py-8";
+export let rounded = "rounded-container-token";
+export let regionInterface = "";
+export let regionInterfaceText = "";
+export let slotLead = "mb-4";
+export let slotMessage = "";
+export let slotMeta = "opacity-75";
+const cBase = "textarea relative flex justify-center items-center";
+const cInput = "w-full absolute top-0 left-0 right-0 bottom-0 z-[1] opacity-0 disabled:!opacity-0 cursor-pointer";
+const cInterface = "flex justify-center items-center text-center";
+$:
+  classesBase = `${cBase} ${border} ${padding} ${rounded} ${$$props.class ?? ""}`;
+$:
+  classesInput = `${cInput}`;
+$:
+  classesInterface = `${cInterface}`;
+function prunedRestProps() {
+  delete $$restProps.class;
+  return $$restProps;
+}
+</script>
+
+<div class="dropzone {classesBase}" class:opacity-50={$$restProps.disabled} data-testid="file-dropzone">
+	<!-- Input: File (hidden) -->
+	<!-- NOTE: keep `bind:files` here, unlike FileButton -->
+	<input
+		bind:files
+		bind:this={fileInput}
+		type="file"
+		{name}
+		class="dropzone-input {classesInput}"
+		{...prunedRestProps()}
+		on:change
+		on:dragenter
+		on:dragover
+		on:dragleave
+		on:drop
+		on:click
+		on:keydown
+		on:keyup
+		on:keypress
+		on:focus
+		on:focusin
+		on:focusout
+	/>
+	<!-- Interface -->
+	<div class="dropzone-interface {classesInterface} {regionInterface}">
+		<div class="dropzone-interface-text {regionInterfaceText}">
+			<!-- Lead -->
+			{#if $$slots.lead}<div class="dropzone-lead {slotLead}"><slot name="lead" /></div>{/if}
+			<!-- Message -->
+			<div class="dropzone-message {slotMessage}">
+				<slot name="message"><strong>Upload a file</strong> or drag and drop</slot>
+			</div>
+			<!-- Meta Text -->
+			{#if $$slots.meta}<small class="dropzone-meta {slotMeta}"><slot name="meta" /></small>{/if}
+		</div>
+	</div>
+</div>

node_modules/@skeletonlabs/skeleton/dist/components/FileDropzone/FileDropzone.svelte.d.ts

@@ -0,0 +1,55 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        /** Bind FileList to the file input.*/
+        files?: FileList | undefined;
+        /** File input reference.*/
+        fileInput?: HTMLInputElement | undefined;
+        /** Required. Set a unique name for the file input.*/
+        name: string;
+        /** Provide classes to set the border styles.*/
+        border?: string | undefined;
+        /** Provide classes to set the padding styles.*/
+        padding?: string | undefined;
+        /** Provide classes to set the box radius styles.*/
+        rounded?: string | undefined;
+        /** Provide arbitrary styles for the UI region.*/
+        regionInterface?: string | undefined;
+        /** Provide arbitrary styles for the UI text region.*/
+        regionInterfaceText?: string | undefined;
+        /** Provide arbitrary styles for lead slot container.*/
+        slotLead?: string | undefined;
+        /** Provide arbitrary styles for message slot container.*/
+        slotMessage?: string | undefined;
+        /** Provide arbitrary styles for meta text slot container.*/
+        slotMeta?: string | undefined;
+    };
+    events: {
+        change: Event;
+        dragenter: DragEvent;
+        dragover: DragEvent;
+        dragleave: DragEvent;
+        drop: DragEvent;
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        keypress: KeyboardEvent;
+        focus: FocusEvent;
+        focusin: FocusEvent;
+        focusout: FocusEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        lead: {};
+        message: {};
+        meta: {};
+    };
+};
+export type FileDropzoneProps = typeof __propDef.props;
+export type FileDropzoneEvents = typeof __propDef.events;
+export type FileDropzoneSlots = typeof __propDef.slots;
+export default class FileDropzone extends SvelteComponentTyped<FileDropzoneProps, FileDropzoneEvents, FileDropzoneSlots> {
+}
+export {};