@max-ts/svelte 1.8.4 → 1.9.0

package/dist/assets/src/components/Carousel/Content/{styles.css.ts.vanilla-WeFKZGhD.css → styles.css.ts.vanilla-C9hep06R.css}

@@ -5,7 +5,6 @@
   width: 100%;
   scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
-  overscroll-behavior: contain;
   scrollbar-width: none;
 }
 .styles_content__ho48de0::-webkit-scrollbar {
@@ -16,6 +15,8 @@
   overflow-y: hidden;
   flex-direction: row;
   scroll-snap-type: x mandatory;
+  overscroll-behavior-x: contain;
+  overscroll-behavior-y: auto;
   column-gap: var(--spacing-4);
 }
 .styles_orientation_vertical__ho48de2 {
@@ -23,5 +24,7 @@
   overflow-x: hidden;
   flex-direction: column;
   scroll-snap-type: y mandatory;
+  overscroll-behavior-y: contain;
+  overscroll-behavior-x: auto;
   row-gap: var(--spacing-4);
 }

package/dist/assets/src/components/RangeInput/{styles.css.ts.vanilla-CoGxbKI0.css → styles.css.ts.vanilla-YtyEUyN4.css}

@@ -50,11 +50,9 @@
   border: none;
 }
 .styles_slider__14rk0zx8 {
-  position: absolute;
-  bottom: -1px;
+  bottom: -2px;
   left: 50%;
   transform: translateX(-50%);
-  width: calc(100% - 4px);
 }
 .styles_track__14rk0zx9 {
   background-color: transparent;

package/dist/assets/src/components/SliderInput/styles.css.ts.vanilla-D5Ijdd1P.css

@@ -0,0 +1,66 @@
+.styles_container__d42aim0 {
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  column-gap: var(--spacing-1);
+  background: var(--colors-background-paper);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--radius-medium);
+  transition: border 0.2s;
+}
+.styles_fullWidth__d42aim1 {
+  width: 100%;
+}
+.styles_active__d42aim2 {
+  border-color: var(--colors-primary);
+}
+.styles_sizes_small__d42aim3 {
+  padding: 0.125rem var(--spacing-2);
+  height: 28px;
+  font-size: var(--fontSize-sm);
+}
+.styles_sizes_medium__d42aim4 {
+  padding: var(--spacing-1) var(--spacing-3);
+  height: 36px;
+  font-size: var(--fontSize-base);
+}
+.styles_sizes_large__d42aim5 {
+  padding: var(--spacing-2) var(--spacing-4);
+  height: 44px;
+  font-size: var(--fontSize-lg);
+}
+.styles_text__d42aim6 {
+  font-size: inherit;
+}
+.styles_input__d42aim7 {
+  width: 100%;
+  min-width: 24px;
+  border: none;
+  font-size: inherit;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  outline: none;
+  background: transparent;
+  color: inherit;
+}
+.styles_input__d42aim7:focus {
+  border: none;
+}
+.styles_slider__d42aim8 {
+  position: absolute;
+  bottom: -2px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: calc(100% - var(--radius-large));
+  border-radius: 9999px;
+}
+.styles_track__d42aim9 {
+  background-color: transparent;
+}
+@media (max-width: 600px) {
+  .styles_container__d42aim0 {
+    width: 100%;
+  }
+}

package/dist/components/Carousel/Content/styles.css.js

@@ -1,5 +1,5 @@
 import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Carousel/Content/styles.css.ts.vanilla-WeFKZGhD.css";
+import "./../../../assets/src/components/Carousel/Content/styles.css.ts.vanilla-C9hep06R.css";
 
 //#region src/components/Carousel/Content/styles.css.ts
 var __default__ = {

package/dist/components/RangeInput/RangeInput.js

@@ -1,8 +1,8 @@
 import Typography from "../Typography/Typography.js";
 import { calculateSize } from "../../utils.js";
-import Slider from "../Slider/Slider.js";
 import __default__ from "./styles.css.js";
 import { formatNumber, parseFormattedNumber } from "./utils.js";
+import Slider from "../Slider/Slider.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
@@ -10,7 +10,7 @@ import * as $ from "svelte/internal/client";
 var root = $.from_html(`<div><!> <input type="text" inputmode="numeric" name="min"/> <!> <input type="text" inputmode="numeric" name="max"/> <!> <!></div>`);
 function RangeInput($$anchor, $$props) {
 	$.push($$props, true);
-	let min = $.prop($$props, "min", 3, 0), max = $.prop($$props, "max", 3, 100), minValue = $.prop($$props, "minValue", 31, () => $.proxy(min())), maxValue = $.prop($$props, "maxValue", 31, () => $.proxy(max())), width = $.prop($$props, "width", 3, 180), step = $.prop($$props, "step", 3, 1), size = $.prop($$props, "size", 3, "medium"), ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+	let min = $.prop($$props, "min", 3, 0), max = $.prop($$props, "max", 3, 100), minValue = $.prop($$props, "minValue", 15), maxValue = $.prop($$props, "maxValue", 15), width = $.prop($$props, "width", 3, 180), step = $.prop($$props, "step", 3, 1), size = $.prop($$props, "size", 3, "medium"), ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
@@ -27,49 +27,40 @@ function RangeInput($$anchor, $$props) {
 		"ref",
 		"onValueChange"
 	]);
-	let innerMin = $.state($.proxy(minValue()));
-	let innerMax = $.state($.proxy(maxValue()));
+	let timerId;
+	const calculatedWidth = $.derived(() => calculateSize(width()));
+	let innerValue = $.state($.proxy([minValue() ?? min(), maxValue() ?? max()]));
+	let innerDisplayValue = $.derived(() => [formatNumber($.get(innerValue)[0]), formatNumber($.get(innerValue)[1])]);
 	$.user_effect(() => {
-		$.set(innerMin, minValue() || min(), true);
-		$.set(innerMax, maxValue() || max(), true);
+		$.set(innerValue, [minValue() || min(), maxValue() || max()], true);
 	});
-	const calculatedWidth = $.derived(() => calculateSize(width()));
-	const innerMinDisplay = $.derived(() => formatNumber($.get(innerMin)));
-	const innerMaxDisplay = $.derived(() => formatNumber($.get(innerMax)));
 	const adaptiveStep = $.derived(() => {
 		const range = max() - min();
 		return Math.max(step(), Math.ceil(range / 1e3));
 	});
-	function applyValues(newMin, newMax) {
+	function applyValues([newMin, newMax]) {
 		const clampedMin = Math.max(min(), Math.min(newMin, newMax));
 		const clampedMax = Math.min(max(), Math.max(newMax, newMin));
-		$.set(innerMin, clampedMin, true);
-		$.set(innerMax, clampedMax, true);
+		$.set(innerValue, [clampedMin, clampedMax], true);
 		minValue(clampedMin);
 		maxValue(clampedMax);
 		$$props.onValueChange?.([clampedMin, clampedMax]);
 	}
 	function handleInput(e) {
-		const target = e.target;
-		let value = parseFormattedNumber(target.value.replace(/[^\d\s]/g, ""));
-		if (Number.isNaN(value)) value = target.name === "min" ? min() : max();
-		if (target.name === "min") applyValues(Math.max(min(), Math.min(value, $.get(innerMax))), $.get(innerMax));
-		else applyValues($.get(innerMin), Math.min(max(), Math.max(value, $.get(innerMin))));
-	}
-	function handleBlur() {
-		applyValues($.get(innerMin), $.get(innerMax));
+		clearTimeout(timerId);
+		timerId = setTimeout(() => {
+			const target = e.target;
+			let value = parseFormattedNumber(target.value.replace(/[^\d\s]/g, ""));
+			if (Number.isNaN(value)) value = target.name === "min" ? min() : max();
+			if (target.name === "min") applyValues([value, $.get(innerValue)[1]]);
+			else applyValues([$.get(innerValue)[0], value]);
+		}, 700);
 	}
 	function handleKeyDown(e) {
 		if (e.key === "Enter") e.target.blur();
 	}
-	function handleSliderChange(value) {
-		if (value.length === 2) {
-			$.set(innerMin, value[0], true);
-			$.set(innerMax, value[1], true);
-		}
-	}
 	function handleSliderCommit(value) {
-		if (value.length === 2) applyValues(value[0], value[1]);
+		if (value.length === 2) applyValues(value);
 	}
 	var div = root();
 	$.attribute_effect(div, () => ({
@@ -87,8 +78,8 @@ function RangeInput($$anchor, $$props) {
 		get class() {
 			return __default__.text;
 		},
-		color: "disabled",
-		variant: "body2",
+		color: "muted",
+		variant: "caption",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text = $.text("от");
@@ -103,8 +94,8 @@ function RangeInput($$anchor, $$props) {
 		get class() {
 			return __default__.text;
 		},
-		color: "disabled",
-		variant: "body2",
+		color: "muted",
+		variant: "caption",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text_1 = $.text("до");
@@ -119,8 +110,8 @@ function RangeInput($$anchor, $$props) {
 		get class() {
 			return __default__.text;
 		},
-		color: "disabled",
-		variant: "body2",
+		color: "muted",
+		variant: "caption",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text_2 = $.text();
@@ -129,49 +120,46 @@ function RangeInput($$anchor, $$props) {
 		},
 		$$slots: { default: true }
 	});
-	var node_3 = $.sibling(node_2, 2);
-	{
-		let $0 = $.derived(() => [$.get(innerMin), $.get(innerMax)]);
-		Slider(node_3, {
-			get min() {
-				return min();
-			},
-			get max() {
-				return max();
-			},
-			get size() {
-				return size();
-			},
-			get step() {
-				return $.get(adaptiveStep);
-			},
-			get class() {
-				return __default__.slider;
-			},
-			get trackClass() {
-				return __default__.track;
-			},
-			type: "multiple",
-			get value() {
-				return $.get($0);
-			},
-			onValueChange: handleSliderChange,
-			onValueCommit: handleSliderCommit
-		});
-	}
+	Slider($.sibling(node_2, 2), {
+		get min() {
+			return min();
+		},
+		get max() {
+			return max();
+		},
+		get size() {
+			return size();
+		},
+		get step() {
+			return $.get(adaptiveStep);
+		},
+		get class() {
+			return __default__.slider;
+		},
+		get trackClass() {
+			return __default__.track;
+		},
+		style: "position: absolute;",
+		type: "multiple",
+		onValueCommit: handleSliderCommit,
+		get value() {
+			return $.get(innerValue);
+		},
+		set value($$value) {
+			$.set(innerValue, $$value, true);
+		}
+	});
 	$.reset(div);
 	$.bind_this(div, ($$value) => ref($$value), () => ref());
 	$.template_effect(() => {
 		$.set_class(input, 1, $.clsx(__default__.input));
-		$.set_value(input, $.get(innerMinDisplay));
+		$.set_value(input, $.get(innerDisplayValue)[0]);
 		$.set_class(input_1, 1, $.clsx(__default__.input));
-		$.set_value(input_1, $.get(innerMaxDisplay));
+		$.set_value(input_1, $.get(innerDisplayValue)[1]);
 	});
 	$.delegated("input", input, handleInput);
-	$.event("blur", input, handleBlur);
 	$.delegated("keydown", input, handleKeyDown);
 	$.delegated("input", input_1, handleInput);
-	$.event("blur", input_1, handleBlur);
 	$.delegated("keydown", input_1, handleKeyDown);
 	$.append($$anchor, div);
 	$.pop();

package/dist/components/RangeInput/styles.css.js

@@ -1,5 +1,5 @@
 import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/RangeInput/styles.css.ts.vanilla-CoGxbKI0.css";
+import "./../../assets/src/components/RangeInput/styles.css.ts.vanilla-YtyEUyN4.css";
 
 //#region src/components/RangeInput/styles.css.ts
 var __default__ = {

package/dist/components/ScalableContainer/store.svelte.d.ts

@@ -5,9 +5,6 @@ export interface Position {
 }
 export declare class ScalableContainerStore {
     #private;
-    readonly initialScale: number;
-    readonly minScale: number;
-    readonly maxScale: number;
     readonly meta: string;
     scale: number;
     position: Position;

package/dist/components/ScalableContainer/store.svelte.js

@@ -1,11 +1,7 @@
 //#region src/components/ScalableContainer/store.svelte.ts
 var ScalableContainerStore = class {
-	initialScale;
-	minScale;
-	maxScale;
+	#props;
 	meta;
-	#onScaleChanged;
-	#onPositionChanged;
 	scale = $state(1);
 	position = $state({
 		x: 0,
@@ -25,21 +21,16 @@ var ScalableContainerStore = class {
 	transition = $derived(this.#isDragging ? "none" : "transform 0.1s ease-out");
 	cursor = $derived(this.#isDragging ? "grabbing" : "grab");
 	constructor(props) {
-		this.initialScale = props.initialScale ?? 1;
-		this.scale = props.initialScale ?? 1;
-		this.minScale = props.minScale ?? .1;
-		this.maxScale = props.maxScale ?? 4;
-		this.#onScaleChanged = props.onScaleChanged;
-		this.#onPositionChanged = props.onPositionChanged;
+		this.#props = props;
 		this.meta = typeof window !== "undefined" && window.navigator && /Mac/i.test(navigator.userAgent) ? "⌘" : "ctrl";
 	}
 	#setScale = (value) => {
-		this.scale = Math.max(this.minScale, Math.min(this.maxScale, value));
-		this.#onScaleChanged?.(this.scale);
+		this.scale = Math.max(this.#props.minScale || .1, Math.min(this.#props.maxScale || 4, value));
+		this.#props.onScaleChanged?.(this.scale);
 	};
 	#setPosition = (pos) => {
 		this.position = pos;
-		this.#onPositionChanged?.(pos);
+		this.#props.onPositionChanged?.(pos);
 	};
 	zoomIn = () => {
 		this.#setScale(this.scale * 1.5);
@@ -48,7 +39,7 @@ var ScalableContainerStore = class {
 		this.#setScale(this.scale / 1.5);
 	};
 	reset = () => {
-		this.#setScale(this.initialScale);
+		this.#setScale(this.#props.initialScale || 1);
 		this.#setPosition({
 			x: 0,
 			y: 0
@@ -95,7 +86,6 @@ var ScalableContainerStore = class {
 	movePinch = (t1, t2) => {
 		if (this.#initialPinchDistance === 0) return;
 		const dist = this.#getDistance(t1, t2);
-		console.log({ dist });
 		this.#setScale(this.#initialPinchScale * (dist / this.#initialPinchDistance));
 	};
 	endPinch = () => {

package/dist/components/SliderInput/SliderInput.js

@@ -0,0 +1,133 @@
+import Typography from "../Typography/Typography.js";
+import { calculateSize } from "../../utils.js";
+import Slider from "../Slider/Slider.js";
+import __default__ from "./styles.css.js";
+import { formatNumber, parseFormattedNumber } from "./utils.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/SliderInput/SliderInput.svelte
+var root = $.from_html(`<div><input type="text" inputmode="numeric"/> <!> <!></div>`);
+function SliderInput($$anchor, $$props) {
+	$.push($$props, true);
+	let min = $.prop($$props, "min", 3, 0), max = $.prop($$props, "max", 3, 100), value = $.prop($$props, "value", 15), width = $.prop($$props, "width", 3, 180), step = $.prop($$props, "step", 3, 1), size = $.prop($$props, "size", 3, "medium"), ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"min",
+		"max",
+		"value",
+		"width",
+		"step",
+		"unit",
+		"size",
+		"class",
+		"name",
+		"isActive",
+		"ref",
+		"onValueChange"
+	]);
+	let timerId;
+	const calculatedWidth = $.derived(() => calculateSize(width()));
+	let innerValue = $.state($.proxy(value()));
+	let innerDisplayValue = $.derived(() => formatNumber($.get(innerValue) || min()));
+	$.user_effect(() => {
+		$.set(innerValue, value() || min(), true);
+	});
+	const adaptiveStep = $.derived(() => {
+		const range = max() - min();
+		return Math.max(step(), Math.ceil(range / 1e3));
+	});
+	function applyValues(newValue) {
+		const clampedValue = Math.max(min(), Math.min(max(), newValue));
+		$.set(innerValue, clampedValue, true);
+		value(clampedValue);
+		$$props.onValueChange?.(clampedValue);
+	}
+	function handleInput(e) {
+		clearTimeout(timerId);
+		timerId = setTimeout(() => {
+			const target = e.target;
+			let value = parseFormattedNumber(target.value.replace(/[^\d\s]/g, ""));
+			if (Number.isNaN(value)) value = min();
+			applyValues(value);
+		}, 700);
+	}
+	function handleKeyDown(e) {
+		if (e.key === "Enter") applyValues($.get(innerValue) || min());
+	}
+	function handleSliderCommit(value) {
+		applyValues(value);
+	}
+	var div = root();
+	$.attribute_effect(div, () => ({
+		class: [
+			__default__.container,
+			__default__.sizes[size()],
+			{ [__default__.active]: $$props.isActive },
+			$$props.class
+		],
+		...restProps,
+		[$.STYLE]: { width: $.get(calculatedWidth) }
+	}));
+	var input = $.child(div);
+	$.remove_input_defaults(input);
+	var node = $.sibling(input, 2);
+	Typography(node, {
+		get class() {
+			return __default__.text;
+		},
+		color: "muted",
+		variant: "caption",
+		children: ($$anchor, $$slotProps) => {
+			$.next();
+			var text = $.text();
+			$.template_effect(() => $.set_text(text, $$props.unit));
+			$.append($$anchor, text);
+		},
+		$$slots: { default: true }
+	});
+	Slider($.sibling(node, 2), {
+		get min() {
+			return min();
+		},
+		get max() {
+			return max();
+		},
+		get size() {
+			return size();
+		},
+		get step() {
+			return $.get(adaptiveStep);
+		},
+		get class() {
+			return __default__.slider;
+		},
+		get trackClass() {
+			return __default__.track;
+		},
+		type: "single",
+		onValueCommit: handleSliderCommit,
+		get value() {
+			return $.get(innerValue);
+		},
+		set value($$value) {
+			$.set(innerValue, $$value, true);
+		}
+	});
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.template_effect(() => {
+		$.set_class(input, 1, $.clsx(__default__.input));
+		$.set_value(input, $.get(innerDisplayValue));
+		$.set_attribute(input, "name", $$props.name);
+	});
+	$.delegated("input", input, handleInput);
+	$.delegated("keydown", input, handleKeyDown);
+	$.append($$anchor, div);
+	$.pop();
+}
+$.delegate(["input", "keydown"]);
+
+//#endregion
+export { SliderInput as default };

package/dist/components/SliderInput/SliderInput.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SliderInputProps } from './types';
+declare const SliderInput: import("svelte").Component<SliderInputProps, {}, "value" | "ref">;
+type SliderInput = ReturnType<typeof SliderInput>;
+export default SliderInput;

package/dist/components/SliderInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SliderInput } from './SliderInput.svelte';
+export type * from './types';

package/dist/components/SliderInput/styles.css.d.ts

@@ -0,0 +1,12 @@
+import type { SliderInputSize } from './types';
+declare const _default: {
+    container: string;
+    active: string;
+    sizes: Record<SliderInputSize, string>;
+    text: string;
+    input: string;
+    slider: string;
+    fullWidth: string;
+    track: string;
+};
+export default _default;

package/dist/components/SliderInput/styles.css.js

@@ -0,0 +1,21 @@
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/SliderInput/styles.css.ts.vanilla-D5Ijdd1P.css";
+
+//#region src/components/SliderInput/styles.css.ts
+var __default__ = {
+	container: "styles_container__d42aim0",
+	active: "styles_active__d42aim2",
+	sizes: {
+		small: "styles_sizes_small__d42aim3",
+		medium: "styles_sizes_medium__d42aim4",
+		large: "styles_sizes_large__d42aim5"
+	},
+	text: "styles_text__d42aim6",
+	input: "styles_input__d42aim7",
+	slider: "styles_slider__d42aim8",
+	fullWidth: "styles_fullWidth__d42aim1",
+	track: "styles_track__d42aim9"
+};
+
+//#endregion
+export { __default__ as default };

package/dist/components/SliderInput/types.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../types.ts';
+export type SliderInputSize = 'small' | 'medium' | 'large';
+export interface SliderInputProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    value?: number;
+    min: number;
+    max: number;
+    step?: number;
+    unit?: string;
+    width?: number | string;
+    size?: SliderInputSize;
+    name?: string;
+    isActive?: boolean;
+    onValueChange?: (value: number) => void;
+    id?: string;
+}

package/dist/components/SliderInput/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const formatNumber: (num: number) => string;
+export declare const parseFormattedNumber: (str: string) => number;

package/dist/components/SliderInput/utils.js

@@ -0,0 +1,10 @@
+//#region src/components/SliderInput/utils.ts
+const formatNumber = (num) => {
+	return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+};
+const parseFormattedNumber = (str) => {
+	return parseFloat(str.replace(/\s/g, ""));
+};
+
+//#endregion
+export { formatNumber, parseFormattedNumber };

package/dist/components/index.d.ts

@@ -28,6 +28,7 @@ export { ScalableContainer, type ScalableContainerProps, } from './ScalableConta
 export { Select } from './Select';
 export { Separator, type SeparatorProps, } from './Separator';
 export { Slider, type SliderProps } from './Slider';
+export { SliderInput, type SliderInputProps } from './SliderInput';
 export { Spinner, type SpinnerSize } from './Spinner';
 export { Tabs, type TabsProps } from './Tabs';
 export { Tooltip, type TooltipProps } from './Tooltip';

package/dist/components/index.js

@@ -31,7 +31,8 @@ import Slider from "./Slider/Slider.js";
 import RangeInput from "./RangeInput/RangeInput.js";
 import ScalableContainer from "./ScalableContainer/ScalableContainer.js";
 import { Select } from "./Select/index.js";
+import SliderInput from "./SliderInput/SliderInput.js";
 import { Tabs } from "./Tabs/index.js";
 import Tooltip from "./Tooltip/Tooltip.js";
 
-export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, RangeInput, ScalableContainer, Select, Separator, Slider, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };
+export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, RangeInput, ScalableContainer, Select, Separator, Slider, SliderInput, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };

package/dist/stories/SliderInput.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SliderInput } from '../components';
+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;
+}
+declare const SliderInput: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SliderInput = InstanceType<typeof SliderInput>;
+export default SliderInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.8.4",
+  "version": "1.9.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",