@max-ts/svelte 1.0.1 → 1.0.3

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

@@ -1 +1,12 @@
-import"./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";import"./../../../assets/styles.css.ts.vanilla-DoxbzaiQ.css";var e={cell:`style__73y58c0`,disabled:`style__73y58c1`};export{e as default};
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-DoxbzaiQ.css";
+
+//#region src/components/DataGrid/Cell/styles.css.ts
+var __default__ = {
+	cell: "style__73y58c0",
+	disabled: "style__73y58c1"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/DataGrid/DataGrid.js

@@ -1 +1,113 @@
-import e from"./Body/Body.js";import{ROW_HEIGHT as t}from"./constants.js";import n from"./Footer/Footer.js";import r from"./Header/Header.js";import i from"./styles.css.js";import"svelte/internal/disclose-version";import*as a from"svelte/internal/client";var o=a.from_html(`<caption> </caption>`),s=a.from_html(`<div data-slot="data-grid"><table><!><!><!></table> <!></div>`);function c(c,l){a.push(l,!0);let u=a.prop(l,`height`,3,`100%`),d=a.prop(l,`rowHeight`,3,t),f=a.prop(l,`headerHeight`,3,t),p=a.derived(()=>l.isLoading||l.isError||l.rows.length===0),m=a.derived(()=>typeof u()==`number`?`${u()}px`:u());var h=s();let g;var _=a.child(h),v=a.child(_),y=e=>{var t=o(),n=a.child(t,!0);a.reset(t),a.template_effect(()=>{a.set_class(t,1,a.clsx(i.title)),a.set_text(n,l.title)}),a.append(e,t)};a.if(v,e=>{l.title&&e(y)});var b=a.sibling(v);r(b,{get columns(){return l.columns},get height(){return f()},get sticky(){return l.stickyHeader}}),e(a.sibling(b),{get rows(){return l.rows},get columns(){return l.columns},get rowHeight(){return d()},get keyId(){return l.keyId},get onRowClick(){return l.onRowClick},get isLoading(){return l.isLoading},get emptyState(){return l.emptyState},get errorState(){return l.errorState},get isError(){return l.isError},get onRetry(){return l.onRetry}}),a.reset(_);var x=a.sibling(_,2),S=e=>{n(e,{children:(e,t)=>{a.next();var n=a.text();a.template_effect(()=>a.set_text(n,l.footer)),a.append(e,n)},$$slots:{default:!0}})};a.if(x,e=>{l.footer&&e(S)}),a.reset(h),a.template_effect(()=>{a.set_class(h,1,a.clsx([i.container,l.class])),g=a.set_style(h,``,g,{height:a.get(m)}),a.set_class(_,1,a.clsx([i.table,{[i.disabled]:l.isDisabled,[i.loading]:l.isLoading,[i.fullHeight]:a.get(p)},l.class]))}),a.append(c,h),a.pop()}export{c as default};
+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 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);
+	const isFullHeight = $.derived(() => $$props.isLoading || $$props.isError || $$props.rows.length === 0);
+	const heightValue = $.derived(() => typeof height() === "number" ? `${height()}px` : height());
+	var div = root();
+	let styles_1;
+	var table = $.child(div);
+	var node = $.child(table);
+	var consequent = ($$anchor$1) => {
+		var caption = root_1();
+		var text = $.child(caption, true);
+		$.reset(caption);
+		$.template_effect(() => {
+			$.set_class(caption, 1, $.clsx(styles_css_default.title));
+			$.set_text(text, $$props.title);
+		});
+		$.append($$anchor$1, caption);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.title) $$render(consequent);
+	});
+	var node_1 = $.sibling(node);
+	Header(node_1, {
+		get columns() {
+			return $$props.columns;
+		},
+		get height() {
+			return headerHeight();
+		},
+		get sticky() {
+			return $$props.stickyHeader;
+		}
+	});
+	Body($.sibling(node_1), {
+		get rows() {
+			return $$props.rows;
+		},
+		get columns() {
+			return $$props.columns;
+		},
+		get rowHeight() {
+			return rowHeight();
+		},
+		get keyId() {
+			return $$props.keyId;
+		},
+		get onRowClick() {
+			return $$props.onRowClick;
+		},
+		get isLoading() {
+			return $$props.isLoading;
+		},
+		get emptyState() {
+			return $$props.emptyState;
+		},
+		get errorState() {
+			return $$props.errorState;
+		},
+		get isError() {
+			return $$props.isError;
+		},
+		get onRetry() {
+			return $$props.onRetry;
+		}
+	});
+	$.reset(table);
+	var node_3 = $.sibling(table, 2);
+	var consequent_1 = ($$anchor$1) => {
+		Footer($$anchor$1, {
+			children: ($$anchor$2, $$slotProps) => {
+				$.next();
+				var text_1 = $.text();
+				$.template_effect(() => $.set_text(text_1, $$props.footer));
+				$.append($$anchor$2, text_1);
+			},
+			$$slots: { default: true }
+		});
+	};
+	$.if(node_3, ($$render) => {
+		if ($$props.footer) $$render(consequent_1);
+	});
+	$.reset(div);
+	$.template_effect(() => {
+		$.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([
+			styles_css_default.table,
+			{
+				[styles_css_default.disabled]: $$props.isDisabled,
+				[styles_css_default.loading]: $$props.isLoading,
+				[styles_css_default.fullHeight]: $.get(isFullHeight)
+			},
+			$$props.class
+		]));
+	});
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { DataGrid as default };

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

@@ -1 +1,19 @@
-import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";var n=t.from_html(`<footer><!></footer>`);function r(r,i){t.push(i,!0);var a=n(),o=t.child(a);t.snippet(o,()=>i.children),t.reset(a),t.template_effect(()=>t.set_class(a,1,t.clsx([e.footer,i.class]))),t.append(r,a),t.pop()}export{r as default};
+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) {
+	$.push($$props, true);
+	var footer = root();
+	var node = $.child(footer);
+	$.snippet(node, () => $$props.children);
+	$.reset(footer);
+	$.template_effect(() => $.set_class(footer, 1, $.clsx([styles_css_default.footer, $$props.class])));
+	$.append($$anchor, footer);
+	$.pop();
+}
+
+//#endregion
+export { Footer as default };

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

@@ -1 +1,9 @@
-import"./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";import"./../../../assets/styles.css.ts.vanilla-BlX14CaF.css";var e={footer:`style__ide43b0`};export{e as default};
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-BlX14CaF.css";
+
+//#region src/components/DataGrid/Footer/styles.css.ts
+var __default__ = { footer: "style__ide43b0" };
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -1 +1,33 @@
-import e from"../HeaderCell/HeaderCell.js";import t from"./styles.css.js";import"svelte/internal/disclose-version";import*as n from"svelte/internal/client";var r=n.from_html(`<thead><tr></tr></thead>`);function i(i,a){n.push(a,!0);var o=r(),s=n.child(o);n.each(s,21,()=>a.columns,e=>e.title,(t,r)=>{e(t,{get column(){return n.get(r)},get height(){return a.height},get width(){return n.get(r).width}})}),n.reset(s),n.reset(o),n.template_effect(()=>n.set_class(s,1,n.clsx({[t.sticky]:a.sticky}))),n.append(i,o),n.pop()}export{i as default};
+import HeaderCell from "../HeaderCell/HeaderCell.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) {
+	$.push($$props, true);
+	var thead = root();
+	var tr = $.child(thead);
+	$.each(tr, 21, () => $$props.columns, (column) => column.title, ($$anchor$1, column) => {
+		HeaderCell($$anchor$1, {
+			get column() {
+				return $.get(column);
+			},
+			get height() {
+				return $$props.height;
+			},
+			get width() {
+				return $.get(column).width;
+			}
+		});
+	});
+	$.reset(tr);
+	$.reset(thead);
+	$.template_effect(() => $.set_class(tr, 1, $.clsx({ [styles_css_default.sticky]: $$props.sticky })));
+	$.append($$anchor, thead);
+	$.pop();
+}
+
+//#endregion
+export { Header as default };

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

@@ -1 +1,8 @@
-import"./../../../assets/styles.css.ts.vanilla-CcYIXE9f.css";var e={sticky:`style__lf0w1c0`};export{e as default};
+import "./../../../assets/styles.css.ts.vanilla-CcYIXE9f.css";
+
+//#region src/components/DataGrid/Header/styles.css.ts
+var __default__ = { sticky: "style__lf0w1c0" };
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -1 +1,46 @@
-import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";var n=t.from_html(`<th><!></th>`);function r(r,i){t.push(i,!0);let a=t.derived(()=>i.column.align??`left`),o=t.derived(()=>typeof i.height==`number`?`${i.height}px`:i.height),s=t.derived(()=>typeof i.width==`number`?`${i.width}px`:i.width);var c=n();let l;var u=t.child(c),d=e=>{var n=t.comment(),r=t.first_child(n);t.snippet(r,()=>i.column.headerCell,()=>i.column),t.append(e,n)},f=e=>{var n=t.text();t.template_effect(()=>t.set_text(n,i.column.title)),t.append(e,n)};t.if(u,e=>{i.column.headerCell?e(d):e(f,!1)}),t.reset(c),t.template_effect(()=>{t.set_attribute(c,`title`,i.column.title),t.set_class(c,1,t.clsx(e.cell)),t.set_attribute(c,`align`,t.get(a)),l=t.set_style(c,``,l,{color:i.column.color,height:t.get(o),width:t.get(s)})}),t.append(r,c),t.pop()}export{r as default};
+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) {
+	$.push($$props, true);
+	const alignment = $.derived(() => $$props.column.align ?? "left");
+	const hightValue = $.derived(() => typeof $$props.height === "number" ? `${$$props.height}px` : $$props.height);
+	const widthValue = $.derived(() => typeof $$props.width === "number" ? `${$$props.width}px` : $$props.width);
+	var th = root();
+	let styles_1;
+	var node = $.child(th);
+	var consequent = ($$anchor$1) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.column.headerCell, () => $$props.column);
+		$.append($$anchor$1, fragment);
+	};
+	var alternate = ($$anchor$1) => {
+		var text = $.text();
+		$.template_effect(() => $.set_text(text, $$props.column.title));
+		$.append($$anchor$1, text);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.column.headerCell) $$render(consequent);
+		else $$render(alternate, false);
+	});
+	$.reset(th);
+	$.template_effect(() => {
+		$.set_attribute(th, "title", $$props.column.title);
+		$.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,
+			height: $.get(hightValue),
+			width: $.get(widthValue)
+		});
+	});
+	$.append($$anchor, th);
+	$.pop();
+}
+
+//#endregion
+export { HeaderCell as default };

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

@@ -1 +1,9 @@
-import"./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";import"./../../../assets/styles.css.ts.vanilla-0Tc9t0gF.css";var e={cell:`style__byu5qd0`};export{e as default};
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-0Tc9t0gF.css";
+
+//#region src/components/DataGrid/HeaderCell/styles.css.ts
+var __default__ = { cell: "style__byu5qd0" };
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -1 +1,40 @@
-import e from"../Cell/Cell.js";import t from"./styles.css.js";import"svelte/internal/disclose-version";import*as n from"svelte/internal/client";var r=n.from_html(`<tr></tr>`);function i(i,a){n.push(a,!0);let o=()=>{a.onRowClick&&a.onRowClick(a.row)};var s=r();s.__click=o,s.__keydown=o,n.each(s,23,()=>a.columns,(e,t)=>`${a.rowId}-${t}`,(t,r)=>{e(t,{get row(){return a.row},get rowIndex(){return a.rowIndex},get column(){return n.get(r)},get height(){return a.rowHeight}})}),n.reset(s),n.template_effect(()=>n.set_class(s,1,n.clsx([t.row,{[t.selectable]:!!a.onRowClick}]))),n.append(i,s),n.pop()}n.delegate([`click`,`keydown`]);export{i as default};
+import Cell from "../Cell/Cell.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) {
+	$.push($$props, true);
+	const handleSelect = () => {
+		if ($$props.onRowClick) $$props.onRowClick($$props.row);
+	};
+	var tr = root();
+	tr.__click = handleSelect;
+	tr.__keydown = handleSelect;
+	$.each(tr, 23, () => $$props.columns, (column, index) => `${$$props.rowId}-${index}`, ($$anchor$1, column) => {
+		Cell($$anchor$1, {
+			get row() {
+				return $$props.row;
+			},
+			get rowIndex() {
+				return $$props.rowIndex;
+			},
+			get column() {
+				return $.get(column);
+			},
+			get height() {
+				return $$props.rowHeight;
+			}
+		});
+	});
+	$.reset(tr);
+	$.template_effect(() => $.set_class(tr, 1, $.clsx([styles_css_default.row, { [styles_css_default.selectable]: !!$$props.onRowClick }])));
+	$.append($$anchor, tr);
+	$.pop();
+}
+$.delegate(["click", "keydown"]);
+
+//#endregion
+export { Row as default };

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

@@ -1 +1,12 @@
-import"./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";import"./../../../assets/styles.css.ts.vanilla-DJamnGiq.css";var e={row:`style__1bfixnu0`,selectable:`style__1bfixnu1`};export{e as default};
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-DJamnGiq.css";
+
+//#region src/components/DataGrid/Row/styles.css.ts
+var __default__ = {
+	row: "style__1bfixnu0",
+	selectable: "style__1bfixnu1"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -1 +1,132 @@
-import e from"../../Button/Button.js";import t from"../../CircularProgress/CircularProgress.js";import n from"../../Placeholder/Placeholder.js";import r from"./styles.css.js";import"svelte/internal/disclose-version";import*as i from"svelte/internal/client";var a=i.from_html(`<tr><td align="center"><span><!></span></td></tr>`),o=i.from_html(`<tr><td align="center"><!></td></tr>`),s=i.from_html(`<tr><td align="center"><!></td></tr>`);function c(c,l){i.push(l,!0);let u=t=>{var n=i.comment(),r=i.first_child(n),a=t=>{e(t,{get onclick(){return l.onRetry},children:(e,t)=>{i.next();var n=i.text(`Повторить попытку`);i.append(e,n)},$$slots:{default:!0}})},o=e=>{var t=i.text(`undefined`);i.append(e,t)};i.if(r,e=>{l.onRetry?e(a):e(o,!1)}),i.append(t,n)},d=i.derived(()=>l.emptyState||{text:`Нет данных`}),f=i.derived(()=>l.errorState||{text:`Произошла ошибка`});var p=i.comment(),m=i.first_child(p),h=e=>{var n=a(),o=i.child(n),s=i.child(o);t(i.child(s),{}),i.reset(s),i.reset(o),i.reset(n),i.template_effect(()=>{i.set_class(n,1,i.clsx(r.container)),i.set_attribute(o,`colspan`,l.columnsLength),i.set_class(s,1,i.clsx(r.loader))}),i.append(e,n)},g=e=>{var t=i.comment(),a=i.first_child(t),c=e=>{var t=o(),a=i.child(t);n(i.child(a),{get title(){return i.get(d).text},get imgSrc(){return i.get(d).imgSrc},get imgAlt(){return i.get(d).imgAlt}}),i.reset(a),i.reset(t),i.template_effect(()=>{i.set_class(t,1,i.clsx(r.container)),i.set_attribute(a,`colspan`,l.columnsLength)}),i.append(e,t)},p=e=>{var t=i.comment(),a=i.first_child(t),o=e=>{var t=s(),a=i.child(t);n(i.child(a),{get title(){return i.get(f).text},get imgSrc(){return i.get(f).imgSrc},get imgAlt(){return i.get(f).imgAlt},get actions(){return u}}),i.reset(a),i.reset(t),i.template_effect(()=>{i.set_class(t,1,i.clsx(r.container)),i.set_attribute(a,`colspan`,l.columnsLength)}),i.append(e,t)};i.if(a,e=>{l.isError&&e(o)},!0),i.append(e,t)};i.if(a,e=>{l.isEmpty?e(c):e(p,!1)},!0),i.append(e,t)};i.if(m,e=>{l.isLoading?e(h):e(g,!1)}),i.append(c,p),i.pop()}export{c as default};
+import Button from "../../Button/Button.js";
+import CircularProgress from "../../CircularProgress/CircularProgress.js";
+import Placeholder from "../../Placeholder/Placeholder.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_7 = $.from_html(`<tr><td align="center"><!></td></tr>`);
+var root_9 = $.from_html(`<tr><td align="center"><!></td></tr>`);
+function State($$anchor, $$props) {
+	$.push($$props, true);
+	const actions = ($$anchor$1) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor$2) => {
+			Button($$anchor$2, {
+				get onclick() {
+					return $$props.onRetry;
+				},
+				children: ($$anchor$3, $$slotProps) => {
+					$.next();
+					var text = $.text("Повторить попытку");
+					$.append($$anchor$3, text);
+				},
+				$$slots: { default: true }
+			});
+		};
+		var alternate = ($$anchor$2) => {
+			var text_1 = $.text("undefined");
+			$.append($$anchor$2, text_1);
+		};
+		$.if(node, ($$render) => {
+			if ($$props.onRetry) $$render(consequent);
+			else $$render(alternate, false);
+		});
+		$.append($$anchor$1, fragment);
+	};
+	const emptyStateData = $.derived(() => $$props.emptyState || { text: "Нет данных" });
+	const errorStateData = $.derived(() => $$props.errorState || { text: "Произошла ошибка" });
+	var fragment_2 = $.comment();
+	var node_1 = $.first_child(fragment_2);
+	var consequent_1 = ($$anchor$1) => {
+		var tr = root_5();
+		var td = $.child(tr);
+		var span = $.child(td);
+		CircularProgress($.child(span), {});
+		$.reset(span);
+		$.reset(td);
+		$.reset(tr);
+		$.template_effect(() => {
+			$.set_class(tr, 1, $.clsx(styles_css_default.container));
+			$.set_attribute(td, "colspan", $$props.columnsLength);
+			$.set_class(span, 1, $.clsx(styles_css_default.loader));
+		});
+		$.append($$anchor$1, tr);
+	};
+	var alternate_2 = ($$anchor$1) => {
+		var fragment_3 = $.comment();
+		var node_3 = $.first_child(fragment_3);
+		var consequent_2 = ($$anchor$2) => {
+			var tr_1 = root_7();
+			var td_1 = $.child(tr_1);
+			Placeholder($.child(td_1), {
+				get title() {
+					return $.get(emptyStateData).text;
+				},
+				get imgSrc() {
+					return $.get(emptyStateData).imgSrc;
+				},
+				get imgAlt() {
+					return $.get(emptyStateData).imgAlt;
+				}
+			});
+			$.reset(td_1);
+			$.reset(tr_1);
+			$.template_effect(() => {
+				$.set_class(tr_1, 1, $.clsx(styles_css_default.container));
+				$.set_attribute(td_1, "colspan", $$props.columnsLength);
+			});
+			$.append($$anchor$2, tr_1);
+		};
+		var alternate_1 = ($$anchor$2) => {
+			var fragment_4 = $.comment();
+			var node_5 = $.first_child(fragment_4);
+			var consequent_3 = ($$anchor$3) => {
+				var tr_2 = root_9();
+				var td_2 = $.child(tr_2);
+				Placeholder($.child(td_2), {
+					get title() {
+						return $.get(errorStateData).text;
+					},
+					get imgSrc() {
+						return $.get(errorStateData).imgSrc;
+					},
+					get imgAlt() {
+						return $.get(errorStateData).imgAlt;
+					},
+					get actions() {
+						return actions;
+					}
+				});
+				$.reset(td_2);
+				$.reset(tr_2);
+				$.template_effect(() => {
+					$.set_class(tr_2, 1, $.clsx(styles_css_default.container));
+					$.set_attribute(td_2, "colspan", $$props.columnsLength);
+				});
+				$.append($$anchor$3, tr_2);
+			};
+			$.if(node_5, ($$render) => {
+				if ($$props.isError) $$render(consequent_3);
+			}, true);
+			$.append($$anchor$2, fragment_4);
+		};
+		$.if(node_3, ($$render) => {
+			if ($$props.isEmpty) $$render(consequent_2);
+			else $$render(alternate_1, false);
+		}, true);
+		$.append($$anchor$1, fragment_3);
+	};
+	$.if(node_1, ($$render) => {
+		if ($$props.isLoading) $$render(consequent_1);
+		else $$render(alternate_2, false);
+	});
+	$.append($$anchor, fragment_2);
+	$.pop();
+}
+
+//#endregion
+export { State as default };

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

@@ -1 +1,11 @@
-import"./../../../assets/styles.css.ts.vanilla-Bltj10t_.css";var e={container:`style__1au6dz80`,loader:`style__1au6dz81`};export{e as default};
+import "./../../../assets/styles.css.ts.vanilla-Bltj10t_.css";
+
+//#region src/components/DataGrid/State/styles.css.ts
+var __default__ = {
+	container: "style__1au6dz80",
+	loader: "style__1au6dz81"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/DataGrid/constants.js

@@ -1 +1,5 @@
-const e=40;export{e as ROW_HEIGHT};
+//#region src/components/DataGrid/constants.ts
+const ROW_HEIGHT = 40;
+
+//#endregion
+export { ROW_HEIGHT };

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

@@ -1 +1,16 @@
-import"./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";import"./../../assets/styles.css.ts.vanilla-D2QnyHw3.css";var e={container:`style__k8jzpb0`,table:`style__k8jzpb1`,fullHeight:`style__k8jzpb2`,disabled:`style__k8jzpb3`,loading:`style__k8jzpb4`,title:`style__k8jzpb5`};export{e as default};
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-D2QnyHw3.css";
+
+//#region src/components/DataGrid/styles.css.ts
+var __default__ = {
+	container: "style__k8jzpb0",
+	table: "style__k8jzpb1",
+	fullHeight: "style__k8jzpb2",
+	disabled: "style__k8jzpb3",
+	loading: "style__k8jzpb4",
+	title: "style__k8jzpb5"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/DataGridSortHeader/DataGridSortHeader.js

@@ -1 +1,71 @@
-import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{ArrowDownNarrowWide as n,ArrowDownUp as r,ArrowDownWideNarrow as i}from"@lucide/svelte";var a=t.from_html(`<button type="button"> <!></button>`);function o(o,s){t.push(s,!0);let c=t.derived(()=>s.column.title),l=t.derived(()=>s.column.field),u=t.derived(()=>t.fallback(s.column.align,`left`)),d=()=>{t.get(l)&&(s.sorting.key===t.get(l)?s.setSorting({key:t.get(l),order:s.sorting.order===`asc`?`desc`:`asc`}):s.setSorting({key:t.get(l),order:`asc`}))};var f=t.comment(),p=t.first_child(f),m=o=>{var f=a();f.__click=d;var p=t.child(f),m=t.sibling(p),h=e=>{var r=t.comment(),a=t.first_child(r),o=e=>{n(e,{size:16})},c=e=>{i(e,{size:16})};t.if(a,e=>{s.sorting.order===`asc`?e(o):e(c,!1)}),t.append(e,r)},g=e=>{r(e,{size:16})};t.if(m,e=>{s.sorting.key===t.get(l)?e(h):e(g,!1)}),t.reset(f),t.template_effect(()=>{t.set_class(f,1,t.clsx([e.wrapper,e.alignments[t.get(u)],s.class])),t.set_text(p,`${t.get(c)??``} `)}),t.append(o,f)};t.if(p,e=>{t.get(l)&&e(m)}),t.append(o,f),t.pop()}t.delegate([`click`]);export{o as default};
+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) {
+	$.push($$props, true);
+	const title = $.derived(() => $$props.column.title), field = $.derived(() => $$props.column.field), align = $.derived(() => $.fallback($$props.column.align, "left"));
+	const handleClick = () => {
+		if (!$.get(field)) return;
+		if ($$props.sorting.key === $.get(field)) $$props.setSorting({
+			key: $.get(field),
+			order: $$props.sorting.order === "asc" ? "desc" : "asc"
+		});
+		else $$props.setSorting({
+			key: $.get(field),
+			order: "asc"
+		});
+	};
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent_2 = ($$anchor$1) => {
+		var button = root_1();
+		button.__click = handleClick;
+		var text = $.child(button);
+		var node_1 = $.sibling(text);
+		var consequent_1 = ($$anchor$2) => {
+			var fragment_1 = $.comment();
+			var node_2 = $.first_child(fragment_1);
+			var consequent = ($$anchor$3) => {
+				ArrowDownNarrowWide($$anchor$3, { size: 16 });
+			};
+			var alternate = ($$anchor$3) => {
+				ArrowDownWideNarrow($$anchor$3, { size: 16 });
+			};
+			$.if(node_2, ($$render) => {
+				if ($$props.sorting.order === "asc") $$render(consequent);
+				else $$render(alternate, false);
+			});
+			$.append($$anchor$2, fragment_1);
+		};
+		var alternate_1 = ($$anchor$2) => {
+			ArrowDownUp($$anchor$2, { size: 16 });
+		};
+		$.if(node_1, ($$render) => {
+			if ($$props.sorting.key === $.get(field)) $$render(consequent_1);
+			else $$render(alternate_1, false);
+		});
+		$.reset(button);
+		$.template_effect(() => {
+			$.set_class(button, 1, $.clsx([
+				styles_css_default.wrapper,
+				styles_css_default.alignments[$.get(align)],
+				$$props.class
+			]));
+			$.set_text(text, `${$.get(title) ?? ""} `);
+		});
+		$.append($$anchor$1, button);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(field)) $$render(consequent_2);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+$.delegate(["click"]);
+
+//#endregion
+export { DataGridSortHeader as default };

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

@@ -1 +1,18 @@
-import"./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";import"./../../assets/styles.css.ts.vanilla-BBzDvFRY.css";var e={wrapper:`style__1u2u0bp0`,alignments:{left:`left__1u2u0bp1`,center:`center__1u2u0bp2`,right:`right__1u2u0bp3`,justify:`justify__1u2u0bp4`}};export{e as default};
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-BBzDvFRY.css";
+
+//#region src/components/DataGridSortHeader/styles.css.ts
+var alignments = {
+	left: "left__1u2u0bp1",
+	center: "center__1u2u0bp2",
+	right: "right__1u2u0bp3",
+	justify: "justify__1u2u0bp4"
+};
+var __default__ = {
+	wrapper: "style__1u2u0bp0",
+	alignments
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/DropdownMenu/CheckboxGroup/CheckboxGroup.js

@@ -1 +1,38 @@
-import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{DropdownMenu as t}from"bits-ui";function n(n,r){e.push(r,!0);let i=e.prop(r,`ref`,15,null),a=e.prop(r,`value`,31,()=>e.proxy([])),o=e.rest_props(r,[`$$slots`,`$$events`,`$$legacy`,`ref`,`value`]);var s=e.comment(),c=e.first_child(s);e.component(c,()=>t.CheckboxGroup,(t,n)=>{n(t,e.spread_props({"data-slot":`dropdown-menu-checkbox-group`},()=>o,{get ref(){return i()},set ref(e){i(e)},get value(){return a()},set value(e){a(e)}}))}),e.append(n,s),e.pop()}export{n as default};
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { DropdownMenu } from "bits-ui";
+
+//#region src/components/DropdownMenu/CheckboxGroup/CheckboxGroup.svelte
+function CheckboxGroup($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 31, () => $.proxy([])), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"value"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => DropdownMenu.CheckboxGroup, ($$anchor$1, DropdownMenuPrimitive_CheckboxGroup) => {
+		DropdownMenuPrimitive_CheckboxGroup($$anchor$1, $.spread_props({ "data-slot": "dropdown-menu-checkbox-group" }, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get value() {
+				return value();
+			},
+			set value($$value) {
+				value($$value);
+			}
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { CheckboxGroup as default };