@max-ts/svelte 1.0.8 → 1.1.1

package/dist/components/RangeInput/RangeInput.js

@@ -0,0 +1,174 @@
+import Typography from "../Typography/Typography.js";
+import { calculateSize } from "../../utils.js";
+import Slider from "../Slider/Slider.js";
+import styles_css_default from "./styles.css.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><!></div></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), label = $.prop($$props, "label", 3, ""), unit = $.prop($$props, "unit", 3, ""), 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, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"min",
+		"max",
+		"minValue",
+		"maxValue",
+		"width",
+		"label",
+		"unit",
+		"size",
+		"class",
+		"isActive",
+		"minInputRef",
+		"maxInputRef",
+		"ref"
+	]);
+	$.user_pre_effect(() => {
+		if (minValue() === void 0) minValue($$props.min);
+		if (maxValue() === void 0) maxValue($$props.max);
+	});
+	function onValueChange(newValue) {
+		if (newValue[0] !== newValue[1]) {
+			minValue(newValue[0]);
+			maxValue(newValue[1]);
+		}
+	}
+	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 onKeyDown(event) {
+		if (event.key === "Enter") {
+			if (minValue() < $$props.min) minValue($$props.min);
+			if (maxValue() > $$props.max) maxValue($$props.max);
+			if (minValue() > maxValue()) {
+				const temp = minValue();
+				minValue(maxValue());
+				maxValue(temp);
+			}
+		}
+	}
+	var div = root();
+	$.attribute_effect(div, ($0) => ({
+		class: [
+			styles_css_default.container,
+			styles_css_default.sizes[size()],
+			$$props.isActive ? styles_css_default.activeClass : "",
+			$$props.class
+		],
+		...restProps,
+		[$.STYLE]: $0
+	}), [() => ({ width: calculateSize(width()) })]);
+	var node = $.child(div);
+	Typography(node, {
+		get class() {
+			return styles_css_default.textClass;
+		},
+		color: "disabled",
+		variant: "body2",
+		children: ($$anchor$1, $$slotProps) => {
+			$.next();
+			var text = $.text();
+			$.template_effect(() => $.set_text(text, label()));
+			$.append($$anchor$1, text);
+		},
+		$$slots: { default: true }
+	});
+	var node_1 = $.sibling(node, 2);
+	Typography(node_1, {
+		get class() {
+			return styles_css_default.textClass;
+		},
+		color: "disabled",
+		variant: "body2",
+		children: ($$anchor$1, $$slotProps) => {
+			$.next();
+			var text_1 = $.text("от");
+			$.append($$anchor$1, 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);
+	Typography(node_2, {
+		get class() {
+			return styles_css_default.textClass;
+		},
+		color: "disabled",
+		variant: "body2",
+		children: ($$anchor$1, $$slotProps) => {
+			$.next();
+			var text_2 = $.text("до");
+			$.append($$anchor$1, 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 styles_css_default.textClass;
+		},
+		color: "disabled",
+		variant: "body2",
+		children: ($$anchor$1, $$slotProps) => {
+			$.next();
+			var text_3 = $.text();
+			$.template_effect(() => $.set_text(text_3, unit()));
+			$.append($$anchor$1, text_3);
+		},
+		$$slots: { default: true }
+	});
+	var div_1 = $.sibling(node_3, 2);
+	var node_4 = $.child(div_1);
+	{
+		let $0 = $.derived(() => [minValue() ?? $$props.min, maxValue() ?? $$props.max]);
+		Slider(node_4, {
+			get min() {
+				return $$props.min;
+			},
+			get max() {
+				return $$props.max;
+			},
+			get size() {
+				return size();
+			},
+			type: "multiple",
+			get value() {
+				return $.get($0);
+			},
+			onValueChange
+		});
+	}
+	$.reset(div_1);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.template_effect(() => {
+		$.set_class(input, 1, $.clsx(styles_css_default.inputClass));
+		$.set_class(input_1, 1, $.clsx(styles_css_default.inputClass));
+		$.set_class(div_1, 1, $.clsx(styles_css_default.sliderClass));
+	});
+	$.bind_value(input, minValue);
+	$.bind_value(input_1, maxValue);
+	$.append($$anchor, div);
+	$.pop();
+}
+$.delegate(["input", "keydown"]);
+
+//#endregion
+export { RangeInput as default };

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

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

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

@@ -0,0 +1,2 @@
+export { default as RangeInput } from './RangeInput.svelte';
+export type * from './types.js';

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

@@ -0,0 +1,15 @@
+export declare const container: string;
+export declare const activeClass: string;
+export declare const sizes: Record<"small" | "medium" | "large", string>;
+export declare const textClass: string;
+export declare const inputClass: string;
+export declare const sliderClass: string;
+declare const _default: {
+    container: string;
+    activeClass: string;
+    sizes: Record<"small" | "medium" | "large", string>;
+    textClass: string;
+    inputClass: string;
+    sliderClass: string;
+};
+export default _default;

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

@@ -0,0 +1,21 @@
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-B_0PcDN7.css";
+
+//#region src/components/RangeInput/styles.css.ts
+var __default__ = {
+	container: "styles_container__14rk0zx0",
+	activeClass: "styles_activeClass__14rk0zx1",
+	sizes,
+	textClass: "styles_textClass__14rk0zx5",
+	inputClass: "styles_inputClass__14rk0zx6",
+	sliderClass: "styles_sliderClass__14rk0zx7"
+};
+var styles_css_default = __default__;
+var sizes = {
+	small: "styles_sizes_small__14rk0zx2",
+	medium: "styles_sizes_medium__14rk0zx3",
+	large: "styles_sizes_large__14rk0zx4"
+};
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../types.js';
+export type RangeInputSize = 'small' | 'medium' | 'large';
+export interface RangeInputProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    minValue?: number;
+    maxValue?: number;
+    min: number;
+    max: number;
+    label?: string;
+    unit?: string;
+    width?: number | string;
+    size?: RangeInputSize;
+    isActive?: boolean;
+    minInputRef?: HTMLInputElement | null;
+    maxInputRef?: HTMLInputElement | null;
+}

package/dist/components/Slider/Slider.js

@@ -0,0 +1,96 @@
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Slider } from "bits-ui";
+
+//#region src/components/Slider/Slider.svelte
+var root_1 = $.from_html(`<span data-slot="slider-track"><!></span> <!>`, 1);
+function Slider$1($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15), orientation = $.prop($$props, "orientation", 3, "horizontal"), size = $.prop($$props, "size", 3, "medium"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"value",
+		"orientation",
+		"class",
+		"size"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		const children = ($$anchor$1, $$arg0) => {
+			let thumbItems = () => $$arg0?.().thumbItems;
+			var fragment_1 = root_1();
+			var span = $.first_child(fragment_1);
+			var node_1 = $.child(span);
+			$.component(node_1, () => Slider.Range, ($$anchor$2, SliderPrimitive_Range) => {
+				SliderPrimitive_Range($$anchor$2, {
+					"data-slot": "slider-range",
+					get class() {
+						return styles_css_default.range;
+					}
+				});
+			});
+			$.reset(span);
+			var node_2 = $.sibling(span, 2);
+			$.each(node_2, 16, thumbItems, (thumb) => thumb, ($$anchor$2, thumb) => {
+				var fragment_2 = $.comment();
+				var node_3 = $.first_child(fragment_2);
+				{
+					let $0$1 = $.derived(() => [styles_css_default.thumb, styles_css_default.thumbSizes[size()]]);
+					$.component(node_3, () => Slider.Thumb, ($$anchor$3, SliderPrimitive_Thumb) => {
+						SliderPrimitive_Thumb($$anchor$3, {
+							"data-slot": "slider-thumb",
+							get index() {
+								return thumb.index;
+							},
+							get class() {
+								return $.get($0$1);
+							}
+						});
+					});
+				}
+				$.append($$anchor$2, fragment_2);
+			});
+			$.template_effect(() => {
+				$.set_attribute(span, "data-orientation", orientation());
+				$.set_class(span, 1, $.clsx([styles_css_default.track, styles_css_default.trackSizes[size()]]));
+			});
+			$.append($$anchor$1, fragment_1);
+		};
+		let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
+		$.component(node, () => Slider.Root, ($$anchor$1, SliderPrimitive_Root) => {
+			SliderPrimitive_Root($$anchor$1, $.spread_props({
+				"data-slot": "slider",
+				get orientation() {
+					return orientation();
+				},
+				get class() {
+					return $.get($0);
+				}
+			}, () => restProps, {
+				get ref() {
+					return ref();
+				},
+				set ref($$value) {
+					ref($$value);
+				},
+				get value() {
+					return value();
+				},
+				set value($$value) {
+					value($$value);
+				},
+				children,
+				$$slots: { default: true }
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Slider$1 as default };

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

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

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

@@ -0,0 +1,2 @@
+export { default as Slider } from './Slider.svelte';
+export type * from './types.js';

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

@@ -0,0 +1,16 @@
+import type { SliderSize } from './types.js';
+export declare const root: string;
+export declare const track: string;
+export declare const trackSizes: Record<SliderSize, string>;
+export declare const range: string;
+export declare const thumb: string;
+export declare const thumbSizes: Record<SliderSize, string>;
+declare const _default: {
+    root: string;
+    track: string;
+    range: string;
+    thumb: string;
+    trackSizes: Record<SliderSize, string>;
+    thumbSizes: Record<SliderSize, string>;
+};
+export default _default;

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

@@ -0,0 +1,26 @@
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-Dnh1lH3w.css";
+
+//#region src/components/Slider/styles.css.ts
+var __default__ = {
+	root: "styles_root__1af48w00",
+	track: "styles_track__1af48w01",
+	range: "styles_range__1af48w05",
+	thumb: "styles_thumb__1af48w06",
+	trackSizes,
+	thumbSizes
+};
+var styles_css_default = __default__;
+var thumbSizes = {
+	small: "styles_thumbSizes_small__1af48w07",
+	medium: "styles_thumbSizes_medium__1af48w08",
+	large: "styles_thumbSizes_large__1af48w09"
+};
+var trackSizes = {
+	small: "styles_trackSizes_small__1af48w02",
+	medium: "styles_trackSizes_medium__1af48w03",
+	large: "styles_trackSizes_large__1af48w04"
+};
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,6 @@
+import type { Slider as SliderPrimitive } from 'bits-ui';
+import type { WithoutChildrenOrChild } from '../../types.js';
+export type SliderSize = 'small' | 'medium' | 'large';
+export type SliderProps = WithoutChildrenOrChild<SliderPrimitive.RootProps> & {
+    size?: SliderSize;
+};

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

@@ -14,4 +14,4 @@ var __default__ = {
 var styles_css_default = __default__;
 
 //#endregion
-export { styles_css_default as default, spinnerSizes };
+export { styles_css_default as default };

package/dist/components/index.d.ts

@@ -1,20 +1,28 @@
 export { Accordion } from './Accordion/index.js';
 export { Alert } from './Alert/index.js';
+export { Badge, badgeVariants, type BadgeVariant } from './Badge/index.js';
 export { Button, buttonVariants, type ButtonSize, type ButtonVariant, } from './Button/index.js';
+export { ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, } from './ButtonGroup/index.js';
 export { Calendar, type CalendarProps } from './Calendar/index.js';
 export { Card } from './Card/index.js';
+export { Carousel, type CarouselProps } from './Carousel/index.js';
 export { Checkbox } from './Checkbox/index.js';
 export { CircularProgress, type CircularProgressProps, } from './CircularProgress/index.js';
 export { ContentState, type ContentStateErrorProps, type ContentStateProps, } from './ContentState/index.js';
 export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, type DataGridState, } from './DataGrid/index.js';
 export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader/index.js';
-export { DropdownMenuRoot, DropdownMenuCheckboxGroup, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupHeading, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuProps, } from './DropdownMenu/index.js';
+export * as DropdownMenu from './DropdownMenu/index.js';
+export type { DropdownMenuProps } from './DropdownMenu/index.js';
 export { Field, type FieldOrientation, type FieldVariants, } from './Field/index.js';
 export { Input, type InputProps, type InputType, } from './Input/index.js';
+export { Item, type ItemProps, type ItemSize, type ItemVariant, } from './Item/index.js';
 export { Label } from './Label/index.js';
 export { Placeholder, type PlaceholderProps, type PlaceholderSize, } from './Placeholder/index.js';
+export { Popover, type PopoverProps } from './Popover/index.js';
+export { RangeInput, type RangeInputProps, type RangeInputSize, } from './RangeInput/index.js';
 export { Select } from './Select/index.js';
 export { Separator, type SeparatorProps, } from './Separator/index.js';
+export { Slider, type SliderProps } from './Slider/index.js';
 export { Spinner, type SpinnerSize } from './Spinner/index.js';
 export { Tooltip, type TooltipProps } from './Tooltip/index.js';
 export { Typography, type TypographyAlign, type TypographyColor, type TypographyVariant, } from './Typography/index.js';

package/dist/components/index.js

@@ -1,39 +1,31 @@
-import Typography from "./Typography/Typography.js";
-import Tooltip from "./Tooltip/Tooltip.js";
-import Spinner from "./Spinner/Spinner.js";
-import Separator$1 from "./Separator/Separator.js";
-import { Select } from "./Select/index.js";
-import Placeholder from "./Placeholder/Placeholder.js";
-import Label_1 from "./Label/Label.js";
-import Input from "./Input/Input.js";
-import { Field } from "./Field/index.js";
-import CheckboxGroup from "./DropdownMenu/CheckboxGroup/CheckboxGroup.js";
-import CheckboxItem from "./DropdownMenu/CheckboxItem/CheckboxItem.js";
-import Portal from "./DropdownMenu/Portal/Portal.js";
-import Content from "./DropdownMenu/Content/Content.js";
-import DropdownMenu from "./DropdownMenu/DropdownMenu.js";
-import Group from "./DropdownMenu/Group/Group.js";
-import GroupHeading from "./DropdownMenu/GroupHeading/GroupHeading.js";
-import Item from "./DropdownMenu/Item/Item.js";
-import Label from "./DropdownMenu/Label/Label.js";
-import RadioGroup from "./DropdownMenu/RadioGroup/RadioGroup.js";
-import RadioItem from "./DropdownMenu/RadioItem/RadioItem.js";
-import Separator from "./DropdownMenu/Separator/Separator.js";
-import Shortcut from "./DropdownMenu/Shortcut/Shortcut.js";
-import Sub from "./DropdownMenu/Sub/Sub.js";
-import SubContent from "./DropdownMenu/SubContent/SubContent.js";
-import SubTrigger from "./DropdownMenu/SubTrigger/SubTrigger.js";
-import Trigger from "./DropdownMenu/Trigger/Trigger.js";
-import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
+import { Accordion } from "./Accordion/index.js";
+import { Alert } from "./Alert/index.js";
+import { badgeVariants } from "./Badge/styles.css.js";
+import Badge from "./Badge/Badge.js";
 import { buttonVariants } from "./Button/styles.css.js";
 import Button from "./Button/Button.js";
+import Separator from "./Separator/Separator.js";
+import { ButtonGroup } from "./ButtonGroup/index.js";
+import Calendar from "./Calendar/Calendar.js";
+import { Card } from "./Card/index.js";
+import { Carousel } from "./Carousel/index.js";
+import Checkbox from "./Checkbox/Checkbox.js";
 import CircularProgress from "./CircularProgress/CircularProgress.js";
-import DataGrid from "./DataGrid/DataGrid.js";
+import Typography from "./Typography/Typography.js";
+import Placeholder from "./Placeholder/Placeholder.js";
+import Spinner from "./Spinner/Spinner.js";
 import ContentState from "./ContentState/ContentState.js";
-import Checkbox from "./Checkbox/Checkbox.js";
-import { Card } from "./Card/index.js";
-import Calendar from "./Calendar/Calendar.js";
-import { Alert } from "./Alert/index.js";
-import { Accordion } from "./Accordion/index.js";
+import DataGrid from "./DataGrid/DataGrid.js";
+import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
+import { DropdownMenu_exports } from "./DropdownMenu/index.js";
+import Label_1 from "./Label/Label.js";
+import { Field } from "./Field/index.js";
+import Input from "./Input/Input.js";
+import { Item } from "./Item/index.js";
+import { Popover } from "./Popover/index.js";
+import Slider from "./Slider/Slider.js";
+import RangeInput from "./RangeInput/RangeInput.js";
+import { Select } from "./Select/index.js";
+import Tooltip from "./Tooltip/Tooltip.js";
 
-export { Accordion, Alert, Button, Calendar, Card, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, CheckboxGroup as DropdownMenuCheckboxGroup, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, GroupHeading as DropdownMenuGroupHeading, Item as DropdownMenuItem, Label as DropdownMenuLabel, Portal as DropdownMenuPortal, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, DropdownMenu as DropdownMenuRoot, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, Field, Input, Label_1 as Label, Placeholder, Select, Separator$1 as Separator, Spinner, Tooltip, Typography, buttonVariants };
+export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, DropdownMenu_exports as DropdownMenu, Field, Input, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tooltip, Typography, badgeVariants, buttonVariants };

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

@@ -1,18 +1,6 @@
-export default Accordion;
-type Accordion = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Accordion: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+import { Accordion } from '../components/index.js';
 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> & {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
     (internal: unknown, props: {
@@ -24,3 +12,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
+declare const Accordion: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Accordion = InstanceType<typeof Accordion>;
+export default Accordion;

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

@@ -1,4 +1,4 @@
-import { Alert } from '../index.js';
+import { Alert } from '../components/index.js';
 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;

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

@@ -0,0 +1,19 @@
+import { Badge } from '../components/index.js';
+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 Badge: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Badge = InstanceType<typeof Badge>;
+export default Badge;

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

@@ -0,0 +1,19 @@
+import { ButtonGroup } from '../components/index.js';
+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 ButtonGroup: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ButtonGroup = InstanceType<typeof ButtonGroup>;
+export default ButtonGroup;

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

@@ -1,4 +1,4 @@
-import { Calendar } from '../index.js';
+import { Calendar } from '../components/index.js';
 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;

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

@@ -1,4 +1,4 @@
-import { Card } from '../index.js';
+import { Card } from '../components/index.js';
 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;

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

@@ -0,0 +1,19 @@
+import { Carousel } from '../components/index.js';
+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 Carousel: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Carousel = InstanceType<typeof Carousel>;
+export default Carousel;

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

@@ -11,6 +11,7 @@ declare const CircularProgress: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
+import { CircularProgress } from '../components/index.js';
 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;

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

@@ -1,4 +1,4 @@
-import { DataGrid } from '../index.js';
+import { DataGrid } from '../components/index.js';
 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;

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

@@ -1,4 +1,4 @@
-import { DropdownMenu } from '../index.js';
+import { DropdownMenu } from '../components/index.js';
 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;

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

@@ -1,4 +1,4 @@
-import { Field } from '../index.js';
+import { Field } from '../components/index.js';
 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;