@max-ts/svelte 1.12.3 → 1.12.6

package/dist/assets/styles.css

@@ -1608,6 +1608,11 @@ img, picture, video, canvas {
   white-space: nowrap;
   border: 0;
 }
+@media (max-width: 48rem) {
+  .styles_header__1rbt3ly6 {
+    padding: var(--spacing-2);
+  }
+}
 .styles_unchecked__1x1b5sl0 {
   color: transparent;
 }
@@ -2921,10 +2926,12 @@ img, picture, video, canvas {
 }
 .styles_toolbar__14ie7q10 {
   position: absolute;
-  top: 0;
   right: 4px;
   z-index: 1;
   opacity: 0.5;
+  top: 50%;
+  bottom: unset;
+  transform: translateY(-50%);
   transition: opacity 0.2s ease-in-out;
 }
 .styles_toolbar__14ie7q10:hover {
@@ -2963,13 +2970,6 @@ img, picture, video, canvas {
 .styles_overlay__14ie7q13[data-visible="true"] {
   opacity: 1;
 }
-@media (min-width: 48rem) {
-  .styles_toolbar__14ie7q10 {
-    top: 50%;
-    bottom: unset;
-    transform: translateY(-50%);
-  }
-}
 @keyframes styles_fadeIn__w5sq0p0 {
   0% {
     opacity: 0;

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

@@ -1,5 +1,5 @@
 import { getDrawerContext } from "../context.js";
-import __default__ from "../styles.css.js";
+import { closeButton, content, contentTransition, handle, visuallyHidden } from "../styles.css.js";
 import Overlay from "../Overlay/Overlay.js";
 import Portal from "../Portal/Portal.js";
 import "svelte/internal/disclose-version";
@@ -51,8 +51,8 @@ function Content($$anchor, $$props) {
 			var node_1 = $.sibling(node, 2);
 			{
 				let $0 = $.derived(() => [
-					__default__.content,
-					{ [__default__.contentTransition]: !$.get(isDragging) },
+					content,
+					{ [contentTransition]: !$.get(isDragging) },
 					$$props.class
 				]);
 				$.component(node_1, () => Dialog.Content, ($$anchor, DialogPrimitive_Content) => {
@@ -70,7 +70,7 @@ function Content($$anchor, $$props) {
 							var node_2 = $.first_child(fragment_2);
 							var consequent = ($$anchor) => {
 								var div = root_3();
-								$.template_effect(() => $.set_class(div, 1, $.clsx(__default__.handle)));
+								$.template_effect(() => $.set_class(div, 1, $.clsx(handle)));
 								$.delegated("touchmove", div, handleTouchMove, void 0, true);
 								$.delegated("touchstart", div, handleTouchStart, void 0, true);
 								$.delegated("touchend", div, handleTouchEnd);
@@ -88,14 +88,14 @@ function Content($$anchor, $$props) {
 								$.component(node_5, () => Dialog.Close, ($$anchor, DialogPrimitive_Close) => {
 									DialogPrimitive_Close($$anchor, {
 										get class() {
-											return __default__.closeButton;
+											return closeButton;
 										},
 										children: ($$anchor, $$slotProps) => {
 											var fragment_4 = root_5();
 											var node_6 = $.first_child(fragment_4);
 											XIcon(node_6, {});
 											var span = $.sibling(node_6, 2);
-											$.template_effect(() => $.set_class(span, 1, $.clsx(__default__.visuallyHidden)));
+											$.template_effect(() => $.set_class(span, 1, $.clsx(visuallyHidden)));
 											$.append($$anchor, fragment_4);
 										},
 										$$slots: { default: true }

package/dist/components/Drawer/Description/Description.js

@@ -1,4 +1,4 @@
-import __default__ from "../styles.css.js";
+import { description } from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Dialog } from "bits-ui";
@@ -14,7 +14,7 @@ function Description($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [__default__.description, $$props.class]);
+		let $0 = $.derived(() => [description, $$props.class]);
 		$.component(node, () => Dialog.Description, ($$anchor, DialogPrimitive_Description) => {
 			DialogPrimitive_Description($$anchor, $.spread_props({
 				"data-slot": "drawer-description",

package/dist/components/Drawer/Footer/Footer.js

@@ -1,4 +1,4 @@
-import __default__ from "../styles.css.js";
+import { footer } from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Drawer/Footer/Footer.svelte
@@ -16,7 +16,7 @@ function Footer($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "drawer-footer",
-		class: [__default__.footer, $$props.class],
+		class: [footer, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Drawer/Header/Header.js

@@ -1,4 +1,4 @@
-import __default__ from "../styles.css.js";
+import { header } from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Drawer/Header/Header.svelte
@@ -16,7 +16,7 @@ function Header($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "drawer-header",
-		class: [__default__.header, $$props.class],
+		class: [header, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Drawer/Overlay/Overlay.js

@@ -1,5 +1,5 @@
 import { getDrawerContext } from "../context.js";
-import __default__ from "../styles.css.js";
+import { overlay } from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Dialog } from "bits-ui";
@@ -23,7 +23,7 @@ function Overlay($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [__default__.overlay, $$props.class]);
+		let $0 = $.derived(() => [overlay, $$props.class]);
 		$.component(node, () => Dialog.Overlay, ($$anchor, DialogPrimitive_Overlay) => {
 			DialogPrimitive_Overlay($$anchor, $.spread_props({
 				"data-slot": "drawer-overlay",

package/dist/components/Drawer/Title/Title.js

@@ -1,4 +1,4 @@
-import __default__ from "../styles.css.js";
+import { title } from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Dialog } from "bits-ui";
@@ -14,7 +14,7 @@ function Title($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [__default__.title, $$props.class]);
+		let $0 = $.derived(() => [title, $$props.class]);
 		$.component(node, () => Dialog.Title, ($$anchor, DialogPrimitive_Title) => {
 			DialogPrimitive_Title($$anchor, $.spread_props({
 				"data-slot": "drawer-title",

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

@@ -1,13 +1,10 @@
-declare const _default: {
-    overlay: string;
-    visuallyHidden: string;
-    handle: string;
-    closeButton: string;
-    title: string;
-    description: string;
-    header: string;
-    footer: string;
-    content: string;
-    contentTransition: string;
-};
-export default _default;
+export declare const overlay: string;
+export declare const content: string;
+export declare const contentTransition: string;
+export declare const header: string;
+export declare const footer: string;
+export declare const title: string;
+export declare const description: string;
+export declare const closeButton: string;
+export declare const handle: string;
+export declare const visuallyHidden: string;

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

@@ -1,15 +1,13 @@
 //#region src/components/Drawer/styles.css.ts
-var __default__ = {
-	overlay: "styles_overlay__1rbt3ly3",
-	visuallyHidden: "styles_visuallyHidden__1rbt3lyc",
-	handle: "styles_handle__1rbt3lyb",
-	closeButton: "styles_closeButton__1rbt3lya",
-	title: "styles_title__1rbt3ly8",
-	description: "styles_description__1rbt3ly9",
-	header: "styles_header__1rbt3ly6",
-	footer: "styles_footer__1rbt3ly7",
-	content: "styles_content__1rbt3ly4",
-	contentTransition: "styles_contentTransition__1rbt3ly5"
-};
+var closeButton = "styles_closeButton__1rbt3lya";
+var content = "styles_content__1rbt3ly4";
+var contentTransition = "styles_contentTransition__1rbt3ly5";
+var description = "styles_description__1rbt3ly9";
+var footer = "styles_footer__1rbt3ly7";
+var handle = "styles_handle__1rbt3lyb";
+var header = "styles_header__1rbt3ly6";
+var overlay = "styles_overlay__1rbt3ly3";
+var title = "styles_title__1rbt3ly8";
+var visuallyHidden = "styles_visuallyHidden__1rbt3lyc";
 //#endregion
-export { __default__ as default };
+export { closeButton, content, contentTransition, description, footer, handle, header, overlay, title, visuallyHidden };

package/dist/components/Tooltip/Tooltip.js

@@ -6,10 +6,10 @@ import * as $ from "svelte/internal/client";
 //#region src/components/Tooltip/Tooltip.svelte
 var root_5 = $.from_svg(`<svg viewBox="0 0 7.68 4.35" xmlns="http://www.w3.org/2000/svg"><path d="m 0.52372243,0.10910656 c -0.1676883,0 -0.3188698,0.10099765 -0.38304509,0.25594925 -0.0641698,0.1548964 -0.0287017,0.3332318 0.0898753,0.4518088 L 3.5473966,4.1337031 c 0.077725,0.07778 0.1832001,0.1214516 0.2931533,0.1214516 0.1099531,0 0.2154286,-0.043672 0.2932085,-0.1214516 L 7.4505968,0.81686461 c 0.118577,-0.118577 0.1540119,-0.2969124 0.089831,-0.4518088 C 7.476247,0.21010421 7.3251098,0.10910656 7.1573882,0.10910656 Z" fill="inherit"></path></svg>`);
 var root_2 = $.from_html(`<div role="tooltip" data-slot="tooltip-content"><!> <!></div>`);
-var root = $.from_html(`<!> <!>`, 1);
+var root = $.from_html(`<span style="display: contents;" data-slot="tooltip-trigger"><!></span> <!>`, 1);
 function Tooltip($$anchor, $$props) {
 	$.push($$props, true);
-	let offset = $.prop($$props, "offset", 3, 10), placement = $.prop($$props, "placement", 3, "top"), arrow = $.prop($$props, "arrow", 3, false), delayDuration = $.prop($$props, "delayDuration", 3, 200);
+	let offset = $.prop($$props, "offset", 3, 10), placement = $.prop($$props, "placement", 3, "top"), arrow = $.prop($$props, "arrow", 3, false), delayDuration = $.prop($$props, "delayDuration", 3, 100);
 	const store = new TooltipStore({
 		get placement() {
 			return placement();
@@ -24,9 +24,12 @@ function Tooltip($$anchor, $$props) {
 	$.user_effect(() => () => store.destroy());
 	var fragment = root();
 	$.event("keydown", $.window, (e) => e.key === "Escape" && store.open && store.hide());
-	var node = $.first_child(fragment);
-	$.snippet(node, () => $$props.children ?? $.noop, () => ({ attach: store.attachTrigger }));
-	var node_1 = $.sibling(node, 2);
+	var span = $.first_child(fragment);
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.attach(span, () => store.attachTrigger);
+	var node_1 = $.sibling(span, 2);
 	var consequent_2 = ($$anchor) => {
 		Portal($$anchor, {
 			children: ($$anchor, $$slotProps) => {

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

@@ -3,9 +3,7 @@ import type { Snippet } from 'svelte';
 export type TooltipProps = {
     delayDuration?: number;
     content?: Snippet<[]> | string;
-    children?: Snippet<[{
-        attach: (node: HTMLElement) => void;
-    }]>;
+    children?: Snippet<[]>;
     arrow?: boolean;
     offset?: number;
     arrowClass?: string;

package/package.json

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