@bysages/svelte 0.2.2 → 0.2.3

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

package/dist/stat-5cTU1vyI.mjs

@@ -0,0 +1,143 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/stat/Stat.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<div><!></div>`);
+function Stat$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("stat");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var div = root$4();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "stat",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/stat/StatDelta.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"direction",
+	"children"
+]);
+var root$3 = $.from_html(`<span><!></span>`);
+function StatDelta($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("stat");
+	let direction = $.prop($$props, "direction", 3, "flat"), rest = $.rest_props($$props, rest_excludes$3);
+	var span = root$3();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"data-scope": "stat",
+		"data-part": "delta",
+		"data-direction": rest["data-direction"] ?? direction()
+	}));
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/stat/StatDescription.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<p><!></p>`);
+function StatDescription($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("stat");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var p = root$2();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "stat",
+		"data-part": "description"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/stat/StatLabel.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<p><!></p>`);
+function StatLabel($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("stat");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var p = root$1();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "stat",
+		"data-part": "label"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/stat/StatValue.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function StatValue($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("stat");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "stat",
+		"data-part": "value"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/stat/index.ts
+/** One figure on the page: the label whispers what it is, the value
+* states it plainly in tabular figures, the delta reads the direction
+* in the fixed semantic pigments. */
+const Stat = Object.assign(Stat$1, {
+	Root: Stat$1,
+	Label: StatLabel,
+	Value: StatValue,
+	Delta: StatDelta,
+	Description: StatDescription
+});
+//#endregion
+export { Stat as t };