@bysages/svelte 0.3.0 → 0.4.0

package/dist/{avatar-group-BgIxNuVj.mjs → avatar-group-BnyaymLu.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -31,6 +32,6 @@ function AvatarGroup$1($$anchor, $$props) {
 //#region src/components/avatar-group/index.ts
 /** Avatars overlapping one row, each rimmed in the ground so the pile
 * stays legible. */
-const AvatarGroup = AvatarGroup$1;
+const AvatarGroup = withSelfRoot(AvatarGroup$1);
 //#endregion
 export { AvatarGroup as t };

package/dist/{back-top-rbP0aP47.mjs → back-top-DNwTF40O.mjs}

@@ -1,4 +1,6 @@
-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-CghWQD3J.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -12,8 +14,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"scrollEl",
 	"children"
 ]);
-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="m6 14 6-6 6 6"></path></svg>`);
-var root_1 = $.from_html(`<div><!></div>`);
+var root = $.from_html(`<div><!></div>`);
 function BackTop$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("back-top");
@@ -43,7 +44,7 @@ function BackTop$1($$anchor, $$props) {
 			behavior: reduce ? "auto" : "smooth"
 		});
 	};
-	var div = root_1();
+	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-scope": "back-top",
 		"data-part": "root",
@@ -79,8 +80,7 @@ function BackTop$1($$anchor, $$props) {
 					$.append($$anchor, fragment_1);
 				};
 				var alternate = ($$anchor) => {
-					var svg = root();
-					$.append($$anchor, svg);
+					InternalIcon($$anchor, { name: "chevron-up" });
 				};
 				$.if(node_1, ($$render) => {
 					if ($$props.children) $$render(consequent);
@@ -104,6 +104,6 @@ function BackTop$1($$anchor, $$props) {
 * back into an instant jump. The control itself is the shared `Button`
 * (outline, square) — the paper, hairline and halo are its; this family
 * owns only the floating and the entrance. */
-const BackTop = BackTop$1;
+const BackTop = withSelfRoot(BackTop$1);
 //#endregion
 export { BackTop as t };

package/dist/{badge-DKa-8Pv0.mjs → badge-BFZgNgbw.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -33,6 +34,6 @@ function Badge$1($$anchor, $$props) {
 //#region src/components/badge/index.ts
 /** A small seal of state. Ink is the neutral tone; the four semantic
 * pigments are fixed. Subtle and outline re-register the same pigment. */
-const Badge = Badge$1;
+const Badge = withSelfRoot(Badge$1);
 //#endregion
 export { Badge as t };

package/dist/{banner-LEPWtGlY.mjs → banner-Ko97JhS3.mjs}

@@ -1,3 +1,5 @@
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.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";
@@ -84,21 +86,26 @@ var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
-	"type"
+	"type",
+	"aria-label"
 ]);
-var root$3 = $.from_html(`<button><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button>`);
+var root$3 = $.from_html(`<button><!></button>`);
 function BannerClose($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("banner");
 	let type = $.prop($$props, "type", 3, "button"), rest = $.rest_props($$props, rest_excludes$3);
+	const messages = useComponentMessages();
 	var button = root$3();
-	$.attribute_effect(button, () => ({
+	$.attribute_effect(button, ($0) => ({
 		...rest,
 		type: type(),
-		"aria-label": rest["aria-label"] ?? "Dismiss",
+		"aria-label": $0,
 		"data-scope": "banner",
 		"data-part": "close"
-	}));
+	}), [() => $$props["aria-label"] ?? messages().banner.dismiss]);
+	var node = $.child(button);
+	InternalIcon(node, { name: "x" });
+	$.reset(button);
 	$.append($$anchor, button);
 	$.pop();
 }

package/dist/{block-ui-CpiV9qza.mjs → block-ui-DTG19xuY.mjs}

@@ -1,4 +1,5 @@
-import { t as Spinner } from "./Spinner-sd__23WT.mjs";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as Spinner } from "./Spinner-DGAzGJ_8.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -45,6 +46,6 @@ function BlockUI$1($$anchor, $$props) {
 //#region src/components/block-ui/index.ts
 /** A curtain over content that must wait: frosted paper and one
 * quiet wheel. */
-const BlockUI = BlockUI$1;
+const BlockUI = withSelfRoot(BlockUI$1);
 //#endregion
 export { BlockUI as t };

package/dist/{breadcrumb-C01pAq93.mjs → breadcrumb-CtBjVdxv.mjs}

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -6,6 +7,7 @@ var rest_excludes$5 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
+	"aria-label",
 	"children"
 ]);
 var root$5 = $.from_html(`<nav><!></nav>`);
@@ -13,13 +15,14 @@ function Breadcrumb$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("breadcrumb");
 	let rest = $.rest_props($$props, rest_excludes$5);
+	const messages = useComponentMessages();
 	var nav = root$5();
-	$.attribute_effect(nav, () => ({
+	$.attribute_effect(nav, ($0) => ({
 		...rest,
-		"aria-label": "Breadcrumb",
+		"aria-label": $0,
 		"data-scope": "breadcrumb",
 		"data-part": "root"
-	}));
+	}), [() => $$props["aria-label"] ?? messages().breadcrumb.label]);
 	var node = $.child(nav);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(nav);

package/dist/{browser-gmPTH6mJ.mjs → browser-Dlqvffp6.mjs}

@@ -137,6 +137,7 @@ function BrowserUrlBar($$anchor, $$props) {
 //#region src/components/browser/index.ts
 /** A browser window as a vessel: Root, TitleBar, Dots, UrlBar, Body. */
 const Browser = Object.assign(Browser$1, {
+	Root: Browser$1,
 	TitleBar: BrowserTitleBar,
 	Dots: BrowserDots,
 	UrlBar: BrowserUrlBar,

package/dist/{button-BCcX7lHq.mjs → button-CghWQD3J.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -47,6 +48,6 @@ function Button$1($$anchor, $$props) {
 /** The control recipe as a standalone button: the variant chooses how it
 * rests, the tone chooses the pigment. Ink is the solemn default; any
 * action can carry the primary weight. */
-const Button = Button$1;
+const Button = withSelfRoot(Button$1);
 //#endregion
 export { Button as t };

package/dist/{button-group-CVLqPMlR.mjs → button-group-BV7Ces1o.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -36,6 +37,6 @@ function ButtonGroup$1($$anchor, $$props) {
 //#region src/components/button-group/index.ts
 /** Buttons fused into one control: the group owns only the joinery, so
 * members keep every variant they were given. */
-const ButtonGroup = ButtonGroup$1;
+const ButtonGroup = withSelfRoot(ButtonGroup$1);
 //#endregion
 export { ButtonGroup as t };