@bysages/svelte 0.3.1 → 0.4.1

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

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

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

@@ -1,4 +1,5 @@
-import { n as TreeViewNodeCheckbox, r as TreeViewBranchIndicator, t as TreeViewRoot } from "../../TreeViewRoot-RBynRAly.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { i as TreeViewBranchIndicator, n as TreeView$2, r as TreeViewRoot, t as TreeViewNodeCheckbox } from "../../TreeViewNodeCheckbox-l1l6EYyz.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
@@ -8,11 +9,11 @@ import { TreeView as TreeView$1 } from "@ark-ui/svelte/tree-view";
 * BranchTrigger, BranchIndicator, BranchText, BranchContent,
 * BranchIndentGuide, Item, ItemText, ItemIndicator, NodeCheckbox,
 * NodeRenameInput, plus createTreeCollection. */
-const TreeView = {
+const TreeView = defineFamily(TreeView$2, {
 	...TreeView$1,
 	Root: TreeViewRoot,
 	NodeCheckbox: TreeViewNodeCheckbox,
 	BranchIndicator: TreeViewBranchIndicator
-};
+});
 //#endregion
 export { TreeView };

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

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

package/dist/components/typography/index.mjs

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

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

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

package/dist/components/user/index.mjs

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

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

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

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

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

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

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

package/dist/components/watermark/index.mjs

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

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

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { t as provideConfig } from "./context-Da-QMQRq.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -62,6 +63,6 @@ function ConfigProvider$1($$anchor, $$props) {
 /** 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;
+const ConfigProvider = withSelfRoot(ConfigProvider$1);
 //#endregion
 export { ConfigProvider as t };

package/dist/{container-Cmiu_3W5.mjs → container-CkhoYrC5.mjs}

@@ -1,6 +1,7 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/container/Container.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -34,6 +35,6 @@ function Container$1($$anchor, $$props) {
 /** 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;
+const Container = withSelfRoot(Container$1);
 //#endregion
 export { Container as t };

package/dist/{data-view-BORK23XZ.mjs → data-view-Ls3J45mK.mjs}

@@ -1,7 +1,8 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 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 { injectComponentStyle } from "@bysages/core/styling";
 import { Pagination } from "@ark-ui/svelte/pagination";
 //#region src/components/data-view/DataView.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
@@ -174,6 +175,6 @@ function DataView$1($$anchor, $$props) {
 //#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;
+const DataView = withSelfRoot(DataView$1);
 //#endregion
 export { DataView as t };

package/dist/{deferred-content-CO9YsKMQ.mjs → deferred-content-SoEpwCs-.mjs}

@@ -1,6 +1,7 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { onMount } from "svelte";
 //#region src/components/deferred-content/DeferredContent.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
@@ -60,6 +61,6 @@ function DeferredContent$1($$anchor, $$props) {
 //#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;
+const DeferredContent = withSelfRoot(DeferredContent$1);
 //#endregion
 export { DeferredContent as t };

package/dist/{descriptions-DgkA_9B-.mjs → descriptions-DGuEJmgX.mjs}

@@ -1,50 +1,19 @@
-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
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/descriptions/DescriptionsDetail.svelte
-var rest_excludes$2 = /* @__PURE__ */ new Set([
+var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"children"
 ]);
-var root$2 = $.from_html(`<dd><!></dd>`);
+var root$3 = $.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();
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var dd = root$3();
 	$.attribute_effect(dd, () => ({
 		...rest,
 		"data-scope": "descriptions",
@@ -58,19 +27,19 @@ function DescriptionsDetail($$anchor, $$props) {
 }
 //#endregion
 //#region src/components/descriptions/DescriptionsItem.svelte
-var rest_excludes$1 = /* @__PURE__ */ new Set([
+var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"span",
 	"children"
 ]);
-var root$1 = $.from_html(`<div><!></div>`);
+var root$2 = $.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();
+	let span = $.prop($$props, "span", 3, 1), rest = $.rest_props($$props, rest_excludes$2);
+	var div = root$2();
 	$.attribute_effect(div, ($0) => ({
 		...rest,
 		"data-scope": "descriptions",
@@ -85,18 +54,18 @@ function DescriptionsItem($$anchor, $$props) {
 }
 //#endregion
 //#region src/components/descriptions/DescriptionsTerm.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
+var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"children"
 ]);
-var root = $.from_html(`<dt><!></dt>`);
+var root$1 = $.from_html(`<dt><!></dt>`);
 function DescriptionsTerm($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("descriptions");
-	let rest = $.rest_props($$props, rest_excludes);
-	var dt = root();
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var dt = root$1();
 	$.attribute_effect(dt, () => ({
 		...rest,
 		"data-scope": "descriptions",
@@ -109,6 +78,84 @@ function DescriptionsTerm($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
+//#region src/components/descriptions/Descriptions.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"layout",
+	"bordered",
+	"column",
+	"items",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+var root_1 = $.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);
+	var dl = root_1();
+	$.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);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children);
+		$.append($$anchor, fragment);
+	};
+	var alternate = ($$anchor) => {
+		var fragment_1 = $.comment();
+		var node_2 = $.first_child(fragment_1);
+		$.each(node_2, 17, () => $$props.items ?? [], $.index, ($$anchor, item) => {
+			DescriptionsItem($$anchor, {
+				get span() {
+					return $.get(item).span;
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_3 = root();
+					var node_3 = $.first_child(fragment_3);
+					DescriptionsTerm(node_3, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $.get(item).term));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+					DescriptionsDetail($.sibling(node_3, 2), {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text_1 = $.text();
+							$.template_effect(() => $.set_text(text_1, $.get(item).detail));
+							$.append($$anchor, text_1);
+						},
+						$$slots: { default: true }
+					});
+					$.append($$anchor, fragment_3);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_1);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.children) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.reset(dl);
+	$.append($$anchor, dl);
+	$.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

package/dist/{dock-CKGRnXWu.mjs → dock-BFyqUHAo.mjs}

@@ -1,6 +1,6 @@
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/dock/Dock.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{dynamic-input-D1a-5vy-.mjs → dynamic-input-5H3wZSDs.mjs}

@@ -1,9 +1,11 @@
-import { t as Button } from "./button-BCcX7lHq.mjs";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as Button } from "./button-Cl45zjdj.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { Input } from "./components/input/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/dynamic-input/DynamicInput.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -18,9 +20,8 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"disabled",
 	"invalid"
 ]);
-var root = $.from_svg(`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"></path></svg>`);
-var root_1 = $.from_html(`<div data-scope="dynamic-input" data-part="row"><!> <!></div>`);
-var root_2 = $.from_html(`<div><!> <div data-scope="dynamic-input" data-part="add"><!></div></div>`);
+var root = $.from_html(`<div data-scope="dynamic-input" data-part="row"><!> <!></div>`);
+var root_1 = $.from_html(`<div><!> <div data-scope="dynamic-input" data-part="add"><!></div></div>`);
 function DynamicInput$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("dynamic-input");
@@ -40,7 +41,7 @@ function DynamicInput$1($$anchor, $$props) {
 	function add() {
 		value([...value(), ""]);
 	}
-	var div = root_2();
+	var div = root_1();
 	$.attribute_effect(div, () => ({
 		...rest,
 		"data-scope": "dynamic-input",
@@ -48,7 +49,7 @@ function DynamicInput$1($$anchor, $$props) {
 	}));
 	var node = $.child(div);
 	$.each(node, 17, value, $.index, ($$anchor, entry, index) => {
-		var div_1 = root_1();
+		var div_1 = root();
 		var node_1 = $.child(div_1);
 		Input(node_1, {
 			get value() {
@@ -86,8 +87,7 @@ function DynamicInput$1($$anchor, $$props) {
 				},
 				onclick: () => remove(index),
 				children: ($$anchor, $$slotProps) => {
-					var svg = root();
-					$.append($$anchor, svg);
+					InternalIcon($$anchor, { name: "x" });
 				},
 				$$slots: { default: true }
 			});
@@ -127,6 +127,6 @@ function DynamicInput$1($$anchor, $$props) {
 /** A column of entry rows: one Input per line, each with a quiet remove
 * seal, and an add row at the tail — the bound array stays the only
 * truth. */
-const DynamicInput = DynamicInput$1;
+const DynamicInput = withSelfRoot(DynamicInput$1);
 //#endregion
 export { DynamicInput as t };

package/dist/{ellipsis-CLaZ9Grh.mjs → ellipsis-ChktH2CQ.mjs}

@@ -1,6 +1,7 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/ellipsis/Ellipsis.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -34,6 +35,6 @@ function Ellipsis$1($$anchor, $$props) {
 /** The overflow knife: text cut at one line, or held to N lines. The
 * primitive only draws the cut — reaching the full text (title,
 * tooltip) stays the consumer's decision. */
-const Ellipsis = Ellipsis$1;
+const Ellipsis = withSelfRoot(Ellipsis$1);
 //#endregion
 export { Ellipsis as t };

package/dist/{empty-wwcTI107.mjs → empty-CINZ_PLj.mjs}

@@ -1,6 +1,6 @@
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/empty/Empty.svelte
 var rest_excludes$4 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/family-CzLaku1F.mjs

@@ -0,0 +1,12 @@
+//#region src/internal/family.ts
+/** Attaches anatomy parts to a callable family facade without letting
+* a parts namespace overwrite the facade's own component metadata. */
+function defineFamily(facade, parts) {
+	return Object.assign(facade, parts);
+}
+/** Gives a single-component family the same component + Root surface. */
+function withSelfRoot(component) {
+	return Object.assign(component, { Root: component });
+}
+//#endregion
+export { withSelfRoot as n, defineFamily as t };

package/dist/{float-button-BLIHnw2u.mjs → float-button-DK8hviBz.mjs}

@@ -1,8 +1,8 @@
-import { t as Button } from "./button-BCcX7lHq.mjs";
+import { t as Button } from "./button-Cl45zjdj.mjs";
 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 { injectComponentStyle } from "@bysages/core/styling";
 import { getContext, setContext } from "svelte";
 //#region src/components/float-button/context.ts
 /** Context key for {@link FloatButtonContext}, exported so a custom
@@ -26,14 +26,22 @@ var root$1 = $.from_html(`<div><!></div>`);
 function FloatButton$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("float-button");
-	let open = $.prop($$props, "open", 15, false), placement = $.prop($$props, "placement", 3, "bottom-end"), size = $.prop($$props, "size", 3, "lg"), rest = $.rest_props($$props, rest_excludes);
+	let open = $.prop($$props, "open", 15), placement = $.prop($$props, "placement", 3, "bottom-end"), size = $.prop($$props, "size", 3, "lg"), rest = $.rest_props($$props, rest_excludes);
+	let localOpen = $.state(false);
+	const isOpen = $.derived(() => open() ?? $.get(localOpen));
+	function setOpen(value) {
+		if (open() !== void 0) open(value);
+		else $.set(localOpen, value, true);
+	}
 	setContext(FLOAT_BUTTON_KEY, {
 		get open() {
-			return open();
+			return $.get(isOpen);
+		},
+		get size() {
+			return size();
 		},
-		size: size(),
-		toggle: () => open(!open()),
-		close: () => open(false)
+		toggle: () => setOpen(!$.get(isOpen)),
+		close: () => setOpen(false)
 	});
 	var div = root$1();
 	$.attribute_effect(div, () => ({
@@ -41,7 +49,7 @@ function FloatButton$1($$anchor, $$props) {
 		"data-scope": "float-button",
 		"data-part": "root",
 		"data-placement": placement(),
-		"data-state": open() ? "open" : "closed"
+		"data-state": $.get(isOpen) ? "open" : "closed"
 	}));
 	var node = $.child(div);
 	$.snippet(node, () => $$props.children ?? $.noop);