@bysages/svelte 0.2.2 → 0.3.0

package/dist/result-4Oee2ndu.mjs

@@ -0,0 +1,159 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/result/Description.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<p><!></p>`);
+function Description($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("result");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var p = root$4();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "result",
+		"data-part": "description"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/result/Extra.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<div><!></div>`);
+function Extra($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("result");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var div = root$3();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "result",
+		"data-part": "extra"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/result/Result.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"status",
+	"children"
+]);
+var root$2 = $.from_html(`<div><!></div>`);
+function Result$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("result");
+	/** The verdict the operation returned; the fixed pigments speak it. */
+	let status = $.prop($$props, "status", 3, "info"), rest = $.rest_props($$props, rest_excludes$2);
+	var div = root$2();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-status": status(),
+		"data-scope": "result",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/result/ResultIcon.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_svg(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"></svg>`);
+var root_1 = $.from_html(`<div><!></div>`);
+function ResultIcon($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("result");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	const MARK = "<g data-for=\"success\"><path d=\"M20 6 9 17l-5-5\"/></g><g data-for=\"warning\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></g><g data-for=\"danger\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></g><g data-for=\"info\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></g>";
+	var div = root_1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "result",
+		"data-part": "icon"
+	}));
+	var node = $.child(div);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment);
+	};
+	var alternate = ($$anchor) => {
+		var svg = root$1();
+		$.html(svg, () => MARK, true);
+		$.reset(svg);
+		$.append($$anchor, svg);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.children) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/result/Title.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<h3><!></h3>`);
+function Title($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("result");
+	let rest = $.rest_props($$props, rest_excludes);
+	var h3 = root();
+	$.attribute_effect(h3, () => ({
+		...rest,
+		"data-scope": "result",
+		"data-part": "title"
+	}));
+	var node = $.child(h3);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(h3);
+	$.append($$anchor, h3);
+	$.pop();
+}
+//#endregion
+//#region src/components/result/index.ts
+/** A verdict drawn after the deed — Result, Result.Icon, Result.Title,
+* Result.Description, Result.Extra. */
+const Result = Object.assign(Result$1, {
+	Icon: ResultIcon,
+	Title,
+	Description,
+	Extra
+});
+//#endregion
+export { Result as t };

package/dist/select-rkY0qJKI.mjs

@@ -0,0 +1,95 @@
+import { t as SelectRoot } from "./SelectRoot-l-rb18FH.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { useFieldContext } from "@ark-ui/svelte/field";
+import { Select } from "@ark-ui/svelte/select";
+//#region src/components/select/NativeSelect.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"options",
+	"size",
+	"invalid",
+	"placeholder",
+	"disabled"
+]);
+var root = $.from_html(`<option disabled=""> </option>`);
+var root_1 = $.from_html(`<option> </option>`);
+var root_2 = $.from_html(`<span><select><!><!></select> <svg data-scope="select" data-part="native-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M4 6l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>`);
+function NativeSelect$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("select");
+	let value = $.prop($$props, "value", 15, ""), size = $.prop($$props, "size", 3, "md"), invalid = $.prop($$props, "invalid", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const field = useFieldContext();
+	const fieldProps = $.derived(() => field?.()?.getInputProps() ?? {});
+	const isInvalid = $.derived(() => invalid() || field?.()?.invalid === true);
+	const isDisabled = $.derived(() => disabled() || field?.()?.disabled === true);
+	const isEmpty = $.derived(() => value() == null || value() === "");
+	var span = root_2();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"data-scope": "select",
+		"data-part": "native-root",
+		"data-size": size(),
+		"data-invalid": $.get(isInvalid) ? "" : void 0,
+		"data-disabled": $.get(isDisabled) ? "" : void 0,
+		"data-placeholder-shown": $.get(isEmpty) ? "" : void 0
+	}));
+	var select = $.child(span);
+	$.attribute_effect(select, () => ({
+		...$.get(fieldProps),
+		"data-scope": "select",
+		"data-part": "native",
+		disabled: $.get(isDisabled) || void 0
+	}));
+	var node = $.child(select);
+	var consequent = ($$anchor) => {
+		var option_1 = root();
+		var text = $.only_child(option_1, true);
+		option_1.value = option_1.__value = "";
+		$.template_effect(() => {
+			$.set_attribute(option_1, "hidden", $.get(isEmpty) ? void 0 : true);
+			$.set_text(text, $$props.placeholder);
+		});
+		$.append($$anchor, option_1);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.placeholder) $$render(consequent);
+	});
+	var node_1 = $.sibling(node);
+	$.each(node_1, 17, () => $$props.options, (option) => option.value, ($$anchor, option) => {
+		var option_2 = root_1();
+		var text_1 = $.only_child(option_2, true);
+		var option_2_value = {};
+		$.template_effect(() => {
+			option_2.disabled = $.get(option).disabled;
+			$.set_text(text_1, $.get(option).label);
+			if (option_2_value !== (option_2_value = $.get(option).value)) option_2.value = (option_2.__value = option_2_value) ?? "";
+		});
+		$.append($$anchor, option_2);
+	});
+	$.reset(select);
+	$.next(2);
+	$.reset(span);
+	$.bind_select_value(select, value);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/select/index.ts
+/** Ark's Select, dressed in the paper-and-ink system: the trigger is the
+* whole control and its list dissolves open as a paper vessel, the checked
+* row taking the flat ink fill. The API is Ark's own — Root, Label, Control,
+* Trigger, ValueText, Indicator, ClearTrigger, HiddenSelect, Positioner,
+* Content, List, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
+const Select$1 = {
+	...Select,
+	Root: SelectRoot
+};
+/** The platform's own list wearing the control recipe. */
+const NativeSelect = NativeSelect$1;
+//#endregion
+export { Select$1 as n, NativeSelect as t };

package/dist/separator-4JWXConE.mjs

@@ -0,0 +1,36 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/separator/Separator.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"orientation",
+	"decorative"
+]);
+var root = $.from_html(`<div></div>`);
+function Separator$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("separator");
+	let orientation = $.prop($$props, "orientation", 3, "horizontal"), decorative = $.prop($$props, "decorative", 3, false), rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		role: decorative() ? "none" : "separator",
+		"data-scope": "separator",
+		"data-part": "root",
+		"data-orientation": orientation(),
+		"aria-orientation": decorative() ? void 0 : orientation()
+	}));
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/separator/index.ts
+/** The paper-ink hairline as a component: a named rule between sections.
+* Decorative separators drop the separator role, since the page reads
+* fine without them. */
+const Separator = Separator$1;
+//#endregion
+export { Separator as t };

package/dist/skeleton-DOfOrlmL.mjs

@@ -0,0 +1,30 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/skeleton/Skeleton.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy"
+]);
+var root = $.from_html(`<div></div>`);
+function Skeleton$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("skeleton");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "skeleton",
+		"data-part": "root"
+	}));
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/skeleton/index.ts
+/** A waiting sheet of unset paper. Size it from the outside; the breath
+* is the component's own. */
+const Skeleton = Skeleton$1;
+//#endregion
+export { Skeleton as t };

package/dist/split-button-CGjPB9DQ.mjs

@@ -0,0 +1,171 @@
+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 { Portal } from "@ark-ui/svelte/portal";
+import { Menu } from "@ark-ui/svelte/menu";
+//#region src/components/split-button/SplitButton.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"label",
+	"items",
+	"variant",
+	"tone",
+	"size",
+	"disabled",
+	"onclick",
+	"onSelect"
+]);
+var root = $.from_html(`<button><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="m6 9 6 6 6-6"></path></svg></button>`);
+var root_1 = $.from_html(`<!> <!>`, 1);
+var root_2 = $.from_html(`<div><!> <!></div>`);
+function SplitButton$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("split-button");
+	let items = $.prop($$props, "items", 19, () => []), variant = $.prop($$props, "variant", 3, "solid"), tone = $.prop($$props, "tone", 3, "ink"), size = $.prop($$props, "size", 3, "md"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	var div = root_2();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "split-button",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	Button(node, {
+		get variant() {
+			return variant();
+		},
+		get tone() {
+			return tone();
+		},
+		get size() {
+			return size();
+		},
+		get disabled() {
+			return disabled();
+		},
+		onclick: () => $$props.onclick?.(),
+		children: ($$anchor, $$slotProps) => {
+			$.next();
+			var text = $.text();
+			$.template_effect(() => $.set_text(text, $$props.label));
+			$.append($$anchor, text);
+		},
+		$$slots: { default: true }
+	});
+	var node_1 = $.sibling(node, 2);
+	$.component(node_1, () => Menu.Root, ($$anchor, ArkMenu_Root) => {
+		ArkMenu_Root($$anchor, {
+			positioning: { placement: "bottom-end" },
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root_1();
+				var node_2 = $.first_child(fragment_1);
+				{
+					const asChild = ($$anchor, props = $.noop) => {
+						var button = root();
+						$.attribute_effect(button, ($0) => ({
+							...$0,
+							disabled: disabled(),
+							"aria-label": "More actions",
+							"data-variant": variant(),
+							"data-tone": tone(),
+							"data-size": size(),
+							"data-square": "true",
+							"data-motion": "ink-ripple lit"
+						}), [() => props()()]);
+						$.append($$anchor, button);
+					};
+					$.component(node_2, () => Menu.Trigger, ($$anchor, ArkMenu_Trigger) => {
+						ArkMenu_Trigger($$anchor, {
+							asChild,
+							$$slots: { asChild: true }
+						});
+					});
+				}
+				var node_3 = $.sibling(node_2, 2);
+				Portal(node_3, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_4 = $.first_child(fragment_2);
+						$.component(node_4, () => Menu.Positioner, ($$anchor, ArkMenu_Positioner) => {
+							ArkMenu_Positioner($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_3 = $.comment();
+									var node_5 = $.first_child(fragment_3);
+									$.component(node_5, () => Menu.Content, ($$anchor, ArkMenu_Content) => {
+										ArkMenu_Content($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												var fragment_4 = $.comment();
+												var node_6 = $.first_child(fragment_4);
+												$.each(node_6, 17, items, (entry) => entry.value, ($$anchor, entry) => {
+													var fragment_5 = $.comment();
+													var node_7 = $.first_child(fragment_5);
+													{
+														let $0 = $.derived(() => $.get(entry).danger ? "" : void 0);
+														$.component(node_7, () => Menu.Item, ($$anchor, ArkMenu_Item) => {
+															ArkMenu_Item($$anchor, {
+																get value() {
+																	return $.get(entry).value;
+																},
+																get disabled() {
+																	return $.get(entry).disabled;
+																},
+																get "data-danger"() {
+																	return $.get($0);
+																},
+																onSelect: () => $$props.onSelect?.($.get(entry).value),
+																children: ($$anchor, $$slotProps) => {
+																	var fragment_6 = $.comment();
+																	var node_8 = $.first_child(fragment_6);
+																	$.component(node_8, () => Menu.ItemText, ($$anchor, ArkMenu_ItemText) => {
+																		ArkMenu_ItemText($$anchor, {
+																			children: ($$anchor, $$slotProps) => {
+																				$.next();
+																				var text_1 = $.text();
+																				$.template_effect(() => $.set_text(text_1, $.get(entry).label));
+																				$.append($$anchor, text_1);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	$.append($$anchor, fragment_6);
+																},
+																$$slots: { default: true }
+															});
+														});
+													}
+													$.append($$anchor, fragment_5);
+												});
+												$.append($$anchor, fragment_4);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_3);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/split-button/index.ts
+/** A primary action with its alternatives one seam away: the main
+* button fires, the fitted arrow opens a paper vessel whose entries
+* hand back their value. */
+const SplitButton = SplitButton$1;
+injectComponentStyle("menu");
+//#endregion
+export { SplitButton as t };

package/dist/spotlight-DMC5E1eS.mjs

@@ -0,0 +1,51 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/spotlight/Spotlight.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"radius",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function Spotlight$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("spotlight");
+	/** How far the lamp throws before the ink swallows it. */
+	let rest = $.rest_props($$props, rest_excludes);
+	function track(event) {
+		const host = event.currentTarget;
+		const rect = host.getBoundingClientRect();
+		host.style.setProperty("--bs-spot-x", `${event.clientX - rect.left}px`);
+		host.style.setProperty("--bs-spot-y", `${event.clientY - rect.top}px`);
+	}
+	var div = root();
+	var event_handler = (event) => {
+		track(event);
+		event.currentTarget.setAttribute("data-hovered", "");
+	};
+	var event_handler_1 = (event) => event.currentTarget.removeAttribute("data-hovered");
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "spotlight",
+		"data-part": "root",
+		onpointermove: track,
+		onpointerenter: event_handler,
+		onpointerleave: event_handler_1,
+		[$.STYLE]: { "--bs-spot-radius": $$props.radius }
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/spotlight/index.ts
+/** The ink-light card: a vessel whose rim and face take light from the
+* reader's hand. */
+const Spotlight = Spotlight$1;
+//#endregion
+export { Spotlight as t };

package/dist/stack-DCKrejZp.mjs

@@ -0,0 +1,57 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/stack/Stack.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"direction",
+	"gap",
+	"wrap",
+	"align",
+	"justify",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function Stack$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("stack");
+	/** Whitespace chosen by name: the named steps point at the space ramp
+	* so siblings are held apart by one token, never by ad-hoc margins. */
+	const gapVars = {
+		none: "0",
+		xs: "var(--bs-gap-xs)",
+		sm: "var(--bs-gap-sm)",
+		md: "var(--bs-gap-md)",
+		lg: "var(--bs-gap-lg)",
+		xl: "var(--bs-gap-xl)"
+	};
+	let direction = $.prop($$props, "direction", 3, "column"), gap = $.prop($$props, "gap", 3, "md"), wrap = $.prop($$props, "wrap", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const gapValue = $.derived(() => gapVars[gap()] ?? gapVars.md);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "stack",
+		"data-part": "root",
+		"data-direction": direction(),
+		[$.STYLE]: {
+			"--bs-stack-gap": $.get(gapValue),
+			"align-items": $$props.align,
+			"justify-content": $$props.justify,
+			"flex-wrap": wrap() ? "wrap" : void 0
+		}
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/stack/index.ts
+/** Whitespace chosen by name: the named steps point at the space ramp
+* so siblings are held apart by one token, never by ad-hoc margins. */
+const Stack = Stack$1;
+//#endregion
+export { Stack as t };