@bysages/svelte 0.2.2 → 0.3.0

package/dist/dynamic-input-B3IBAoLs.mjs

@@ -0,0 +1,127 @@
+import { t as Button } from "./button-BCcX7lHq.mjs";
+import { Input } from "./components/input/index.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/dynamic-input/DynamicInput.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"min",
+	"max",
+	"placeholder",
+	"addLabel",
+	"size",
+	"disabled",
+	"invalid"
+]);
+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="M18 6 6 18M6 6l12 12"></path></svg>`);
+var root_1 = $.from_html(`<div data-scope="dynamic-input" data-part="row"><!> <!></div>`);
+var root_2 = $.from_html(`<div><!> <div data-scope="dynamic-input" data-part="add"><!></div></div>`);
+function DynamicInput$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("dynamic-input");
+	let value = $.prop($$props, "value", 31, () => $.proxy([""])), min = $.prop($$props, "min", 3, 0), addLabel = $.prop($$props, "addLabel", 3, "Add entry"), size = $.prop($$props, "size", 3, "md"), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const canRemove = $.derived(() => value().length > Math.max(min(), 1));
+	const canAdd = $.derived(() => $$props.max === void 0 || value().length < $$props.max);
+	function update(index, next) {
+		const rows = value().slice();
+		rows[index] = next;
+		value(rows);
+	}
+	function remove(index) {
+		const rows = value().filter((_, i) => i !== index);
+		value(rows.length > 0 ? rows : [""]);
+	}
+	function add() {
+		value([...value(), ""]);
+	}
+	var div = root_2();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "dynamic-input",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.each(node, 17, value, $.index, ($$anchor, entry, index) => {
+		var div_1 = root_1();
+		var node_1 = $.child(div_1);
+		Input(node_1, {
+			get value() {
+				return $.get(entry);
+			},
+			get placeholder() {
+				return $$props.placeholder;
+			},
+			get disabled() {
+				return disabled();
+			},
+			get invalid() {
+				return invalid();
+			},
+			get size() {
+				return size();
+			},
+			oninput: (event) => update(index, event.currentTarget.value)
+		});
+		var node_2 = $.sibling(node_1, 2);
+		{
+			let $0 = $.derived(() => disabled() || !$.get(canRemove));
+			Button(node_2, {
+				variant: "ghost",
+				square: true,
+				get size() {
+					return size();
+				},
+				get disabled() {
+					return $.get($0);
+				},
+				"aria-label": `Remove entry ${index + 1}`,
+				onclick: () => remove(index),
+				children: ($$anchor, $$slotProps) => {
+					var svg = root();
+					$.append($$anchor, svg);
+				},
+				$$slots: { default: true }
+			});
+		}
+		$.reset(div_1);
+		$.append($$anchor, div_1);
+	});
+	var div_2 = $.sibling(node, 2);
+	var node_3 = $.child(div_2);
+	{
+		let $0 = $.derived(() => disabled() || !$.get(canAdd));
+		Button(node_3, {
+			variant: "ghost",
+			get size() {
+				return size();
+			},
+			get disabled() {
+				return $.get($0);
+			},
+			onclick: add,
+			children: ($$anchor, $$slotProps) => {
+				$.next();
+				var text = $.text();
+				$.template_effect(() => $.set_text(text, `+${addLabel() ?? ""}`));
+				$.append($$anchor, text);
+			},
+			$$slots: { default: true }
+		});
+	}
+	$.reset(div_2);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/dynamic-input/index.ts
+/** A column of entry rows: one Input per line, each with a quiet remove
+* seal, and an add row at the tail — the bound array stays the only
+* truth. */
+const DynamicInput = DynamicInput$1;
+//#endregion
+export { DynamicInput as t };

package/dist/ellipsis-CLaZ9Grh.mjs

@@ -0,0 +1,39 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ellipsis/Ellipsis.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"lines",
+	"children"
+]);
+var root = $.from_html(`<span><!></span>`);
+function Ellipsis$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ellipsis");
+	let lines = $.prop($$props, "lines", 3, 1), rest = $.rest_props($$props, rest_excludes);
+	const multiline = $.derived(() => lines() > 1);
+	var span = root();
+	$.attribute_effect(span, ($0) => ({
+		...rest,
+		"data-scope": "ellipsis",
+		"data-part": "root",
+		"data-multiline": $.get(multiline) ? "" : void 0,
+		[$.STYLE]: { "--bs-ellipsis-lines": $0 }
+	}), [() => $.get(multiline) ? String(lines()) : void 0]);
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/ellipsis/index.ts
+/** The overflow knife: text cut at one line, or held to N lines. The
+* primitive only draws the cut — reaching the full text (title,
+* tooltip) stays the consumer's decision. */
+const Ellipsis = Ellipsis$1;
+//#endregion
+export { Ellipsis as t };

package/dist/empty-wwcTI107.mjs

@@ -0,0 +1,141 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/empty/Empty.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<div><!></div>`);
+function Empty$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("empty");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var div = root$4();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "empty",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/empty/EmptyActions.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<div><!></div>`);
+function EmptyActions($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("empty");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var div = root$3();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "empty",
+		"data-part": "actions"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/empty/EmptyDescription.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<p><!></p>`);
+function EmptyDescription($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("empty");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var p = root$2();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "empty",
+		"data-part": "description"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/empty/EmptyTitle.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<h3><!></h3>`);
+function EmptyTitle($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("empty");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var h3 = root$1();
+	$.attribute_effect(h3, () => ({
+		...rest,
+		"data-scope": "empty",
+		"data-part": "title"
+	}));
+	var node = $.child(h3);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(h3);
+	$.append($$anchor, h3);
+	$.pop();
+}
+//#endregion
+//#region src/components/empty/EmptyVisual.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function EmptyVisual($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("empty");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "empty",
+		"data-part": "visual"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/empty/index.ts
+/** An empty state: the page holds its breath. Root centers the column,
+* Visual carries the mark, Title and Description carry the ink, Actions
+* the way out. Any subset composes. */
+const Empty = Object.assign(Empty$1, {
+	Root: Empty$1,
+	Visual: EmptyVisual,
+	Title: EmptyTitle,
+	Description: EmptyDescription,
+	Actions: EmptyActions
+});
+//#endregion
+export { Empty as t };

package/dist/float-button-CZAda2SI.mjs

@@ -0,0 +1,144 @@
+import { t as Button } from "./button-BCcX7lHq.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { getContext, setContext } from "svelte";
+//#region src/components/float-button/context.ts
+/** Context key for {@link FloatButtonContext}, exported so a custom
+* part can read the group's state. */
+const FLOAT_BUTTON_KEY = Symbol("bysages-float-button");
+function useFloatButton() {
+	return getContext(FLOAT_BUTTON_KEY) ?? null;
+}
+//#endregion
+//#region src/components/float-button/FloatButton.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"placement",
+	"size",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function FloatButton$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("float-button");
+	let open = $.prop($$props, "open", 15, false), placement = $.prop($$props, "placement", 3, "bottom-end"), size = $.prop($$props, "size", 3, "lg"), rest = $.rest_props($$props, rest_excludes);
+	setContext(FLOAT_BUTTON_KEY, {
+		get open() {
+			return open();
+		},
+		size: size(),
+		toggle: () => open(!open()),
+		close: () => open(false)
+	});
+	var div = root$1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "float-button",
+		"data-part": "root",
+		"data-placement": placement(),
+		"data-state": open() ? "open" : "closed"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/float-button/FloatButtonItem.svelte
+var root = $.from_html(`<div data-scope="float-button" data-part="item"><!> <span data-scope="float-button" data-part="item-label" aria-hidden="true"> </span></div>`);
+function FloatButtonItem($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("float-button");
+	let disabled = $.prop($$props, "disabled", 3, false);
+	const context = useFloatButton();
+	const STEP_DOWN = {
+		lg: "md",
+		md: "sm",
+		sm: "sm"
+	};
+	var div = root();
+	var node = $.child(div);
+	{
+		let $0 = $.derived(() => context ? STEP_DOWN[context.size] : "md");
+		Button(node, {
+			variant: "outline",
+			square: true,
+			get size() {
+				return $.get($0);
+			},
+			get disabled() {
+				return disabled();
+			},
+			get "aria-label"() {
+				return $$props.label;
+			},
+			onclick: () => {
+				$$props.onclick?.();
+				context?.close();
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment = $.comment();
+				var node_1 = $.first_child(fragment);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment);
+			},
+			$$slots: { default: true }
+		});
+	}
+	var span = $.sibling(node, 2);
+	var text = $.only_child(span, true);
+	$.reset(div);
+	$.template_effect(() => $.set_text(text, $$props.label));
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/float-button/FloatButtonTrigger.svelte
+function FloatButtonTrigger($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("float-button");
+	const context = useFloatButton();
+	{
+		let $0 = $.derived(() => context?.size ?? "lg");
+		let $1 = $.derived(() => $$props.label || "Actions");
+		let $2 = $.derived(() => context?.open ?? false);
+		Button($$anchor, {
+			variant: "solid",
+			square: true,
+			get size() {
+				return $.get($0);
+			},
+			onclick: () => context?.toggle(),
+			get "aria-label"() {
+				return $.get($1);
+			},
+			get "aria-expanded"() {
+				return $.get($2);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node = $.first_child(fragment_1);
+				$.snippet(node, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	}
+	$.pop();
+}
+//#endregion
+//#region src/components/float-button/index.ts
+/** A floating action and its fanned-out alternatives — FAB and speed
+* dial in one family. Root, Trigger, Item. */
+const FloatButton = Object.assign(FloatButton$1, {
+	Root: FloatButton$1,
+	Trigger: FloatButtonTrigger,
+	Item: FloatButtonItem
+});
+//#endregion
+export { FLOAT_BUTTON_KEY as n, FloatButton as t };

package/dist/form-BTL9S1gn.mjs

@@ -0,0 +1,212 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Field } from "@ark-ui/svelte/field";
+import { getContext, setContext } from "svelte";
+import { createField, createField as useField, createForm, createForm as useForm } from "@tanstack/svelte-form";
+//#region src/components/form/context.ts
+const FORM_KEY = Symbol("bysages-form");
+function provideForm(engine) {
+	setContext(FORM_KEY, engine);
+	return engine;
+}
+function useForm$1() {
+	return getContext(FORM_KEY) ?? null;
+}
+//#endregion
+//#region src/components/form/Form.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"form",
+	"children"
+]);
+var root$1 = $.from_html(`<form><!></form>`);
+function Form$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("form");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	provideForm($$props.form);
+	var form_1 = root$1();
+	var event_handler = (event) => {
+		event.preventDefault();
+		$$props.form.handleSubmit();
+	};
+	$.attribute_effect(form_1, () => ({
+		...rest,
+		"data-scope": "form",
+		"data-part": "root",
+		novalidate: true,
+		onsubmit: event_handler
+	}));
+	var node = $.child(form_1);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(form_1);
+	$.append($$anchor, form_1);
+	$.pop();
+}
+//#endregion
+//#region src/components/form/FormField.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"form",
+	"name",
+	"label",
+	"hint",
+	"required",
+	"invalid",
+	"disabled",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+var root_1 = $.from_html(`<div><!></div>`);
+function FormField$1($$anchor, $$props) {
+	$.push($$props, true);
+	const assemble = ($$anchor, field = $.noop) => {
+		const meta = $.derived(() => field()?.state.meta);
+		const surfaced = $.derived(() => !$.get(meta) ? [] : $.get(meta).isTouched ? $.get(meta).errors ?? [] : [$.get(meta).errorMap?.onSubmit].flat().filter(Boolean));
+		const errors = $.derived(() => $.get(surfaced).map(errorText).filter(Boolean));
+		var div = root_1();
+		$.attribute_effect(div, () => ({
+			...rest,
+			"data-form-field": $$props.name
+		}));
+		var node = $.child(div);
+		{
+			let $0 = $.derived(() => invalid() || $.get(errors).length > 0);
+			$.component(node, () => Field.Root, ($$anchor, ArkField_Root) => {
+				ArkField_Root($$anchor, {
+					get invalid() {
+						return $.get($0);
+					},
+					get required() {
+						return required();
+					},
+					get disabled() {
+						return disabled();
+					},
+					children: ($$anchor, $$slotProps) => {
+						var fragment = root();
+						var node_1 = $.first_child(fragment);
+						var consequent = ($$anchor) => {
+							var fragment_1 = $.comment();
+							var node_2 = $.first_child(fragment_1);
+							$.component(node_2, () => Field.Label, ($$anchor, ArkField_Label) => {
+								ArkField_Label($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text = $.text();
+										$.template_effect(() => $.set_text(text, $$props.label));
+										$.append($$anchor, text);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_1);
+						};
+						$.if(node_1, ($$render) => {
+							if ($$props.label) $$render(consequent);
+						});
+						var node_3 = $.sibling(node_1, 2);
+						$.snippet(node_3, () => $$props.children ?? $.noop, field);
+						var node_4 = $.sibling(node_3, 2);
+						var consequent_1 = ($$anchor) => {
+							var fragment_3 = $.comment();
+							var node_5 = $.first_child(fragment_3);
+							$.component(node_5, () => Field.HelperText, ($$anchor, ArkField_HelperText) => {
+								ArkField_HelperText($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text_1 = $.text();
+										$.template_effect(() => $.set_text(text_1, $$props.hint));
+										$.append($$anchor, text_1);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_3);
+						};
+						$.if(node_4, ($$render) => {
+							if ($$props.hint && $.get(errors).length === 0) $$render(consequent_1);
+						});
+						var node_6 = $.sibling(node_4, 2);
+						var consequent_2 = ($$anchor) => {
+							var fragment_5 = $.comment();
+							var node_7 = $.first_child(fragment_5);
+							$.component(node_7, () => Field.ErrorText, ($$anchor, ArkField_ErrorText) => {
+								ArkField_ErrorText($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text_2 = $.text();
+										$.template_effect(() => $.set_text(text_2, $.get(errors)[0]));
+										$.append($$anchor, text_2);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_5);
+						};
+						$.if(node_6, ($$render) => {
+							if ($.get(errors).length > 0) $$render(consequent_2);
+						});
+						$.append($$anchor, fragment);
+					},
+					$$slots: { default: true }
+				});
+			});
+		}
+		$.reset(div);
+		$.append($$anchor, div);
+	};
+	injectComponentStyle("form");
+	let required = $.prop($$props, "required", 3, false), invalid = $.prop($$props, "invalid", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const engine = $$props.form ?? useForm$1();
+	function errorText(error) {
+		if (error == null) return "";
+		if (typeof error === "string") return error;
+		if (typeof error === "object" && "message" in error) return String(error.message);
+		return String(error);
+	}
+	var fragment_7 = $.comment();
+	var node_8 = $.first_child(fragment_7);
+	var consequent_3 = ($$anchor) => {
+		var fragment_8 = $.comment();
+		var node_9 = $.first_child(fragment_8);
+		{
+			const children = ($$anchor, field = $.noop) => {
+				assemble($$anchor, field);
+			};
+			$.component(node_9, () => engine.Field, ($$anchor, engine_Field) => {
+				engine_Field($$anchor, $.spread_props(() => rest, {
+					get name() {
+						return $$props.name;
+					},
+					children,
+					$$slots: { default: true }
+				}));
+			});
+		}
+		$.append($$anchor, fragment_8);
+	};
+	var alternate = ($$anchor) => {
+		assemble($$anchor, () => void 0);
+	};
+	$.if(node_8, ($$render) => {
+		if (engine) $$render(consequent_3);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment_7);
+	$.pop();
+}
+//#endregion
+//#region src/components/form/index.ts
+/** The engine owns the values and the validation; these two are the
+* assembly — one grid, one error routing. */
+const Form = Form$1;
+const FormField = FormField$1;
+injectComponentStyle("field");
+//#endregion
+export { useField as a, createForm as i, FormField as n, useForm as o, createField as r, Form as t };