@bysages/svelte 0.2.3 → 0.3.1

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

@@ -1,7 +1,2 @@
-import { t as SelectRoot } from "../../SelectRoot-l-rb18FH.mjs";
-import { Select as Select$1 } from "@ark-ui/svelte/select";
-//#region src/components/select/index.d.ts
-export declare const Select: Omit<typeof Select$1, "Root"> & {
-  Root: typeof SelectRoot;
-};
-//#endregion
+import { i as NativeSelectProps, n as Select, r as NativeSelectOption, t as NativeSelect } from "../../index-D6eYSdmD.mjs";
+export { NativeSelect, type NativeSelectOption, type NativeSelectProps, Select };

package/dist/components/select/index.mjs

@@ -1,14 +1,2 @@
-import { t as SelectRoot } from "../../SelectRoot-l-rb18FH.mjs";
-import { Select as Select$1 } from "@ark-ui/svelte/select";
-//#region src/components/select/index.ts
-/** Ark's Select, dressed in the paper-and-ink system: the trigger is the
-* whole control and its list dissolves open as a paper vessel, the checked
-* row taking the flat ink fill. The API is Ark's own — Root, Label, Control,
-* Trigger, ValueText, Indicator, ClearTrigger, HiddenSelect, Positioner,
-* Content, List, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
-const Select = {
-	...Select$1,
-	Root: SelectRoot
-};
-//#endregion
-export { Select };
+import { n as Select, t as NativeSelect } from "../../select-8ume4i2e.mjs";
+export { NativeSelect, Select };

package/dist/components/spinner/index.mjs

@@ -1,2 +1,7 @@
-import { t as Spinner } from "../../spinner-EpUWE3Hu.mjs";
+import { t as Spinner$1 } from "../../Spinner-DGAzGJ_8.mjs";
+//#region src/components/spinner/index.ts
+/** A wheel of waiting: one arc of ink turning about its center. Quiet by
+* default — it reports progress without claiming attention. */
+const Spinner = Spinner$1;
+//#endregion
 export { Spinner };

package/dist/components/split-button/index.mjs

@@ -1,2 +1,2 @@
-import { t as SplitButton } from "../../split-button-CGjPB9DQ.mjs";
+import { t as SplitButton } from "../../split-button-DnmVc_J0.mjs";
 export { SplitButton };

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

@@ -0,0 +1,2 @@
+import { n as SpotlightProps, t as Spotlight } from "../../index-0k-VxNRm.mjs";
+export { Spotlight, type SpotlightProps };

package/dist/components/spotlight/index.mjs

@@ -0,0 +1,2 @@
+import { t as Spotlight } from "../../spotlight-DMC5E1eS.mjs";
+export { Spotlight };

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

@@ -1,7 +1,8 @@
-import { t as StepsRoot } from "../../StepsRoot-Dg_3-lRb.mjs";
+import { n as StepsItem, t as StepsRoot } from "../../StepsRoot-C_FYfShw.mjs";
 import { Steps as Steps$1 } from "@ark-ui/svelte/steps";
 //#region src/components/steps/index.d.ts
-export declare const Steps: Omit<typeof Steps$1, "Root"> & {
+export declare const Steps: Omit<typeof Steps$1, "Root" | "Item"> & {
   Root: typeof StepsRoot;
+  Item: typeof StepsItem;
 };
 //#endregion

package/dist/components/steps/index.mjs

@@ -1,4 +1,4 @@
-import { t as StepsRoot } from "../../StepsRoot-Dg_3-lRb.mjs";
+import { n as StepsItem, t as StepsRoot } from "../../StepsRoot-C_FYfShw.mjs";
 import { Steps as Steps$1 } from "@ark-ui/svelte/steps";
 //#region src/components/steps/index.ts
 /**
@@ -10,7 +10,8 @@ import { Steps as Steps$1 } from "@ark-ui/svelte/steps";
 */
 const Steps = {
 	...Steps$1,
-	Root: StepsRoot
+	Root: StepsRoot,
+	Item: StepsItem
 };
 //#endregion
 export { Steps };

package/dist/components/table/index.mjs

@@ -1,2 +1,2 @@
-import { n as FlexRender, r as createColumnHelper, t as DataTable } from "../../table-C0AcH5Dw.mjs";
+import { n as FlexRender, r as createColumnHelper, t as DataTable } from "../../table-BsdqRuvj.mjs";
 export { DataTable, FlexRender, createColumnHelper };

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

@@ -1,4 +1,4 @@
-import { t as TabsRoot } from "../../TabsRoot-BMMO3B77.mjs";
+import { t as TabsRoot } from "../../TabsRoot-DXd41HqW.mjs";
 import { Tabs as Tabs$1 } from "@ark-ui/svelte/tabs";
 //#region src/components/tabs/index.d.ts
 export declare const Tabs: Omit<typeof Tabs$1, "Root"> & {

package/dist/components/tabs/index.mjs

@@ -1,4 +1,4 @@
-import { t as TabsRoot } from "../../TabsRoot-BMMO3B77.mjs";
+import { t as TabsRoot } from "../../TabsRoot-DXd41HqW.mjs";
 import { Tabs as Tabs$1 } from "@ark-ui/svelte/tabs";
 //#region src/components/tabs/index.ts
 /**

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

@@ -0,0 +1,2 @@
+import { n as TerminalProps, t as Terminal } from "../../index-D9UBDdoA.mjs";
+export { Terminal, type TerminalProps };

package/dist/components/terminal/index.mjs

@@ -0,0 +1,2 @@
+import { t as Terminal } from "../../terminal-Dgw5JEz4.mjs";
+export { Terminal };

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

@@ -1,2 +1,2 @@
-import { a as TimelineProps, i as TimelineMarkerProps, n as TimelineContentProps, r as TimelineItemProps, t as Timeline } from "../../index-BgLAlGbg.mjs";
+import { a as TimelineProps, i as TimelineMarkerProps, n as TimelineContentProps, r as TimelineItemProps, t as Timeline } from "../../index-BoR_54C_.mjs";
 export { Timeline, type TimelineContentProps, type TimelineItemProps, type TimelineMarkerProps, type TimelineProps };

package/dist/components/timeline/index.mjs

@@ -1,2 +1,2 @@
-import { t as Timeline } from "../../timeline-BV4eahUx.mjs";
+import { t as Timeline } from "../../timeline-1yPOTbtY.mjs";
 export { Timeline };

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

@@ -1,7 +1,10 @@
+import { t as TocIndicator } from "../../TocIndicator-DPnZxTJ2.mjs";
 import { Toc as Toc$1 } from "@ark-ui/svelte/toc";
 //#region src/components/toc/index.d.ts
 /** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
  * beside the scroll, one stroke of primary ink marking where the reader
  * stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
-export declare const Toc: typeof Toc$1;
+export declare const Toc: Omit<typeof Toc$1, "Indicator"> & {
+  Indicator: typeof TocIndicator;
+};
 //#endregion

package/dist/components/toc/index.mjs

@@ -1,10 +1,14 @@
+import { t as TocIndicator } from "../../TocIndicator-DPnZxTJ2.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { Toc as Toc$1 } from "@ark-ui/svelte/toc";
 //#region src/components/toc/index.ts
 /** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
 * beside the scroll, one stroke of primary ink marking where the reader
 * stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
-const Toc = Toc$1;
+const Toc = {
+	...Toc$1,
+	Indicator: TocIndicator
+};
 injectComponentStyle("toc");
 //#endregion
 export { Toc };

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

@@ -0,0 +1,2 @@
+import { n as ToolbarProps, t as Toolbar } from "../../index-mshFOd-j.mjs";
+export { Toolbar, type ToolbarProps };

package/dist/components/toolbar/index.mjs

@@ -0,0 +1,2 @@
+import { t as Toolbar } from "../../toolbar-SNwuRrJr.mjs";
+export { Toolbar };

package/dist/components/transfer/index.mjs

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { t as TreeViewRoot } from "../../TreeViewRoot-ConQj9TX.mjs";
+import { n as TreeViewNodeCheckbox, r as TreeViewBranchIndicator, t as TreeViewRoot } from "../../TreeViewRoot-RBynRAly.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
@@ -10,7 +10,9 @@ import { TreeView as TreeView$1 } from "@ark-ui/svelte/tree-view";
 * NodeRenameInput, plus createTreeCollection. */
 const TreeView = {
 	...TreeView$1,
-	Root: TreeViewRoot
+	Root: TreeViewRoot,
+	NodeCheckbox: TreeViewNodeCheckbox,
+	BranchIndicator: TreeViewBranchIndicator
 };
 //#endregion
 export { TreeView };

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-_10ypBUP.mjs";
+export { VirtualList };

package/dist/{config-provider-DW5wVzFr.mjs → config-provider-CZJyd3MX.mjs}

@@ -1,18 +1,6 @@
+import { t as provideConfig } from "./context-Da-QMQRq.mjs";
 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",
@@ -23,6 +11,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"accent",
 	"dir",
 	"locale",
+	"messages",
 	"lang",
 	"children"
 ]);
@@ -45,6 +34,9 @@ function ConfigProvider$1($$anchor, $$props) {
 		},
 		get locale() {
 			return $$props.locale;
+		},
+		get messages() {
+			return $$props.messages;
 		}
 	});
 	var div = root();
@@ -72,4 +64,4 @@ function ConfigProvider$1($$anchor, $$props) {
 * descendants through `useConfig`. */
 const ConfigProvider = ConfigProvider$1;
 //#endregion
-export { useConfig as n, ConfigProvider as t };
+export { ConfigProvider as t };

package/dist/context-Da-QMQRq.mjs

@@ -0,0 +1,14 @@
+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
+export { useConfig as n, provideConfig as t };

package/dist/data-view-BORK23XZ.mjs

@@ -0,0 +1,179 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
+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);
+	const messages = useComponentMessages();
+	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);
+					{
+						let $0 = $.derived(() => messages().pagination.previous);
+						$.component(node_4, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
+							ArkPagination_PrevTrigger($$anchor, {
+								get "aria-label"() {
+									return $.get($0);
+								},
+								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);
+					{
+						let $0 = $.derived(() => messages().pagination.next);
+						$.component(node_10, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
+							ArkPagination_NextTrigger($$anchor, {
+								get "aria-label"() {
+									return $.get($0);
+								},
+								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-Cv3x5qLW.mjs → descriptions-DgkA_9B-.mjs}

@@ -7,20 +7,24 @@ var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$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"), rest = $.rest_props($$props, rest_excludes$3);
+	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, () => ({
+	$.attribute_effect(dl, ($0) => ({
 		...rest,
 		"data-scope": "descriptions",
 		"data-part": "root",
-		"data-layout": layout()
-	}));
+		"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);
@@ -58,19 +62,21 @@ 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 rest = $.rest_props($$props, rest_excludes$1);
+	let span = $.prop($$props, "span", 3, 1), rest = $.rest_props($$props, rest_excludes$1);
 	var div = root$1();
-	$.attribute_effect(div, () => ({
+	$.attribute_effect(div, ($0) => ({
 		...rest,
 		"data-scope": "descriptions",
-		"data-part": "item"
-	}));
+		"data-part": "item",
+		[$.STYLE]: { "--bs-desc-span": $0 }
+	}), [() => String(span() * 2)]);
 	var node = $.child(div);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(div);

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 };