@bysages/svelte 0.2.2 → 0.2.3

package/dist/container-Cmiu_3W5.mjs

@@ -0,0 +1,39 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/container/Container.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"padding",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function Container$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("container");
+	let size = $.prop($$props, "size", 3, "readable"), padding = $.prop($$props, "padding", 3, true), rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "container",
+		"data-part": "root",
+		"data-size": size(),
+		"data-padding": padding() ? "" : void 0
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/container/index.ts
+/** The reading frame: content held to a measure and centered on the
+* page. The sizes name typographic measures, not breakpoints — the page
+* owns its edges, the container only owns how long a line of ink runs. */
+const Container = Container$1;
+//#endregion
+export { Container as t };

package/dist/descriptions-Cv3x5qLW.mjs

@@ -0,0 +1,117 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/descriptions/Descriptions.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"layout",
+	"children"
+]);
+var root$3 = $.from_html(`<dl><!></dl>`);
+function Descriptions$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let layout = $.prop($$props, "layout", 3, "horizontal"), rest = $.rest_props($$props, rest_excludes$3);
+	var dl = root$3();
+	$.attribute_effect(dl, () => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "root",
+		"data-layout": layout()
+	}));
+	var node = $.child(dl);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(dl);
+	$.append($$anchor, dl);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/DescriptionsDetail.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<dd><!></dd>`);
+function DescriptionsDetail($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var dd = root$2();
+	$.attribute_effect(dd, () => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "detail"
+	}));
+	var node = $.child(dd);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(dd);
+	$.append($$anchor, dd);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/DescriptionsItem.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function DescriptionsItem($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var div = root$1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "item"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/DescriptionsTerm.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<dt><!></dt>`);
+function DescriptionsTerm($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("descriptions");
+	let rest = $.rest_props($$props, rest_excludes);
+	var dt = root();
+	$.attribute_effect(dt, () => ({
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "term"
+	}));
+	var node = $.child(dt);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(dt);
+	$.append($$anchor, dt);
+	$.pop();
+}
+//#endregion
+//#region src/components/descriptions/index.ts
+/** A ledger laid flat: term and detail pairs in one quiet grid. The
+* horizontal layout reads as a table of two columns; the vertical one
+* stacks each pair for narrow measures. */
+const Descriptions = Object.assign(Descriptions$1, {
+	Root: Descriptions$1,
+	Item: DescriptionsItem,
+	Term: DescriptionsTerm,
+	Detail: DescriptionsDetail
+});
+//#endregion
+export { Descriptions as t };

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 };