@bysages/svelte 0.4.1 → 0.4.2

package/dist/{descriptions-DGuEJmgX.mjs → Descriptions-C1qZ05Ph.mjs}

@@ -91,7 +91,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 ]);
 var root = $.from_html(`<!> <!>`, 1);
 var root_1 = $.from_html(`<dl><!></dl>`);
-function Descriptions$1($$anchor, $$props) {
+function Descriptions($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("descriptions");
 	let layout = $.prop($$props, "layout", 3, "horizontal"), bordered = $.prop($$props, "bordered", 3, false), column = $.prop($$props, "column", 3, 1), rest = $.rest_props($$props, rest_excludes);
@@ -156,15 +156,4 @@ function Descriptions$1($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/descriptions/index.ts
-/** A ledger laid flat: term and detail pairs in one quiet grid. The
-* horizontal layout reads as a table of two columns; the vertical one
-* stacks each pair for narrow measures. */
-const Descriptions = Object.assign(Descriptions$1, {
-	Root: Descriptions$1,
-	Item: DescriptionsItem,
-	Term: DescriptionsTerm,
-	Detail: DescriptionsDetail
-});
-//#endregion
-export { Descriptions as t };
+export { DescriptionsDetail as i, DescriptionsTerm as n, DescriptionsItem as r, Descriptions as t };

package/dist/{Dialog-C_fbKqoA.mjs → Dialog-BbDr030S.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{Drawer-DOOnBSMq.mjs → Drawer-C1r1wz3V.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{Editable-Btl-QYDY.mjs → Editable-hjSbhWMK.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{FileUpload-DHZf3u4d.mjs → FileUpload-C6JBpvet.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{FloatingPanel-CkWYZ4MO.mjs → FloatingPanel-2z-iuVPc.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{ImageViewer-CuTn5ho6.mjs → ImageViewer-8tDJvkkb.mjs}

@@ -1,4 +1,4 @@
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import { t as Button } from "./button-Cl45zjdj.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { t as ButtonGroup } from "./button-group-D9mgSVlR.mjs";

package/dist/{InternalIcon-Clwbj4MY.mjs → InternalIcon-CbfKieOs.mjs}

@@ -1,4 +1,4 @@
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/internal/InternalIcon.svelte

package/dist/{JsonTreeViewTree-IqoSdRQR.mjs → JsonTreeViewTree-DkusAr3j.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{Listbox-BQTnipRA.mjs → Listbox-gAL5Q59b.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{Menu-CxPWabm-.mjs → Menu-BiwHDpdz.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{NumberInput-FqS47j4x.mjs → NumberInput-B2gPYuJX.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/Pagination-f8XiX-Cs.mjs

@@ -0,0 +1,210 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Pagination } from "@ark-ui/svelte/pagination";
+//#region src/components/pagination/PaginationRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"variant",
+	"children"
+]);
+function PaginationRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("pagination");
+	let size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "default"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("pagination", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => variant() === "simple" ? variant() : void 0);
+		$.component(node, () => Pagination.Root, ($$anchor, ArkPagination_Root) => {
+			ArkPagination_Root($$anchor, $.spread_props(() => rest, {
+				get id() {
+					return $.get(id);
+				},
+				get "data-size"() {
+					return size();
+				},
+				get "data-variant"() {
+					return $.get($0);
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = $.comment();
+					var node_1 = $.first_child(fragment_1);
+					$.snippet(node_1, () => $$props.children ?? $.noop);
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/pagination/Pagination.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"page",
+	"defaultValue",
+	"count",
+	"pageSize",
+	"defaultPageSize",
+	"siblingCount",
+	"label",
+	"variant",
+	"children"
+]);
+var root = $.from_html(`<span data-scope="pagination" data-part="status"> </span>`);
+var root_1 = $.from_html(`<!> <!> <!> <!>`, 1);
+function Pagination$1($$anchor, $$props) {
+	$.push($$props, true);
+	const paginationContent = ($$anchor, pagination = $.noop) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor) => {
+			var span = root();
+			var text = $.only_child(span);
+			$.template_effect(($0, $1) => $.set_text(text, `${$0 ?? ""} / ${$1 ?? ""}`), [() => pagination()().page, () => pagination()().totalPages]);
+			$.append($$anchor, span);
+		};
+		var alternate_1 = ($$anchor) => {
+			var fragment_1 = $.comment();
+			var node_1 = $.first_child(fragment_1);
+			$.each(node_1, 19, () => pagination()().pages, (item, index) => item.type === "page" ? item.value : `ellipsis-${index}`, ($$anchor, item, index) => {
+				var fragment_2 = $.comment();
+				var node_2 = $.first_child(fragment_2);
+				var consequent_1 = ($$anchor) => {
+					var fragment_3 = $.comment();
+					var node_3 = $.first_child(fragment_3);
+					$.component(node_3, () => Pagination.Item, ($$anchor, ArkPagination_Item) => {
+						ArkPagination_Item($$anchor, {
+							type: "page",
+							get value() {
+								return $.get(item).value;
+							},
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text_1 = $.text();
+								$.template_effect(() => $.set_text(text_1, $.get(item).value));
+								$.append($$anchor, text_1);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_3);
+				};
+				var alternate = ($$anchor) => {
+					var fragment_5 = $.comment();
+					var node_4 = $.first_child(fragment_5);
+					$.component(node_4, () => Pagination.Ellipsis, ($$anchor, ArkPagination_Ellipsis) => {
+						ArkPagination_Ellipsis($$anchor, {
+							get index() {
+								return $.get(index);
+							},
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text_2 = $.text("…");
+								$.append($$anchor, text_2);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_5);
+				};
+				$.if(node_2, ($$render) => {
+					if ($.get(item).type === "page") $$render(consequent_1);
+					else $$render(alternate, -1);
+				});
+				$.append($$anchor, fragment_2);
+			});
+			$.append($$anchor, fragment_1);
+		};
+		$.if(node, ($$render) => {
+			if (variant() === "simple") $$render(consequent);
+			else $$render(alternate_1, -1);
+		});
+		$.append($$anchor, fragment);
+	};
+	let page = $.prop($$props, "page", 15), count = $.prop($$props, "count", 3, 0), siblingCount = $.prop($$props, "siblingCount", 3, 1), variant = $.prop($$props, "variant", 3, "default"), rest = $.rest_props($$props, rest_excludes);
+	PaginationRoot($$anchor, $.spread_props({
+		get count() {
+			return count();
+		},
+		get defaultPage() {
+			return $$props.defaultValue;
+		},
+		get pageSize() {
+			return $$props.pageSize;
+		},
+		get defaultPageSize() {
+			return $$props.defaultPageSize;
+		},
+		get siblingCount() {
+			return siblingCount();
+		},
+		get variant() {
+			return variant();
+		},
+		get "aria-label"() {
+			return $$props.label;
+		}
+	}, () => rest, {
+		get page() {
+			return page();
+		},
+		set page($$value) {
+			page($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_7 = root_1();
+			var node_5 = $.first_child(fragment_7);
+			$.component(node_5, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
+				ArkPagination_PrevTrigger($$anchor, {
+					"aria-label": "Previous page",
+					children: ($$anchor, $$slotProps) => {
+						InternalIcon($$anchor, { name: "chevron-left" });
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_6 = $.sibling(node_5, 2);
+			{
+				const render = ($$anchor, pagination = $.noop) => {
+					paginationContent($$anchor, pagination);
+				};
+				$.component(node_6, () => Pagination.Context, ($$anchor, ArkPagination_Context) => {
+					ArkPagination_Context($$anchor, {
+						render,
+						$$slots: { render: true }
+					});
+				});
+			}
+			var node_7 = $.sibling(node_6, 2);
+			$.component(node_7, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
+				ArkPagination_NextTrigger($$anchor, {
+					"aria-label": "Next page",
+					children: ($$anchor, $$slotProps) => {
+						InternalIcon($$anchor, { name: "chevron-right" });
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_8 = $.sibling(node_7, 2);
+			$.snippet(node_8, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_7);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { PaginationRoot as n, Pagination$1 as t };

package/dist/{PasswordInput-DxtreG-T.mjs → PasswordInput-BhlJF3Jd.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{Popover-C2oWItCV.mjs → Popover-Dl-QAFG_.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/Progress-Byx2qRcT.mjs

@@ -0,0 +1,191 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Progress } from "@ark-ui/svelte/progress";
+//#region src/components/progress/ProgressRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ProgressRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("progress");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("progress", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Progress.Root, ($$anchor, ArkProgress_Root) => {
+		ArkProgress_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get "data-size"() {
+				return size();
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/progress/Progress.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"min",
+	"max",
+	"label",
+	"variant",
+	"size",
+	"disabled",
+	"children"
+]);
+var root = $.from_html(`<div data-scope="progress" data-part="view" data-view="dashboard"><div aria-hidden="true" data-scope="progress" data-part="dash-ring"></div> <!></div>`);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function Progress$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), variant = $.prop($$props, "variant", 3, "linear"), size = $.prop($$props, "size", 3, "md"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const dashboardPercent = $.derived(() => {
+		const lower = $$props.min ?? 0;
+		const upper = $$props.max ?? 100;
+		const percent = ((value() ?? $$props.defaultValue ?? lower + (upper - lower) / 2) - lower) / (upper - lower) * 100;
+		return !Number.isFinite(percent) ? 0 : Math.min(100, Math.max(0, percent));
+	});
+	ProgressRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get min() {
+			return $$props.min;
+		},
+		get max() {
+			return $$props.max;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get size() {
+			return size();
+		},
+		get "data-variant"() {
+			return variant();
+		}
+	}, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Progress.Label, ($$anchor, ArkProgress_Label) => {
+					ArkProgress_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_2);
+			};
+			$.if(node, ($$render) => {
+				if ($$props.label) $$render(consequent);
+			});
+			var node_2 = $.sibling(node, 2);
+			var consequent_1 = ($$anchor) => {
+				var div = root();
+				var div_1 = $.child(div);
+				let styles;
+				var node_3 = $.sibling(div_1, 2);
+				$.component(node_3, () => Progress.ValueText, ($$anchor, ArkProgress_ValueText) => {
+					ArkProgress_ValueText($$anchor, {});
+				});
+				$.reset(div);
+				$.template_effect(($0) => styles = $.set_style(div_1, "", styles, { "--percent": $0 }), [() => String($.get(dashboardPercent))]);
+				$.append($$anchor, div);
+			};
+			var consequent_2 = ($$anchor) => {
+				var fragment_4 = $.comment();
+				var node_4 = $.first_child(fragment_4);
+				$.component(node_4, () => Progress.View, ($$anchor, ArkProgress_View) => {
+					ArkProgress_View($$anchor, {
+						view: "circle",
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = $.comment();
+							var node_5 = $.first_child(fragment_5);
+							$.component(node_5, () => Progress.Circle, ($$anchor, ArkProgress_Circle) => {
+								ArkProgress_Circle($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_6 = $.comment();
+										var node_6 = $.first_child(fragment_6);
+										$.component(node_6, () => Progress.CircleRange, ($$anchor, ArkProgress_CircleRange) => {
+											ArkProgress_CircleRange($$anchor, {});
+										});
+										$.append($$anchor, fragment_6);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_4);
+			};
+			var alternate = ($$anchor) => {
+				var fragment_7 = $.comment();
+				var node_7 = $.first_child(fragment_7);
+				$.component(node_7, () => Progress.Track, ($$anchor, ArkProgress_Track) => {
+					ArkProgress_Track($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_8 = $.comment();
+							var node_8 = $.first_child(fragment_8);
+							$.component(node_8, () => Progress.Range, ($$anchor, ArkProgress_Range) => {
+								ArkProgress_Range($$anchor, {});
+							});
+							$.append($$anchor, fragment_8);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_7);
+			};
+			$.if(node_2, ($$render) => {
+				if (variant() === "dashboard") $$render(consequent_1);
+				else if (variant() === "circle") $$render(consequent_2, 1);
+				else $$render(alternate, -1);
+			});
+			var node_9 = $.sibling(node_2, 2);
+			$.snippet(node_9, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { ProgressRoot as n, Progress$1 as t };

package/dist/{RatingGroup-Btui4It7.mjs → RatingGroup-DTVzY6BA.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/{Select-Dv0dqYII.mjs → Select-5AJHEmMi.mjs}

@@ -1,5 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";