@bysages/svelte 0.2.2 → 0.3.0

package/dist/block-ui-CpiV9qza.mjs

@@ -0,0 +1,50 @@
+import { t as Spinner } from "./Spinner-sd__23WT.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/block-ui/BlockUI.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"blocked",
+	"children"
+]);
+var root = $.from_html(`<div data-scope="block-ui" data-part="mask"><!></div>`);
+var root_1 = $.from_html(`<div><!> <!></div>`);
+function BlockUI$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("block-ui");
+	let blocked = $.prop($$props, "blocked", 3, false), rest = $.rest_props($$props, rest_excludes);
+	var div = root_1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "block-ui",
+		"data-part": "root",
+		"data-blocked": blocked() ? "" : void 0,
+		"aria-busy": blocked() || void 0
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	var node_1 = $.sibling(node, 2);
+	var consequent = ($$anchor) => {
+		var div_1 = root();
+		var node_2 = $.child(div_1);
+		Spinner(node_2, { size: "lg" });
+		$.reset(div_1);
+		$.append($$anchor, div_1);
+	};
+	$.if(node_1, ($$render) => {
+		if (blocked()) $$render(consequent);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/block-ui/index.ts
+/** A curtain over content that must wait: frosted paper and one
+* quiet wheel. */
+const BlockUI = BlockUI$1;
+//#endregion
+export { BlockUI as t };

package/dist/breadcrumb-C01pAq93.mjs

@@ -0,0 +1,183 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/breadcrumb/Breadcrumb.svelte
+var rest_excludes$5 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$5 = $.from_html(`<nav><!></nav>`);
+function Breadcrumb$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$5);
+	var nav = root$5();
+	$.attribute_effect(nav, () => ({
+		...rest,
+		"aria-label": "Breadcrumb",
+		"data-scope": "breadcrumb",
+		"data-part": "root"
+	}));
+	var node = $.child(nav);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(nav);
+	$.append($$anchor, nav);
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/BreadcrumbCurrent.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<span><!></span>`);
+function BreadcrumbCurrent($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var span = root$4();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"aria-current": "page",
+		"data-scope": "breadcrumb",
+		"data-part": "current"
+	}));
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/BreadcrumbItem.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<li><!></li>`);
+function BreadcrumbItem($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var li = root$3();
+	$.attribute_effect(li, () => ({
+		...rest,
+		"data-scope": "breadcrumb",
+		"data-part": "item"
+	}));
+	var node = $.child(li);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(li);
+	$.append($$anchor, li);
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/BreadcrumbLink.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<a><!></a>`);
+function BreadcrumbLink($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var a = root$2();
+	$.attribute_effect(a, () => ({
+		...rest,
+		"data-scope": "breadcrumb",
+		"data-part": "link"
+	}));
+	var node = $.child(a);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(a);
+	$.append($$anchor, a);
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/BreadcrumbList.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<ol><!></ol>`);
+function BreadcrumbList($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var ol = root$1();
+	$.attribute_effect(ol, () => ({
+		...rest,
+		"data-scope": "breadcrumb",
+		"data-part": "list"
+	}));
+	var node = $.child(ol);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(ol);
+	$.append($$anchor, ol);
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/BreadcrumbSeparator.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<span><!></span>`);
+function BreadcrumbSeparator($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes);
+	var span = root();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"aria-hidden": "true",
+		"data-scope": "breadcrumb",
+		"data-part": "separator"
+	}));
+	var node = $.child(span);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children);
+		$.append($$anchor, fragment);
+	};
+	var alternate = ($$anchor) => {
+		var text = $.text("/");
+		$.append($$anchor, text);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.children) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/index.ts
+/** A trail of waymarks: Root wraps the nav, List the ordered trail, and
+* each Item carries a Link — or the Current page — parted by a quiet
+* Separator. Links take href and the rest through attributes. */
+const Breadcrumb = Object.assign(Breadcrumb$1, {
+	Root: Breadcrumb$1,
+	List: BreadcrumbList,
+	Item: BreadcrumbItem,
+	Link: BreadcrumbLink,
+	Current: BreadcrumbCurrent,
+	Separator: BreadcrumbSeparator
+});
+//#endregion
+export { Breadcrumb as t };

package/dist/browser-gmPTH6mJ.mjs

@@ -0,0 +1,146 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/browser/Browser.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<div><!></div>`);
+function Browser$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var div = root$4();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserBody.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<div><!></div>`);
+function BrowserBody($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var div = root$3();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "body"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserDots.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy"
+]);
+var root$2 = $.from_html(`<span data-scope="browser" data-part="dot"></span>`);
+var root_1 = $.from_html(`<div></div>`);
+function BrowserDots($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	const tones = [
+		"danger",
+		"warning",
+		"success"
+	];
+	var div = root_1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "dots"
+	}));
+	$.each(div, 20, () => tones, (tone) => tone, ($$anchor, tone) => {
+		var span = root$2();
+		$.template_effect(() => $.set_attribute(span, "data-tone", tone));
+		$.append($$anchor, span);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserTitleBar.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function BrowserTitleBar($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var div = root$1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "titlebar"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserUrlBar.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function BrowserUrlBar($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "urlbar"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/index.ts
+/** A browser window as a vessel: Root, TitleBar, Dots, UrlBar, Body. */
+const Browser = Object.assign(Browser$1, {
+	TitleBar: BrowserTitleBar,
+	Dots: BrowserDots,
+	UrlBar: BrowserUrlBar,
+	Body: BrowserBody
+});
+//#endregion
+export { Browser as t };

package/dist/button-BCcX7lHq.mjs

@@ -0,0 +1,52 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/button/Button.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"variant",
+	"tone",
+	"size",
+	"square",
+	"as",
+	"type",
+	"disabled",
+	"children"
+]);
+function Button$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("button");
+	let variant = $.prop($$props, "variant", 3, "solid"), tone = $.prop($$props, "tone", 3, "ink"), size = $.prop($$props, "size", 3, "md"), square = $.prop($$props, "square", 3, false), type = $.prop($$props, "type", 3, "button"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.element(node, () => $$props.as ?? "button", false, ($$element, $$anchor) => {
+		$.attribute_effect($$element, () => ({
+			...rest,
+			type: $$props.as ? void 0 : type(),
+			disabled: $$props.as ? void 0 : disabled(),
+			"data-scope": "button",
+			"data-part": "root",
+			"data-variant": variant(),
+			"data-tone": tone(),
+			"data-size": size(),
+			"data-square": square() ? "true" : void 0,
+			"data-motion": "ink-ripple lit"
+		}));
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment_1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/button/index.ts
+/** The control recipe as a standalone button: the variant chooses how it
+* rests, the tone chooses the pigment. Ink is the solemn default; any
+* action can carry the primary weight. */
+const Button = Button$1;
+//#endregion
+export { Button as t };

package/dist/button-group-CVLqPMlR.mjs

@@ -0,0 +1,41 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/button-group/ButtonGroup.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"orientation",
+	"size",
+	"radius",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function ButtonGroup$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("button-group");
+	let orientation = $.prop($$props, "orientation", 3, "horizontal"), rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		role: "group",
+		"data-scope": "button-group",
+		"data-part": "root",
+		"data-orientation": orientation(),
+		"data-size": $$props.size,
+		"data-radius": $$props.radius
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/button-group/index.ts
+/** Buttons fused into one control: the group owns only the joinery, so
+* members keep every variant they were given. */
+const ButtonGroup = ButtonGroup$1;
+//#endregion
+export { ButtonGroup as t };