@max-ts/svelte 1.8.5 → 1.9.1

package/dist/components/DataGrid/Body/Body.js

@@ -1,9 +1,8 @@
 import Row from "../Row/Row.js";
 import State from "../State/State.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/Body/Body.svelte
 var root_1 = $.from_html(`<tbody><!></tbody>`);
 var root_2 = $.from_html(`<tbody></tbody>`);
@@ -39,7 +38,7 @@ function Body($$anchor, $$props) {
 			}
 		});
 		$.reset(tbody);
-		$.template_effect(() => $.set_class(tbody, 1, $.clsx(__default__.container)));
+		$.template_effect(() => $.set_class(tbody, 1, $.clsx(styles_css_default.container)));
 		$.append($$anchor, tbody);
 	};
 	var alternate = ($$anchor) => {
@@ -68,16 +67,15 @@ function Body($$anchor, $$props) {
 			});
 		});
 		$.reset(tbody_1);
-		$.template_effect(() => $.set_class(tbody_1, 1, $.clsx(__default__.container)));
+		$.template_effect(() => $.set_class(tbody_1, 1, $.clsx(styles_css_default.container)));
 		$.append($$anchor, tbody_1);
 	};
 	$.if(node, ($$render) => {
 		if ($.get(isStateVisible)) $$render(consequent);
-		else $$render(alternate, false);
+		else $$render(alternate, -1);
 	});
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Body as default };
+export { Body as default };

package/dist/components/DataGrid/Body/styles.css.js

@@ -1,7 +1,14 @@
-import "./../../../assets/src/components/DataGrid/Body/styles.css.ts.vanilla-DW-VMEZn.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
 //#region src/components/DataGrid/Body/styles.css.ts
-var __default__ = { container: "styles_container__j1g1a40" };
-
+setFileScope("src/components/DataGrid/Body/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { container: style({
+	height: "100%",
+	margin: 0,
+	padding: 0,
+	scrollBehavior: "smooth",
+	listStyle: "none"
+}, "container") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGrid/Cell/Cell.js

@@ -1,8 +1,7 @@
 import { calculateSize } from "../../../utils.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/Cell/Cell.svelte
 var root = $.from_html(`<td><!></td>`);
 function Cell($$anchor, $$props) {
@@ -36,12 +35,12 @@ function Cell($$anchor, $$props) {
 		if ($$props.column.cell) $$render(consequent);
 		else if ($$props.column.format) $$render(consequent_1, 1);
 		else if ($$props.column.field) $$render(consequent_2, 2);
-		else $$render(alternate, false);
+		else $$render(alternate, -1);
 	});
 	$.reset(td);
 	$.template_effect(($0) => {
 		$.set_attribute(td, "align", $$props.column.align ?? "left");
-		$.set_class(td, 1, $.clsx([__default__.cell, { [__default__.disabled]: $$props.column.isDisabled }]));
+		$.set_class(td, 1, $.clsx([styles_css_default.cell, { [styles_css_default.disabled]: $$props.column.isDisabled }]));
 		styles_1 = $.set_style(td, "", styles_1, $0);
 	}, [() => ({
 		"background-color": $$props.column.cellColor?.($$props.row),
@@ -51,6 +50,5 @@ function Cell($$anchor, $$props) {
 	$.append($$anchor, td);
 	$.pop();
 }
-
 //#endregion
-export { Cell as default };
+export { Cell as default };

package/dist/components/DataGrid/Cell/styles.css.js

@@ -1,11 +1,20 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DataGrid/Cell/styles.css.ts.vanilla-BxWJsext.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
+import { spacing } from "../../../utils.js";
 //#region src/components/DataGrid/Cell/styles.css.ts
-var __default__ = {
-	cell: "styles_cell__73y58c0",
-	disabled: "styles_disabled__73y58c1"
+setFileScope("src/components/DataGrid/Cell/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = {
+	cell: style({
+		overflow: "hidden",
+		padding: spacing(1, 2),
+		height: "100%",
+		color: theme.colors.text.primary,
+		fontSize: theme.fontSize.base,
+		borderBottom: `1px solid ${theme.colors.border}`
+	}, "cell"),
+	disabled: style({ opacity: .5 }, "disabled")
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGrid/DataGrid.js

@@ -1,17 +1,15 @@
 import Body from "./Body/Body.js";
-import { ROW_HEIGHT } from "./constants.js";
 import Footer from "./Footer/Footer.js";
 import Header from "./Header/Header.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/DataGrid.svelte
 var root_1 = $.from_html(`<caption> </caption>`);
 var root = $.from_html(`<div data-slot="data-grid"><table><!><!><!></table> <!></div>`);
 function DataGrid($$anchor, $$props) {
 	$.push($$props, true);
-	let height = $.prop($$props, "height", 3, "100%"), rowHeight = $.prop($$props, "rowHeight", 3, ROW_HEIGHT), headerHeight = $.prop($$props, "headerHeight", 3, ROW_HEIGHT);
+	let height = $.prop($$props, "height", 3, "100%"), rowHeight = $.prop($$props, "rowHeight", 3, 40), headerHeight = $.prop($$props, "headerHeight", 3, 40);
 	const isFullHeight = $.derived(() => $$props.isLoading || $$props.isError || $$props.rows.length === 0);
 	const heightValue = $.derived(() => typeof height() === "number" ? `${height()}px` : height());
 	var div = root();
@@ -23,7 +21,7 @@ function DataGrid($$anchor, $$props) {
 		var text = $.child(caption, true);
 		$.reset(caption);
 		$.template_effect(() => {
-			$.set_class(caption, 1, $.clsx(__default__.title));
+			$.set_class(caption, 1, $.clsx(styles_css_default.title));
 			$.set_text(text, $$props.title);
 		});
 		$.append($$anchor, caption);
@@ -93,14 +91,14 @@ function DataGrid($$anchor, $$props) {
 	});
 	$.reset(div);
 	$.template_effect(() => {
-		$.set_class(div, 1, $.clsx([__default__.container, $$props.class]));
+		$.set_class(div, 1, $.clsx([styles_css_default.container, $$props.class]));
 		styles_1 = $.set_style(div, "", styles_1, { height: $.get(heightValue) });
 		$.set_class(table, 1, $.clsx([
-			__default__.table,
+			styles_css_default.table,
 			{
-				[__default__.disabled]: $$props.isDisabled,
-				[__default__.loading]: $$props.isLoading,
-				[__default__.fullHeight]: $.get(isFullHeight)
+				[styles_css_default.disabled]: $$props.isDisabled,
+				[styles_css_default.loading]: $$props.isLoading,
+				[styles_css_default.fullHeight]: $.get(isFullHeight)
 			},
 			$$props.class
 		]));
@@ -108,6 +106,5 @@ function DataGrid($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { DataGrid as default };
+export { DataGrid as default };

package/dist/components/DataGrid/Footer/Footer.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/Footer/Footer.svelte
 var root = $.from_html(`<footer><!></footer>`);
 function Footer($$anchor, $$props) {
@@ -10,10 +9,9 @@ function Footer($$anchor, $$props) {
 	var node = $.child(footer);
 	$.snippet(node, () => $$props.children);
 	$.reset(footer);
-	$.template_effect(() => $.set_class(footer, 1, $.clsx([__default__.footer, $$props.class])));
+	$.template_effect(() => $.set_class(footer, 1, $.clsx([styles_css_default.footer, $$props.class])));
 	$.append($$anchor, footer);
 	$.pop();
 }
-
 //#endregion
-export { Footer as default };
+export { Footer as default };

package/dist/components/DataGrid/Footer/styles.css.js

@@ -1,8 +1,22 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DataGrid/Footer/styles.css.ts.vanilla-B6yhzE26.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DataGrid/Footer/styles.css.ts
-var __default__ = { footer: "styles_footer__ide43b0" };
-
+setFileScope("src/components/DataGrid/Footer/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { footer: style({
+	width: "100%",
+	height: "auto",
+	display: "flex",
+	justifyContent: "flex-end",
+	alignItems: "center",
+	backgroundColor: theme.colors.background.paper,
+	position: "sticky",
+	bottom: 0,
+	padding: theme.spacing[2],
+	borderTop: `1px solid ${theme.colors.border}`,
+	marginTop: "auto",
+	selectors: { "&:empty": { display: "none" } }
+}, "footer") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGrid/Header/Header.js

@@ -1,8 +1,7 @@
 import HeaderCell from "../HeaderCell/HeaderCell.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/Header/Header.svelte
 var root = $.from_html(`<thead><tr></tr></thead>`);
 function Header($$anchor, $$props) {
@@ -24,10 +23,9 @@ function Header($$anchor, $$props) {
 	});
 	$.reset(tr);
 	$.reset(thead);
-	$.template_effect(() => $.set_class(tr, 1, $.clsx({ [__default__.sticky]: $$props.sticky })));
+	$.template_effect(() => $.set_class(tr, 1, $.clsx({ [styles_css_default.sticky]: $$props.sticky })));
 	$.append($$anchor, thead);
 	$.pop();
 }
-
 //#endregion
-export { Header as default };
+export { Header as default };

package/dist/components/DataGrid/Header/styles.css.js

@@ -1,7 +1,12 @@
-import "./../../../assets/src/components/DataGrid/Header/styles.css.ts.vanilla-B6cv8XDg.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
 //#region src/components/DataGrid/Header/styles.css.ts
-var __default__ = { sticky: "styles_sticky__lf0w1c0" };
-
+setFileScope("src/components/DataGrid/Header/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { sticky: style({
+	position: "sticky",
+	top: 0,
+	zIndex: 1
+}, "sticky") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGrid/HeaderCell/HeaderCell.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/HeaderCell/HeaderCell.svelte
 var root = $.from_html(`<th><!></th>`);
 function HeaderCell($$anchor, $$props) {
@@ -25,12 +24,12 @@ function HeaderCell($$anchor, $$props) {
 	};
 	$.if(node, ($$render) => {
 		if ($$props.column.headerCell) $$render(consequent);
-		else $$render(alternate, false);
+		else $$render(alternate, -1);
 	});
 	$.reset(th);
 	$.template_effect(() => {
 		$.set_attribute(th, "title", $$props.column.title);
-		$.set_class(th, 1, $.clsx(__default__.cell));
+		$.set_class(th, 1, $.clsx(styles_css_default.cell));
 		$.set_attribute(th, "align", $.get(alignment));
 		styles_1 = $.set_style(th, "", styles_1, {
 			color: $$props.column.color,
@@ -41,6 +40,5 @@ function HeaderCell($$anchor, $$props) {
 	$.append($$anchor, th);
 	$.pop();
 }
-
 //#endregion
-export { HeaderCell as default };
+export { HeaderCell as default };

package/dist/components/DataGrid/HeaderCell/styles.css.js

@@ -1,8 +1,18 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DataGrid/HeaderCell/styles.css.ts.vanilla-dV_weZXd.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
+import { spacing } from "../../../utils.js";
 //#region src/components/DataGrid/HeaderCell/styles.css.ts
-var __default__ = { cell: "styles_cell__byu5qd0" };
-
+setFileScope("src/components/DataGrid/HeaderCell/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { cell: style({
+	padding: spacing(1, 2),
+	width: "100%",
+	fontWeight: theme.fontWeight.semibold,
+	fontSize: theme.fontSize.sm,
+	overflowWrap: "break-word",
+	backgroundColor: theme.colors.background.paper,
+	borderBottom: `1px solid ${theme.colors.border}`
+}, "cell") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGrid/Row/Row.js

@@ -1,8 +1,7 @@
 import Cell from "../Cell/Cell.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/Row/Row.svelte
 var root = $.from_html(`<tr></tr>`);
 function Row($$anchor, $$props) {
@@ -28,13 +27,12 @@ function Row($$anchor, $$props) {
 		});
 	});
 	$.reset(tr);
-	$.template_effect(() => $.set_class(tr, 1, $.clsx([__default__.row, { [__default__.selectable]: !!$$props.onRowClick }])));
+	$.template_effect(() => $.set_class(tr, 1, $.clsx([styles_css_default.row, { [styles_css_default.selectable]: !!$$props.onRowClick }])));
 	$.delegated("click", tr, handleSelect);
 	$.delegated("keydown", tr, handleSelect);
 	$.append($$anchor, tr);
 	$.pop();
 }
 $.delegate(["click", "keydown"]);
-
 //#endregion
-export { Row as default };
+export { Row as default };

package/dist/components/DataGrid/Row/styles.css.js

@@ -1,11 +1,20 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DataGrid/Row/styles.css.ts.vanilla-CKwydkes.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DataGrid/Row/styles.css.ts
-var __default__ = {
-	row: "styles_row__1bfixnu0",
-	selectable: "styles_selectable__1bfixnu1"
+setFileScope("src/components/DataGrid/Row/styles.css.ts", "@max-ts/svelte");
+const row = style({
+	backgroundColor: "transparent",
+	transition: "background-color 0.2s ease"
+}, "row");
+globalStyle(`${row}:last-child td`, { borderBottom: "none" });
+var styles_css_default = {
+	row,
+	selectable: style({
+		cursor: "pointer",
+		":hover": { backgroundColor: theme.colors.background.elementHover }
+	}, "selectable")
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGrid/State/State.js

@@ -1,10 +1,9 @@
 import Button from "../../Button/Button.js";
 import CircularProgress from "../../CircularProgress/CircularProgress.js";
 import Placeholder from "../../Placeholder/Placeholder.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DataGrid/State/State.svelte
 var root_5 = $.from_html(`<tr><td align="center"><span><!></span></td></tr>`);
 var root_6 = $.from_html(`<tr><td align="center"><!></td></tr>`);
@@ -33,7 +32,7 @@ function State($$anchor, $$props) {
 		};
 		$.if(node, ($$render) => {
 			if ($$props.onRetry) $$render(consequent);
-			else $$render(alternate, false);
+			else $$render(alternate, -1);
 		});
 		$.append($$anchor, fragment);
 	};
@@ -50,9 +49,9 @@ function State($$anchor, $$props) {
 		$.reset(td);
 		$.reset(tr);
 		$.template_effect(() => {
-			$.set_class(tr, 1, $.clsx(__default__.container));
+			$.set_class(tr, 1, $.clsx(styles_css_default.container));
 			$.set_attribute(td, "colspan", $$props.columnsLength);
-			$.set_class(span, 1, $.clsx(__default__.loader));
+			$.set_class(span, 1, $.clsx(styles_css_default.loader));
 		});
 		$.append($$anchor, tr);
 	};
@@ -73,7 +72,7 @@ function State($$anchor, $$props) {
 		$.reset(td_1);
 		$.reset(tr_1);
 		$.template_effect(() => {
-			$.set_class(tr_1, 1, $.clsx(__default__.container));
+			$.set_class(tr_1, 1, $.clsx(styles_css_default.container));
 			$.set_attribute(td_1, "colspan", $$props.columnsLength);
 		});
 		$.append($$anchor, tr_1);
@@ -98,7 +97,7 @@ function State($$anchor, $$props) {
 		$.reset(td_2);
 		$.reset(tr_2);
 		$.template_effect(() => {
-			$.set_class(tr_2, 1, $.clsx(__default__.container));
+			$.set_class(tr_2, 1, $.clsx(styles_css_default.container));
 			$.set_attribute(td_2, "colspan", $$props.columnsLength);
 		});
 		$.append($$anchor, tr_2);
@@ -111,6 +110,5 @@ function State($$anchor, $$props) {
 	$.append($$anchor, fragment_2);
 	$.pop();
 }
-
 //#endregion
-export { State as default };
+export { State as default };

package/dist/components/DataGrid/State/styles.css.js

@@ -1,10 +1,20 @@
-import "./../../../assets/src/components/DataGrid/State/styles.css.ts.vanilla-Cfm5Y8YC.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
 //#region src/components/DataGrid/State/styles.css.ts
-var __default__ = {
-	container: "styles_container__1au6dz80",
-	loader: "styles_loader__1au6dz81"
+setFileScope("src/components/DataGrid/State/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = {
+	container: style({
+		width: "100%",
+		height: "100%"
+	}, "container"),
+	loader: style({
+		height: "100%",
+		minHeight: 50,
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	}, "loader")
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

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

@@ -1,15 +1,43 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/DataGrid/styles.css.ts.vanilla-e28yFL_V.css";
-
+import { endFileScope, setFileScope } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../theme.js";
 //#region src/components/DataGrid/styles.css.ts
-var __default__ = {
-	container: "styles_container__k8jzpb0",
-	table: "styles_table__k8jzpb1",
-	fullHeight: "styles_fullHeight__k8jzpb2",
-	disabled: "styles_disabled__k8jzpb3",
-	loading: "styles_loading__k8jzpb4",
-	title: "styles_title__k8jzpb5"
+setFileScope("src/components/DataGrid/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = {
+	container: style({
+		position: "relative",
+		display: "flex",
+		flexDirection: "column",
+		backgroundColor: theme.colors.background.paper,
+		width: "100%",
+		height: "100%",
+		overflow: "hidden auto",
+		border: `1px solid ${theme.colors.border}`,
+		borderRadius: theme.radius.medium
+	}, "container"),
+	table: style({
+		width: "100%",
+		tableLayout: "fixed",
+		borderCollapse: "separate",
+		borderSpacing: 0
+	}, "table"),
+	fullHeight: style({ height: "100%" }, "fullHeight"),
+	disabled: style({
+		pointerEvents: "none",
+		background: theme.colors.background.paper,
+		mixBlendMode: "luminosity"
+	}, "disabled"),
+	loading: style({
+		pointerEvents: "none",
+		opacity: .5
+	}, "loading"),
+	title: style({
+		fontSize: theme.fontSize["2xl"],
+		fontWeight: theme.fontWeight.semibold,
+		lineHeight: theme.lineHeight.none,
+		letterSpacing: "-0.025em"
+	}, "title")
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DataGridSortHeader/DataGridSortHeader.js

@@ -1,8 +1,7 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow } from "@lucide/svelte";
-
 //#region src/components/DataGridSortHeader/DataGridSortHeader.svelte
 var root_1 = $.from_html(`<button type="button"> <!></button>`);
 function DataGridSortHeader($$anchor, $$props) {
@@ -36,7 +35,7 @@ function DataGridSortHeader($$anchor, $$props) {
 			};
 			$.if(node_2, ($$render) => {
 				if ($$props.sorting.order === "asc") $$render(consequent);
-				else $$render(alternate, false);
+				else $$render(alternate, -1);
 			});
 			$.append($$anchor, fragment_1);
 		};
@@ -45,13 +44,13 @@ function DataGridSortHeader($$anchor, $$props) {
 		};
 		$.if(node_1, ($$render) => {
 			if ($$props.sorting.key === $.get(field)) $$render(consequent_1);
-			else $$render(alternate_1, false);
+			else $$render(alternate_1, -1);
 		});
 		$.reset(button);
 		$.template_effect(() => {
 			$.set_class(button, 1, $.clsx([
-				__default__.wrapper,
-				__default__.alignments[$.get(align)],
+				styles_css_default.wrapper,
+				styles_css_default.alignments[$.get(align)],
 				$$props.class
 			]));
 			$.set_text(text, `${$.get(title) ?? ""} `);
@@ -66,6 +65,5 @@ function DataGridSortHeader($$anchor, $$props) {
 	$.pop();
 }
 $.delegate(["click"]);
-
 //#endregion
-export { DataGridSortHeader as default };
+export { DataGridSortHeader as default };

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

@@ -1,17 +1,37 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/DataGridSortHeader/styles.css.ts.vanilla-DDAuz1H0.css";
-
+import { endFileScope, setFileScope } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style, styleVariants } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../theme.js";
 //#region src/components/DataGridSortHeader/styles.css.ts
-var alignments = {
-	left: "styles_alignments_left__1u2u0bp1",
-	center: "styles_alignments_center__1u2u0bp2",
-	right: "styles_alignments_right__1u2u0bp3",
-	justify: "styles_alignments_justify__1u2u0bp4"
+setFileScope("src/components/DataGridSortHeader/styles.css.ts", "@max-ts/svelte");
+const wrapper = style({
+	display: "flex",
+	position: "relative",
+	alignItems: "center",
+	gap: theme.spacing[1],
+	cursor: "pointer",
+	backgroundColor: "transparent",
+	border: "none",
+	color: "inherit",
+	fontSize: "inherit",
+	fontWeight: "inherit",
+	fontFamily: "inherit",
+	width: "100%",
+	height: "100%",
+	overflowWrap: "break-word"
+}, "wrapper");
+globalStyle(`${wrapper} svg`, {
+	minWidth: 12,
+	stroke: "currentColor"
+});
+var styles_css_default = {
+	wrapper,
+	alignments: styleVariants({
+		left: { justifyContent: "flex-start" },
+		center: { justifyContent: "center" },
+		right: { justifyContent: "flex-end" },
+		justify: { justifyContent: "space-between" }
+	}, "alignments")
 };
-var __default__ = {
-	wrapper: "styles_wrapper__1u2u0bp0",
-	alignments
-};
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Dialog/Close/Close.js

@@ -1,7 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Dialog } from "bits-ui";
-
 //#region src/components/Dialog/Close/Close.svelte
 function Close($$anchor, $$props) {
 	$.push($$props, true);
@@ -26,6 +25,5 @@ function Close($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Close as default };
+export { Close as default };