@max-ts/svelte 1.6.2 → 1.7.1

package/dist/assets/src/components/Drawer/styles.css.ts.vanilla-BblmUQZx.css

@@ -0,0 +1,130 @@
+@keyframes styles_fadeIn__1rbt3ly0 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes styles_fadeOut__1rbt3ly1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes styles_slideIn__1rbt3ly2 {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+.styles_overlay__1rbt3ly3 {
+  position: fixed;
+  inset: 0;
+  background-color: rgb(15 23 42 / 0.5);
+  z-index: 50;
+}
+.styles_overlay__1rbt3ly3[data-state=open] {
+  animation: styles_fadeIn__1rbt3ly0 150ms ease-out;
+}
+.styles_overlay__1rbt3ly3[data-state=closed] {
+  animation: styles_fadeOut__1rbt3ly1 150ms ease-in;
+}
+.styles_content__1rbt3ly4 {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-primary);
+  border: 1px solid var(--colors-border);
+  box-shadow: var(--shadow-4);
+  z-index: 51;
+  width: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  inset: auto 0 0 0;
+  border-radius: var(--borderRadius-lg) var(--borderRadius-lg) 0 0;
+}
+.styles_content__1rbt3ly4[data-state=open] {
+  animation: styles_slideIn__1rbt3ly2 220ms ease-out;
+}
+.styles_content__1rbt3ly4[data-state=closed] {
+  transform: translateY(100%);
+}
+.styles_contentTransition__1rbt3ly5 {
+  transition: transform 210ms ease-in-out;
+}
+.styles_header__1rbt3ly6 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  padding: var(--spacing-4);
+}
+.styles_footer__1rbt3ly7 {
+  margin-top: auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  padding: var(--spacing-4);
+}
+.styles_title__1rbt3ly8 {
+  font-size: var(--fontSize-lg);
+  font-weight: var(--fontWeight-semibold);
+  color: var(--colors-text-primary);
+}
+.styles_description__1rbt3ly9 {
+  font-size: var(--fontSize-sm);
+  color: var(--colors-text-secondary);
+}
+.styles_closeButton__1rbt3lya {
+  position: absolute;
+  top: var(--spacing-4);
+  right: var(--spacing-4);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background-color: transparent;
+  color: var(--colors-text-secondary);
+  padding: var(--spacing-1);
+  border-radius: var(--borderRadius-sm);
+  cursor: pointer;
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
+}
+.styles_closeButton__1rbt3lya:hover {
+  opacity: 1;
+}
+.styles_closeButton__1rbt3lya:focus-visible {
+  outline: 2px solid var(--colors-primary);
+  outline-offset: 2px;
+}
+.styles_handle__1rbt3lyb {
+  width: 100%;
+  height: var(--spacing-8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.styles_handle__1rbt3lyb::after {
+  content: "";
+  width: 100px;
+  height: 8px;
+  border-radius: var(--borderRadius-md);
+  background-color: var(--colors-background-element);
+}
+.styles_visuallyHidden__1rbt3lyc {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

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

@@ -1,7 +1,7 @@
 .styles_container__14rk0zx0 {
   position: relative;
   display: grid;
-  grid-template-columns: auto auto 1fr auto 1fr auto;
+  grid-template-columns: auto 1fr auto 1fr auto;
   align-items: center;
   column-gap: var(--spacing-1);
   background: var(--colors-background-paper);
@@ -9,28 +9,31 @@
   border-radius: var(--borderRadius-md);
   transition: border 0.2s;
 }
-.styles_activeClass__14rk0zx1 {
+.styles_fullWidth__14rk0zx1 {
+  width: 100%;
+}
+.styles_active__14rk0zx2 {
   border-color: var(--colors-primary);
 }
-.styles_sizes_small__14rk0zx2 {
-  padding: 0.125rem var(--spacing-2);
+.styles_sizes_small__14rk0zx3 {
+  padding: 0.125rem var(--spacing-2) var(--spacing-1) var(--spacing-2);
   height: 28px;
   font-size: var(--fontSize-sm);
 }
-.styles_sizes_medium__14rk0zx3 {
-  padding: var(--spacing-1) var(--spacing-3);
+.styles_sizes_medium__14rk0zx4 {
+  padding: var(--spacing-1) var(--spacing-3) var(--spacing-2) var(--spacing-3);
   height: 36px;
   font-size: var(--fontSize-base);
 }
-.styles_sizes_large__14rk0zx4 {
-  padding: var(--spacing-2) var(--spacing-4);
+.styles_sizes_large__14rk0zx5 {
+  padding: var(--spacing-2) var(--spacing-4) var(--spacing-3) var(--spacing-4);
   height: 44px;
   font-size: var(--fontSize-lg);
 }
-.styles_textClass__14rk0zx5 {
+.styles_text__14rk0zx6 {
   font-size: inherit;
 }
-.styles_inputClass__14rk0zx6 {
+.styles_input__14rk0zx7 {
   text-align: center;
   width: 100%;
   min-width: 24px;
@@ -43,10 +46,10 @@
   background: transparent;
   color: inherit;
 }
-.styles_inputClass__14rk0zx6:focus {
+.styles_input__14rk0zx7:focus {
   border: none;
 }
-.styles_sliderClass__14rk0zx7 {
+.styles_slider__14rk0zx8 {
   position: absolute;
   bottom: -1px;
   left: 50%;

package/dist/components/Drawer/Close/Close.js

@@ -0,0 +1,21 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Drawer/Close/Close.svelte
+function Close($$anchor, $$props) {
+	let props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Close, ($$anchor, DialogPrimitive_Close) => {
+		DialogPrimitive_Close($$anchor, $.spread_props({ "data-slot": "drawer-close" }, () => props));
+	});
+	$.append($$anchor, fragment);
+}
+
+//#endregion
+export { Close as default };

package/dist/components/Drawer/Close/Close.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Close: import("svelte").Component<DialogPrimitive.TriggerProps, {}, "">;
+type Close = ReturnType<typeof Close>;
+export default Close;

package/dist/components/Drawer/Close/index.d.ts

@@ -0,0 +1 @@
+export { default as Close } from './Close.svelte';

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

@@ -0,0 +1,129 @@
+import { getDrawerContext } from "../context.js";
+import __default__ from "../styles.css.js";
+import Overlay from "../Overlay/Overlay.js";
+import Portal from "../Portal/Portal.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+import XIcon from "@lucide/svelte/icons/x";
+
+//#region src/components/Drawer/Content/Content.svelte
+var root_3 = $.from_html(`<div aria-hidden="true"></div>`);
+var root_5 = $.from_html(`<!> <span>Close drawer</span>`, 1);
+var root_2 = $.from_html(`<!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function Content($$anchor, $$props) {
+	$.push($$props, true);
+	const drawer = getDrawerContext();
+	const isNotCloseable = drawer.isNotCloseable();
+	let swipeCloseThreshold = $.prop($$props, "swipeCloseThreshold", 3, 50), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"class",
+		"portalProps",
+		"showCloseButton",
+		"children",
+		"swipeCloseThreshold"
+	]);
+	let isDragging = $.state(false);
+	let startPosition = $.state(void 0);
+	let position = $.state(void 0);
+	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);
+	}
+	function handleTouchMove(event) {
+		const clientY = event.touches[0]?.clientY ?? $.get(position);
+		if ($.get(startPosition) && clientY > $.get(startPosition)) $.set(position, clientY - $.get(startPosition));
+	}
+	function handleTouchEnd() {
+		$.set(isDragging, false);
+		if ($.get(position) && $.get(startPosition) && $.get(position) - $.get(startPosition) > swipeCloseThreshold()) drawer?.close();
+		$.set(startPosition, void 0);
+		$.set(position, void 0);
+	}
+	Portal($$anchor, $.spread_props(() => $$props.portalProps, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			Overlay(node, {});
+			var node_1 = $.sibling(node, 2);
+			{
+				let $0 = $.derived(() => [
+					__default__.content,
+					{ [__default__.contentTransition]: !$.get(isDragging) },
+					$$props.class
+				]);
+				$.component(node_1, () => Dialog.Content, ($$anchor, DialogPrimitive_Content) => {
+					DialogPrimitive_Content($$anchor, $.spread_props({
+						"data-slot": "drawer-content",
+						get class() {
+							return $.get($0);
+						},
+						get style() {
+							return $.get(style);
+						}
+					}, () => restProps, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_2 = root_2();
+							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)));
+								$.append($$anchor, div);
+							};
+							$.if(node_2, ($$render) => {
+								if (!isNotCloseable && !$$props.showCloseButton) $$render(consequent);
+							});
+							var node_3 = $.sibling(node_2, 2);
+							$.snippet(node_3, () => $$props.children ?? $.noop);
+							var node_4 = $.sibling(node_3, 2);
+							var consequent_1 = ($$anchor) => {
+								var fragment_3 = $.comment();
+								var node_5 = $.first_child(fragment_3);
+								$.component(node_5, () => Dialog.Close, ($$anchor, DialogPrimitive_Close) => {
+									DialogPrimitive_Close($$anchor, {
+										get class() {
+											return __default__.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)));
+											$.append($$anchor, fragment_4);
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_3);
+							};
+							$.if(node_4, ($$render) => {
+								if (!isNotCloseable && $$props.showCloseButton) $$render(consequent_1);
+							});
+							$.append($$anchor, fragment_2);
+						},
+						$$slots: { default: true }
+					}));
+				});
+			}
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+$.delegate([
+	"touchmove",
+	"touchstart",
+	"touchend"
+]);
+
+//#endregion
+export { Content as default };

package/dist/components/Drawer/Content/Content.svelte.d.ts

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

package/dist/components/Drawer/Content/index.d.ts

@@ -0,0 +1 @@
+export { default as Content } from './Content.svelte';

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

@@ -0,0 +1,33 @@
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Drawer/Description/Description.svelte
+function Description($$anchor, $$props) {
+	$.push($$props, true);
+	const restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"class"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => [__default__.description, $$props.class]);
+		$.component(node, () => Dialog.Description, ($$anchor, DialogPrimitive_Description) => {
+			DialogPrimitive_Description($$anchor, $.spread_props({
+				"data-slot": "drawer-description",
+				get class() {
+					return $.get($0);
+				}
+			}, () => restProps));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Description as default };

package/dist/components/Drawer/Description/Description.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Description: import("svelte").Component<DialogPrimitive.DescriptionProps, {}, "">;
+type Description = ReturnType<typeof Description>;
+export default Description;

package/dist/components/Drawer/Description/index.d.ts

@@ -0,0 +1 @@
+export { default as Description } from './Description.svelte';

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,69 @@
+import { setDrawerContext } from "./context.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+import { onDestroy } from "svelte";
+
+//#region src/components/Drawer/Drawer.svelte
+function Drawer($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15, false), notCloseable = $.prop($$props, "notCloseable", 3, false), shouldScaleBackground = $.prop($$props, "shouldScaleBackground", 3, false), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"open",
+		"notCloseable",
+		"shouldScaleBackground",
+		"children",
+		"onOpenChange"
+	]);
+	const close = () => {
+		if (notCloseable()) return;
+		open(false);
+		$$props.onOpenChange?.(false);
+	};
+	setDrawerContext({
+		close,
+		isOpen: () => open(),
+		isNotCloseable: () => notCloseable()
+	});
+	const SCALE_CLASS = "drawer-scaled-background";
+	$.user_effect(() => {
+		if (!shouldScaleBackground()) return;
+		const classList = document.documentElement.classList;
+		if (open()) classList.add(SCALE_CLASS);
+		else classList.remove(SCALE_CLASS);
+	});
+	onDestroy(() => {
+		document.documentElement.classList.remove(SCALE_CLASS);
+	});
+	function handleOpenChange(value) {
+		if (notCloseable() && !value) return;
+		open(value);
+		$$props.onOpenChange?.(value);
+	}
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Root, ($$anchor, DialogPrimitive_Root) => {
+		DialogPrimitive_Root($$anchor, $.spread_props({ onOpenChange: handleOpenChange }, () => restProps, {
+			get open() {
+				return open();
+			},
+			set open($$value) {
+				open($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Drawer as default };

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { DrawerProps } from './types';
+type $$ComponentProps = DrawerProps & {
+    children?: Snippet;
+};
+declare const Drawer: import("svelte").Component<$$ComponentProps, {}, "open">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

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

@@ -0,0 +1,32 @@
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Drawer/Footer/Footer.svelte
+var root = $.from_html(`<div><!></div>`);
+function Footer($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "drawer-footer",
+		class: [__default__.footer, $$props.class],
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { Footer as default };

package/dist/components/Drawer/Footer/Footer.svelte.d.ts

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

package/dist/components/Drawer/Footer/index.d.ts

@@ -0,0 +1 @@
+export { default as Footer } from './Footer.svelte';

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

@@ -0,0 +1,32 @@
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Drawer/Header/Header.svelte
+var root = $.from_html(`<div><!></div>`);
+function Header($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "drawer-header",
+		class: [__default__.header, $$props.class],
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { Header as default };

package/dist/components/Drawer/Header/Header.svelte.d.ts

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

package/dist/components/Drawer/Header/index.d.ts

@@ -0,0 +1 @@
+export { default as Header } from './Header.svelte';

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

@@ -0,0 +1,43 @@
+import { getDrawerContext } from "../context.js";
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Drawer/Overlay/Overlay.svelte
+function Overlay($$anchor, $$props) {
+	$.push($$props, true);
+	const drawer = getDrawerContext();
+	let restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"class",
+		"onclick"
+	]);
+	function handleClick(event) {
+		$$props.onclick?.(event);
+		if (event?.defaultPrevented) return;
+		if (drawer?.isNotCloseable()) return;
+		drawer?.close();
+	}
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => [__default__.overlay, $$props.class]);
+		$.component(node, () => Dialog.Overlay, ($$anchor, DialogPrimitive_Overlay) => {
+			DialogPrimitive_Overlay($$anchor, $.spread_props({
+				"data-slot": "drawer-overlay",
+				get class() {
+					return $.get($0);
+				},
+				onclick: handleClick
+			}, () => restProps));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Overlay as default };

package/dist/components/Drawer/Overlay/Overlay.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Overlay: import("svelte").Component<DialogPrimitive.OverlayProps, {}, "">;
+type Overlay = ReturnType<typeof Overlay>;
+export default Overlay;

package/dist/components/Drawer/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default as Overlay } from './Overlay.svelte';

package/dist/components/Drawer/Portal/Portal.js

@@ -0,0 +1,30 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Drawer/Portal/Portal.svelte
+function Portal($$anchor, $$props) {
+	let restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"children"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Portal, ($$anchor, DialogPrimitive_Portal) => {
+		DialogPrimitive_Portal($$anchor, $.spread_props(() => restProps, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+}
+
+//#endregion
+export { Portal as default };

package/dist/components/Drawer/Portal/Portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/components/Drawer/Portal/index.d.ts

@@ -0,0 +1 @@
+export { default as Portal } from './Portal.svelte';