@bysages/svelte 0.4.3 → 0.5.0

package/dist/{JsonTreeViewTree-DkD987Zf.mjs → JsonTreeViewTree-DONQc4hx.mjs}

@@ -1,10 +1,10 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { JsonTreeView } from "@ark-ui/svelte/json-tree-view";
-//#region src/components/json-tree-view/JsonTreeViewRoot.svelte
+// src/components/json-tree-view/JsonTreeViewRoot.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -36,8 +36,7 @@ function JsonTreeViewRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/json-tree-view/JsonTreeView.svelte
+// src/components/json-tree-view/JsonTreeView.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -97,8 +96,7 @@ function JsonTreeView$1($$anchor, $$props) {
 		$$slots: { default: true }
 	}));
 }
-//#endregion
-//#region src/components/json-tree-view/JsonTreeViewTree.svelte
+// src/components/json-tree-view/JsonTreeViewTree.svelte
 const defaultArrow = ($$anchor) => {
 	InternalIcon($$anchor, { name: "chevron-right" });
 };
@@ -156,5 +154,4 @@ function JsonTreeViewTree($$anchor, $$props) {
 	});
 	$.append($$anchor, fragment_1);
 }
-//#endregion
 export { JsonTreeView$1 as n, JsonTreeViewRoot as r, JsonTreeViewTree as t };

package/dist/{Listbox-C-u5WxHv.mjs → Listbox-B6AR7Q42.mjs}

@@ -1,10 +1,10 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Listbox, createListCollection } from "@ark-ui/svelte/listbox";
-//#region src/components/listbox/ListboxRoot.svelte
+// src/components/listbox/ListboxRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -40,8 +40,7 @@ function ListboxRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/listbox/Listbox.svelte
+// src/components/listbox/Listbox.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -185,5 +184,4 @@ function Listbox$1($$anchor, $$props) {
 	}));
 	$.pop();
 }
-//#endregion
 export { ListboxRoot as n, Listbox$1 as t };

package/dist/{Marquee-BOpZFSCo.mjs → Marquee-D78rmIoV.mjs}

@@ -1,9 +1,9 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Marquee } from "@ark-ui/svelte/marquee";
-//#region src/components/marquee/MarqueeRoot.svelte
+// src/components/marquee/MarqueeRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -42,8 +42,7 @@ function MarqueeRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/marquee/Marquee.svelte
+// src/components/marquee/Marquee.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -119,5 +118,4 @@ function Marquee$1($$anchor, $$props) {
 	}));
 	$.pop();
 }
-//#endregion
 export { MarqueeRoot as n, Marquee$1 as t };

package/dist/Mentions-wRPCCvkr.mjs

@@ -0,0 +1,517 @@
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { Field } from "./components/field/index.mjs";
+import { t as Icon } from "./icon-_OfVFx2E.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Popover } from "@ark-ui/svelte/popover";
+import { Portal } from "@ark-ui/svelte/portal";
+import { tick } from "svelte";
+// src/components/mentions/MentionsVessel.svelte
+var root$1 = $.from_html(`<span data-scope="mentions" data-part="option-description"> </span>`);
+var root_1 = $.from_html(`<span data-scope="mentions" data-part="option-kind"> </span>`);
+var root_2 = $.from_html(`<div role="option" data-scope="mentions" data-part="option"><!> <span data-scope="mentions" data-part="option-main"><span data-scope="mentions" data-part="option-label"> </span> <!></span> <!></div>`);
+var root_3 = $.from_html(`<div role="group" data-scope="mentions" data-part="group"><div data-scope="mentions" data-part="group-label"> </div> <!></div>`);
+var root_4 = $.from_html(`<div></div>`);
+var root_5 = $.from_html(`<!> <!>`, 1);
+function MentionsVessel($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	const option = ($$anchor, entry = $.noop, index = $.noop) => {
+		var div = root_2();
+		$.set_attribute(div, "tabindex", -1);
+		var node = $.child(div);
+		var consequent = ($$anchor) => {
+			Icon($$anchor, { get name() {
+				return entry().icon;
+			} });
+		};
+		$.if(node, ($$render) => {
+			if (entry().icon) $$render(consequent);
+		});
+		var span = $.sibling(node, 2);
+		var span_1 = $.child(span);
+		var text = $.only_child(span_1, true);
+		var node_1 = $.sibling(span_1, 2);
+		var consequent_1 = ($$anchor) => {
+			var span_2 = root$1();
+			var text_1 = $.only_child(span_2, true);
+			$.template_effect(() => $.set_text(text_1, entry().description));
+			$.append($$anchor, span_2);
+		};
+		$.if(node_1, ($$render) => {
+			if (entry().description) $$render(consequent_1);
+		});
+		$.reset(span);
+		var node_2 = $.sibling(span, 2);
+		var consequent_2 = ($$anchor) => {
+			var span_3 = root_1();
+			var text_2 = $.only_child(span_3, true);
+			$.template_effect(() => $.set_text(text_2, entry().kind));
+			$.append($$anchor, span_3);
+		};
+		$.if(node_2, ($$render) => {
+			if (entry().kind) $$render(consequent_2);
+		});
+		$.reset(div);
+		$.template_effect(() => {
+			$.set_attribute(div, "id", `${$.get(popupId)}:option-${index()}`);
+			$.set_attribute(div, "aria-selected", index() === active() && !entry().disabled);
+			$.set_attribute(div, "aria-disabled", entry().disabled ? "true" : void 0);
+			$.set_attribute(div, "data-active", index() === active() && !entry().disabled ? "" : void 0);
+			$.set_attribute(div, "data-disabled", entry().disabled ? "" : void 0);
+			$.set_text(text, entry().label);
+		});
+		$.event("mouseenter", div, () => {
+			if (!entry().disabled) $$props.onActiveChange?.(index());
+		});
+		$.delegated("mousedown", div, (event) => {
+			if (event.button !== 0) return;
+			event.preventDefault();
+			if (!entry().disabled) $$props.onInsert?.(entry());
+		});
+		$.delegated("keydown", div, (event) => {
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			if (!entry().disabled) $$props.onInsert?.(entry());
+		});
+		$.append($$anchor, div);
+	};
+	injectComponentStyle("mentions");
+	let open = $.prop($$props, "open", 3, false), matches = $.prop($$props, "matches", 19, () => []), active = $.prop($$props, "active", 3, 0), anchor = $.prop($$props, "anchor", 3, null), size = $.prop($$props, "size", 3, "md"), placement = $.prop($$props, "placement", 3, "bottom-start");
+	const id = $.derived(() => useElementId("mentions", generatedId, $$props.id));
+	const popupId = $.derived(() => `${$.get(id)}:popup`);
+	const groups = $.derived(() => {
+		const ordered = [];
+		const byName = /* @__PURE__ */ new Map();
+		matches().forEach((entry, index) => {
+			const name = entry.group ?? "";
+			const group = byName.get(name);
+			if (group) group.entries.push({
+				entry,
+				index
+			});
+			else {
+				const next = {
+					name,
+					entries: [{
+						entry,
+						index
+					}]
+				};
+				byName.set(name, next);
+				ordered.push(next);
+			}
+		});
+		return ordered;
+	});
+	const activeEntry = $.derived(() => matches()[active()]);
+	var fragment_1 = $.comment();
+	var node_3 = $.first_child(fragment_1);
+	{
+		let $0 = $.derived(() => ({ content: $.get(popupId) }));
+		let $1 = $.derived(() => $$props.children ? { placement: placement() } : {
+			placement: placement(),
+			getAnchorRect: () => anchor()?.getBoundingClientRect() ?? null
+		});
+		$.component(node_3, () => Popover.Root, ($$anchor, ArkPopover_Root) => {
+			ArkPopover_Root($$anchor, {
+				get id() {
+					return $.get(id);
+				},
+				get ids() {
+					return $.get($0);
+				},
+				get open() {
+					return open();
+				},
+				get positioning() {
+					return $.get($1);
+				},
+				onOpenChange: (details) => $$props.onOpenChange?.(details.open),
+				children: ($$anchor, $$slotProps) => {
+					var fragment_2 = root_5();
+					var node_4 = $.first_child(fragment_2);
+					var consequent_3 = ($$anchor) => {
+						var fragment_3 = $.comment();
+						var node_5 = $.first_child(fragment_3);
+						{
+							const asChild = ($$anchor, anchorProps = $.noop) => {
+								var fragment_4 = $.comment();
+								var node_6 = $.first_child(fragment_4);
+								$.snippet(node_6, () => $$props.children, anchorProps);
+								$.append($$anchor, fragment_4);
+							};
+							$.component(node_5, () => Popover.Anchor, ($$anchor, ArkPopover_Anchor) => {
+								ArkPopover_Anchor($$anchor, {
+									asChild,
+									$$slots: { asChild: true }
+								});
+							});
+						}
+						$.append($$anchor, fragment_3);
+					};
+					$.if(node_4, ($$render) => {
+						if ($$props.children) $$render(consequent_3);
+					});
+					var node_7 = $.sibling(node_4, 2);
+					Portal(node_7, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = $.comment();
+							var node_8 = $.first_child(fragment_5);
+							$.component(node_8, () => Popover.Positioner, ($$anchor, ArkPopover_Positioner) => {
+								ArkPopover_Positioner($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_6 = $.comment();
+										var node_9 = $.first_child(fragment_6);
+										{
+											const asChild = ($$anchor, contentProps = $.noop) => {
+												var div_1 = root_4();
+												$.attribute_effect(div_1, ($0) => ({
+													...$0,
+													id: $.get(popupId),
+													"data-scope": "mentions",
+													"data-part": "popup",
+													"data-size": size(),
+													role: "listbox",
+													"aria-activedescendant": $.get(activeEntry) && !$.get(activeEntry).disabled ? `${$.get(popupId)}:option-${active()}` : void 0
+												}), [() => contentProps()()]);
+												$.each(div_1, 23, () => $.get(groups), (group) => group.name, ($$anchor, group, groupIndex) => {
+													var fragment_7 = $.comment();
+													var node_10 = $.first_child(fragment_7);
+													var consequent_4 = ($$anchor) => {
+														var div_2 = root_3();
+														var div_3 = $.child(div_2);
+														var text_3 = $.only_child(div_3, true);
+														var node_11 = $.sibling(div_3, 2);
+														$.each(node_11, 17, () => $.get(group).entries, ({ entry, index }) => `${entry.id ?? entry.value}:${index}`, ($$anchor, $$item) => {
+															let entry = () => $.get($$item).entry;
+															let index = () => $.get($$item).index;
+															option($$anchor, entry, index);
+														});
+														$.reset(div_2);
+														$.template_effect(() => {
+															$.set_attribute(div_2, "aria-labelledby", `${$.get(popupId)}:group-${$.get(groupIndex)}`);
+															$.set_attribute(div_3, "id", `${$.get(popupId)}:group-${$.get(groupIndex)}`);
+															$.set_text(text_3, $.get(group).name);
+														});
+														$.append($$anchor, div_2);
+													};
+													var alternate = ($$anchor) => {
+														var fragment_9 = $.comment();
+														var node_12 = $.first_child(fragment_9);
+														$.each(node_12, 17, () => $.get(group).entries, ({ entry, index }) => `${entry.id ?? entry.value}:${index}`, ($$anchor, $$item) => {
+															let entry = () => $.get($$item).entry;
+															let index = () => $.get($$item).index;
+															option($$anchor, entry, index);
+														});
+														$.append($$anchor, fragment_9);
+													};
+													$.if(node_10, ($$render) => {
+														if ($.get(group).name) $$render(consequent_4);
+														else $$render(alternate, -1);
+													});
+													$.append($$anchor, fragment_7);
+												});
+												$.reset(div_1);
+												$.append($$anchor, div_1);
+											};
+											$.component(node_9, () => Popover.Content, ($$anchor, ArkPopover_Content) => {
+												ArkPopover_Content($$anchor, {
+													asChild,
+													$$slots: { asChild: true }
+												});
+											});
+										}
+										$.append($$anchor, fragment_6);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+					$.append($$anchor, fragment_2);
+				},
+				$$slots: { default: true }
+			});
+		});
+	}
+	$.append($$anchor, fragment_1);
+	$.pop();
+}
+$.delegate(["mousedown", "keydown"]);
+// src/components/mentions/use-mentions.svelte
+function useMentions(options, textarea, handlers) {
+	const state = $.proxy({
+		open: false,
+		matches: [],
+		active: 0
+	});
+	let anchorIndex = 0;
+	let caretIndex = 0;
+	let activeTrigger = "@";
+	function triggers() {
+		const value = options().triggers ?? options().trigger ?? "@";
+		return (Array.isArray(value) ? value : [value]).filter((trigger) => trigger.length > 0);
+	}
+	function closePopup() {
+		state.open = false;
+		state.matches = [];
+	}
+	function moveActive(delta) {
+		const enabled = state.matches.map((entry, index) => ({
+			entry,
+			index
+		})).filter(({ entry }) => !entry.disabled);
+		if (enabled.length === 0) return;
+		const position = enabled.findIndex(({ index }) => index === state.active);
+		const next = position === -1 ? 0 : (position + delta + enabled.length) % enabled.length;
+		state.active = enabled[next]?.index ?? 0;
+	}
+	function detect() {
+		const text = handlers.getText();
+		const el = textarea();
+		const caret = handlers.getCaret?.() ?? el?.selectionStart ?? text.length;
+		caretIndex = caret;
+		const head = text.slice(0, caret);
+		const found = triggers().map((trigger) => ({
+			trigger,
+			anchor: head.lastIndexOf(trigger)
+		})).filter((candidate) => candidate.anchor !== -1).sort((left, right) => right.anchor - left.anchor || right.trigger.length - left.trigger.length)[0];
+		const token = found ? head.slice(found.anchor + found.trigger.length) : "";
+		if (!found || /\s/.test(token)) {
+			closePopup();
+			return;
+		}
+		const query = token.toLowerCase();
+		const roster = options().items.filter((entry) => entry.label.toLowerCase().startsWith(query) || entry.value.toLowerCase().startsWith(query));
+		state.matches = roster;
+		state.active = roster.findIndex((entry) => !entry.disabled);
+		anchorIndex = found.anchor;
+		activeTrigger = found.trigger;
+		state.open = roster.length > 0;
+	}
+	async function insert(entry) {
+		if (entry.disabled || handlers.select?.(entry) === false) {
+			closePopup();
+			return;
+		}
+		const text = handlers.getText();
+		const trigger = activeTrigger;
+		if (handlers.commit) {
+			handlers.commit(entry);
+			closePopup();
+			return;
+		}
+		const replacement = entry.insertText ?? trigger + entry.label;
+		const suffix = entry.insertText == null ? " " : "";
+		const next = text.slice(0, anchorIndex) + replacement + suffix + text.slice(caretIndex);
+		handlers.setText(next);
+		closePopup();
+		await tick();
+		const el = textarea();
+		if (!el) return;
+		const caret = anchorIndex + replacement.length + suffix.length;
+		el.focus();
+		el.setSelectionRange(caret, caret);
+	}
+	/** Feed the field's input events through here — the vessel watches
+	* the text as it lands, from the element itself. */
+	function onInput() {
+		detect();
+	}
+	/** Arrows move, configured keys commit, Escape dismisses. Answers
+	* `true` when the vessel consumed the key. */
+	function onKeydown(event) {
+		if (!state.open || state.matches.length === 0) return false;
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			moveActive(1);
+		} else if (event.key === "ArrowUp") {
+			event.preventDefault();
+			moveActive(-1);
+		} else if (event.key === "Enter" || event.key === " " || event.key === "Tab") {
+			if (!(options().commitKeys ?? ["Enter", " "]).includes(event.key)) return false;
+			const entry = state.matches[state.active];
+			if (!entry || entry.disabled) return false;
+			event.preventDefault();
+			insert(entry);
+		} else if (event.key === "Escape") closePopup();
+		else return false;
+		return true;
+	}
+	return {
+		get open() {
+			return state.open;
+		},
+		set open(value) {
+			state.open = value;
+		},
+		get matches() {
+			return state.matches;
+		},
+		get active() {
+			return state.active;
+		},
+		set active(value) {
+			state.active = value;
+		},
+		get anchorIndex() {
+			return anchorIndex;
+		},
+		get caretIndex() {
+			return caretIndex;
+		},
+		get activeTrigger() {
+			return activeTrigger;
+		},
+		insert,
+		close: closePopup,
+		onInput,
+		onKeydown
+	};
+}
+// src/components/mentions/Mentions.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"value",
+	"trigger",
+	"triggers",
+	"insertOnSelect",
+	"commitKeys",
+	"placement",
+	"placeholder",
+	"autoresize",
+	"invalid",
+	"size",
+	"onValueChange",
+	"onSelect"
+]);
+var root = $.from_html(`<div><!></div>`);
+function Mentions($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("mentions");
+	let items = $.prop($$props, "items", 19, () => []), value = $.prop($$props, "value", 15, ""), trigger = $.prop($$props, "trigger", 3, "@"), insertOnSelect = $.prop($$props, "insertOnSelect", 3, true), placement = $.prop($$props, "placement", 3, "bottom-start"), autoresize = $.prop($$props, "autoresize", 3, false), invalid = $.prop($$props, "invalid", 3, false), size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	const hostId = $.derived(() => useElementId("mentions", generatedId, $$props.id));
+	let textareaEl = $.state(null);
+	const mentions = useMentions(() => ({
+		items: items(),
+		trigger: trigger(),
+		triggers: $$props.triggers,
+		commitKeys: $$props.commitKeys
+	}), () => $.get(textareaEl), {
+		getText: () => $.get(textareaEl)?.value ?? value(),
+		setText: (next) => {
+			value(next);
+			$$props.onValueChange?.(next);
+		},
+		select: (entry) => {
+			$$props.onSelect?.(entry);
+			return insertOnSelect();
+		}
+	});
+	function onInput(event) {
+		$$props.onValueChange?.(event.currentTarget.value);
+		mentions.onInput();
+	}
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		id: $.get(hostId),
+		"data-scope": "mentions",
+		"data-part": "root",
+		"data-size": size()
+	}));
+	var node = $.child(div);
+	{
+		const children = ($$anchor, anchorProps = $.noop) => {
+			var fragment = $.comment();
+			var node_1 = $.first_child(fragment);
+			{
+				let $0 = $.derived(() => anchorProps()());
+				let $1 = $.derived(() => mentions.open ? "true" : void 0);
+				let $2 = $.derived(() => mentions.open ? `${$.get(hostId)}:vessel:popup` : void 0);
+				let $3 = $.derived(() => invalid() ? "true" : void 0);
+				$.component(node_1, () => Field.Textarea, ($$anchor, Field_Textarea) => {
+					Field_Textarea($$anchor, $.spread_props(() => $.get($0), {
+						get autoresize() {
+							return autoresize();
+						},
+						rows: 3,
+						get placeholder() {
+							return $$props.placeholder;
+						},
+						get "aria-expanded"() {
+							return $.get($1);
+						},
+						get "aria-controls"() {
+							return $.get($2);
+						},
+						get "aria-invalid"() {
+							return $.get($3);
+						},
+						"data-scope": "mentions",
+						"data-part": "textarea",
+						oninput: onInput,
+						get onkeydown() {
+							return mentions.onKeydown;
+						},
+						get ref() {
+							return $.get(textareaEl);
+						},
+						set ref($$value) {
+							$.set(textareaEl, $$value, true);
+						},
+						get value() {
+							return value();
+						},
+						set value($$value) {
+							value($$value);
+						}
+					}));
+				});
+			}
+			$.append($$anchor, fragment);
+		};
+		let $0 = $.derived(() => `${$.get(hostId)}:vessel`);
+		MentionsVessel(node, {
+			get id() {
+				return $.get($0);
+			},
+			get open() {
+				return mentions.open;
+			},
+			get matches() {
+				return mentions.matches;
+			},
+			get active() {
+				return mentions.active;
+			},
+			get size() {
+				return size();
+			},
+			get placement() {
+				return placement();
+			},
+			get onInsert() {
+				return mentions.insert;
+			},
+			onActiveChange: (index) => mentions.active = index,
+			onOpenChange: (open) => {
+				if (!open) mentions.close();
+			},
+			children,
+			$$slots: { default: true }
+		});
+	}
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+export { useMentions as n, MentionsVessel as r, Mentions as t };

package/dist/{Menu-DA7CeDYL.mjs → Menu-dVdsNqPd.mjs}

@@ -1,18 +1,17 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Portal } from "@ark-ui/svelte/portal";
 import { getContext, setContext } from "svelte";
 import { Menu } from "@ark-ui/svelte/menu";
-//#region src/components/menu/context.ts
+// src/components/menu/context.ts
 /** The row rung rides the context because Ark's Root renders no DOM of
 * its own — the vessel (Content) is the element the rung can land on,
 * and the Portal breaks CSS ancestry between the two. */
 const MENU_SIZE_KEY = Symbol("menu-size");
-//#endregion
-//#region src/components/menu/MenuContent.svelte
+// src/components/menu/MenuContent.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -46,8 +45,7 @@ function MenuContent($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/menu/MenuRoot.svelte
+// src/components/menu/MenuRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -81,8 +79,7 @@ function MenuRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/menu/Menu.svelte
+// src/components/menu/Menu.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -196,5 +193,4 @@ function Menu$1($$anchor, $$props) {
 	}
 	$.pop();
 }
-//#endregion
 export { MenuRoot as n, MenuContent as r, Menu$1 as t };

package/dist/{Menubar-BC-ByvNh.mjs → Menubar-DgnjVxe2.mjs}

@@ -3,7 +3,7 @@ import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Portal } from "@ark-ui/svelte/portal";
 import { Menu } from "@ark-ui/svelte/menu";
-//#region src/components/menubar/Menubar.svelte
+// src/components/menubar/Menubar.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -135,5 +135,4 @@ function Menubar($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
 export { Menubar as t };