@bysages/svelte 0.4.4 → 0.5.0

package/dist/Tabs-qsZIc6by.mjs

@@ -1,146 +0,0 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { injectComponentStyle } from "@bysages/core/styling";
-import { Tabs } from "@ark-ui/svelte/tabs";
-//#region src/components/tabs/TabsRoot.svelte
-var rest_excludes$1 = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"size",
-	"variant",
-	"children"
-]);
-function TabsRoot($$anchor, $$props) {
-	const generatedId = $.props_id();
-	$.push($$props, true);
-	injectComponentStyle("tabs");
-	let size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "line"), rest = $.rest_props($$props, rest_excludes$1);
-	const id = $.derived(() => useElementId("tabs", generatedId, $$props.id));
-	var fragment = $.comment();
-	var node = $.first_child(fragment);
-	$.component(node, () => Tabs.Root, ($$anchor, ArkTabs_Root) => {
-		ArkTabs_Root($$anchor, $.spread_props(() => rest, {
-			get id() {
-				return $.get(id);
-			},
-			get "data-size"() {
-				return size();
-			},
-			get "data-variant"() {
-				return variant();
-			},
-			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/tabs/Tabs.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"value",
-	"defaultValue",
-	"items",
-	"variant",
-	"orientation",
-	"children"
-]);
-var root = $.from_html(`<!> <!>`, 1);
-var root_1 = $.from_html(`<!> <!> <!>`, 1);
-function Tabs$1($$anchor, $$props) {
-	$.push($$props, true);
-	let value = $.prop($$props, "value", 15), variant = $.prop($$props, "variant", 3, "line"), orientation = $.prop($$props, "orientation", 3, "horizontal"), rest = $.rest_props($$props, rest_excludes);
-	TabsRoot($$anchor, $.spread_props({
-		get defaultValue() {
-			return $$props.defaultValue;
-		},
-		get "data-variant"() {
-			return variant();
-		},
-		get orientation() {
-			return orientation();
-		}
-	}, () => rest, {
-		get value() {
-			return value();
-		},
-		set value($$value) {
-			value($$value);
-		},
-		children: ($$anchor, $$slotProps) => {
-			var fragment_1 = root_1();
-			var node = $.first_child(fragment_1);
-			$.component(node, () => Tabs.List, ($$anchor, ArkTabs_List) => {
-				ArkTabs_List($$anchor, {
-					children: ($$anchor, $$slotProps) => {
-						var fragment_2 = root();
-						var node_1 = $.first_child(fragment_2);
-						$.each(node_1, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
-							var fragment_3 = $.comment();
-							var node_2 = $.first_child(fragment_3);
-							$.component(node_2, () => Tabs.Trigger, ($$anchor, ArkTabs_Trigger) => {
-								ArkTabs_Trigger($$anchor, {
-									get value() {
-										return $.get(item).value;
-									},
-									children: ($$anchor, $$slotProps) => {
-										$.next();
-										var text = $.text();
-										$.template_effect(() => $.set_text(text, $.get(item).label));
-										$.append($$anchor, text);
-									},
-									$$slots: { default: true }
-								});
-							});
-							$.append($$anchor, fragment_3);
-						});
-						var node_3 = $.sibling(node_1, 2);
-						$.component(node_3, () => Tabs.Indicator, ($$anchor, ArkTabs_Indicator) => {
-							ArkTabs_Indicator($$anchor, {});
-						});
-						$.append($$anchor, fragment_2);
-					},
-					$$slots: { default: true }
-				});
-			});
-			var node_4 = $.sibling(node, 2);
-			$.each(node_4, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
-				var fragment_5 = $.comment();
-				var node_5 = $.first_child(fragment_5);
-				$.component(node_5, () => Tabs.Content, ($$anchor, ArkTabs_Content) => {
-					ArkTabs_Content($$anchor, {
-						get value() {
-							return $.get(item).value;
-						},
-						children: ($$anchor, $$slotProps) => {
-							var fragment_6 = $.comment();
-							var node_6 = $.first_child(fragment_6);
-							$.snippet(node_6, () => $.get(item).content ?? $.noop);
-							$.append($$anchor, fragment_6);
-						},
-						$$slots: { default: true }
-					});
-				});
-				$.append($$anchor, fragment_5);
-			});
-			var node_7 = $.sibling(node_4, 2);
-			$.snippet(node_7, () => $$props.children ?? $.noop);
-			$.append($$anchor, fragment_1);
-		},
-		$$slots: { default: true }
-	}));
-	$.pop();
-}
-//#endregion
-export { TabsRoot as n, Tabs$1 as t };

package/dist/ai-prompt-input-CMVRbC0T.mjs

@@ -1,296 +0,0 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { n as iconHtml } from "./icon-CKL_BxrZ.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
-import { t as Button } from "./button-Cl45zjdj.mjs";
-import { Field } from "./components/field/index.mjs";
-import { n as MentionsVessel } from "./mentions-fRKivTvN.mjs";
-import { t as useMentions } from "./use-mentions-DeF_38di.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/ai-prompt-input/AiPromptInput.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"value",
-	"onValueChange",
-	"onSubmit",
-	"onStop",
-	"placeholder",
-	"disabled",
-	"busy",
-	"mentions",
-	"header",
-	"leading",
-	"trailing",
-	"footer",
-	"footerEnd"
-]);
-var root = $.from_html(`<div data-scope="ai" data-part="prompt-header"><!></div>`);
-var root_1 = $.from_html(`<div data-scope="ai" data-part="prompt-leading"><!></div>`);
-var root_2 = $.from_html(`<div data-scope="ai" data-part="prompt-trailing"><!> <!></div>`);
-var root_3 = $.from_html(`<div data-scope="ai" data-part="prompt-footer"><!> <div data-scope="ai" data-part="prompt-end"><!> <!></div></div>`);
-var root_4 = $.from_html(`<form><!> <div data-scope="ai" data-part="prompt-main"><!> <!> <!> <!></div> <!></form>`);
-function AiPromptInput$1($$anchor, $$props) {
-	$.push($$props, true);
-	const seal = ($$anchor) => {
-		var fragment = $.comment();
-		var node = $.first_child(fragment);
-		var consequent = ($$anchor) => {
-			{
-				let $0 = $.derived(() => messages().ai.stop);
-				Button($$anchor, {
-					variant: "solid",
-					size: "sm",
-					square: true,
-					type: "button",
-					get "aria-label"() {
-						return $.get($0);
-					},
-					get disabled() {
-						return disabled();
-					},
-					onclick: () => $$props.onStop?.(),
-					children: ($$anchor, $$slotProps) => {
-						var fragment_2 = $.comment();
-						var node_1 = $.first_child(fragment_2);
-						$.html(node_1, () => iconHtml("square", {
-							width: "14",
-							height: "14"
-						}));
-						$.append($$anchor, fragment_2);
-					},
-					$$slots: { default: true }
-				});
-			}
-		};
-		var alternate = ($$anchor) => {
-			{
-				let $0 = $.derived(() => messages().ai.send);
-				let $1 = $.derived(() => disabled() || !value().trim());
-				Button($$anchor, {
-					variant: "solid",
-					size: "sm",
-					square: true,
-					type: "submit",
-					get "aria-label"() {
-						return $.get($0);
-					},
-					get disabled() {
-						return $.get($1);
-					},
-					children: ($$anchor, $$slotProps) => {
-						InternalIcon($$anchor, {
-							name: "arrow-up",
-							size: "sm"
-						});
-					},
-					$$slots: { default: true }
-				});
-			}
-		};
-		$.if(node, ($$render) => {
-			if (busy()) $$render(consequent);
-			else $$render(alternate, -1);
-		});
-		$.append($$anchor, fragment);
-	};
-	injectComponentStyle("ai");
-	let value = $.prop($$props, "value", 15, ""), disabled = $.prop($$props, "disabled", 3, false), busy = $.prop($$props, "busy", 3, false), rest = $.rest_props($$props, rest_excludes);
-	let textareaEl = $.state(null);
-	const messages = useComponentMessages();
-	const placeholderText = $.derived(() => $$props.placeholder ?? messages().ai.send);
-	const mentionState = useMentions(() => ({
-		items: $$props.mentions?.items ?? [],
-		trigger: $$props.mentions?.trigger
-	}), () => $.get(textareaEl), {
-		getText: () => $.get(textareaEl)?.value ?? value(),
-		setText: (next) => {
-			value(next);
-			$$props.onValueChange?.(next);
-		}
-	});
-	const mentionsActive = $.derived(() => $$props.mentions != null);
-	function send() {
-		const text = value().trim();
-		if (!text || disabled() || busy()) return;
-		$$props.onSubmit?.(text);
-		value("");
-		$$props.onValueChange?.("");
-	}
-	const hasFooter = $.derived(() => $$props.footer != null);
-	var form = root_4();
-	var event_handler = (event) => {
-		event.preventDefault();
-		send();
-	};
-	$.attribute_effect(form, () => ({
-		...rest,
-		"data-scope": "ai",
-		"data-part": "prompt",
-		onsubmit: event_handler
-	}));
-	var node_2 = $.child(form);
-	var consequent_1 = ($$anchor) => {
-		var div = root();
-		var node_3 = $.child(div);
-		$.snippet(node_3, () => $$props.header);
-		$.reset(div);
-		$.append($$anchor, div);
-	};
-	$.if(node_2, ($$render) => {
-		if ($$props.header) $$render(consequent_1);
-	});
-	var div_1 = $.sibling(node_2, 2);
-	var node_4 = $.child(div_1);
-	var consequent_2 = ($$anchor) => {
-		var div_2 = root_1();
-		var node_5 = $.child(div_2);
-		$.snippet(node_5, () => $$props.leading);
-		$.reset(div_2);
-		$.append($$anchor, div_2);
-	};
-	$.if(node_4, ($$render) => {
-		if ($$props.leading) $$render(consequent_2);
-	});
-	var node_6 = $.sibling(node_4, 2);
-	$.component(node_6, () => Field.Root, ($$anchor, Field_Root) => {
-		Field_Root($$anchor, {
-			children: ($$anchor, $$slotProps) => {
-				var fragment_5 = $.comment();
-				var node_7 = $.first_child(fragment_5);
-				{
-					let $0 = $.derived(() => messages().ai.conversation);
-					$.component(node_7, () => Field.Textarea, ($$anchor, Field_Textarea) => {
-						Field_Textarea($$anchor, {
-							autoresize: true,
-							rows: 1,
-							get placeholderText() {
-								return $.get(placeholderText);
-							},
-							get "aria-label"() {
-								return $.get($0);
-							},
-							get disabled() {
-								return disabled();
-							},
-							oninput: () => mentionState.onInput(),
-							onkeydown: (event) => {
-								if (mentionState.onKeydown(event)) return;
-								if (event.key === "Enter" && !event.shiftKey) {
-									event.preventDefault();
-									send();
-								}
-							},
-							get ref() {
-								return $.get(textareaEl);
-							},
-							set ref($$value) {
-								$.set(textareaEl, $$value, true);
-							},
-							get value() {
-								return value();
-							},
-							set value($$value) {
-								value($$value);
-							}
-						});
-					});
-				}
-				$.append($$anchor, fragment_5);
-			},
-			$$slots: { default: true }
-		});
-	});
-	var node_8 = $.sibling(node_6, 2);
-	var consequent_3 = ($$anchor) => {
-		MentionsVessel($$anchor, {
-			get open() {
-				return mentionState.open;
-			},
-			get matches() {
-				return mentionState.matches;
-			},
-			get active() {
-				return mentionState.active;
-			},
-			get anchor() {
-				return $.get(textareaEl);
-			},
-			get onInsert() {
-				return mentionState.insert;
-			},
-			onActiveChange: (index) => mentionState.active = index,
-			onOpenChange: (open) => {
-				if (!open) mentionState.close();
-			}
-		});
-	};
-	$.if(node_8, ($$render) => {
-		if ($.get(mentionsActive)) $$render(consequent_3);
-	});
-	var node_9 = $.sibling(node_8, 2);
-	var consequent_6 = ($$anchor) => {
-		var div_3 = root_2();
-		var node_10 = $.child(div_3);
-		var consequent_4 = ($$anchor) => {
-			var fragment_7 = $.comment();
-			var node_11 = $.first_child(fragment_7);
-			$.snippet(node_11, () => $$props.trailing);
-			$.append($$anchor, fragment_7);
-		};
-		$.if(node_10, ($$render) => {
-			if ($$props.trailing) $$render(consequent_4);
-		});
-		var node_12 = $.sibling(node_10, 2);
-		var consequent_5 = ($$anchor) => {
-			seal($$anchor);
-		};
-		$.if(node_12, ($$render) => {
-			if (!$.get(hasFooter)) $$render(consequent_5);
-		});
-		$.reset(div_3);
-		$.append($$anchor, div_3);
-	};
-	$.if(node_9, ($$render) => {
-		if (!$.get(hasFooter) || $$props.trailing) $$render(consequent_6);
-	});
-	$.reset(div_1);
-	var node_13 = $.sibling(div_1, 2);
-	var consequent_8 = ($$anchor) => {
-		var div_4 = root_3();
-		var node_14 = $.child(div_4);
-		$.snippet(node_14, () => $$props.footer);
-		var div_5 = $.sibling(node_14, 2);
-		var node_15 = $.child(div_5);
-		var consequent_7 = ($$anchor) => {
-			var fragment_9 = $.comment();
-			var node_16 = $.first_child(fragment_9);
-			$.snippet(node_16, () => $$props.footerEnd);
-			$.append($$anchor, fragment_9);
-		};
-		$.if(node_15, ($$render) => {
-			if ($$props.footerEnd) $$render(consequent_7);
-		});
-		var node_17 = $.sibling(node_15, 2);
-		seal(node_17);
-		$.reset(div_5);
-		$.reset(div_4);
-		$.append($$anchor, div_4);
-	};
-	$.if(node_13, ($$render) => {
-		if ($.get(hasFooter)) $$render(consequent_8);
-	});
-	$.reset(form);
-	$.append($$anchor, form);
-	$.pop();
-}
-//#endregion
-//#region src/components/ai-prompt-input/index.ts
-/** The prompt vessel: the shared field textarea — self-growing on the
-* machine's autoresize — over a footer row carrying the submit seal. */
-const AiPromptInput = withSelfRoot(AiPromptInput$1);
-//#endregion
-export { AiPromptInput as t };

package/dist/ai-tool-Dew8XiYk.mjs

@@ -1,118 +0,0 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { Collapsible } from "./components/collapsible/index.mjs";
-import { t as ChevronIcon } from "./ChevronIcon-hvMd0d_i.mjs";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { injectComponentStyle } from "@bysages/core/styling";
-//#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 = withSelfRoot(AiTool$1);
-//#endregion
-export { AiTool as t };