@max-ts/svelte 1.10.3 → 1.10.5

package/dist/assets/styles.css

@@ -432,7 +432,7 @@ img, picture, video, canvas {
   height: var(--spacing-7);
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-small);
-  font-size: var(--fontSize-xs);
+  font-size: var(--fontSize-sm);
 }
 .styles_buttonSizes_medium__16himhaa {
   height: var(--spacing-9);

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

@@ -2,9 +2,6 @@ import type { Tooltip } from 'bits-ui';
 import type { Snippet } from 'svelte';
 export type TooltipProps<Payload = never> = Tooltip.RootProps & {
     content?: Snippet<[]> | string;
-    child?: Snippet<[{
-        props: Record<string, unknown>;
-    }]>;
     arrow?: boolean;
     align?: Tooltip.ContentProps['align'];
     sideOffset?: number;

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

@@ -31,7 +31,7 @@ function Content($$anchor, $$props) {
 	const style = $.derived(() => $.get(position) ? { transform: `translateY(${$.get(position)}px)` } : void 0);
 	function handleTouchStart(event) {
 		$.set(isDragging, true);
-		$.set(startPosition, event.touches[0]?.clientY ?? null, true);
+		$.set(startPosition, event.touches[0]?.clientY, true);
 	}
 	function handleTouchMove(event) {
 		const clientY = event.touches[0]?.clientY ?? $.get(position);
@@ -39,7 +39,7 @@ function Content($$anchor, $$props) {
 	}
 	function handleTouchEnd() {
 		$.set(isDragging, false);
-		if ($.get(position) && $.get(startPosition) && $.get(position) - $.get(startPosition) > swipeCloseThreshold()) drawer?.close();
+		if ($.get(position) && $.get(position) > swipeCloseThreshold()) drawer?.close();
 		$.set(startPosition, void 0);
 		$.set(position, void 0);
 	}

package/dist/src/components/RangeInput/RangeInput.js

@@ -30,10 +30,11 @@ function RangeInput($$anchor, $$props) {
 	]);
 	let timerId;
 	const calculatedWidth = $.derived(() => calculateSize(width()));
-	let innerMin = $.derived(() => formatNumber(value()?.[0] || min()));
-	let innerMax = $.derived(() => formatNumber(value()?.[1] || max()));
+	let innerValue = $.state($.proxy([value()?.[0] || min(), value()?.[1] || max()]));
+	let innerMin = $.derived(() => formatNumber($.get(innerValue)[0]));
+	let innerMax = $.derived(() => formatNumber($.get(innerValue)[1]));
 	$.user_effect(() => {
-		if (!value()) value([min(), max()]);
+		$.set(innerValue, [value()?.[0] || min(), value()?.[1] || max()], true);
 	});
 	const adaptiveStep = $.derived(() => {
 		const range = max() - min();
@@ -80,7 +81,7 @@ function RangeInput($$anchor, $$props) {
 			return text;
 		},
 		color: "muted",
-		variant: "caption",
+		variant: "body2",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text = $.text("от");
@@ -96,7 +97,7 @@ function RangeInput($$anchor, $$props) {
 			return text;
 		},
 		color: "muted",
-		variant: "caption",
+		variant: "body2",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text_1 = $.text("до");
@@ -112,7 +113,7 @@ function RangeInput($$anchor, $$props) {
 			return text;
 		},
 		color: "muted",
-		variant: "caption",
+		variant: "body2",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text_2 = $.text();
@@ -145,10 +146,10 @@ function RangeInput($$anchor, $$props) {
 		onValueCommit: handleSliderCommit,
 		onValueChange: handleSliderChange,
 		get value() {
-			return value();
+			return $.get(innerValue);
 		},
 		set value($$value) {
-			value($$value);
+			$.set(innerValue, $$value, true);
 		}
 	});
 	$.reset(div);

package/dist/src/components/Tooltip/Tooltip.js

@@ -8,10 +8,7 @@ import { Tooltip } from "bits-ui";
 var root_2 = $.from_html(`<!> <!>`, 1);
 function Tooltip$1($$anchor, $$props) {
 	$.push($$props, true);
-	let open = $.prop($$props, "open", 15, false), alignOffset = $.prop($$props, "alignOffset", 3, 0), sideOffset = $.prop($$props, "sideOffset", 3, 4), side = $.prop($$props, "side", 3, "top");
-	$.prop($$props, "triggerId", 3, null);
-	$.prop($$props, "payload", 3, null);
-	let restProps = $.rest_props($$props, [
+	let open = $.prop($$props, "open", 15, false), alignOffset = $.prop($$props, "alignOffset", 3, 0), sideOffset = $.prop($$props, "sideOffset", 3, 4), side = $.prop($$props, "side", 3, "top"), triggerId = $.prop($$props, "triggerId", 3, null), payload = $.prop($$props, "payload", 3, null), restProps = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
@@ -25,8 +22,7 @@ function Tooltip$1($$anchor, $$props) {
 		"arrow",
 		"arrowClass",
 		"triggerId",
-		"payload",
-		"child"
+		"payload"
 	]);
 	Provider($$anchor, {
 		children: ($$anchor, $$slotProps) => {
@@ -43,9 +39,19 @@ function Tooltip$1($$anchor, $$props) {
 					children: ($$anchor, $$slotProps) => {
 						var fragment_2 = root_2();
 						var node_1 = $.first_child(fragment_2);
-						Trigger(node_1, { get child() {
-							return $$props.child;
-						} });
+						Trigger(node_1, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_3 = $.comment();
+								var node_2 = $.first_child(fragment_3);
+								$.snippet(node_2, () => $$props.children ?? $.noop, () => ({
+									open: open(),
+									triggerId: triggerId(),
+									payload: payload()
+								}));
+								$.append($$anchor, fragment_3);
+							},
+							$$slots: { default: true }
+						});
 						Content($.sibling(node_1, 2), {
 							get class() {
 								return $$props.class;
@@ -67,24 +73,24 @@ function Tooltip$1($$anchor, $$props) {
 							},
 							hideWhenDetached: true,
 							children: ($$anchor, $$slotProps) => {
-								var fragment_3 = $.comment();
-								var node_3 = $.first_child(fragment_3);
+								var fragment_4 = $.comment();
+								var node_4 = $.first_child(fragment_4);
 								var consequent = ($$anchor) => {
 									var text = $.text();
 									$.template_effect(() => $.set_text(text, $$props.content));
 									$.append($$anchor, text);
 								};
 								var alternate = ($$anchor) => {
-									var fragment_5 = $.comment();
-									var node_4 = $.first_child(fragment_5);
-									$.snippet(node_4, () => $$props.content ?? $.noop);
-									$.append($$anchor, fragment_5);
+									var fragment_6 = $.comment();
+									var node_5 = $.first_child(fragment_6);
+									$.snippet(node_5, () => $$props.content ?? $.noop);
+									$.append($$anchor, fragment_6);
 								};
-								$.if(node_3, ($$render) => {
+								$.if(node_4, ($$render) => {
 									if (typeof $$props.content === "string") $$render(consequent);
 									else $$render(alternate, -1);
 								});
-								$.append($$anchor, fragment_3);
+								$.append($$anchor, fragment_4);
 							},
 							$$slots: { default: true }
 						});

package/dist/src/components/Tooltip/types.d.ts

@@ -4,9 +4,6 @@ import { Snippet } from "svelte";
 //#region src/components/Tooltip/types.d.ts
 type TooltipProps<Payload = never> = Tooltip.RootProps & {
   content?: Snippet<[]> | string;
-  child?: Snippet<[{
-    props: Record<string, unknown>;
-  }]>;
   arrow?: boolean;
   align?: Tooltip.ContentProps['align'];
   sideOffset?: number;

package/package.json

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