@max-ts/svelte 1.6.2 → 1.7.2

package/dist/components/Drawer/Title/Title.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/Title/Title.svelte
+function Title($$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__.title, $$props.class]);
+		$.component(node, () => Dialog.Title, ($$anchor, DialogPrimitive_Title) => {
+			DialogPrimitive_Title($$anchor, $.spread_props({
+				"data-slot": "drawer-title",
+				get class() {
+					return $.get($0);
+				}
+			}, () => restProps));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Title as default };

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

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

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

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

package/dist/components/Drawer/Trigger/Trigger.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/Trigger/Trigger.svelte
+function Trigger($$anchor, $$props) {
+	let restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Trigger, ($$anchor, DialogPrimitive_Trigger) => {
+		DialogPrimitive_Trigger($$anchor, $.spread_props({ "data-slot": "drawer-trigger" }, () => restProps));
+	});
+	$.append($$anchor, fragment);
+}
+
+//#endregion
+export { Trigger as default };

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

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

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

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

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

@@ -0,0 +1,7 @@
+export type DrawerContext = {
+    close: () => void;
+    isOpen: () => boolean;
+    isNotCloseable: () => boolean;
+};
+export declare const setDrawerContext: (value: DrawerContext) => DrawerContext;
+export declare const getDrawerContext: () => DrawerContext;

package/dist/components/Drawer/context.js

@@ -0,0 +1,9 @@
+import { getContext, setContext } from "svelte";
+
+//#region src/components/Drawer/context.ts
+const drawerContextKey = Symbol("drawer-context");
+const setDrawerContext = (value) => setContext(drawerContextKey, value);
+const getDrawerContext = () => getContext(drawerContextKey);
+
+//#endregion
+export { getDrawerContext, setDrawerContext };

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

@@ -0,0 +1,24 @@
+export declare const Drawer: {
+    Root: import("svelte").Component<{
+        open?: boolean;
+        onOpenChange?: import("node_modules/bits-ui/dist/internal/types").OnChangeFn<boolean>;
+        onOpenChangeComplete?: import("node_modules/bits-ui/dist/internal/types").OnChangeFn<boolean>;
+    } & {
+        children?: import("svelte").Snippet | undefined;
+    } & {
+        notCloseable?: boolean;
+        shouldScaleBackground?: boolean;
+    } & {
+        children?: import("svelte").Snippet;
+    }, {}, "open">;
+    Trigger: import("svelte").Component<import("bits-ui").AlertDialogTriggerProps, {}, "">;
+    Close: import("svelte").Component<import("bits-ui").AlertDialogTriggerProps, {}, "">;
+    Content: import("svelte").Component<import("./types").DrawerContentProps, {}, "">;
+    Overlay: import("svelte").Component<import("bits-ui").AlertDialogOverlayProps, {}, "">;
+    Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+    Header: import("svelte").Component<import("./types").DrawerHeaderProps, {}, "ref">;
+    Footer: import("svelte").Component<import("./types").DrawerFooterProps, {}, "ref">;
+    Title: import("svelte").Component<import("bits-ui").AlertDialogTitleProps, {}, "">;
+    Description: import("svelte").Component<import("bits-ui").AlertDialogDescriptionProps, {}, "">;
+};
+export type * from './types';

package/dist/components/Drawer/index.js

@@ -0,0 +1,27 @@
+import Close from "./Close/Close.js";
+import Overlay from "./Overlay/Overlay.js";
+import Portal from "./Portal/Portal.js";
+import Content from "./Content/Content.js";
+import Description from "./Description/Description.js";
+import Drawer$1 from "./Drawer.js";
+import Footer from "./Footer/Footer.js";
+import Header from "./Header/Header.js";
+import Title from "./Title/Title.js";
+import Trigger from "./Trigger/Trigger.js";
+
+//#region src/components/Drawer/index.ts
+const Drawer = {
+	Root: Drawer$1,
+	Trigger,
+	Close,
+	Content,
+	Overlay,
+	Portal,
+	Header,
+	Footer,
+	Title,
+	Description
+};
+
+//#endregion
+export { Drawer };

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

@@ -0,0 +1,13 @@
+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;

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

@@ -0,0 +1,19 @@
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/Drawer/styles.css.ts.vanilla-BblmUQZx.css";
+
+//#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"
+};
+
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,22 @@
+import type { Dialog as DialogPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef, WithoutChildrenOrChild } from '../../types';
+export type DrawerProps = DialogPrimitive.RootProps & {
+    notCloseable?: boolean;
+    shouldScaleBackground?: boolean;
+};
+export type DrawerTriggerProps = DialogPrimitive.TriggerProps;
+export type DrawerCloseProps = DialogPrimitive.CloseProps;
+export type DrawerPortalProps = DialogPrimitive.PortalProps;
+export type DrawerOverlayProps = DialogPrimitive.OverlayProps;
+export type DrawerTitleProps = DialogPrimitive.TitleProps;
+export type DrawerDescriptionProps = DialogPrimitive.DescriptionProps;
+export type DrawerContentProps = WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+    showCloseButton?: boolean;
+    swipeCloseThreshold?: number;
+    portalProps?: WithoutChildrenOrChild<DrawerPortalProps>;
+    children?: Snippet;
+};
+export type DrawerHeaderProps = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+export type DrawerFooterProps = WithElementRef<HTMLAttributes<HTMLDivElement>>;

package/dist/components/RangeInput/RangeInput.js

@@ -2,14 +2,15 @@ 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/RangeInput/RangeInput.svelte
-var root = $.from_html(`<div><!> <!> <input type="text"/> <!> <input type="text"/> <!> <!></div>`);
+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 minValue = $.prop($$props, "minValue", 15), maxValue = $.prop($$props, "maxValue", 15), width = $.prop($$props, "width", 3, 150), size = $.prop($$props, "size", 3, "medium"), minInputRef = $.prop($$props, "minInputRef", 15, null), maxInputRef = $.prop($$props, "maxInputRef", 15, null), 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", 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, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
@@ -18,155 +19,157 @@ function RangeInput($$anchor, $$props) {
 		"minValue",
 		"maxValue",
 		"width",
-		"label",
+		"step",
 		"unit",
 		"size",
 		"class",
 		"isActive",
-		"minInputRef",
-		"maxInputRef",
-		"ref"
-	]);
-	const containerClass = $.derived(() => [
-		__default__.container,
-		__default__.sizes[size()],
-		{ [__default__.activeClass]: $$props.isActive },
-		$$props.class
+		"ref",
+		"onValueChange"
 	]);
+	let innerMin = $.state($.proxy(minValue()));
+	let innerMax = $.state($.proxy(maxValue()));
+	$.user_effect(() => {
+		$.set(innerMin, minValue() || min(), true);
+		$.set(innerMax, maxValue() || max(), true);
+	});
 	const calculatedWidth = $.derived(() => calculateSize(width()));
-	$.user_pre_effect(() => {
-		if (minValue() === void 0) minValue($$props.min);
-		if (maxValue() === void 0) maxValue($$props.max);
+	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 onValueChange(newValue) {
-		if (newValue[0] !== newValue[1]) {
-			minValue(newValue[0]);
-			maxValue(newValue[1]);
-		}
+	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);
+		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));
 	}
-	function handleInput(type, event) {
-		const val = event.target.value;
-		if (val === "") return;
-		const num = Number.parseFloat(val);
-		if (!Number.isNaN(num)) if (type === "min") minValue(num);
-		else maxValue(num);
+	function handleKeyDown(e) {
+		if (e.key === "Enter") e.target.blur();
 	}
-	function onKeyDown(event) {
-		if (event.key === "Enter") {
-			if (minValue() && minValue() < $$props.min) minValue($$props.min);
-			if (maxValue() && maxValue() > $$props.max) maxValue($$props.max);
-			if (minValue() && maxValue() && minValue() > maxValue()) {
-				const temp = minValue();
-				minValue(maxValue());
-				maxValue(temp);
-			}
+	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]);
+	}
 	var div = root();
 	$.attribute_effect(div, () => ({
-		class: $.get(containerClass),
+		class: [
+			__default__.container,
+			__default__.sizes[size()],
+			{ [__default__.active]: $$props.isActive },
+			$$props.class
+		],
 		...restProps,
 		[$.STYLE]: { width: $.get(calculatedWidth) }
 	}));
 	var node = $.child(div);
 	Typography(node, {
 		get class() {
-			return __default__.textClass;
+			return __default__.text;
 		},
 		color: "disabled",
 		variant: "body2",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
-			var text = $.text();
-			$.template_effect(() => $.set_text(text, $$props.label));
+			var text = $.text("от");
 			$.append($$anchor, text);
 		},
 		$$slots: { default: true }
 	});
-	var node_1 = $.sibling(node, 2);
+	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() {
-			return __default__.textClass;
+			return __default__.text;
 		},
 		color: "disabled",
 		variant: "body2",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
-			var text_1 = $.text("от");
+			var text_1 = $.text("до");
 			$.append($$anchor, text_1);
 		},
 		$$slots: { default: true }
 	});
-	var input = $.sibling(node_1, 2);
-	$.remove_input_defaults(input);
-	input.__input = (e) => handleInput("min", e);
-	input.__keydown = onKeyDown;
-	$.bind_this(input, ($$value) => minInputRef($$value), () => minInputRef());
-	var node_2 = $.sibling(input, 2);
+	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() {
-			return __default__.textClass;
+			return __default__.text;
 		},
 		color: "disabled",
 		variant: "body2",
 		children: ($$anchor, $$slotProps) => {
 			$.next();
-			var text_2 = $.text("до");
+			var text_2 = $.text();
+			$.template_effect(() => $.set_text(text_2, $$props.unit));
 			$.append($$anchor, text_2);
 		},
 		$$slots: { default: true }
 	});
-	var input_1 = $.sibling(node_2, 2);
-	$.remove_input_defaults(input_1);
-	input_1.__input = (e) => handleInput("max", e);
-	input_1.__keydown = onKeyDown;
-	$.bind_this(input_1, ($$value) => maxInputRef($$value), () => maxInputRef());
-	var node_3 = $.sibling(input_1, 2);
-	Typography(node_3, {
-		get class() {
-			return __default__.textClass;
-		},
-		color: "disabled",
-		variant: "body2",
-		children: ($$anchor, $$slotProps) => {
-			$.next();
-			var text_3 = $.text();
-			$.template_effect(() => $.set_text(text_3, $$props.unit));
-			$.append($$anchor, text_3);
-		},
-		$$slots: { default: true }
-	});
-	var node_4 = $.sibling(node_3, 2);
+	var node_3 = $.sibling(node_2, 2);
 	{
-		let $0 = $.derived(() => [minValue() ?? $$props.min, maxValue() ?? $$props.max]);
-		Slider(node_4, {
+		let $0 = $.derived(() => [$.get(innerMin), $.get(innerMax)]);
+		Slider(node_3, {
 			get min() {
-				return $$props.min;
+				return min();
 			},
 			get max() {
-				return $$props.max;
+				return max();
 			},
 			get size() {
 				return size();
 			},
+			get step() {
+				return $.get(adaptiveStep);
+			},
 			get class() {
-				return __default__.sliderClass;
+				return __default__.slider;
 			},
 			type: "multiple",
 			get value() {
 				return $.get($0);
 			},
-			onValueChange
+			onValueChange: handleSliderChange,
+			onValueCommit: handleSliderCommit
 		});
 	}
 	$.reset(div);
 	$.bind_this(div, ($$value) => ref($$value), () => ref());
 	$.template_effect(() => {
-		$.set_class(input, 1, $.clsx(__default__.inputClass));
-		$.set_class(input_1, 1, $.clsx(__default__.inputClass));
+		$.set_class(input, 1, $.clsx(__default__.input));
+		$.set_value(input, $.get(innerMinDisplay));
+		$.set_class(input_1, 1, $.clsx(__default__.input));
+		$.set_value(input_1, $.get(innerMaxDisplay));
 	});
-	$.bind_value(input, minValue);
-	$.bind_value(input_1, maxValue);
+	$.event("blur", input, handleBlur);
+	$.event("blur", input_1, handleBlur);
 	$.append($$anchor, div);
 	$.pop();
 }

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

@@ -1,4 +1,4 @@
 import type { RangeInputProps } from './types';
-declare const RangeInput: import("svelte").Component<RangeInputProps, {}, "ref" | "minValue" | "maxValue" | "minInputRef" | "maxInputRef">;
+declare const RangeInput: import("svelte").Component<RangeInputProps, {}, "ref" | "minValue" | "maxValue">;
 type RangeInput = ReturnType<typeof RangeInput>;
 export default RangeInput;

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

@@ -1,10 +1,11 @@
 import type { RangeInputSize } from './types';
 declare const _default: {
     container: string;
-    activeClass: string;
+    active: string;
     sizes: Record<RangeInputSize, string>;
-    textClass: string;
-    inputClass: string;
-    sliderClass: string;
+    text: string;
+    input: string;
+    slider: string;
+    fullWidth: string;
 };
 export default _default;

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

@@ -1,18 +1,19 @@
 import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/RangeInput/styles.css.ts.vanilla-B_0PcDN7.css";
+import "./../../assets/src/components/RangeInput/styles.css.ts.vanilla-B14tcXWf.css";
 
 //#region src/components/RangeInput/styles.css.ts
 var __default__ = {
 	container: "styles_container__14rk0zx0",
-	activeClass: "styles_activeClass__14rk0zx1",
+	active: "styles_active__14rk0zx2",
 	sizes: {
-		small: "styles_sizes_small__14rk0zx2",
-		medium: "styles_sizes_medium__14rk0zx3",
-		large: "styles_sizes_large__14rk0zx4"
+		small: "styles_sizes_small__14rk0zx3",
+		medium: "styles_sizes_medium__14rk0zx4",
+		large: "styles_sizes_large__14rk0zx5"
 	},
-	textClass: "styles_textClass__14rk0zx5",
-	inputClass: "styles_inputClass__14rk0zx6",
-	sliderClass: "styles_sliderClass__14rk0zx7"
+	text: "styles_text__14rk0zx6",
+	input: "styles_input__14rk0zx7",
+	slider: "styles_slider__14rk0zx8",
+	fullWidth: "styles_fullWidth__14rk0zx1"
 };
 
 //#endregion

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

@@ -6,11 +6,11 @@ export interface RangeInputProps extends WithElementRef<HTMLAttributes<HTMLDivEl
     maxValue?: number;
     min: number;
     max: number;
-    label?: string;
+    step?: number;
     unit?: string;
     width?: number | string;
     size?: RangeInputSize;
     isActive?: boolean;
-    minInputRef?: HTMLInputElement | null;
-    maxInputRef?: HTMLInputElement | null;
+    onValueChange?: (value: number[]) => void;
+    id?: string;
 }

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

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

package/dist/components/RangeInput/utils.js

@@ -0,0 +1,10 @@
+//#region src/components/RangeInput/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/Slider/Slider.js

@@ -17,8 +17,6 @@ function Slider$1($$anchor, $$props) {
 		"class",
 		"size"
 	]);
-	const thumbClass = $.derived(() => [__default__.thumb, __default__.thumbSizes[size()]]);
-	const trackClass = $.derived(() => [__default__.track, __default__.trackSizes[size()]]);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
@@ -40,22 +38,25 @@ function Slider$1($$anchor, $$props) {
 			$.each(node_2, 16, thumbItems, (thumb) => thumb, ($$anchor, thumb) => {
 				var fragment_2 = $.comment();
 				var node_3 = $.first_child(fragment_2);
-				$.component(node_3, () => Slider.Thumb, ($$anchor, SliderPrimitive_Thumb) => {
-					SliderPrimitive_Thumb($$anchor, {
-						"data-slot": "slider-thumb",
-						get index() {
-							return thumb.index;
-						},
-						get class() {
-							return $.get(thumbClass);
-						}
+				{
+					let $0 = $.derived(() => [__default__.thumb, __default__.thumbSizes[size()]]);
+					$.component(node_3, () => Slider.Thumb, ($$anchor, SliderPrimitive_Thumb) => {
+						SliderPrimitive_Thumb($$anchor, {
+							"data-slot": "slider-thumb",
+							get index() {
+								return thumb.index;
+							},
+							get class() {
+								return $.get($0);
+							}
+						});
 					});
-				});
+				}
 				$.append($$anchor, fragment_2);
 			});
 			$.template_effect(() => {
 				$.set_attribute(span, "data-orientation", orientation());
-				$.set_class(span, 1, $.clsx($.get(trackClass)));
+				$.set_class(span, 1, $.clsx([__default__.track, __default__.trackSizes[size()]]));
 			});
 			$.append($$anchor, fragment_1);
 		};

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { ContentState, type ContentStateErrorProps, type ContentStateProps, } fr
 export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, type DataGridState, } from './DataGrid';
 export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader';
 export { Dialog, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps, } from './Dialog';
+export { Drawer, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, } from './Drawer';
 export type { DropdownMenuProps } from './DropdownMenu';
 export * as DropdownMenu from './DropdownMenu';
 export { Empty, type EmptyMediaVariant } from './Empty';

package/dist/components/index.js

@@ -18,6 +18,7 @@ import ContentState from "./ContentState/ContentState.js";
 import DataGrid from "./DataGrid/DataGrid.js";
 import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
 import { Dialog } from "./Dialog/index.js";
+import { Drawer } from "./Drawer/index.js";
 import { DropdownMenu_exports } from "./DropdownMenu/index.js";
 import { Empty } from "./Empty/index.js";
 import Label_1 from "./Label/Label.js";
@@ -32,4 +33,4 @@ import { Select } from "./Select/index.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, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, RangeInput, 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, Select, Separator, Slider, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };

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

@@ -0,0 +1,19 @@
+import { Drawer } 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 Drawer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Drawer = InstanceType<typeof Drawer>;
+export default Drawer;