@max-ts/svelte 1.7.1 → 1.7.3

package/dist/components/Calendar/Caption/Caption.js

@@ -6,8 +6,8 @@ import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
 
 //#region src/components/Calendar/Caption/Caption.svelte
 var root_3 = $.from_html(`<!> <!>`, 1);
-var root_5 = $.from_html(`<!> <!>`, 1);
-var root_8 = $.from_html(`<!> <!>`, 1);
+var root_4 = $.from_html(`<!> <!>`, 1);
+var root_6 = $.from_html(`<!> <!>`, 1);
 function Caption($$anchor, $$props) {
 	$.push($$props, true);
 	const monthSelect = ($$anchor) => {
@@ -61,62 +61,46 @@ function Caption($$anchor, $$props) {
 		yearSelect($.sibling(node_1, 2));
 		$.append($$anchor, fragment_3);
 	};
-	var alternate_2 = ($$anchor) => {
-		var fragment_4 = $.comment();
+	var consequent_2 = ($$anchor) => {
+		var fragment_4 = root_4();
 		var node_3 = $.first_child(fragment_4);
-		var consequent_2 = ($$anchor) => {
-			var fragment_5 = root_5();
-			var node_4 = $.first_child(fragment_5);
-			monthSelect(node_4);
-			var node_5 = $.sibling(node_4, 2);
-			var consequent_1 = ($$anchor) => {
-				var text = $.text();
-				$.template_effect(($0) => $.set_text(text, $0), [() => formatYear(placeholder())]);
-				$.append($$anchor, text);
-			};
-			$.if(node_5, ($$render) => {
-				if (placeholder()) $$render(consequent_1);
-			});
-			$.append($$anchor, fragment_5);
+		monthSelect(node_3);
+		var node_4 = $.sibling(node_3, 2);
+		var consequent_1 = ($$anchor) => {
+			var text = $.text();
+			$.template_effect(($0) => $.set_text(text, $0), [() => formatYear(placeholder())]);
+			$.append($$anchor, text);
 		};
-		var alternate_1 = ($$anchor) => {
-			var fragment_7 = $.comment();
-			var node_6 = $.first_child(fragment_7);
-			var consequent_4 = ($$anchor) => {
-				var fragment_8 = root_8();
-				var node_7 = $.first_child(fragment_8);
-				var consequent_3 = ($$anchor) => {
-					var text_1 = $.text();
-					$.template_effect(($0) => $.set_text(text_1, $0), [() => formatMonth(placeholder())]);
-					$.append($$anchor, text_1);
-				};
-				$.if(node_7, ($$render) => {
-					if (placeholder()) $$render(consequent_3);
-				});
-				yearSelect($.sibling(node_7, 2));
-				$.append($$anchor, fragment_8);
-			};
-			var alternate = ($$anchor) => {
-				var text_2 = $.text();
-				$.template_effect(($0, $1) => $.set_text(text_2, `${$0 ?? ""}
-  ${$1 ?? ""}`), [() => formatMonth($$props.month), () => formatYear($$props.month)]);
-				$.append($$anchor, text_2);
-			};
-			$.if(node_6, ($$render) => {
-				if ($$props.captionLayout === "dropdown-years") $$render(consequent_4);
-				else $$render(alternate, false);
-			}, true);
-			$.append($$anchor, fragment_7);
-		};
-		$.if(node_3, ($$render) => {
-			if ($$props.captionLayout === "dropdown-months") $$render(consequent_2);
-			else $$render(alternate_1, false);
-		}, true);
+		$.if(node_4, ($$render) => {
+			if (placeholder()) $$render(consequent_1);
+		});
 		$.append($$anchor, fragment_4);
 	};
+	var consequent_4 = ($$anchor) => {
+		var fragment_6 = root_6();
+		var node_5 = $.first_child(fragment_6);
+		var consequent_3 = ($$anchor) => {
+			var text_1 = $.text();
+			$.template_effect(($0) => $.set_text(text_1, $0), [() => formatMonth(placeholder())]);
+			$.append($$anchor, text_1);
+		};
+		$.if(node_5, ($$render) => {
+			if (placeholder()) $$render(consequent_3);
+		});
+		yearSelect($.sibling(node_5, 2));
+		$.append($$anchor, fragment_6);
+	};
+	var alternate = ($$anchor) => {
+		var text_2 = $.text();
+		$.template_effect(($0, $1) => $.set_text(text_2, `${$0 ?? ""}
+  ${$1 ?? ""}`), [() => formatMonth($$props.month), () => formatYear($$props.month)]);
+		$.append($$anchor, text_2);
+	};
 	$.if(node, ($$render) => {
 		if ($$props.captionLayout === "dropdown") $$render(consequent);
-		else $$render(alternate_2, false);
+		else if ($$props.captionLayout === "dropdown-months") $$render(consequent_2, 1);
+		else if ($$props.captionLayout === "dropdown-years") $$render(consequent_4, 2);
+		else $$render(alternate, false);
 	});
 	$.append($$anchor, fragment_2);
 	$.pop();

package/dist/components/Carousel/Dots/Dots.js

@@ -25,8 +25,8 @@ function Dots($$anchor, $$props) {
 	}));
 	$.each(div, 21, () => emblaCtx.scrollSnaps, $.index, ($$anchor, _, index) => {
 		var button = root_1();
-		button.__click = () => onClick(index);
 		$.template_effect(() => $.set_class(button, 1, $.clsx([__default__.dotButton[emblaCtx.orientation], { [__default__.selected]: index === emblaCtx.selectedIndex }])));
+		$.delegated("click", button, () => onClick(index));
 		$.append($$anchor, button);
 	});
 	$.reset(div);

package/dist/components/Checkbox/Checkbox.js

@@ -28,20 +28,12 @@ function Checkbox$1($$anchor, $$props) {
 			var consequent = ($$anchor) => {
 				CheckIcon($$anchor, { size: 16 });
 			};
-			var alternate = ($$anchor) => {
-				var fragment_2 = $.comment();
-				var node_2 = $.first_child(fragment_2);
-				var consequent_1 = ($$anchor) => {
-					MinusIcon($$anchor, { size: 16 });
-				};
-				$.if(node_2, ($$render) => {
-					if (indeterminate()) $$render(consequent_1);
-				}, true);
-				$.append($$anchor, fragment_2);
+			var consequent_1 = ($$anchor) => {
+				MinusIcon($$anchor, { size: 16 });
 			};
 			$.if(node_1, ($$render) => {
 				if (checked()) $$render(consequent);
-				else $$render(alternate, false);
+				else if (indeterminate()) $$render(consequent_1, 1);
 			});
 			$.reset(div);
 			$.template_effect(() => $.set_class(div, 1, $.clsx(__default__.checkboxIndicator)));

package/dist/components/ContentState/ContentState.js

@@ -46,60 +46,44 @@ function ContentState($$anchor, $$props) {
 		$.template_effect(() => $.set_class(div, 1, $.clsx(__default__.loadingContainer)));
 		$.append($$anchor, div);
 	};
-	var alternate_3 = ($$anchor) => {
-		var fragment_4 = $.comment();
-		var node_2 = $.first_child(fragment_4);
-		var consequent_2 = ($$anchor) => {
-			Placeholder($$anchor, $.spread_props(() => $$props.customState));
-		};
-		var alternate_2 = ($$anchor) => {
-			var fragment_6 = $.comment();
-			var node_3 = $.first_child(fragment_6);
-			var consequent_3 = ($$anchor) => {
-				{
-					let $0 = $.derived(() => $$props.errorState.title || "Произошла ошибка");
-					let $1 = $.derived(() => $$props.errorState.errorList.join(", "));
-					let $2 = $.derived(() => $$props.errorState.actions || actionSnippet);
-					Placeholder($$anchor, {
-						get title() {
-							return $.get($0);
-						},
-						get description() {
-							return $.get($1);
-						},
-						get imgAlt() {
-							return $$props.errorState.imgAlt;
-						},
-						get imgSrc() {
-							return $$props.errorState.imgSrc;
-						},
-						get actions() {
-							return $.get($2);
-						}
-					});
+	var consequent_2 = ($$anchor) => {
+		Placeholder($$anchor, $.spread_props(() => $$props.customState));
+	};
+	var consequent_3 = ($$anchor) => {
+		{
+			let $0 = $.derived(() => $$props.errorState.title || "Произошла ошибка");
+			let $1 = $.derived(() => $$props.errorState.errorList.join(", "));
+			let $2 = $.derived(() => $$props.errorState.actions || actionSnippet);
+			Placeholder($$anchor, {
+				get title() {
+					return $.get($0);
+				},
+				get description() {
+					return $.get($1);
+				},
+				get imgAlt() {
+					return $$props.errorState.imgAlt;
+				},
+				get imgSrc() {
+					return $$props.errorState.imgSrc;
+				},
+				get actions() {
+					return $.get($2);
 				}
-			};
-			var alternate_1 = ($$anchor) => {
-				var fragment_8 = $.comment();
-				var node_4 = $.first_child(fragment_8);
-				$.snippet(node_4, () => $$props.children ?? $.noop);
-				$.append($$anchor, fragment_8);
-			};
-			$.if(node_3, ($$render) => {
-				if ($$props.isError && $$props.errorState) $$render(consequent_3);
-				else $$render(alternate_1, false);
-			}, true);
-			$.append($$anchor, fragment_6);
-		};
-		$.if(node_2, ($$render) => {
-			if ($$props.isCustom && $$props.customState) $$render(consequent_2);
-			else $$render(alternate_2, false);
-		}, true);
-		$.append($$anchor, fragment_4);
+			});
+		}
+	};
+	var alternate_1 = ($$anchor) => {
+		var fragment_6 = $.comment();
+		var node_2 = $.first_child(fragment_6);
+		$.snippet(node_2, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment_6);
 	};
 	$.if(node, ($$render) => {
 		if ($$props.isLoading) $$render(consequent_1);
-		else $$render(alternate_3, false);
+		else if ($$props.isCustom && $$props.customState) $$render(consequent_2, 1);
+		else if ($$props.isError && $$props.errorState) $$render(consequent_3, 2);
+		else $$render(alternate_1, false);
 	});
 	$.append($$anchor, fragment_1);
 	$.pop();

package/dist/components/DataGrid/Cell/Cell.js

@@ -18,41 +18,25 @@ function Cell($$anchor, $$props) {
 		$.snippet(node_1, () => $$props.column.cell, () => $$props.row, () => $$props.rowIndex);
 		$.append($$anchor, fragment);
 	};
-	var alternate_2 = ($$anchor) => {
-		var fragment_1 = $.comment();
-		var node_2 = $.first_child(fragment_1);
-		var consequent_1 = ($$anchor) => {
-			var text = $.text();
-			$.template_effect(($0) => $.set_text(text, $0), [() => $$props.column.format($$props.row) || "—"]);
-			$.append($$anchor, text);
-		};
-		var alternate_1 = ($$anchor) => {
-			var fragment_3 = $.comment();
-			var node_3 = $.first_child(fragment_3);
-			var consequent_2 = ($$anchor) => {
-				var text_1 = $.text();
-				$.template_effect(() => $.set_text(text_1, $$props.row[$$props.column.field] || "—"));
-				$.append($$anchor, text_1);
-			};
-			var alternate = ($$anchor) => {
-				var text_2 = $.text("—");
-				$.append($$anchor, text_2);
-			};
-			$.if(node_3, ($$render) => {
-				if ($$props.column.field) $$render(consequent_2);
-				else $$render(alternate, false);
-			}, true);
-			$.append($$anchor, fragment_3);
-		};
-		$.if(node_2, ($$render) => {
-			if ($$props.column.format) $$render(consequent_1);
-			else $$render(alternate_1, false);
-		}, true);
-		$.append($$anchor, fragment_1);
+	var consequent_1 = ($$anchor) => {
+		var text = $.text();
+		$.template_effect(($0) => $.set_text(text, $0), [() => $$props.column.format($$props.row) || "—"]);
+		$.append($$anchor, text);
+	};
+	var consequent_2 = ($$anchor) => {
+		var text_1 = $.text();
+		$.template_effect(() => $.set_text(text_1, $$props.row[$$props.column.field] || "—"));
+		$.append($$anchor, text_1);
+	};
+	var alternate = ($$anchor) => {
+		var text_2 = $.text("—");
+		$.append($$anchor, text_2);
 	};
 	$.if(node, ($$render) => {
 		if ($$props.column.cell) $$render(consequent);
-		else $$render(alternate_2, false);
+		else if ($$props.column.format) $$render(consequent_1, 1);
+		else if ($$props.column.field) $$render(consequent_2, 2);
+		else $$render(alternate, false);
 	});
 	$.reset(td);
 	$.template_effect(($0) => {

package/dist/components/DataGrid/Row/Row.js

@@ -11,8 +11,6 @@ function Row($$anchor, $$props) {
 		if ($$props.onRowClick) $$props.onRowClick($$props.row);
 	};
 	var tr = root();
-	tr.__click = handleSelect;
-	tr.__keydown = handleSelect;
 	$.each(tr, 23, () => $$props.columns, (column, index) => `${$$props.rowId}-${index}`, ($$anchor, column) => {
 		Cell($$anchor, {
 			get row() {
@@ -31,6 +29,8 @@ function Row($$anchor, $$props) {
 	});
 	$.reset(tr);
 	$.template_effect(() => $.set_class(tr, 1, $.clsx([__default__.row, { [__default__.selectable]: !!$$props.onRowClick }])));
+	$.delegated("click", tr, handleSelect);
+	$.delegated("keydown", tr, handleSelect);
 	$.append($$anchor, tr);
 	$.pop();
 }

package/dist/components/DataGrid/State/State.js

@@ -7,8 +7,8 @@ import * as $ from "svelte/internal/client";
 
 //#region src/components/DataGrid/State/State.svelte
 var root_5 = $.from_html(`<tr><td align="center"><span><!></span></td></tr>`);
+var root_6 = $.from_html(`<tr><td align="center"><!></td></tr>`);
 var root_7 = $.from_html(`<tr><td align="center"><!></td></tr>`);
-var root_9 = $.from_html(`<tr><td align="center"><!></td></tr>`);
 function State($$anchor, $$props) {
 	$.push($$props, true);
 	const actions = ($$anchor) => {
@@ -56,73 +56,57 @@ function State($$anchor, $$props) {
 		});
 		$.append($$anchor, tr);
 	};
-	var alternate_2 = ($$anchor) => {
-		var fragment_3 = $.comment();
-		var node_3 = $.first_child(fragment_3);
-		var consequent_2 = ($$anchor) => {
-			var tr_1 = root_7();
-			var td_1 = $.child(tr_1);
-			Placeholder($.child(td_1), {
-				get title() {
-					return $.get(emptyStateData).text;
-				},
-				get imgSrc() {
-					return $.get(emptyStateData).imgSrc;
-				},
-				get imgAlt() {
-					return $.get(emptyStateData).imgAlt;
-				}
-			});
-			$.reset(td_1);
-			$.reset(tr_1);
-			$.template_effect(() => {
-				$.set_class(tr_1, 1, $.clsx(__default__.container));
-				$.set_attribute(td_1, "colspan", $$props.columnsLength);
-			});
-			$.append($$anchor, tr_1);
-		};
-		var alternate_1 = ($$anchor) => {
-			var fragment_4 = $.comment();
-			var node_5 = $.first_child(fragment_4);
-			var consequent_3 = ($$anchor) => {
-				var tr_2 = root_9();
-				var td_2 = $.child(tr_2);
-				Placeholder($.child(td_2), {
-					get title() {
-						return $.get(errorStateData).text;
-					},
-					get imgSrc() {
-						return $.get(errorStateData).imgSrc;
-					},
-					get imgAlt() {
-						return $.get(errorStateData).imgAlt;
-					},
-					get actions() {
-						return actions;
-					}
-				});
-				$.reset(td_2);
-				$.reset(tr_2);
-				$.template_effect(() => {
-					$.set_class(tr_2, 1, $.clsx(__default__.container));
-					$.set_attribute(td_2, "colspan", $$props.columnsLength);
-				});
-				$.append($$anchor, tr_2);
-			};
-			$.if(node_5, ($$render) => {
-				if ($$props.isError) $$render(consequent_3);
-			}, true);
-			$.append($$anchor, fragment_4);
-		};
-		$.if(node_3, ($$render) => {
-			if ($$props.isEmpty) $$render(consequent_2);
-			else $$render(alternate_1, false);
-		}, true);
-		$.append($$anchor, fragment_3);
+	var consequent_2 = ($$anchor) => {
+		var tr_1 = root_6();
+		var td_1 = $.child(tr_1);
+		Placeholder($.child(td_1), {
+			get title() {
+				return $.get(emptyStateData).text;
+			},
+			get imgSrc() {
+				return $.get(emptyStateData).imgSrc;
+			},
+			get imgAlt() {
+				return $.get(emptyStateData).imgAlt;
+			}
+		});
+		$.reset(td_1);
+		$.reset(tr_1);
+		$.template_effect(() => {
+			$.set_class(tr_1, 1, $.clsx(__default__.container));
+			$.set_attribute(td_1, "colspan", $$props.columnsLength);
+		});
+		$.append($$anchor, tr_1);
+	};
+	var consequent_3 = ($$anchor) => {
+		var tr_2 = root_7();
+		var td_2 = $.child(tr_2);
+		Placeholder($.child(td_2), {
+			get title() {
+				return $.get(errorStateData).text;
+			},
+			get imgSrc() {
+				return $.get(errorStateData).imgSrc;
+			},
+			get imgAlt() {
+				return $.get(errorStateData).imgAlt;
+			},
+			get actions() {
+				return actions;
+			}
+		});
+		$.reset(td_2);
+		$.reset(tr_2);
+		$.template_effect(() => {
+			$.set_class(tr_2, 1, $.clsx(__default__.container));
+			$.set_attribute(td_2, "colspan", $$props.columnsLength);
+		});
+		$.append($$anchor, tr_2);
 	};
 	$.if(node_1, ($$render) => {
 		if ($$props.isLoading) $$render(consequent_1);
-		else $$render(alternate_2, false);
+		else if ($$props.isEmpty) $$render(consequent_2, 1);
+		else if ($$props.isError) $$render(consequent_3, 2);
 	});
 	$.append($$anchor, fragment_2);
 	$.pop();

package/dist/components/DataGridSortHeader/DataGridSortHeader.js

@@ -23,7 +23,6 @@ function DataGridSortHeader($$anchor, $$props) {
 	var node = $.first_child(fragment);
 	var consequent_2 = ($$anchor) => {
 		var button = root_1();
-		button.__click = handleClick;
 		var text = $.child(button);
 		var node_1 = $.sibling(text);
 		var consequent_1 = ($$anchor) => {
@@ -57,6 +56,7 @@ function DataGridSortHeader($$anchor, $$props) {
 			]));
 			$.set_text(text, `${$.get(title) ?? ""} `);
 		});
+		$.delegated("click", button, handleClick);
 		$.append($$anchor, button);
 	};
 	$.if(node, ($$render) => {

package/dist/components/Drawer/Content/Content.js

@@ -71,10 +71,10 @@ function Content($$anchor, $$props) {
 							var node_2 = $.first_child(fragment_2);
 							var consequent = ($$anchor) => {
 								var div = root_3();
-								div.__touchmove = handleTouchMove;
-								div.__touchstart = handleTouchStart;
-								div.__touchend = handleTouchEnd;
 								$.template_effect(() => $.set_class(div, 1, $.clsx(__default__.handle)));
+								$.delegated("touchmove", div, handleTouchMove, void 0, true);
+								$.delegated("touchstart", div, handleTouchStart, void 0, true);
+								$.delegated("touchend", div, handleTouchEnd);
 								$.append($$anchor, div);
 							};
 							$.if(node_2, ($$render) => {

package/dist/components/Field/FieldError/FieldError.js

@@ -3,8 +3,8 @@ import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
 //#region src/components/Field/FieldError/FieldError.svelte
-var root_8 = $.from_html(`<li> </li>`);
-var root_6 = $.from_html(`<ul></ul>`);
+var root_6 = $.from_html(`<li> </li>`);
+var root_4 = $.from_html(`<ul></ul>`);
 var root_1 = $.from_html(`<div><!></div>`);
 function FieldError($$anchor, $$props) {
 	$.push($$props, true);
@@ -42,51 +42,35 @@ function FieldError($$anchor, $$props) {
 			$.snippet(node_2, () => $$props.children);
 			$.append($$anchor, fragment_1);
 		};
-		var alternate_1 = ($$anchor) => {
-			var fragment_2 = $.comment();
-			var node_3 = $.first_child(fragment_2);
-			var consequent_1 = ($$anchor) => {
-				var text = $.text();
-				$.template_effect(() => $.set_text(text, $.get(singleErrorMessage)));
-				$.append($$anchor, text);
-			};
-			var alternate = ($$anchor) => {
-				var fragment_4 = $.comment();
-				var node_4 = $.first_child(fragment_4);
-				var consequent_3 = ($$anchor) => {
-					var ul = root_6();
-					$.each(ul, 21, () => $$props.errors ?? [], $.index, ($$anchor, error) => {
-						var fragment_5 = $.comment();
-						var node_5 = $.first_child(fragment_5);
-						var consequent_2 = ($$anchor) => {
-							var li = root_8();
-							var text_1 = $.child(li, true);
-							$.reset(li);
-							$.template_effect(() => $.set_text(text_1, $.get(error).message));
-							$.append($$anchor, li);
-						};
-						$.if(node_5, ($$render) => {
-							if ($.get(error)?.message) $$render(consequent_2);
-						});
-						$.append($$anchor, fragment_5);
-					});
-					$.reset(ul);
-					$.append($$anchor, ul);
+		var consequent_1 = ($$anchor) => {
+			var text = $.text();
+			$.template_effect(() => $.set_text(text, $.get(singleErrorMessage)));
+			$.append($$anchor, text);
+		};
+		var consequent_3 = ($$anchor) => {
+			var ul = root_4();
+			$.each(ul, 21, () => $$props.errors ?? [], $.index, ($$anchor, error) => {
+				var fragment_3 = $.comment();
+				var node_3 = $.first_child(fragment_3);
+				var consequent_2 = ($$anchor) => {
+					var li = root_6();
+					var text_1 = $.child(li, true);
+					$.reset(li);
+					$.template_effect(() => $.set_text(text_1, $.get(error).message));
+					$.append($$anchor, li);
 				};
-				$.if(node_4, ($$render) => {
-					if ($.get(isMultipleErrors)) $$render(consequent_3);
-				}, true);
-				$.append($$anchor, fragment_4);
-			};
-			$.if(node_3, ($$render) => {
-				if ($.get(singleErrorMessage)) $$render(consequent_1);
-				else $$render(alternate, false);
-			}, true);
-			$.append($$anchor, fragment_2);
+				$.if(node_3, ($$render) => {
+					if ($.get(error)?.message) $$render(consequent_2);
+				});
+				$.append($$anchor, fragment_3);
+			});
+			$.reset(ul);
+			$.append($$anchor, ul);
 		};
 		$.if(node_1, ($$render) => {
 			if ($$props.children) $$render(consequent);
-			else $$render(alternate_1, false);
+			else if ($.get(singleErrorMessage)) $$render(consequent_1, 1);
+			else if ($.get(isMultipleErrors)) $$render(consequent_3, 2);
 		});
 		$.reset(div);
 		$.bind_this(div, ($$value) => ref($$value), () => ref());

package/dist/components/RangeInput/RangeInput.js

@@ -30,8 +30,8 @@ function RangeInput($$anchor, $$props) {
 	let innerMin = $.state($.proxy(minValue()));
 	let innerMax = $.state($.proxy(maxValue()));
 	$.user_effect(() => {
-		$.set(innerMin, minValue(), true);
-		$.set(innerMax, maxValue(), true);
+		$.set(innerMin, minValue() || min(), true);
+		$.set(innerMax, maxValue() || max(), true);
 	});
 	const calculatedWidth = $.derived(() => calculateSize(width()));
 	const innerMinDisplay = $.derived(() => formatNumber($.get(innerMin)));
@@ -98,8 +98,6 @@ function RangeInput($$anchor, $$props) {
 	});
 	var input = $.sibling(node, 2);
 	$.remove_input_defaults(input);
-	input.__input = handleInput;
-	input.__keydown = handleKeyDown;
 	var node_1 = $.sibling(input, 2);
 	Typography(node_1, {
 		get class() {
@@ -116,8 +114,6 @@ function RangeInput($$anchor, $$props) {
 	});
 	var input_1 = $.sibling(node_1, 2);
 	$.remove_input_defaults(input_1);
-	input_1.__input = handleInput;
-	input_1.__keydown = handleKeyDown;
 	var node_2 = $.sibling(input_1, 2);
 	Typography(node_2, {
 		get class() {
@@ -168,8 +164,12 @@ function RangeInput($$anchor, $$props) {
 		$.set_class(input_1, 1, $.clsx(__default__.input));
 		$.set_value(input_1, $.get(innerMaxDisplay));
 	});
+	$.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -39,18 +39,18 @@
     "svelte": "^5.46.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.14",
+    "@biomejs/biome": "^2.4.4",
     "@changesets/cli": "^2.29.8",
     "@chromatic-com/storybook": "^5.0.1",
     "@internationalized/date": "^3.11.0",
-    "@storybook/addon-a11y": "^10.2.8",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-svelte-csf": "^5.0.10",
-    "@storybook/addon-vitest": "^10.2.8",
-    "@storybook/sveltekit": "^10.2.8",
+    "@storybook/addon-a11y": "^10.2.10",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-svelte-csf": "^5.0.11",
+    "@storybook/addon-vitest": "^10.2.10",
+    "@storybook/sveltekit": "^10.2.10",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@tsconfig/svelte": "^5.0.7",
-    "@types/node": "^25.2.2",
+    "@tsconfig/svelte": "^5.0.8",
+    "@types/node": "^25.3.0",
     "@vanilla-extract/css": "^1.18.0",
     "@vanilla-extract/rollup-plugin": "^1.5.1",
     "@vanilla-extract/vite-plugin": "^5.1.4",
@@ -59,21 +59,21 @@
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-svelte": "^8.6.0",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.2.8",
-    "svelte": "^5.50.1",
-    "svelte-check": "^4.3.6",
+    "storybook": "^10.2.10",
+    "svelte": "^5.53.2",
+    "svelte-check": "^4.4.3",
     "svelte-preprocess": "^6.0.3",
-    "svelte2tsx": "^0.7.47",
+    "svelte2tsx": "^0.7.51",
     "tsdown": "0.20.3",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.1.0",
+    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.0.18",
     "vitest-browser-svelte": "^2.0.2"
   },
   "dependencies": {
-    "@lucide/svelte": "^0.563.1",
-    "bits-ui": "^2.15.5"
+    "@lucide/svelte": "^0.575.0",
+    "bits-ui": "^2.16.2"
   },
   "scripts": {
     "build": "tsdown",