@bysages/svelte 0.3.0 → 0.4.0

package/dist/Accordion-ChCzhYPl.mjs

@@ -0,0 +1,147 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import { Accordion } from "@ark-ui/svelte/accordion";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/accordion/AccordionRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"value",
+	"children"
+]);
+function AccordionRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("accordion");
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("accordion", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Accordion.Root, ($$anchor, ArkAccordion_Root) => {
+		ArkAccordion_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get value() {
+				return value();
+			},
+			set value($$value) {
+				value($$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/accordion/Accordion.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"multiple",
+	"collapsible",
+	"disabled",
+	"orientation",
+	"children"
+]);
+var root = $.from_html(` <!>`, 1);
+var root_1 = $.from_html(`<p> </p>`);
+var root_2 = $.from_html(`<!> <!>`, 1);
+function Accordion$1($$anchor, $$props) {
+	let multiple = $.prop($$props, "multiple", 3, false), collapsible = $.prop($$props, "collapsible", 3, true), disabled = $.prop($$props, "disabled", 3, false), orientation = $.prop($$props, "orientation", 3, "vertical"), rest = $.rest_props($$props, rest_excludes);
+	AccordionRoot($$anchor, $.spread_props({
+		get multiple() {
+			return multiple();
+		},
+		get collapsible() {
+			return collapsible();
+		},
+		get disabled() {
+			return disabled();
+		},
+		get orientation() {
+			return orientation();
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_2();
+			var node = $.first_child(fragment_1);
+			$.each(node, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Accordion.Item, ($$anchor, ArkAccordion_Item) => {
+					ArkAccordion_Item($$anchor, {
+						get value() {
+							return $.get(item).value;
+						},
+						children: ($$anchor, $$slotProps) => {
+							var fragment_3 = root_2();
+							var node_2 = $.first_child(fragment_3);
+							$.component(node_2, () => Accordion.ItemTrigger, ($$anchor, ArkAccordion_ItemTrigger) => {
+								ArkAccordion_ItemTrigger($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var fragment_4 = root();
+										var text = $.first_child(fragment_4);
+										var node_3 = $.sibling(text);
+										$.component(node_3, () => Accordion.ItemIndicator, ($$anchor, ArkAccordion_ItemIndicator) => {
+											ArkAccordion_ItemIndicator($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													InternalIcon($$anchor, { name: "chevron-down" });
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.template_effect(() => $.set_text(text, `${$.get(item).title ?? ""} `));
+										$.append($$anchor, fragment_4);
+									},
+									$$slots: { default: true }
+								});
+							});
+							var node_4 = $.sibling(node_2, 2);
+							$.component(node_4, () => Accordion.ItemContent, ($$anchor, ArkAccordion_ItemContent) => {
+								ArkAccordion_ItemContent($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var p = root_1();
+										var text_1 = $.only_child(p, true);
+										$.template_effect(() => $.set_text(text_1, $.get(item).content));
+										$.append($$anchor, p);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_3);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_2);
+			});
+			var node_5 = $.sibling(node, 2);
+			$.snippet(node_5, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { AccordionRoot as n, Accordion$1 as t };

package/dist/{AiLoader-0jlig3fe.mjs → AiLoader-BEiPYOfW.mjs}

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -6,6 +7,7 @@ var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
+	"aria-label",
 	"children"
 ]);
 var root$3 = $.from_html(`<div><!></div>`);
@@ -13,14 +15,15 @@ function Ai($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
 	let rest = $.rest_props($$props, rest_excludes$3);
+	const messages = useComponentMessages();
 	var div = root$3();
-	$.attribute_effect(div, () => ({
+	$.attribute_effect(div, ($0) => ({
 		...rest,
 		role: "log",
-		"aria-label": "Conversation",
+		"aria-label": $0,
 		"data-scope": "ai",
 		"data-part": "conversation"
-	}));
+	}), [() => $$props["aria-label"] ?? messages().ai.conversation]);
 	var node = $.child(div);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(div);
@@ -83,6 +86,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
+	"aria-label",
 	"children"
 ]);
 var root = $.from_html(`<span><!></span>`);
@@ -90,14 +94,15 @@ function AiLoader($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
 	let rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	var span = root();
-	$.attribute_effect(span, () => ({
+	$.attribute_effect(span, ($0) => ({
 		...rest,
 		role: "status",
-		"aria-label": "Loading",
+		"aria-label": $0,
 		"data-scope": "ai",
 		"data-part": "loader"
-	}));
+	}), [() => $$props["aria-label"] ?? messages().ai.loading]);
 	var node = $.child(span);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(span);

package/dist/AngleSlider-_DsaxreA.mjs

@@ -0,0 +1,167 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { AngleSlider } from "@ark-ui/svelte/angle-slider";
+//#region src/components/angle-slider/AngleSliderRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function AngleSliderRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("angle-slider");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("angle-slider", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => AngleSlider.Root, ($$anchor, ArkAngleSlider_Root) => {
+		ArkAngleSlider_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get "data-size"() {
+				return size();
+			},
+			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/angle-slider/AngleSlider.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"step",
+	"disabled",
+	"readOnly",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!> <!>`, 1);
+function AngleSlider$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), defaultValue = $.prop($$props, "defaultValue", 3, 45), step = $.prop($$props, "step", 3, 1), disabled = $.prop($$props, "disabled", 3, false), readOnly = $.prop($$props, "readOnly", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const markers = [
+		0,
+		90,
+		180,
+		270
+	];
+	AngleSliderRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return defaultValue();
+		},
+		get step() {
+			return step();
+		},
+		get disabled() {
+			return disabled();
+		},
+		get readOnly() {
+			return readOnly();
+		}
+	}, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => AngleSlider.Label, ($$anchor, ArkAngleSlider_Label) => {
+					ArkAngleSlider_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_2);
+			};
+			$.if(node, ($$render) => {
+				if ($$props.label) $$render(consequent);
+			});
+			var node_2 = $.sibling(node, 2);
+			$.component(node_2, () => AngleSlider.ValueText, ($$anchor, ArkAngleSlider_ValueText) => {
+				ArkAngleSlider_ValueText($$anchor, {});
+			});
+			var node_3 = $.sibling(node_2, 2);
+			$.component(node_3, () => AngleSlider.Control, ($$anchor, ArkAngleSlider_Control) => {
+				ArkAngleSlider_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = root();
+						var node_4 = $.first_child(fragment_4);
+						$.component(node_4, () => AngleSlider.MarkerGroup, ($$anchor, ArkAngleSlider_MarkerGroup) => {
+							ArkAngleSlider_MarkerGroup($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_5 = $.comment();
+									var node_5 = $.first_child(fragment_5);
+									$.each(node_5, 16, () => markers, (marker) => marker, ($$anchor, marker) => {
+										var fragment_6 = $.comment();
+										var node_6 = $.first_child(fragment_6);
+										$.component(node_6, () => AngleSlider.Marker, ($$anchor, ArkAngleSlider_Marker) => {
+											ArkAngleSlider_Marker($$anchor, { get value() {
+												return marker;
+											} });
+										});
+										$.append($$anchor, fragment_6);
+									});
+									$.append($$anchor, fragment_5);
+								},
+								$$slots: { default: true }
+							});
+						});
+						var node_7 = $.sibling(node_4, 2);
+						$.component(node_7, () => AngleSlider.Thumb, ($$anchor, ArkAngleSlider_Thumb) => {
+							ArkAngleSlider_Thumb($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_7 = $.comment();
+									var node_8 = $.first_child(fragment_7);
+									$.component(node_8, () => AngleSlider.HiddenInput, ($$anchor, ArkAngleSlider_HiddenInput) => {
+										ArkAngleSlider_HiddenInput($$anchor, {});
+									});
+									$.append($$anchor, fragment_7);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_9 = $.sibling(node_3, 2);
+			$.snippet(node_9, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { AngleSliderRoot as n, AngleSlider$1 as t };

package/dist/{avatar-LR0CZ1Iz.mjs → Avatar-RTIHq1px.mjs}

@@ -1,3 +1,4 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -11,14 +12,19 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"shape",
 	"children"
 ]);
-function Avatar$2($$anchor, $$props) {
+function Avatar$1($$anchor, $$props) {
+	const generatedId = $.props_id();
 	$.push($$props, true);
 	injectComponentStyle("avatar");
 	let shape = $.prop($$props, "shape", 3, "circle"), rest = $.rest_props($$props, rest_excludes);
+	const id = $.derived(() => useElementId("avatar", generatedId, $$props.id));
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	$.component(node, () => Avatar.Root, ($$anchor, ArkAvatar_Root) => {
 		ArkAvatar_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
 			get "data-size"() {
 				return $$props.size;
 			},
@@ -38,12 +44,4 @@ function Avatar$2($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/avatar/index.ts
-/** Avatar, dressed in the paper-and-ink system: a circular seal on
-* inset paper that holds initials until the image loads over them.
-* `size` picks a control-height rung for the seal — the core styles
-* re-point `--bs-avatar-size` per rung, and scenes can still retune the
-* variable directly. */
-const Avatar$1 = Object.assign({}, Avatar, { Root: Avatar$2 });
-//#endregion
 export { Avatar$1 as t };

package/dist/Carousel-BbMJNLY3.mjs

@@ -0,0 +1,171 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Carousel } from "@ark-ui/svelte/carousel";
+//#region src/components/carousel/CarouselRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"page",
+	"children"
+]);
+function CarouselRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("carousel");
+	let ref = $.prop($$props, "ref", 15, null), page = $.prop($$props, "page", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("carousel", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Carousel.Root, ($$anchor, ArkCarousel_Root) => {
+		ArkCarousel_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get page() {
+				return page();
+			},
+			set page($$value) {
+				page($$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/carousel/Carousel.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"label",
+	"spacing",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!> <!>`, 1);
+function Carousel$1($$anchor, $$props) {
+	$.push($$props, true);
+	let rest = $.rest_props($$props, rest_excludes);
+	const slides = $.derived(() => $$props.items.map((item) => typeof item === "string" ? item : item.label));
+	CarouselRoot($$anchor, $.spread_props({
+		get "aria-label"() {
+			return $$props.label;
+		},
+		get slideCount() {
+			return $.get(slides).length;
+		},
+		get spacing() {
+			return $$props.spacing;
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Carousel.Control, ($$anchor, ArkCarousel_Control) => {
+				ArkCarousel_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = root();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => Carousel.PrevTrigger, ($$anchor, ArkCarousel_PrevTrigger) => {
+							ArkCarousel_PrevTrigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "chevron-left" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						var node_2 = $.sibling(node_1, 2);
+						$.component(node_2, () => Carousel.ProgressText, ($$anchor, ArkCarousel_ProgressText) => {
+							ArkCarousel_ProgressText($$anchor, {});
+						});
+						var node_3 = $.sibling(node_2, 2);
+						$.component(node_3, () => Carousel.NextTrigger, ($$anchor, ArkCarousel_NextTrigger) => {
+							ArkCarousel_NextTrigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "chevron-right" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_4 = $.sibling(node, 2);
+			$.component(node_4, () => Carousel.ItemGroup, ($$anchor, ArkCarousel_ItemGroup) => {
+				ArkCarousel_ItemGroup($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_5 = $.comment();
+						var node_5 = $.first_child(fragment_5);
+						$.each(node_5, 17, () => $.get(slides), $.index, ($$anchor, slide, index) => {
+							var fragment_6 = $.comment();
+							var node_6 = $.first_child(fragment_6);
+							$.component(node_6, () => Carousel.Item, ($$anchor, ArkCarousel_Item) => {
+								ArkCarousel_Item($$anchor, {
+									index,
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text = $.text();
+										$.template_effect(() => $.set_text(text, $.get(slide)));
+										$.append($$anchor, text);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_6);
+						});
+						$.append($$anchor, fragment_5);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_7 = $.sibling(node_4, 2);
+			$.component(node_7, () => Carousel.IndicatorGroup, ($$anchor, ArkCarousel_IndicatorGroup) => {
+				ArkCarousel_IndicatorGroup($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_8 = $.comment();
+						var node_8 = $.first_child(fragment_8);
+						$.each(node_8, 17, () => $.get(slides), $.index, ($$anchor, _, index) => {
+							var fragment_9 = $.comment();
+							var node_9 = $.first_child(fragment_9);
+							$.component(node_9, () => Carousel.Indicator, ($$anchor, ArkCarousel_Indicator) => {
+								ArkCarousel_Indicator($$anchor, { index });
+							});
+							$.append($$anchor, fragment_9);
+						});
+						$.append($$anchor, fragment_8);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_10 = $.sibling(node_7, 2);
+			$.snippet(node_10, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { CarouselRoot as n, Carousel$1 as t };