feat: docker compose maybe

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

@@ -0,0 +1,72 @@
+<script>import { afterUpdate } from "svelte";
+export let name;
+export let id = String(Math.random());
+export let value = 0;
+export let min = 0;
+export let max = 100;
+export let step = 1;
+export let ticked = false;
+export let accent = "accent-surface-900 dark:accent-surface-50";
+export let label = "";
+const cBase = "space-y-2";
+const cBaseLabel = "";
+const cBaseContent = "flex justify-center py-2";
+const cBaseInput = "w-full h-2";
+let tickmarks;
+function setTicks() {
+  if (ticked == false)
+    return;
+  tickmarks = Array.from({ length: max - min + 1 }, (_, i) => i + min);
+}
+if (ticked)
+  setTicks();
+afterUpdate(() => {
+  setTicks();
+});
+$:
+  classesBase = `${cBase} ${$$props.class ?? ""}`;
+$:
+  classesInput = `${cBaseInput} ${accent}`;
+function prunedRestProps() {
+  delete $$restProps.class;
+  return $$restProps;
+}
+</script>
+
+<div class="range-slider {classesBase}" data-testid="range-slider">
+	<!-- Slot: Default -->
+	{#if $$slots.default}<label class="range-slider-label {cBaseLabel}" for={id}><slot /></label>{/if}
+
+	<!-- Content -->
+	<div class="range-content {cBaseContent}">
+		<!-- Input -->
+		<input
+			type="range"
+			{id}
+			{name}
+			class="range-slider-input {classesInput}"
+			list="tickmarks-{id}"
+			aria-label={label}
+			{min}
+			{max}
+			{step}
+			bind:value
+			on:click
+			on:change
+			on:blur
+			{...prunedRestProps()}
+		/>
+
+		<!-- Tickmarks -->
+		{#if ticked && tickmarks && tickmarks.length}
+			<datalist id="tickmarks-{id}" class="range-slider-ticks">
+				{#each tickmarks as tm}
+					<option value={tm} label={tm} />
+				{/each}
+			</datalist>
+		{/if}
+	</div>
+
+	<!-- Slot: Trail -->
+	{#if $$slots.trail}<div class="range-slider-trail"><slot name="trail" /></div>{/if}
+</div>

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

@@ -0,0 +1,41 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        /** Required. Set a unique name for the input.*/
+        name: string;
+        /** Provide a unique input id. Auto-generated by default*/
+        id?: string | undefined;
+        /** Set the input value.*/
+        value?: number | undefined;
+        /** Set the input minimum range.*/
+        min?: number | undefined;
+        /** Set the input maximum range.*/
+        max?: number | undefined;
+        /** Set the input step offset.*/
+        step?: number | undefined;
+        /** Enables tick marks. See browser support below.*/
+        ticked?: boolean | undefined;
+        /** Provide classes to set the input accent color.*/
+        accent?: string | undefined;
+        /** A semantic ARIA label.*/
+        label?: string | undefined;
+    };
+    events: {
+        click: MouseEvent;
+        change: Event;
+        blur: FocusEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+        trail: {};
+    };
+};
+export type RangeSliderProps = typeof __propDef.props;
+export type RangeSliderEvents = typeof __propDef.events;
+export type RangeSliderSlots = typeof __propDef.slots;
+export default class RangeSlider extends SvelteComponentTyped<RangeSliderProps, RangeSliderEvents, RangeSliderSlots> {
+}
+export {};