@bysages/svelte 0.2.1 → 0.2.3

package/dist/ai-source-CvglcFw1.mjs

@@ -0,0 +1,78 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-source/AiSource.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"href",
+	"children"
+]);
+var root$1 = $.from_html(`<li data-scope="ai" data-part="source"><a><!></a></li>`);
+function AiSource$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var li = root$1();
+	var a = $.child(li);
+	$.attribute_effect(a, () => ({
+		...rest,
+		href: $$props.href,
+		target: "_blank",
+		rel: "noreferrer"
+	}));
+	var node = $.child(a);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children);
+		$.append($$anchor, fragment);
+	};
+	var alternate = ($$anchor) => {
+		var text = $.text();
+		$.template_effect(() => $.set_text(text, $$props.href));
+		$.append($$anchor, text);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.children) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.reset(a);
+	$.reset(li);
+	$.append($$anchor, li);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-source/AiSources.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<ol><!></ol>`);
+function AiSources$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let rest = $.rest_props($$props, rest_excludes);
+	var ol = root();
+	$.attribute_effect(ol, () => ({
+		...rest,
+		"data-scope": "ai",
+		"data-part": "sources"
+	}));
+	var node = $.child(ol);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(ol);
+	$.append($$anchor, ol);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-source/index.ts
+/** One place the ink came from, and the reading list that gathers
+* them under a response. */
+const AiSource = AiSource$1;
+const AiSources = AiSources$1;
+//#endregion
+export { AiSources as n, AiSource as t };

package/dist/ai-suggestion-zGAQ1kkf.mjs

@@ -0,0 +1,38 @@
+import { t as Button } from "./button-BCcX7lHq.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-suggestion/AiSuggestion.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"prompt",
+	"onSelect"
+]);
+function AiSuggestion$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let rest = $.rest_props($$props, rest_excludes);
+	Button($$anchor, $.spread_props({
+		variant: "outline",
+		size: "sm"
+	}, () => rest, {
+		onclick: () => $$props.onSelect?.($$props.prompt),
+		children: ($$anchor, $$slotProps) => {
+			$.next();
+			var text = $.text();
+			$.template_effect(() => $.set_text(text, $$props.prompt));
+			$.append($$anchor, text);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-suggestion/index.ts
+/** A seal-cut button proposing the next stroke; selection hands back
+* the prompt. */
+const AiSuggestion = AiSuggestion$1;
+//#endregion
+export { AiSuggestion as t };

package/dist/ai-tool-DY_iNbMk.mjs

@@ -0,0 +1,117 @@
+import { Collapsible } from "./components/collapsible/index.mjs";
+import { t as ChevronIcon } from "./ChevronIcon-CVJJYda-.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-tool/AiTool.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"name",
+	"label",
+	"status",
+	"input",
+	"output"
+]);
+var root = $.from_html(`<span data-scope="ai" data-part="tool-status"> </span>`);
+var root_1 = $.from_html(`<span> </span> <!> <!>`, 1);
+var root_2 = $.from_html(`<span data-scope="ai" data-part="tool-label">Input</span> <pre> </pre>`, 1);
+var root_3 = $.from_html(`<span data-scope="ai" data-part="tool-label">Output</span> <pre> </pre>`, 1);
+var root_4 = $.from_html(`<div data-scope="ai" data-part="tool-body"><!> <!></div>`);
+var root_5 = $.from_html(`<!> <!>`, 1);
+function AiTool$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Collapsible.Root, ($$anchor, Collapsible_Root) => {
+		Collapsible_Root($$anchor, $.spread_props(() => rest, {
+			"data-ai": "tool",
+			get "data-status"() {
+				return $$props.status;
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root_5();
+				var node_1 = $.first_child(fragment_1);
+				$.component(node_1, () => Collapsible.Trigger, ($$anchor, Collapsible_Trigger) => {
+					Collapsible_Trigger($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_2 = root_1();
+							var span = $.first_child(fragment_2);
+							var text = $.only_child(span, true);
+							var node_2 = $.sibling(span, 2);
+							var consequent = ($$anchor) => {
+								var span_1 = root();
+								var text_1 = $.only_child(span_1, true);
+								$.template_effect(($0) => $.set_text(text_1, $0), [() => $$props.status.charAt(0).toUpperCase() + $$props.status.slice(1)]);
+								$.append($$anchor, span_1);
+							};
+							$.if(node_2, ($$render) => {
+								if ($$props.status) $$render(consequent);
+							});
+							var node_3 = $.sibling(node_2, 2);
+							$.component(node_3, () => Collapsible.Indicator, ($$anchor, Collapsible_Indicator) => {
+								Collapsible_Indicator($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										ChevronIcon($$anchor, {});
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.template_effect(() => $.set_text(text, $$props.label ?? $$props.name));
+							$.append($$anchor, fragment_2);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_4 = $.sibling(node_1, 2);
+				$.component(node_4, () => Collapsible.Content, ($$anchor, Collapsible_Content) => {
+					Collapsible_Content($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var div = root_4();
+							var node_5 = $.child(div);
+							var consequent_1 = ($$anchor) => {
+								var fragment_4 = root_2();
+								var pre = $.sibling($.first_child(fragment_4), 2);
+								var text_2 = $.only_child(pre, true);
+								$.template_effect(() => $.set_text(text_2, $$props.input));
+								$.append($$anchor, fragment_4);
+							};
+							$.if(node_5, ($$render) => {
+								if ($$props.input !== void 0) $$render(consequent_1);
+							});
+							var node_6 = $.sibling(node_5, 2);
+							var consequent_2 = ($$anchor) => {
+								var fragment_5 = root_3();
+								var pre_1 = $.sibling($.first_child(fragment_5), 2);
+								var text_3 = $.only_child(pre_1, true);
+								$.template_effect(() => $.set_text(text_3, $$props.output));
+								$.append($$anchor, fragment_5);
+							};
+							$.if(node_6, ($$render) => {
+								if ($$props.output !== void 0) $$render(consequent_2);
+							});
+							$.reset(div);
+							$.append($$anchor, div);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-tool/index.ts
+/** A tool call: the shared collapsible as the vessel — the name it
+* was reached by and the state it reached in on the trigger, its
+* input and output folded inside. */
+const AiTool = AiTool$1;
+//#endregion
+export { AiTool as t };

package/dist/alert-Xp8I8IY9.mjs

@@ -0,0 +1,156 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { getContext, setContext } from "svelte";
+//#region src/components/alert/Alert.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"status",
+	"children"
+]);
+var root$4 = $.from_html(`<div><!></div>`);
+function Alert$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("alert");
+	let status = $.prop($$props, "status", 3, "ink"), rest = $.rest_props($$props, rest_excludes$4);
+	setContext("alert:status", () => status());
+	var div = root$4();
+	$.attribute_effect(div, () => ({
+		...rest,
+		role: status() === "ink" || status() === "info" ? "status" : "alert",
+		"data-scope": "alert",
+		"data-part": "root",
+		"data-status": status()
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/alert/AlertBody.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<div><!></div>`);
+function AlertBody($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("alert");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var div = root$3();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "alert",
+		"data-part": "body"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/alert/AlertDescription.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<p><!></p>`);
+function AlertDescription($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("alert");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var p = root$2();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "alert",
+		"data-part": "description"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/alert/AlertIcon.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy"
+]);
+var root$1 = $.from_html(`<span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path></path></svg></span>`);
+function AlertIcon($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("alert");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	const readStatus = getContext("alert:status");
+	const paths = {
+		info: "M12 8v5m0 3v.01M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z",
+		success: "m4 12.5 5 5L20 6.5",
+		warning: "M12 4 2.5 20h19L12 4Zm0 6v4m0 3v.01",
+		danger: "M6 6l12 12M18 6 6 18",
+		ink: "M12 8v5m0 3v.01M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z"
+	};
+	var span = root$1();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"data-scope": "alert",
+		"data-part": "icon"
+	}));
+	var svg = $.child(span);
+	$.set_attribute(svg, "width", 16);
+	$.set_attribute(svg, "height", 16);
+	var path = $.only_child(svg);
+	$.reset(span);
+	$.template_effect(($0) => $.set_attribute(path, "d", $0), [() => paths[readStatus()]]);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/alert/AlertTitle.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<p><!></p>`);
+function AlertTitle($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("alert");
+	let rest = $.rest_props($$props, rest_excludes);
+	var p = root();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "alert",
+		"data-part": "title"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/alert/index.ts
+/** A notice drawn on the page: a wash of the status pigment, one heavier
+* hairline on the leading edge, the serif for its title. Root, Icon,
+* Body, Title, Description — the icon reads the status from the Root. */
+const Alert = Object.assign(Alert$1, {
+	Root: Alert$1,
+	Icon: AlertIcon,
+	Body: AlertBody,
+	Title: AlertTitle,
+	Description: AlertDescription
+});
+//#endregion
+export { Alert as t };

package/dist/aspect-ratio-COOgu44A.mjs

@@ -0,0 +1,36 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/aspect-ratio/AspectRatio.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ratio",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function AspectRatio$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("aspect-ratio");
+	let ratio = $.prop($$props, "ratio", 3, "1 / 1"), rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "aspect-ratio",
+		"data-part": "root",
+		[$.STYLE]: { "--bs-aspect-ratio": ratio() }
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/aspect-ratio/index.ts
+/** A frame that keeps its shape: the box holds the given ratio whatever
+* the width it is dealt, and the child fills the frame it is given. */
+const AspectRatio = AspectRatio$1;
+//#endregion
+export { AspectRatio as t };

package/dist/autocomplete-D7ZZ7Xpb.mjs

@@ -0,0 +1,153 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Portal } from "@ark-ui/svelte/portal";
+import { Combobox } from "@ark-ui/svelte/combobox";
+import { useListCollection } from "@ark-ui/svelte/collection";
+//#region src/components/autocomplete/AutoComplete.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"items",
+	"placeholder",
+	"size",
+	"filter"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+function AutoComplete$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("combobox");
+	let value = $.prop($$props, "value", 15, ""), items = $.prop($$props, "items", 19, () => []), size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	const { collection, filter: filterItems } = useListCollection({
+		initialItems: items(),
+		filter: (item, input) => $$props.filter ? $$props.filter(item, input) : item.toLowerCase().includes(input.toLowerCase())
+	});
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Combobox.Root, ($$anchor, ArkCombobox_Root) => {
+		ArkCombobox_Root($$anchor, $.spread_props({
+			get collection() {
+				return collection;
+			},
+			get "data-size"() {
+				return size();
+			},
+			get inputValue() {
+				return value();
+			},
+			allowCustomValue: true,
+			onValueChange: (details) => {
+				const [first] = details.value;
+				if (first != null) value(first);
+			},
+			onInputValueChange: (details) => {
+				filterItems(details.inputValue);
+				value(details.inputValue);
+			},
+			positioning: { sameWidth: true }
+		}, () => rest, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root();
+				var node_1 = $.first_child(fragment_1);
+				$.component(node_1, () => Combobox.Control, ($$anchor, ArkCombobox_Control) => {
+					ArkCombobox_Control($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_2 = $.comment();
+							var node_2 = $.first_child(fragment_2);
+							$.component(node_2, () => Combobox.Input, ($$anchor, ArkCombobox_Input) => {
+								ArkCombobox_Input($$anchor, { get placeholder() {
+									return $$props.placeholder;
+								} });
+							});
+							$.append($$anchor, fragment_2);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_3 = $.sibling(node_1, 2);
+				Portal(node_3, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_3 = $.comment();
+						var node_4 = $.first_child(fragment_3);
+						$.component(node_4, () => Combobox.Positioner, ($$anchor, ArkCombobox_Positioner) => {
+							ArkCombobox_Positioner($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_4 = $.comment();
+									var node_5 = $.first_child(fragment_4);
+									$.component(node_5, () => Combobox.Content, ($$anchor, ArkCombobox_Content) => {
+										ArkCombobox_Content($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												var fragment_5 = root();
+												var node_6 = $.first_child(fragment_5);
+												$.component(node_6, () => Combobox.Empty, ($$anchor, ArkCombobox_Empty) => {
+													ArkCombobox_Empty($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															$.next();
+															var text = $.text("No matches");
+															$.append($$anchor, text);
+														},
+														$$slots: { default: true }
+													});
+												});
+												var node_7 = $.sibling(node_6, 2);
+												$.each(node_7, 16, () => collection().items, (item) => item, ($$anchor, item) => {
+													var fragment_6 = $.comment();
+													var node_8 = $.first_child(fragment_6);
+													$.component(node_8, () => Combobox.Item, ($$anchor, ArkCombobox_Item) => {
+														ArkCombobox_Item($$anchor, {
+															get item() {
+																return item;
+															},
+															children: ($$anchor, $$slotProps) => {
+																var fragment_7 = $.comment();
+																var node_9 = $.first_child(fragment_7);
+																$.component(node_9, () => Combobox.ItemText, ($$anchor, ArkCombobox_ItemText) => {
+																	ArkCombobox_ItemText($$anchor, {
+																		children: ($$anchor, $$slotProps) => {
+																			$.next();
+																			var text_1 = $.text();
+																			$.template_effect(() => $.set_text(text_1, item));
+																			$.append($$anchor, text_1);
+																		},
+																		$$slots: { default: true }
+																	});
+																});
+																$.append($$anchor, fragment_7);
+															},
+															$$slots: { default: true }
+														});
+													});
+													$.append($$anchor, fragment_6);
+												});
+												$.append($$anchor, fragment_5);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_4);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_3);
+					},
+					$$slots: { default: true }
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/autocomplete/index.ts
+/** Free text with suggestions: the reader types anything, the list
+* narrows to help, and both a pick and a custom value end up in the
+* same `value`. A preset of the combobox machinery. */
+const AutoComplete = AutoComplete$1;
+//#endregion
+export { AutoComplete as t };

package/dist/avatar-BHYqgq4d.mjs

@@ -0,0 +1,45 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Avatar } from "@ark-ui/svelte/avatar";
+//#region src/components/avatar/Avatar.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function Avatar$2($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("avatar");
+	let rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Avatar.Root, ($$anchor, ArkAvatar_Root) => {
+		ArkAvatar_Root($$anchor, $.spread_props(() => rest, {
+			get "data-size"() {
+				return $$props.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/avatar/index.ts
+/** Avatar, dressed in the paper-and-ink system: a circular seal on
+* inset paper that holds initials until the image loads over them.
+* `size` picks a control-height rung for the seal — the core styles
+* re-point `--bs-avatar-size` per rung, and scenes can still retune the
+* variable directly. */
+const Avatar$1 = Object.assign({}, Avatar, { Root: Avatar$2 });
+//#endregion
+export { Avatar$1 as t };

package/dist/avatar-group-BgIxNuVj.mjs

@@ -0,0 +1,36 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/avatar-group/AvatarGroup.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function AvatarGroup$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("avatar-group");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "avatar-group",
+		"data-part": "root",
+		"data-size": $$props.size
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#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;
+//#endregion
+export { AvatarGroup as t };