@bysages/svelte 0.3.1 → 0.4.1

package/dist/Timer-CXPRBF49.mjs

@@ -0,0 +1,141 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Timer } from "@ark-ui/svelte/timer";
+//#region src/components/timer/TimerRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"children"
+]);
+function TimerRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("timer");
+	let ref = $.prop($$props, "ref", 15, null), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("timer", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Timer.Root, ($$anchor, ArkTimer_Root) => {
+		ArkTimer_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/timer/Timer.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"startMs",
+	"autoStart",
+	"interval",
+	"countdown",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+function Timer$1($$anchor, $$props) {
+	let startMs = $.prop($$props, "startMs", 3, 0), autoStart = $.prop($$props, "autoStart", 3, false), countdown = $.prop($$props, "countdown", 3, false), rest = $.rest_props($$props, rest_excludes);
+	TimerRoot($$anchor, $.spread_props({
+		get startMs() {
+			return startMs();
+		},
+		get autoStart() {
+			return autoStart();
+		},
+		get interval() {
+			return $$props.interval;
+		},
+		get countdown() {
+			return countdown();
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Timer.Area, ($$anchor, ArkTimer_Area) => {
+				ArkTimer_Area($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => Timer.ValueText, ($$anchor, ArkTimer_ValueText) => {
+							ArkTimer_ValueText($$anchor, {});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_2 = $.sibling(node, 2);
+			$.component(node_2, () => Timer.Control, ($$anchor, ArkTimer_Control) => {
+				ArkTimer_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_3 = root();
+						var node_3 = $.first_child(fragment_3);
+						$.component(node_3, () => Timer.StartTrigger, ($$anchor, ArkTimer_StartTrigger) => {
+							ArkTimer_StartTrigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text = $.text("Start");
+									$.append($$anchor, text);
+								},
+								$$slots: { default: true }
+							});
+						});
+						var node_4 = $.sibling(node_3, 2);
+						$.component(node_4, () => Timer.PauseTrigger, ($$anchor, ArkTimer_PauseTrigger) => {
+							ArkTimer_PauseTrigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text_1 = $.text("Pause");
+									$.append($$anchor, text_1);
+								},
+								$$slots: { default: true }
+							});
+						});
+						var node_5 = $.sibling(node_4, 2);
+						$.component(node_5, () => Timer.ResetTrigger, ($$anchor, ArkTimer_ResetTrigger) => {
+							ArkTimer_ResetTrigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text_2 = $.text("Reset");
+									$.append($$anchor, text_2);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_3);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_6 = $.sibling(node_2, 2);
+			$.snippet(node_6, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { TimerRoot as n, Timer$1 as t };

package/dist/Toast-B15KZZH0.mjs

@@ -0,0 +1,129 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Toast } from "@ark-ui/svelte/toast";
+//#region src/components/toast/ToastRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"children"
+]);
+function ToastRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("toast");
+	let ref = $.prop($$props, "ref", 15, null), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("toast", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Toast.Root, ($$anchor, ArkToast_Root) => {
+		ArkToast_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/toast/Toast.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"title",
+	"description",
+	"closable",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+function Toast$1($$anchor, $$props) {
+	$.push($$props, true);
+	let closable = $.prop($$props, "closable", 3, true), rest = $.rest_props($$props, rest_excludes);
+	ToastRoot($$anchor, $.spread_props(() => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Toast.Title, ($$anchor, ArkToast_Title) => {
+				ArkToast_Title($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						$.next();
+						var text = $.text();
+						$.template_effect(() => $.set_text(text, $$props.title));
+						$.append($$anchor, text);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_1 = $.sibling(node, 2);
+			var consequent = ($$anchor) => {
+				var fragment_3 = $.comment();
+				var node_2 = $.first_child(fragment_3);
+				$.component(node_2, () => Toast.Description, ($$anchor, ArkToast_Description) => {
+					ArkToast_Description($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text_1 = $.text();
+							$.template_effect(() => $.set_text(text_1, $$props.description));
+							$.append($$anchor, text_1);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_3);
+			};
+			$.if(node_1, ($$render) => {
+				if ($$props.description) $$render(consequent);
+			});
+			var node_3 = $.sibling(node_1, 2);
+			var consequent_1 = ($$anchor) => {
+				var fragment_5 = $.comment();
+				var node_4 = $.first_child(fragment_5);
+				$.component(node_4, () => Toast.CloseTrigger, ($$anchor, ArkToast_CloseTrigger) => {
+					ArkToast_CloseTrigger($$anchor, {
+						"aria-label": "Close",
+						children: ($$anchor, $$slotProps) => {
+							var fragment_6 = $.comment();
+							var node_5 = $.first_child(fragment_6);
+							$.html(node_5, () => iconHtml("x", {
+								width: "14",
+								height: "14"
+							}));
+							$.append($$anchor, fragment_6);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_5);
+			};
+			$.if(node_3, ($$render) => {
+				if (closable()) $$render(consequent_1);
+			});
+			var node_6 = $.sibling(node_3, 2);
+			$.snippet(node_6, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { ToastRoot as n, Toast$1 as t };

package/dist/TocContent-DVP0_twz.mjs

@@ -0,0 +1,207 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Toc } from "@ark-ui/svelte/toc";
+//#region src/components/toc/TocIndicator.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function TocIndicator($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Toc.Indicator, ($$anchor, ArkToc_Indicator) => {
+		ArkToc_Indicator($$anchor, $.spread_props(() => rest, {
+			"aria-hidden": "true",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+}
+//#endregion
+//#region src/components/toc/TocRoot.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"children"
+]);
+function TocRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("toc");
+	let ref = $.prop($$props, "ref", 15, null), rest = $.rest_props($$props, rest_excludes$2);
+	const id = $.derived(() => useElementId("toc", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Toc.Root, ($$anchor, ArkToc_Root) => {
+		ArkToc_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/toc/Toc.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"scrollEl",
+	"title",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+function Toc$1($$anchor, $$props) {
+	let title = $.prop($$props, "title", 3, "On this page"), rest = $.rest_props($$props, rest_excludes$1);
+	TocRoot($$anchor, $.spread_props({
+		get items() {
+			return $$props.items;
+		},
+		get scrollEl() {
+			return $$props.scrollEl;
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Toc.Nav, ($$anchor, ArkToc_Nav) => {
+				ArkToc_Nav($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = root();
+						var node_1 = $.first_child(fragment_2);
+						var consequent = ($$anchor) => {
+							var fragment_3 = $.comment();
+							var node_2 = $.first_child(fragment_3);
+							$.component(node_2, () => Toc.Title, ($$anchor, ArkToc_Title) => {
+								ArkToc_Title($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text = $.text();
+										$.template_effect(() => $.set_text(text, title()));
+										$.append($$anchor, text);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_3);
+						};
+						$.if(node_1, ($$render) => {
+							if (title()) $$render(consequent);
+						});
+						var node_3 = $.sibling(node_1, 2);
+						$.component(node_3, () => Toc.List, ($$anchor, ArkToc_List) => {
+							ArkToc_List($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_5 = root();
+									var node_4 = $.first_child(fragment_5);
+									TocIndicator(node_4, {});
+									var node_5 = $.sibling(node_4, 2);
+									$.each(node_5, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
+										var fragment_6 = $.comment();
+										var node_6 = $.first_child(fragment_6);
+										$.component(node_6, () => Toc.Item, ($$anchor, ArkToc_Item) => {
+											ArkToc_Item($$anchor, {
+												get item() {
+													return $.get(item);
+												},
+												children: ($$anchor, $$slotProps) => {
+													var fragment_7 = $.comment();
+													var node_7 = $.first_child(fragment_7);
+													{
+														let $0 = $.derived(() => `#${$.get(item).value}`);
+														$.component(node_7, () => Toc.Link, ($$anchor, ArkToc_Link) => {
+															ArkToc_Link($$anchor, {
+																get href() {
+																	return $.get($0);
+																},
+																children: ($$anchor, $$slotProps) => {
+																	$.next();
+																	var text_1 = $.text();
+																	$.template_effect(() => $.set_text(text_1, $.get(item).label));
+																	$.append($$anchor, text_1);
+																},
+																$$slots: { default: true }
+															});
+														});
+													}
+													$.append($$anchor, fragment_7);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_6);
+									});
+									$.append($$anchor, fragment_5);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_8 = $.sibling(node, 2);
+			$.snippet(node_8, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+//#region src/components/toc/TocContent.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function TocContent($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Toc.Content, ($$anchor, ArkToc_Content) => {
+		ArkToc_Content($$anchor, $.spread_props(() => rest, {
+			tabindex: "0",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+}
+//#endregion
+export { TocIndicator as i, Toc$1 as n, TocRoot as r, TocContent as t };

package/dist/Toggle-CP2UGolY.mjs

@@ -0,0 +1,101 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Toggle } from "@ark-ui/svelte/toggle";
+//#region src/components/toggle/ToggleRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"pressed",
+	"children"
+]);
+function ToggleRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("toggle");
+	let ref = $.prop($$props, "ref", 15, null), pressed = $.prop($$props, "pressed", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("toggle", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Toggle.Root, ($$anchor, ArkToggle_Root) => {
+		ArkToggle_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get pressed() {
+				return pressed();
+			},
+			set pressed($$value) {
+				pressed($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/toggle/Toggle.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"pressed",
+	"label",
+	"disabled",
+	"children"
+]);
+function Toggle$1($$anchor, $$props) {
+	$.push($$props, true);
+	let pressed = $.prop($$props, "pressed", 15, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	ToggleRoot($$anchor, $.spread_props({
+		get "aria-label"() {
+			return $$props.label;
+		},
+		get disabled() {
+			return disabled();
+		}
+	}, () => rest, {
+		get pressed() {
+			return pressed();
+		},
+		set pressed($$value) {
+			pressed($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = $.comment();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Toggle.Indicator, ($$anchor, ArkToggle_Indicator) => {
+				ArkToggle_Indicator($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.snippet(node_1, () => $$props.children ?? $.noop);
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { ToggleRoot as n, Toggle$1 as t };