@bysages/svelte 0.4.4 → 0.5.0

package/dist/index-D_fO4kp1.d.mts

@@ -1,76 +0,0 @@
-import { PopoverAnchorProps } from "@ark-ui/svelte/popover";
-import { Snippet } from "svelte";
-import { HTMLAttributes } from "svelte/elements";
-//#region src/components/mentions/props.d.ts
-interface MentionEntry {
-  label: string;
-  value: string;
-}
-interface UseMentionsOptions {
-  /** The candidates offered once the trigger character is typed. */
-  items: MentionEntry[];
-  /** The character that summons the candidates. */
-  trigger?: string;
-}
-interface UseMentionsHandlers {
-  /** The text the field holds right now — read at keystroke time, never
-   * from a controlled prop that lags a render behind the caret. */
-  getText: () => string;
-  /** Writes the field's next text: a mention inserted at the token. */
-  setText: (value: string) => void;
-}
-interface MentionsProps extends HTMLAttributes<HTMLDivElement> {
-  /** The candidates offered once the trigger character is typed. */
-  items?: MentionEntry[];
-  /** Two-way bindable — `bind:value` keeps the bound variable mirroring
-   * the field; changes are reported through `onValueChange`. */
-  value?: string;
-  /** The character that summons the candidates. */
-  trigger?: string;
-  placeholder?: string;
-  /** Let the field grow with its text instead of holding `rows`. */
-  autoresize?: boolean;
-  /** Standing alone, the field announces itself invalid; inside a
-   * `Field.Root` the field's own invalid state takes over. */
-  invalid?: boolean;
-  /** One rung of the control-height ladder for the resting field. */
-  size?: "sm" | "md" | "lg";
-  /** The field's text turned. */
-  onValueChange?: (value: string) => void;
-}
-interface MentionsVesselProps {
-  open?: boolean;
-  matches?: MentionEntry[];
-  active?: number;
-  /** The live rectangle the vessel points at — the host's field. */
-  anchor?: HTMLTextAreaElement | null;
-  /** The host field's rung, so the rows keep the field's register. */
-  size?: "sm" | "md" | "lg";
-  /** A candidate was confirmed (click or Enter). */
-  onInsert?: (entry: MentionEntry) => void;
-  /** The keyboard's active row moved. */
-  onActiveChange?: (index: number) => void;
-  /** The vessel's open state turned. */
-  onOpenChange?: (open: boolean) => void;
-  /** The host's field, rendered with the popover Anchor's wiring. When
-   * absent, the vessel falls back to the `anchor` rectangle. */
-  children?: Snippet<[() => PopoverAnchorProps]>;
-}
-//#endregion
-//#region src/components/mentions/index.d.ts
-/** @-mentions: a plain textarea that, when the text before the caret
- * ends with the trigger character followed by a token, offers the
- * matching candidates in a small anchored vessel; choosing one replaces
- * the token with `trigger + label` and hands the whole text back
- * through `bind:value`. Arrows move, Enter inserts, Escape dismisses. */
-declare const Mentions: import("svelte").Component<MentionsProps, {}, "value"> & {
-  Root: import("svelte").Component<MentionsProps, {}, "value">;
-};
-/** The vessel: the candidates themselves as a floating card. Composers
- * that keep their own field anatomy wire it up with `useMentions`
- * directly. */
-declare const MentionsVessel: import("svelte").Component<MentionsVesselProps, {}, ""> & {
-  Root: import("svelte").Component<MentionsVesselProps, {}, "">;
-};
-//#endregion
-export { MentionsVesselProps as a, MentionsProps as i, MentionsVessel as n, UseMentionsHandlers as o, MentionEntry as r, UseMentionsOptions as s, Mentions as t };

package/dist/mentions-fRKivTvN.mjs

@@ -1,256 +0,0 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { Field } from "./components/field/index.mjs";
-import { t as useMentions } from "./use-mentions-DeF_38di.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";
-//#region src/components/mentions/MentionsVessel.svelte
-var root$1 = $.from_html(`<div data-scope="mentions" data-part="option" role="option"> </div>`);
-var root_1 = $.from_html(`<div></div>`);
-var root_2 = $.from_html(`<!> <!>`, 1);
-function MentionsVessel$1($$anchor, $$props) {
-	$.push($$props, true);
-	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");
-	var fragment = $.comment();
-	var node = $.first_child(fragment);
-	{
-		let $0 = $.derived(() => $$props.children ? { placement: "bottom-start" } : {
-			placement: "bottom-start",
-			getAnchorRect: () => anchor()?.getBoundingClientRect() ?? null
-		});
-		$.component(node, () => Popover.Root, ($$anchor, ArkPopover_Root) => {
-			ArkPopover_Root($$anchor, {
-				get open() {
-					return open();
-				},
-				get positioning() {
-					return $.get($0);
-				},
-				onOpenChange: (details) => $$props.onOpenChange?.(details.open),
-				children: ($$anchor, $$slotProps) => {
-					var fragment_1 = root_2();
-					var node_1 = $.first_child(fragment_1);
-					var consequent = ($$anchor) => {
-						var fragment_2 = $.comment();
-						var node_2 = $.first_child(fragment_2);
-						{
-							const asChild = ($$anchor, anchorProps = $.noop) => {
-								var fragment_3 = $.comment();
-								var node_3 = $.first_child(fragment_3);
-								$.snippet(node_3, () => $$props.children, anchorProps);
-								$.append($$anchor, fragment_3);
-							};
-							$.component(node_2, () => Popover.Anchor, ($$anchor, ArkPopover_Anchor) => {
-								ArkPopover_Anchor($$anchor, {
-									asChild,
-									$$slots: { asChild: true }
-								});
-							});
-						}
-						$.append($$anchor, fragment_2);
-					};
-					$.if(node_1, ($$render) => {
-						if ($$props.children) $$render(consequent);
-					});
-					var node_4 = $.sibling(node_1, 2);
-					Portal(node_4, {
-						children: ($$anchor, $$slotProps) => {
-							var fragment_4 = $.comment();
-							var node_5 = $.first_child(fragment_4);
-							$.component(node_5, () => Popover.Positioner, ($$anchor, ArkPopover_Positioner) => {
-								ArkPopover_Positioner($$anchor, {
-									children: ($$anchor, $$slotProps) => {
-										var fragment_5 = $.comment();
-										var node_6 = $.first_child(fragment_5);
-										{
-											const asChild = ($$anchor, contentProps = $.noop) => {
-												var div = root_1();
-												$.attribute_effect(div, ($0) => ({
-													...$0,
-													"data-scope": "mentions",
-													"data-part": "popup",
-													"data-size": size(),
-													role: "listbox"
-												}), [() => contentProps()()]);
-												$.each(div, 23, matches, (entry) => entry.value, ($$anchor, entry, index) => {
-													var div_1 = root$1();
-													$.set_attribute(div_1, "tabindex", -1);
-													var text = $.only_child(div_1, true);
-													$.template_effect(() => {
-														$.set_attribute(div_1, "aria-selected", $.get(index) === active());
-														$.set_attribute(div_1, "data-active", $.get(index) === active() ? "" : void 0);
-														$.set_text(text, $.get(entry).label);
-													});
-													$.event("mouseenter", div_1, () => $$props.onActiveChange?.($.get(index)));
-													$.delegated("mousedown", div_1, (event) => event.preventDefault());
-													$.delegated("click", div_1, () => $$props.onInsert?.($.get(entry)));
-													$.delegated("keydown", div_1, (event) => {
-														if (event.key !== "Enter" && event.key !== " ") return;
-														event.preventDefault();
-														$$props.onInsert?.($.get(entry));
-													});
-													$.append($$anchor, div_1);
-												});
-												$.reset(div);
-												$.append($$anchor, div);
-											};
-											$.component(node_6, () => Popover.Content, ($$anchor, ArkPopover_Content) => {
-												ArkPopover_Content($$anchor, {
-													asChild,
-													$$slots: { asChild: true }
-												});
-											});
-										}
-										$.append($$anchor, fragment_5);
-									},
-									$$slots: { default: true }
-								});
-							});
-							$.append($$anchor, fragment_4);
-						},
-						$$slots: { default: true }
-					});
-					$.append($$anchor, fragment_1);
-				},
-				$$slots: { default: true }
-			});
-		});
-	}
-	$.append($$anchor, fragment);
-	$.pop();
-}
-$.delegate([
-	"mousedown",
-	"click",
-	"keydown"
-]);
-//#endregion
-//#region src/components/mentions/Mentions.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"items",
-	"value",
-	"trigger",
-	"placeholder",
-	"autoresize",
-	"invalid",
-	"size",
-	"onValueChange"
-]);
-var root = $.from_html(`<div><!></div>`);
-function Mentions$1($$anchor, $$props) {
-	$.push($$props, true);
-	injectComponentStyle("mentions");
-	let items = $.prop($$props, "items", 19, () => []), value = $.prop($$props, "value", 15, ""), trigger = $.prop($$props, "trigger", 3, "@"), autoresize = $.prop($$props, "autoresize", 3, false), invalid = $.prop($$props, "invalid", 3, false), size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
-	let textareaEl = $.state(null);
-	const mentions = useMentions(() => ({
-		items: items(),
-		trigger: trigger()
-	}), () => $.get(textareaEl), {
-		getText: () => $.get(textareaEl)?.value ?? value(),
-		setText: (next) => {
-			value(next);
-			$$props.onValueChange?.(next);
-		}
-	});
-	function onInput(event) {
-		$$props.onValueChange?.(event.currentTarget.value);
-		mentions.onInput();
-	}
-	var div = root();
-	$.attribute_effect(div, () => ({
-		...rest,
-		"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(() => 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-invalid"() {
-							return $.get($1);
-						},
-						"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);
-		};
-		MentionsVessel$1(node, {
-			get open() {
-				return mentions.open;
-			},
-			get matches() {
-				return mentions.matches;
-			},
-			get active() {
-				return mentions.active;
-			},
-			get size() {
-				return size();
-			},
-			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();
-}
-//#endregion
-//#region src/components/mentions/index.ts
-/** @-mentions: a plain textarea that, when the text before the caret
-* ends with the trigger character followed by a token, offers the
-* matching candidates in a small anchored vessel; choosing one replaces
-* the token with `trigger + label` and hands the whole text back
-* through `bind:value`. Arrows move, Enter inserts, Escape dismisses. */
-const Mentions = withSelfRoot(Mentions$1);
-/** The vessel: the candidates themselves as a floating card. Composers
-* that keep their own field anatomy wire it up with `useMentions`
-* directly. */
-const MentionsVessel = withSelfRoot(MentionsVessel$1);
-//#endregion
-export { MentionsVessel as n, Mentions as t };

package/dist/props-B9YcQX8X.d.mts

@@ -1,18 +0,0 @@
-import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-tool/props.d.ts
-type ToolStatus = "pending" | "running" | "completed" | "error";
-interface ToolProps extends HTMLAttributes<HTMLDivElement> {
-  /** The name the tool was reached by — shown raw on the trigger
-   * unless `label` speaks friendlier words. */
-  name: string;
-  label?: string;
-  /** The state the call reached — stamped on the fold and whispered
-   * in the status chip. */
-  status?: ToolStatus;
-  /** The fold arrives open when set — rides the shared collapsible. */
-  defaultOpen?: boolean;
-  input?: string;
-  output?: string;
-}
-//#endregion
-export { ToolStatus as n, ToolProps as t };

package/dist/props-CIwO25eA.d.mts

@@ -1,12 +0,0 @@
-import { Snippet } from "svelte";
-import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-message/props.d.ts
-type MessageRole = "user" | "assistant" | "system";
-interface MessageProps extends HTMLAttributes<HTMLElement> {
-  /** Whose stroke this is — the user's words sit in a recessed
-   * bubble, the assistant speaks flat on the paper. */
-  role?: MessageRole;
-  children?: Snippet;
-}
-//#endregion
-export { MessageRole as n, MessageProps as t };

package/dist/terminal-DQAU6DW7.mjs

@@ -1,81 +0,0 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/terminal/Terminal.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"lines",
-	"prompt",
-	"placeholder",
-	"label",
-	"onCommand"
-]);
-var root = $.from_html(`<div data-scope="terminal" data-part="line"> </div>`);
-var root_1 = $.from_html(`<div><div data-scope="terminal" data-part="scroll"></div> <div data-scope="terminal" data-part="entry"><span data-scope="terminal" data-part="sigil" aria-hidden="true"> </span> <input data-scope="terminal" data-part="input" spellcheck="false" autocomplete="off"/></div></div>`);
-function Terminal$1($$anchor, $$props) {
-	$.push($$props, true);
-	injectComponentStyle("terminal");
-	let lines = $.prop($$props, "lines", 19, () => []), prompt = $.prop($$props, "prompt", 3, "$"), rest = $.rest_props($$props, rest_excludes);
-	const messages = useComponentMessages();
-	let draft = $.state("");
-	let scroll = $.state(void 0);
-	$.user_effect(() => {
-		lines().length;
-		$.get(scroll)?.scrollTo({ top: $.get(scroll).scrollHeight });
-	});
-	function submit() {
-		const text = $.get(draft).trim();
-		if (!text) return;
-		$.set(draft, "");
-		$$props.onCommand?.(text);
-	}
-	var div = root_1();
-	$.attribute_effect(div, () => ({
-		...rest,
-		role: "log",
-		"aria-label": $$props.label,
-		"data-scope": "terminal",
-		"data-part": "root"
-	}));
-	var div_1 = $.child(div);
-	$.each(div_1, 21, lines, $.index, ($$anchor, line) => {
-		var div_2 = root();
-		var text_1 = $.only_child(div_2, true);
-		$.template_effect(() => $.set_text(text_1, $.get(line)));
-		$.append($$anchor, div_2);
-	});
-	$.reset(div_1);
-	$.bind_this(div_1, ($$value) => $.set(scroll, $$value), () => $.get(scroll));
-	var div_3 = $.sibling(div_1, 2);
-	var span = $.child(div_3);
-	var text_2 = $.only_child(span, true);
-	var input = $.sibling(span, 2);
-	$.remove_input_defaults(input);
-	$.reset(div_3);
-	$.reset(div);
-	$.template_effect(($0) => {
-		$.set_text(text_2, prompt());
-		$.set_attribute(input, "placeholder", $$props.placeholder);
-		$.set_attribute(input, "aria-label", $0);
-	}, [() => messages().terminal.commandLine]);
-	$.delegated("keydown", input, (event) => {
-		if (event.key === "Enter") {
-			event.preventDefault();
-			submit();
-		}
-	});
-	$.bind_value(input, () => $.get(draft), ($$value) => $.set(draft, $$value));
-	$.append($$anchor, div);
-	$.pop();
-}
-$.delegate(["keydown"]);
-//#endregion
-//#region src/components/terminal/index.ts
-/** A quiet console: the transcript above, the prompt line below. */
-const Terminal = withSelfRoot(Terminal$1);
-//#endregion
-export { Terminal as t };

package/dist/use-mentions-DeF_38di.mjs

@@ -1,93 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { tick } from "svelte";
-//#region 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;
-	function closePopup() {
-		state.open = false;
-		state.matches = [];
-	}
-	function detect() {
-		const text = handlers.getText();
-		const caret = textarea()?.selectionStart ?? text.length;
-		caretIndex = caret;
-		const head = text.slice(0, caret);
-		const char = options().trigger ?? "@";
-		const anchor = head.lastIndexOf(char);
-		const token = anchor === -1 ? "" : head.slice(anchor + char.length);
-		if (anchor === -1 || /\s/.test(token)) {
-			closePopup();
-			return;
-		}
-		const found = options().items.filter((entry) => entry.label.toLowerCase().startsWith(token.toLowerCase()));
-		state.matches = found;
-		state.active = 0;
-		anchorIndex = anchor;
-		state.open = found.length > 0;
-	}
-	async function insert(entry) {
-		const text = handlers.getText();
-		const char = options().trigger ?? "@";
-		const next = text.slice(0, anchorIndex) + char + entry.label + " " + text.slice(caretIndex);
-		handlers.setText(next);
-		closePopup();
-		await tick();
-		const el = textarea();
-		if (!el) return;
-		const caret = anchorIndex + char.length + entry.label.length + 1;
-		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, Enter inserts, 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();
-			state.active = (state.active + 1) % state.matches.length;
-		} else if (event.key === "ArrowUp") {
-			event.preventDefault();
-			state.active = (state.active - 1 + state.matches.length) % state.matches.length;
-		} else if (event.key === "Enter") {
-			event.preventDefault();
-			insert(state.matches[state.active]);
-		} 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;
-		},
-		insert,
-		close: closePopup,
-		onInput,
-		onKeydown
-	};
-}
-//#endregion
-export { useMentions as t };