@max-ts/svelte 1.4.0 → 1.4.2

package/dist/components/Slider/Slider.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Slider } from "bits-ui";
@@ -20,49 +20,49 @@ function Slider$1($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		const children = ($$anchor$1, $$arg0) => {
+		const children = ($$anchor, $$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, {
+			$.component(node_1, () => Slider.Range, ($$anchor, SliderPrimitive_Range) => {
+				SliderPrimitive_Range($$anchor, {
 					"data-slot": "slider-range",
 					get class() {
-						return styles_css_default.range;
+						return __default__.range;
 					}
 				});
 			});
 			$.reset(span);
 			var node_2 = $.sibling(span, 2);
-			$.each(node_2, 16, thumbItems, (thumb) => thumb, ($$anchor$2, thumb) => {
+			$.each(node_2, 16, thumbItems, (thumb) => thumb, ($$anchor, 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, {
+					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$1);
+								return $.get($0);
 							}
 						});
 					});
 				}
-				$.append($$anchor$2, fragment_2);
+				$.append($$anchor, fragment_2);
 			});
 			$.template_effect(() => {
 				$.set_attribute(span, "data-orientation", orientation());
-				$.set_class(span, 1, $.clsx([styles_css_default.track, styles_css_default.trackSizes[size()]]));
+				$.set_class(span, 1, $.clsx([__default__.track, __default__.trackSizes[size()]]));
 			});
-			$.append($$anchor$1, fragment_1);
+			$.append($$anchor, 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({
+		let $0 = $.derived(() => [__default__.root, $$props.class]);
+		$.component(node, () => Slider.Root, ($$anchor, SliderPrimitive_Root) => {
+			SliderPrimitive_Root($$anchor, $.spread_props({
 				"data-slot": "slider",
 				get orientation() {
 					return orientation();

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

@@ -1,5 +1,5 @@
-import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/styles.css.ts.vanilla-Dnh1lH3w.css";
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/Slider/styles.css.ts.vanilla-Dnh1lH3w.css";
 
 //#region src/components/Slider/styles.css.ts
 var __default__ = {
@@ -10,7 +10,6 @@ var __default__ = {
 	trackSizes,
 	thumbSizes
 };
-var styles_css_default = __default__;
 var thumbSizes = {
 	small: "styles_thumbSizes_small__1af48w07",
 	medium: "styles_thumbSizes_medium__1af48w08",
@@ -23,4 +22,4 @@ var trackSizes = {
 };
 
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Spinner/Spinner.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Loader } from "@lucide/svelte";
@@ -15,8 +15,8 @@ function Spinner($$anchor, $$props) {
 	]);
 	{
 		let $0 = $.derived(() => [
-			styles_css_default.spinner,
-			styles_css_default.spinnerSizes[size()],
+			__default__.spinner,
+			__default__.spinnerSizes[size()],
 			$$props.class
 		]);
 		Loader($$anchor, $.spread_props({

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

@@ -1,5 +1,5 @@
-import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/styles.css.ts.vanilla-DRCCYbMQ.css";
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/Spinner/styles.css.ts.vanilla-DRCCYbMQ.css";
 
 //#region src/components/Spinner/styles.css.ts
 var spinnerSizes = {
@@ -11,7 +11,6 @@ var __default__ = {
 	spinner: "styles_spinner__rkoygc1",
 	spinnerSizes
 };
-var styles_css_default = __default__;
 
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Tabs/Content/Content.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Tabs } from "bits-ui";
@@ -17,9 +17,9 @@ function Content($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.content, $$props.class]);
-		$.component(node, () => Tabs.Content, ($$anchor$1, TabsPrimitive_Content) => {
-			TabsPrimitive_Content($$anchor$1, $.spread_props({
+		let $0 = $.derived(() => [__default__.content, $$props.class]);
+		$.component(node, () => Tabs.Content, ($$anchor, TabsPrimitive_Content) => {
+			TabsPrimitive_Content($$anchor, $.spread_props({
 				"data-slot": "tabs-content",
 				get class() {
 					return $.get($0);
@@ -31,11 +31,11 @@ function Content($$anchor, $$props) {
 				set ref($$value) {
 					ref($$value);
 				},
-				children: ($$anchor$2, $$slotProps) => {
+				children: ($$anchor, $$slotProps) => {
 					var fragment_1 = $.comment();
 					var node_1 = $.first_child(fragment_1);
 					$.snippet(node_1, () => $$props.children ?? $.noop);
-					$.append($$anchor$2, fragment_1);
+					$.append($$anchor, fragment_1);
 				},
 				$$slots: { default: true }
 			}));

package/dist/components/Tabs/List/List.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Tabs } from "bits-ui";
@@ -17,9 +17,9 @@ function List($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.list, $$props.class]);
-		$.component(node, () => Tabs.List, ($$anchor$1, TabsPrimitive_List) => {
-			TabsPrimitive_List($$anchor$1, $.spread_props({
+		let $0 = $.derived(() => [__default__.list, $$props.class]);
+		$.component(node, () => Tabs.List, ($$anchor, TabsPrimitive_List) => {
+			TabsPrimitive_List($$anchor, $.spread_props({
 				"data-slot": "tabs-list",
 				get class() {
 					return $.get($0);
@@ -31,11 +31,11 @@ function List($$anchor, $$props) {
 				set ref($$value) {
 					ref($$value);
 				},
-				children: ($$anchor$2, $$slotProps) => {
+				children: ($$anchor, $$slotProps) => {
 					var fragment_1 = $.comment();
 					var node_1 = $.first_child(fragment_1);
 					$.snippet(node_1, () => $$props.children ?? $.noop);
-					$.append($$anchor$2, fragment_1);
+					$.append($$anchor, fragment_1);
 				},
 				$$slots: { default: true }
 			}));

package/dist/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Tabs } from "bits-ui";
@@ -18,9 +18,9 @@ function Tabs$1($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
-		$.component(node, () => Tabs.Root, ($$anchor$1, TabsPrimitive_Root) => {
-			TabsPrimitive_Root($$anchor$1, $.spread_props({
+		let $0 = $.derived(() => [__default__.root, $$props.class]);
+		$.component(node, () => Tabs.Root, ($$anchor, TabsPrimitive_Root) => {
+			TabsPrimitive_Root($$anchor, $.spread_props({
 				"data-slot": "tabs",
 				get class() {
 					return $.get($0);
@@ -38,11 +38,11 @@ function Tabs$1($$anchor, $$props) {
 				set value($$value) {
 					value($$value);
 				},
-				children: ($$anchor$2, $$slotProps) => {
+				children: ($$anchor, $$slotProps) => {
 					var fragment_1 = $.comment();
 					var node_1 = $.first_child(fragment_1);
 					$.snippet(node_1, () => $$props.children ?? $.noop);
-					$.append($$anchor$2, fragment_1);
+					$.append($$anchor, fragment_1);
 				},
 				$$slots: { default: true }
 			}));

package/dist/components/Tabs/Trigger/Trigger.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Tabs } from "bits-ui";
@@ -17,9 +17,9 @@ function Trigger($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.trigger, $$props.class]);
-		$.component(node, () => Tabs.Trigger, ($$anchor$1, TabsPrimitive_Trigger) => {
-			TabsPrimitive_Trigger($$anchor$1, $.spread_props({
+		let $0 = $.derived(() => [__default__.trigger, $$props.class]);
+		$.component(node, () => Tabs.Trigger, ($$anchor, TabsPrimitive_Trigger) => {
+			TabsPrimitive_Trigger($$anchor, $.spread_props({
 				"data-slot": "tabs-trigger",
 				get class() {
 					return $.get($0);
@@ -31,11 +31,11 @@ function Trigger($$anchor, $$props) {
 				set ref($$value) {
 					ref($$value);
 				},
-				children: ($$anchor$2, $$slotProps) => {
+				children: ($$anchor, $$slotProps) => {
 					var fragment_1 = $.comment();
 					var node_1 = $.first_child(fragment_1);
 					$.snippet(node_1, () => $$props.children ?? $.noop);
-					$.append($$anchor$2, fragment_1);
+					$.append($$anchor, fragment_1);
 				},
 				$$slots: { default: true }
 			}));

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

@@ -1,5 +1,5 @@
-import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/styles.css.ts.vanilla-DONNicjp.css";
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/Tabs/styles.css.ts.vanilla-DONNicjp.css";
 
 //#region src/components/Tabs/styles.css.ts
 var __default__ = {
@@ -8,7 +8,6 @@ var __default__ = {
 	trigger: "styles_trigger__mob0852",
 	content: "styles_content__mob0853"
 };
-var styles_css_default = __default__;
 
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Tooltip/Content/Content.js

@@ -1,5 +1,5 @@
 import Portal from "../Portal/Portal.js";
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Tooltip } from "bits-ui";
@@ -23,13 +23,13 @@ function Content($$anchor, $$props) {
 		"arrow"
 	]);
 	Portal($$anchor, $.spread_props(() => $$props.portalProps, {
-		children: ($$anchor$1, $$slotProps) => {
+		children: ($$anchor, $$slotProps) => {
 			var fragment_1 = $.comment();
 			var node = $.first_child(fragment_1);
 			{
-				let $0 = $.derived(() => [styles_css_default.content, $$props.class]);
-				$.component(node, () => Tooltip.Content, ($$anchor$2, TooltipPrimitive_Content) => {
-					TooltipPrimitive_Content($$anchor$2, $.spread_props({
+				let $0 = $.derived(() => [__default__.content, $$props.class]);
+				$.component(node, () => Tooltip.Content, ($$anchor, TooltipPrimitive_Content) => {
+					TooltipPrimitive_Content($$anchor, $.spread_props({
 						"data-slot": "tooltip-content",
 						get sideOffset() {
 							return sideOffset();
@@ -47,43 +47,43 @@ function Content($$anchor, $$props) {
 						set ref($$value) {
 							ref($$value);
 						},
-						children: ($$anchor$3, $$slotProps$1) => {
+						children: ($$anchor, $$slotProps) => {
 							var fragment_2 = root_2();
 							var node_1 = $.first_child(fragment_2);
 							$.snippet(node_1, () => $$props.children ?? $.noop);
 							var node_2 = $.sibling(node_1, 2);
-							var consequent = ($$anchor$4) => {
+							var consequent = ($$anchor) => {
 								var fragment_3 = $.comment();
 								var node_3 = $.first_child(fragment_3);
 								{
-									const child = ($$anchor$5, $$arg0) => {
+									const child = ($$anchor, $$arg0) => {
 										let props = () => $$arg0?.().props;
 										var div = root_4();
 										$.attribute_effect(div, () => ({
-											class: [styles_css_default.arrow, $$props.arrowClasses],
+											class: [__default__.arrow, $$props.arrowClasses],
 											...props()
 										}));
-										$.append($$anchor$5, div);
+										$.append($$anchor, div);
 									};
-									$.component(node_3, () => Tooltip.Arrow, ($$anchor$5, TooltipPrimitive_Arrow) => {
-										TooltipPrimitive_Arrow($$anchor$5, {
+									$.component(node_3, () => Tooltip.Arrow, ($$anchor, TooltipPrimitive_Arrow) => {
+										TooltipPrimitive_Arrow($$anchor, {
 											child,
 											$$slots: { child: true }
 										});
 									});
 								}
-								$.append($$anchor$4, fragment_3);
+								$.append($$anchor, fragment_3);
 							};
 							$.if(node_2, ($$render) => {
 								if ($$props.arrow) $$render(consequent);
 							});
-							$.append($$anchor$3, fragment_2);
+							$.append($$anchor, fragment_2);
 						},
 						$$slots: { default: true }
 					}));
 				});
 			}
-			$.append($$anchor$1, fragment_1);
+			$.append($$anchor, fragment_1);
 		},
 		$$slots: { default: true }
 	}));

package/dist/components/Tooltip/Content/styles.css.js

@@ -1,12 +1,11 @@
-import "./../../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/styles.css.ts.vanilla-jFnWFq35.css";
+import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/components/Tooltip/Content/styles.css.ts.vanilla-jFnWFq35.css";
 
 //#region src/components/Tooltip/Content/styles.css.ts
 var __default__ = {
 	content: "styles_content__ly8gs78",
 	arrow: "styles_arrow__ly8gs79"
 };
-var styles_css_default = __default__;
 
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Tooltip/Portal/Portal.js

@@ -11,8 +11,8 @@ function Portal($$anchor, $$props) {
 	]);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
-	$.component(node, () => Tooltip.Portal, ($$anchor$1, TooltipPrimitive_Portal) => {
-		TooltipPrimitive_Portal($$anchor$1, $.spread_props(() => restProps));
+	$.component(node, () => Tooltip.Portal, ($$anchor, TooltipPrimitive_Portal) => {
+		TooltipPrimitive_Portal($$anchor, $.spread_props(() => restProps));
 	});
 	$.append($$anchor, fragment);
 }

package/dist/components/Tooltip/Provider/Provider.js

@@ -11,8 +11,8 @@ function Provider($$anchor, $$props) {
 	]);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
-	$.component(node, () => Tooltip.Provider, ($$anchor$1, TooltipPrimitive_Provider) => {
-		TooltipPrimitive_Provider($$anchor$1, $.spread_props(() => restProps));
+	$.component(node, () => Tooltip.Provider, ($$anchor, TooltipPrimitive_Provider) => {
+		TooltipPrimitive_Provider($$anchor, $.spread_props(() => restProps));
 	});
 	$.append($$anchor, fragment);
 }

package/dist/components/Tooltip/Tooltip.js

@@ -23,26 +23,26 @@ function Tooltip$1($$anchor, $$props) {
 		"arrow"
 	]);
 	Provider($$anchor, {
-		children: ($$anchor$1, $$slotProps) => {
+		children: ($$anchor, $$slotProps) => {
 			var fragment_1 = $.comment();
 			var node = $.first_child(fragment_1);
-			$.component(node, () => Tooltip.Root, ($$anchor$2, TooltipPrimitive_Root) => {
-				TooltipPrimitive_Root($$anchor$2, $.spread_props(() => restProps, {
+			$.component(node, () => Tooltip.Root, ($$anchor, TooltipPrimitive_Root) => {
+				TooltipPrimitive_Root($$anchor, $.spread_props(() => restProps, {
 					get open() {
 						return open();
 					},
 					set open($$value) {
 						open($$value);
 					},
-					children: ($$anchor$3, $$slotProps$1) => {
+					children: ($$anchor, $$slotProps) => {
 						var fragment_2 = root_2();
 						var node_1 = $.first_child(fragment_2);
 						Trigger(node_1, {
-							children: ($$anchor$4, $$slotProps$2) => {
+							children: ($$anchor, $$slotProps) => {
 								var fragment_3 = $.comment();
 								var node_2 = $.first_child(fragment_3);
 								$.snippet(node_2, () => $$props.children ?? $.noop);
-								$.append($$anchor$4, fragment_3);
+								$.append($$anchor, fragment_3);
 							},
 							$$slots: { default: true }
 						});
@@ -63,34 +63,34 @@ function Tooltip$1($$anchor, $$props) {
 								return $$props.arrow;
 							},
 							hideWhenDetached: true,
-							children: ($$anchor$4, $$slotProps$2) => {
+							children: ($$anchor, $$slotProps) => {
 								var fragment_4 = $.comment();
 								var node_4 = $.first_child(fragment_4);
-								var consequent = ($$anchor$5) => {
+								var consequent = ($$anchor) => {
 									var text = $.text();
 									$.template_effect(() => $.set_text(text, $$props.content));
-									$.append($$anchor$5, text);
+									$.append($$anchor, text);
 								};
-								var alternate = ($$anchor$5) => {
+								var alternate = ($$anchor) => {
 									var fragment_6 = $.comment();
 									var node_5 = $.first_child(fragment_6);
 									$.snippet(node_5, () => $$props.content ?? $.noop);
-									$.append($$anchor$5, fragment_6);
+									$.append($$anchor, fragment_6);
 								};
 								$.if(node_4, ($$render) => {
 									if (typeof $$props.content === "string") $$render(consequent);
 									else $$render(alternate, false);
 								});
-								$.append($$anchor$4, fragment_4);
+								$.append($$anchor, fragment_4);
 							},
 							$$slots: { default: true }
 						});
-						$.append($$anchor$3, fragment_2);
+						$.append($$anchor, fragment_2);
 					},
 					$$slots: { default: true }
 				}));
 			});
-			$.append($$anchor$1, fragment_1);
+			$.append($$anchor, fragment_1);
 		},
 		$$slots: { default: true }
 	});

package/dist/components/Tooltip/Trigger/Trigger.js

@@ -13,8 +13,8 @@ function Trigger($$anchor, $$props) {
 	]);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
-	$.component(node, () => Tooltip.Trigger, ($$anchor$1, TooltipPrimitive_Trigger) => {
-		TooltipPrimitive_Trigger($$anchor$1, $.spread_props({ "data-slot": "tooltip-trigger" }, () => restProps, {
+	$.component(node, () => Tooltip.Trigger, ($$anchor, TooltipPrimitive_Trigger) => {
+		TooltipPrimitive_Trigger($$anchor, $.spread_props({ "data-slot": "tooltip-trigger" }, () => restProps, {
 			get ref() {
 				return ref();
 			},

package/dist/components/Typography/Typography.js

@@ -36,7 +36,7 @@ function Typography($$anchor, $$props) {
 		caption: "span",
 		overline: "span"
 	};
-	const TagComponent = $.derived(() => $$props.component || VARIANT_COMPONENT_MAP[variant() || "body1"]);
+	const TagComponent = $.derived(() => $$props.component || VARIANT_COMPONENT_MAP[variant()]);
 	const mergedProps = $.derived(() => ({
 		...restProps,
 		ref: ref(),
@@ -54,20 +54,20 @@ function Typography($$anchor, $$props) {
 	}));
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
-	$.element(node, () => $.get(TagComponent), false, ($$element, $$anchor$1) => {
+	$.element(node, () => $.get(TagComponent), false, ($$element, $$anchor) => {
 		$.attribute_effect($$element, () => ({ ...$.get(mergedProps) }));
 		var fragment_1 = $.comment();
 		var node_1 = $.first_child(fragment_1);
-		var consequent = ($$anchor$2) => {
+		var consequent = ($$anchor) => {
 			var fragment_2 = $.comment();
 			var node_2 = $.first_child(fragment_2);
 			$.snippet(node_2, () => $$props.children);
-			$.append($$anchor$2, fragment_2);
+			$.append($$anchor, fragment_2);
 		};
 		$.if(node_1, ($$render) => {
 			if ($$props.children) $$render(consequent);
 		});
-		$.append($$anchor$1, fragment_1);
+		$.append($$anchor, fragment_1);
 	});
 	$.append($$anchor, fragment);
 	$.pop();

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

@@ -1,20 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { ComponentVariant, TypographyAlign, TypographyColor, TypographyVariant } from './types.js';
-type $$ComponentProps = {
-    align?: TypographyAlign;
-    variant?: TypographyVariant;
-    color?: TypographyColor;
-    component?: ComponentVariant;
-    display?: 'block' | 'inline';
-    weight?: 'normal' | 'bold' | 'medium' | 'semibold';
-    transform?: 'lowercase' | 'capitalize' | 'uppercase';
-    decoration?: 'none' | 'underline' | 'lineThrough';
-    gutterBottom?: boolean;
-    children?: Snippet;
-    ref?: HTMLElement | null;
-    class?: string;
-    [key: string]: any;
-};
-declare const Typography: import("svelte").Component<$$ComponentProps, {}, "ref">;
+import type { TypographyProps } from './types.js';
+declare const Typography: import("svelte").Component<TypographyProps, {}, "ref">;
 type Typography = ReturnType<typeof Typography>;
 export default Typography;

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

@@ -1,5 +1,5 @@
-import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/styles.css.ts.vanilla-RejbDOhi.css";
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/Typography/styles.css.ts.vanilla-RejbDOhi.css";
 
 //#region src/components/Typography/styles.css.ts
 var alignments = {

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

@@ -1,4 +1,19 @@
+import type { Snippet } from 'svelte';
 export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
 export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
 export type ComponentVariant = 'div' | 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyColor = 'primary' | 'disabled' | 'info' | 'secondary' | 'success' | 'error' | 'muted' | 'warning';
+export type TypographyProps = {
+    align?: TypographyAlign;
+    variant?: TypographyVariant;
+    color?: TypographyColor;
+    component?: ComponentVariant;
+    display?: 'block' | 'inline';
+    weight?: 'normal' | 'bold' | 'medium' | 'semibold';
+    transform?: 'lowercase' | 'capitalize' | 'uppercase';
+    decoration?: 'none' | 'underline' | 'lineThrough';
+    gutterBottom?: boolean;
+    children?: Snippet<[]>;
+    ref?: HTMLElement | null;
+    class?: string;
+};