@bysages/svelte 0.2.2 → 0.3.0

package/dist/components/transfer/index.d.mts

@@ -0,0 +1,2 @@
+import { n as TransferItem, r as TransferProps, t as Transfer } from "../../index-Cd4UxWsz.mjs";
+export { Transfer, type TransferItem, type TransferProps };

package/dist/components/transfer/index.mjs

@@ -0,0 +1,2 @@
+import { t as Transfer } from "../../transfer-0IAuhFCe.mjs";
+export { Transfer };

package/dist/components/tree-select/index.d.mts

@@ -0,0 +1,2 @@
+import { n as TreeSelectNode, r as TreeSelectProps, t as TreeSelect } from "../../index-Bj2IsU9D.mjs";
+export { TreeSelect, type TreeSelectNode, type TreeSelectProps };

package/dist/components/tree-select/index.mjs

@@ -0,0 +1,2 @@
+import { t as TreeSelect } from "../../tree-select-BSf4a_En.mjs";
+export { TreeSelect };

package/dist/components/tree-view/index.d.mts

@@ -0,0 +1,2 @@
+import { n as TreeViewRootProps, t as TreeView } from "../../index-D6PrX-hf.mjs";
+export { TreeView, type TreeViewRootProps };

package/dist/components/tree-view/index.mjs

@@ -0,0 +1,16 @@
+import { t as TreeViewRoot } from "../../TreeViewRoot-ConQj9TX.mjs";
+import { TreeView as TreeView$1 } from "@ark-ui/svelte/tree-view";
+//#region src/components/tree-view/index.ts
+/** Ark's TreeView, dressed in the paper-and-ink system: quiet rows where
+* selection is pure light on the paper, one hairline plumb line per depth,
+* and branches that swing open on the spring. The API is Ark's own —
+* Root, Label, Tree, NodeProvider, NodeContext, Branch, BranchControl,
+* BranchTrigger, BranchIndicator, BranchText, BranchContent,
+* BranchIndentGuide, Item, ItemText, ItemIndicator, NodeCheckbox,
+* NodeRenameInput, plus createTreeCollection. */
+const TreeView = {
+	...TreeView$1,
+	Root: TreeViewRoot
+};
+//#endregion
+export { TreeView };

package/dist/components/typography/index.d.mts

@@ -0,0 +1,2 @@
+import { n as TypographyPartProps, t as Typography } from "../../index-CeIQyZkc.mjs";
+export { Typography, type TypographyPartProps };

package/dist/components/typography/index.mjs

@@ -0,0 +1,2 @@
+import { t as Typography } from "../../typography-Cygr9XaD.mjs";
+export { Typography };

package/dist/components/user/index.d.mts

@@ -0,0 +1,2 @@
+import { n as UserProps, t as User } from "../../index-DBbjFiDd.mjs";
+export { User, type UserProps };

package/dist/components/user/index.mjs

@@ -0,0 +1,2 @@
+import { t as User } from "../../user-BjJSjDYV.mjs";
+export { User };

package/dist/components/virtual-list/index.d.mts

@@ -0,0 +1,2 @@
+import { n as VirtualListProps, t as VirtualList } from "../../index-DGOBhwXN.mjs";
+export { VirtualList, type VirtualListProps };

package/dist/components/virtual-list/index.mjs

@@ -0,0 +1,2 @@
+import { t as VirtualList } from "../../virtual-list-psKQ_NVr.mjs";
+export { VirtualList };

package/dist/components/watermark/index.d.mts

@@ -0,0 +1,2 @@
+import { n as WatermarkProps, t as Watermark } from "../../index-CjNUtqX_.mjs";
+export { Watermark, type WatermarkProps };

package/dist/components/watermark/index.mjs

@@ -0,0 +1,2 @@
+import { t as Watermark } from "../../watermark-C2d3-EAM.mjs";
+export { Watermark };

package/dist/config-provider-DW5wVzFr.mjs

@@ -0,0 +1,75 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { getContext, setContext } from "svelte";
+//#region src/components/config-provider/context.ts
+const CONFIG_KEY = Symbol("bysages-config");
+function provideConfig(context) {
+	setContext(CONFIG_KEY, context);
+	return context;
+}
+/** The nearest provider's live snapshot, or an empty one when no
+* provider wraps the caller. */
+function useConfig() {
+	return getContext(CONFIG_KEY) ?? {};
+}
+//#endregion
+//#region src/components/config-provider/ConfigProvider.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"density",
+	"scene",
+	"accent",
+	"dir",
+	"locale",
+	"lang",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function ConfigProvider$1($$anchor, $$props) {
+	$.push($$props, true);
+	let rest = $.rest_props($$props, rest_excludes);
+	provideConfig({
+		get density() {
+			return $$props.density;
+		},
+		get scene() {
+			return $$props.scene;
+		},
+		get accent() {
+			return $$props.accent;
+		},
+		get dir() {
+			return $$props.dir;
+		},
+		get locale() {
+			return $$props.locale;
+		}
+	});
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "config-provider",
+		"data-part": "root",
+		"data-density": $$props.density,
+		"data-scene": $$props.scene,
+		"data-accent": $$props.accent,
+		dir: $$props.dir,
+		lang: $$props.locale ?? $$props.lang
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.template_effect(() => div.dir = div.dir);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/config-provider/index.ts
+/** The declarative host for global configuration: one element carrying
+* the token layer's attributes and providing the same values to
+* descendants through `useConfig`. */
+const ConfigProvider = ConfigProvider$1;
+//#endregion
+export { useConfig as n, ConfigProvider as t };

package/dist/container-Cmiu_3W5.mjs

@@ -0,0 +1,39 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/container/Container.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"padding",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function Container$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("container");
+	let size = $.prop($$props, "size", 3, "readable"), padding = $.prop($$props, "padding", 3, true), rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "container",
+		"data-part": "root",
+		"data-size": size(),
+		"data-padding": padding() ? "" : void 0
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/container/index.ts
+/** The reading frame: content held to a measure and centered on the
+* page. The sizes name typographic measures, not breakpoints — the page
+* owns its edges, the container only owns how long a line of ink runs. */
+const Container = Container$1;
+//#endregion
+export { Container as t };

package/dist/data-view-B3TY3rYl.mjs

@@ -0,0 +1,167 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Pagination } from "@ark-ui/svelte/pagination";
+//#region src/components/data-view/DataView.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"layout",
+	"pageSize",
+	"renderItem",
+	"header"
+]);
+var root = $.from_html(`<div data-scope="data-view" data-part="cell"><!></div>`);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+var root_2 = $.from_html(`<div data-scope="data-view" data-part="pager"><!></div>`);
+var root_3 = $.from_html(`<div><!> <div data-scope="data-view" data-part="content"></div> <!></div>`);
+function DataView$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("data-view");
+	let layout = $.prop($$props, "layout", 3, "list"), rest = $.rest_props($$props, rest_excludes);
+	let page = $.state(1);
+	const pageCount = $.derived(() => $$props.pageSize ? Math.max(1, Math.ceil($$props.items.length / $$props.pageSize)) : 1);
+	const visible = $.derived(() => $$props.pageSize ? $$props.items.slice(($.get(page) - 1) * $$props.pageSize, $.get(page) * $$props.pageSize) : $$props.items);
+	var div = root_3();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "data-view",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.header ?? $.noop);
+	var div_1 = $.sibling(node, 2);
+	$.each(div_1, 21, () => $.get(visible), $.index, ($$anchor, item, index) => {
+		var div_2 = root();
+		var node_1 = $.child(div_2);
+		$.snippet(node_1, () => $$props.renderItem ?? $.noop, () => $.get(item), () => index);
+		$.reset(div_2);
+		$.append($$anchor, div_2);
+	});
+	$.reset(div_1);
+	var node_2 = $.sibling(div_1, 2);
+	var consequent_1 = ($$anchor) => {
+		var div_3 = root_2();
+		var node_3 = $.child(div_3);
+		$.component(node_3, () => Pagination.Root, ($$anchor, ArkPagination_Root) => {
+			ArkPagination_Root($$anchor, {
+				get count() {
+					return $$props.items.length;
+				},
+				get pageSize() {
+					return $$props.pageSize;
+				},
+				get page() {
+					return $.get(page);
+				},
+				siblingCount: 1,
+				onPageChange: (details) => $.set(page, details.page, true),
+				children: ($$anchor, $$slotProps) => {
+					var fragment = root_1();
+					var node_4 = $.first_child(fragment);
+					$.component(node_4, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
+						ArkPagination_PrevTrigger($$anchor, {
+							"aria-label": "Previous page",
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text = $.text("‹");
+								$.append($$anchor, text);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_5 = $.sibling(node_4, 2);
+					{
+						const children = ($$anchor, pagination = $.noop) => {
+							var fragment_1 = $.comment();
+							var node_6 = $.first_child(fragment_1);
+							$.each(node_6, 17, () => pagination().pages, $.index, ($$anchor, entry, index) => {
+								var fragment_2 = $.comment();
+								var node_7 = $.first_child(fragment_2);
+								var consequent = ($$anchor) => {
+									var fragment_3 = $.comment();
+									var node_8 = $.first_child(fragment_3);
+									$.component(node_8, () => Pagination.Ellipsis, ($$anchor, ArkPagination_Ellipsis) => {
+										ArkPagination_Ellipsis($$anchor, {
+											index,
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_1 = $.text("…");
+												$.append($$anchor, text_1);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_3);
+								};
+								var alternate = ($$anchor) => {
+									var fragment_4 = $.comment();
+									var node_9 = $.first_child(fragment_4);
+									$.component(node_9, () => Pagination.Item, ($$anchor, ArkPagination_Item) => {
+										ArkPagination_Item($$anchor, {
+											get value() {
+												return $.get(entry).value;
+											},
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_2 = $.text();
+												$.template_effect(() => $.set_text(text_2, $.get(entry).value));
+												$.append($$anchor, text_2);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_4);
+								};
+								$.if(node_7, ($$render) => {
+									if ($.get(entry).type === "ellipsis") $$render(consequent);
+									else $$render(alternate, -1);
+								});
+								$.append($$anchor, fragment_2);
+							});
+							$.append($$anchor, fragment_1);
+						};
+						$.component(node_5, () => Pagination.Context, ($$anchor, ArkPagination_Context) => {
+							ArkPagination_Context($$anchor, {
+								children,
+								$$slots: { default: true }
+							});
+						});
+					}
+					var node_10 = $.sibling(node_5, 2);
+					$.component(node_10, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
+						ArkPagination_NextTrigger($$anchor, {
+							"aria-label": "Next page",
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text_3 = $.text("›");
+								$.append($$anchor, text_3);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.reset(div_3);
+		$.append($$anchor, div_3);
+	};
+	$.if(node_2, ($$render) => {
+		if ($$props.pageSize && $.get(pageCount) > 1) $$render(consequent_1);
+	});
+	$.reset(div);
+	$.template_effect(() => $.set_attribute(div_1, "data-layout", layout()));
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/data-view/index.ts
+/** One vessel, two layouts: a ledger or a lattice, paged with the
+* pagination family's own parts. */
+const DataView = DataView$1;
+//#endregion
+export { DataView as t };

package/dist/deferred-content-CO9YsKMQ.mjs

@@ -0,0 +1,65 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { onMount } from "svelte";
+//#region src/components/deferred-content/DeferredContent.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"threshold",
+	"placeholder",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function DeferredContent$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("deferred-content");
+	let threshold = $.prop($$props, "threshold", 3, .2), rest = $.rest_props($$props, rest_excludes);
+	let host = $.state(void 0);
+	let active = $.state(false);
+	onMount(() => {
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) {
+				$.set(active, true);
+				observer.disconnect();
+			}
+		}, { threshold: threshold() });
+		if ($.get(host)) observer.observe($.get(host));
+		return () => observer.disconnect();
+	});
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "deferred-content",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment);
+	};
+	var alternate = ($$anchor) => {
+		var fragment_1 = $.comment();
+		var node_2 = $.first_child(fragment_1);
+		$.snippet(node_2, () => $$props.placeholder ?? $.noop);
+		$.append($$anchor, fragment_1);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(active)) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.reset(div);
+	$.bind_this(div, ($$value) => $.set(host, $$value), () => $.get(host));
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/deferred-content/index.ts
+/** Content that waits to be worth rendering: the slot mounts when the
+* placeholder approaches the viewport. */
+const DeferredContent = DeferredContent$1;
+//#endregion
+export { DeferredContent as t };

package/dist/descriptions-DgkA_9B-.mjs

@@ -0,0 +1,123 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/descriptions/Descriptions.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"layout",
+	"bordered",
+	"column",
+	"children"
+]);
+var root$3 = $.from_html(`<dl><!></dl>`);
+function Descriptions$1($$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$3);
+	var dl = root$3();
+	$.attribute_effect(dl, ($0) => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "root",
+		"data-layout": layout(),
+		"data-bordered": bordered() || void 0,
+		[$.STYLE]: { "--bs-desc-columns": $0 }
+	}), [() => String(column())]);
+	var node = $.child(dl);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(dl);
+	$.append($$anchor, dl);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/DescriptionsDetail.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<dd><!></dd>`);
+function DescriptionsDetail($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var dd = root$2();
+	$.attribute_effect(dd, () => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "detail"
+	}));
+	var node = $.child(dd);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(dd);
+	$.append($$anchor, dd);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/DescriptionsItem.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"span",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function DescriptionsItem($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let span = $.prop($$props, "span", 3, 1), rest = $.rest_props($$props, rest_excludes$1);
+	var div = root$1();
+	$.attribute_effect(div, ($0) => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "item",
+		[$.STYLE]: { "--bs-desc-span": $0 }
+	}), [() => String(span() * 2)]);
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/DescriptionsTerm.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<dt><!></dt>`);
+function DescriptionsTerm($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let rest = $.rest_props($$props, rest_excludes);
+	var dt = root();
+	$.attribute_effect(dt, () => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "term"
+	}));
+	var node = $.child(dt);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(dt);
+	$.append($$anchor, dt);
+	$.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 };

package/dist/dock-CKGRnXWu.mjs

@@ -0,0 +1,84 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/dock/Dock.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"maxScale",
+	"radius",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function Dock$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("dock");
+	/** The tallest an item swells under the hand — 1 stands still. */
+	/** How far the hand reaches, in px, before an item stops answering. */
+	let maxScale = $.prop($$props, "maxScale", 3, 1.5), radius = $.prop($$props, "radius", 3, 96), rest = $.rest_props($$props, rest_excludes$1);
+	const ITEM = "[data-scope=\"dock\"][data-part=\"item\"]";
+	function magnify(event) {
+		for (const item of event.currentTarget.querySelectorAll(ITEM)) {
+			const rect = item.getBoundingClientRect();
+			const dist = Math.abs(event.clientX - (rect.left + rect.width / 2));
+			const t = Math.max(0, 1 - dist / radius());
+			item.style.setProperty("--bs-dock-scale", (1 + (maxScale() - 1) * t * t).toFixed(4));
+		}
+	}
+	function reset(event) {
+		for (const item of event.currentTarget.querySelectorAll(ITEM)) item.style.removeProperty("--bs-dock-scale");
+	}
+	var div = root$1();
+	$.attribute_effect(div, ($0) => ({
+		...rest,
+		"data-scope": "dock",
+		"data-part": "root",
+		style: $0,
+		onpointermove: magnify,
+		onpointerleave: reset
+	}), [() => ({
+		...$$props.style,
+		"--bs-dock-max-scale": String(maxScale())
+	})]);
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/dock/DockItem.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function DockItem($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("dock");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "dock",
+		"data-part": "item"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/dock/index.ts
+/** The magnifying dock: a floating rail whose icons swell toward the
+* hand — Dock, Dock.Item. */
+const Dock = Object.assign(Dock$1, {
+	Root: Dock$1,
+	Item: DockItem
+});
+//#endregion
+export { Dock as t };