@bysages/svelte 0.4.3 → 0.5.0

package/dist/BannerIcon-BTkMzpWu.mjs

@@ -0,0 +1,281 @@
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
+import { n as useComponentMessages } from "./messages-BZoDXYu3.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+// src/components/banner/Banner.svelte
+var rest_excludes$7 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"status",
+	"children"
+]);
+var root$7 = $.from_html(`<div><!></div>`);
+function Banner($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let status = $.prop($$props, "status", 3, "ink"), rest = $.rest_props($$props, rest_excludes$7);
+	var div = root$7();
+	$.attribute_effect(div, () => ({
+		...rest,
+		role: status() === "ink" ? void 0 : "status",
+		"data-scope": "banner",
+		"data-part": "root",
+		"data-status": status()
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+// src/components/banner/BannerActions.svelte
+var rest_excludes$6 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$6 = $.from_html(`<div><!></div>`);
+function BannerActions($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let rest = $.rest_props($$props, rest_excludes$6);
+	var div = root$6();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "banner",
+		"data-part": "actions"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+// src/components/banner/BannerBody.svelte
+var rest_excludes$5 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$5 = $.from_html(`<div><!></div>`);
+function BannerBody($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let rest = $.rest_props($$props, rest_excludes$5);
+	var div = root$5();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "banner",
+		"data-part": "body"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+// src/components/banner/BannerClose.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"type",
+	"aria-label"
+]);
+var root$4 = $.from_html(`<button><!></button>`);
+function BannerClose($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let type = $.prop($$props, "type", 3, "button"), rest = $.rest_props($$props, rest_excludes$4);
+	const messages = useComponentMessages();
+	var button = root$4();
+	$.attribute_effect(button, ($0) => ({
+		...rest,
+		type: type(),
+		"aria-label": $0,
+		"data-scope": "banner",
+		"data-part": "close"
+	}), [() => $$props["aria-label"] ?? messages().banner.dismiss]);
+	var node = $.child(button);
+	InternalIcon(node, { name: "x" });
+	$.reset(button);
+	$.append($$anchor, button);
+	$.pop();
+}
+// src/components/banner/BannerDescription.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<p><!></p>`);
+function BannerDescription($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var p = root$3();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "banner",
+		"data-part": "description"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+// src/components/banner/BannerTitle.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<p><!></p>`);
+function BannerTitle($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var p = root$2();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "banner",
+		"data-part": "title"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+// src/components/banner/BannerFacade.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"status",
+	"title",
+	"message",
+	"dismissible",
+	"children",
+	"actions"
+]);
+var root$1 = $.from_html(`<!> <!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function BannerFacade($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let status = $.prop($$props, "status", 3, "ink"), dismissible = $.prop($$props, "dismissible", 3, false), rest = $.rest_props($$props, rest_excludes$1);
+	let dismissed = $.state(false);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent_4 = ($$anchor) => {
+		Banner($$anchor, $.spread_props({ get status() {
+			return status();
+		} }, () => rest, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_2 = root_1();
+				var node_1 = $.first_child(fragment_2);
+				BannerBody(node_1, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_3 = root$1();
+						var node_2 = $.first_child(fragment_3);
+						var consequent = ($$anchor) => {
+							BannerTitle($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text = $.text();
+									$.template_effect(() => $.set_text(text, $$props.title));
+									$.append($$anchor, text);
+								},
+								$$slots: { default: true }
+							});
+						};
+						$.if(node_2, ($$render) => {
+							if ($$props.title) $$render(consequent);
+						});
+						var node_3 = $.sibling(node_2, 2);
+						var consequent_1 = ($$anchor) => {
+							BannerDescription($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text_1 = $.text();
+									$.template_effect(() => $.set_text(text_1, $$props.message));
+									$.append($$anchor, text_1);
+								},
+								$$slots: { default: true }
+							});
+						};
+						$.if(node_3, ($$render) => {
+							if ($$props.message) $$render(consequent_1);
+						});
+						var node_4 = $.sibling(node_3, 2);
+						$.snippet(node_4, () => $$props.children ?? $.noop);
+						var node_5 = $.sibling(node_4, 2);
+						var consequent_2 = ($$anchor) => {
+							BannerActions($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_9 = $.comment();
+									var node_6 = $.first_child(fragment_9);
+									$.snippet(node_6, () => $$props.actions);
+									$.append($$anchor, fragment_9);
+								},
+								$$slots: { default: true }
+							});
+						};
+						$.if(node_5, ($$render) => {
+							if ($$props.actions) $$render(consequent_2);
+						});
+						$.append($$anchor, fragment_3);
+					},
+					$$slots: { default: true }
+				});
+				var node_7 = $.sibling(node_1, 2);
+				var consequent_3 = ($$anchor) => {
+					BannerClose($$anchor, { onclick: () => $.set(dismissed, true) });
+				};
+				$.if(node_7, ($$render) => {
+					if (dismissible()) $$render(consequent_3);
+				});
+				$.append($$anchor, fragment_2);
+			},
+			$$slots: { default: true }
+		}));
+	};
+	$.if(node, ($$render) => {
+		if (!$.get(dismissed)) $$render(consequent_4);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+// src/components/banner/BannerIcon.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<span><!></span>`);
+function BannerIcon($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("banner");
+	let rest = $.rest_props($$props, rest_excludes);
+	var span = root();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"data-scope": "banner",
+		"data-part": "icon"
+	}));
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+export { BannerClose as a, Banner as c, BannerDescription as i, BannerFacade as n, BannerBody as o, BannerTitle as r, BannerActions as s, BannerIcon as t };

package/dist/BreadcrumbList-DRHZcJHW.mjs

@@ -0,0 +1,253 @@
+import { n as useComponentMessages } from "./messages-BZoDXYu3.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+// src/components/breadcrumb/Breadcrumb.svelte
+var rest_excludes$6 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"aria-label",
+	"children"
+]);
+var root$6 = $.from_html(`<nav><!></nav>`);
+function Breadcrumb($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$6);
+	const messages = useComponentMessages();
+	var nav = root$6();
+	$.attribute_effect(nav, ($0) => ({
+		...rest,
+		"aria-label": $0,
+		"data-scope": "breadcrumb",
+		"data-part": "root"
+	}), [() => $$props["aria-label"] ?? messages().breadcrumb.label]);
+	var node = $.child(nav);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(nav);
+	$.append($$anchor, nav);
+	$.pop();
+}
+// src/components/breadcrumb/BreadcrumbCurrent.svelte
+var rest_excludes$5 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$5 = $.from_html(`<span><!></span>`);
+function BreadcrumbCurrent($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$5);
+	var span = root$5();
+	$.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();
+}
+// src/components/breadcrumb/BreadcrumbItem.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<li><!></li>`);
+function BreadcrumbItem($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var li = root$4();
+	$.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();
+}
+// src/components/breadcrumb/BreadcrumbLink.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<a><!></a>`);
+function BreadcrumbLink($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var a = root$3();
+	$.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();
+}
+// src/components/breadcrumb/BreadcrumbSeparator.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<span><!></span>`);
+function BreadcrumbSeparator($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var span = root$2();
+	$.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();
+}
+// src/components/breadcrumb/BreadcrumbFacade.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"label",
+	"aria-label"
+]);
+var root$1 = $.from_html(`<!>  <!>`, 1);
+function BreadcrumbFacade($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	const lastIndex = $.derived(() => $$props.items.length - 1);
+	const messages = useComponentMessages();
+	{
+		let $0 = $.derived(() => $$props.label ?? $$props["aria-label"] ?? messages().breadcrumb.label);
+		Breadcrumb($$anchor, $.spread_props({ get "aria-label"() {
+			return $.get($0);
+		} }, () => rest, {
+			children: ($$anchor, $$slotProps) => {
+				BreadcrumbList($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node = $.first_child(fragment_2);
+						$.each(node, 17, () => $$props.items, $.index, ($$anchor, item, index) => {
+							const text = $.derived(() => typeof $.get(item) === "string" ? $.get(item) : $.get(item).label);
+							const href = $.derived(() => typeof $.get(item) === "string" ? void 0 : $.get(item).href);
+							var fragment_3 = root$1();
+							var node_1 = $.first_child(fragment_3);
+							var consequent = ($$anchor) => {
+								BreadcrumbSeparator($$anchor, {});
+							};
+							$.if(node_1, ($$render) => {
+								if (index > 0) $$render(consequent);
+							});
+							BreadcrumbItem($.sibling(node_1, 2), {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_5 = $.comment();
+									var node_3 = $.first_child(fragment_5);
+									var consequent_1 = ($$anchor) => {
+										BreadcrumbCurrent($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_1 = $.text();
+												$.template_effect(() => $.set_text(text_1, $.get(text)));
+												$.append($$anchor, text_1);
+											},
+											$$slots: { default: true }
+										});
+									};
+									var alternate = ($$anchor) => {
+										BreadcrumbLink($$anchor, {
+											get href() {
+												return $.get(href);
+											},
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_2 = $.text();
+												$.template_effect(() => $.set_text(text_2, $.get(text)));
+												$.append($$anchor, text_2);
+											},
+											$$slots: { default: true }
+										});
+									};
+									$.if(node_3, ($$render) => {
+										if (index === $.get(lastIndex)) $$render(consequent_1);
+										else $$render(alternate, -1);
+									});
+									$.append($$anchor, fragment_5);
+								},
+								$$slots: { default: true }
+							});
+							$.append($$anchor, fragment_3);
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			},
+			$$slots: { default: true }
+		}));
+	}
+	$.pop();
+}
+// src/components/breadcrumb/BreadcrumbList.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<ol><!></ol>`);
+function BreadcrumbList$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes);
+	var ol = root();
+	$.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();
+}
+export { BreadcrumbItem as a, BreadcrumbLink as i, BreadcrumbFacade as n, BreadcrumbCurrent as o, BreadcrumbSeparator as r, Breadcrumb as s, BreadcrumbList$1 as t };

package/dist/{Calendar-MQdoAnJK.mjs → Calendar-BEdhUb-8.mjs}

@@ -1,9 +1,9 @@
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { DatePicker } from "@ark-ui/svelte/date-picker";
-//#region src/components/calendar/Calendar.svelte
+// src/components/calendar/Calendar.svelte
 const title = ($$anchor, dp = $.noop) => {
 	const api = $.derived(() => dp()());
 	const date = $.derived(() => $.get(api).focusedValue);
@@ -585,5 +585,4 @@ function Calendar($$anchor, $$props) {
 	$.pop();
 }
 $.delegate(["click"]);
-//#endregion
 export { Calendar as t };

package/dist/{Carousel-DNMQMvm6.mjs → Carousel-D_NYkQcN.mjs}

@@ -1,10 +1,10 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Carousel } from "@ark-ui/svelte/carousel";
-//#region src/components/carousel/CarouselRoot.svelte
+// src/components/carousel/CarouselRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -50,8 +50,7 @@ function CarouselRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/carousel/Carousel.svelte
+// src/components/carousel/Carousel.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -167,5 +166,4 @@ function Carousel$1($$anchor, $$props) {
 	}));
 	$.pop();
 }
-//#endregion
 export { CarouselRoot as n, Carousel$1 as t };

package/dist/{Checkbox-z4EXYH9a.mjs → Checkbox-DMjIIQFH.mjs}

@@ -1,10 +1,10 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Checkbox } from "@ark-ui/svelte/checkbox";
-//#region src/components/checkbox/CheckboxRoot.svelte
+// src/components/checkbox/CheckboxRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -40,8 +40,7 @@ function CheckboxRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/checkbox/Checkbox.svelte
+// src/components/checkbox/Checkbox.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -122,5 +121,4 @@ function Checkbox$1($$anchor, $$props) {
 		$$slots: { default: true }
 	}));
 }
-//#endregion
 export { CheckboxRoot as n, Checkbox$1 as t };

package/dist/{checkbox-group-DESN0Y8Y.mjs → CheckboxGroup-D2rQc9D9.mjs}

@@ -1,11 +1,11 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { useFieldContext } from "@ark-ui/svelte/field";
 import { Checkbox } from "@ark-ui/svelte/checkbox";
-//#region src/components/checkbox-group/CheckboxGroup.svelte
+// src/components/checkbox-group/CheckboxGroup.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -18,12 +18,13 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"disabled"
 ]);
 var root = $.from_html(`<!> <!> <!>`, 1);
-function CheckboxGroup$1($$anchor, $$props) {
-	const uid = $.props_id();
+function CheckboxGroup($$anchor, $$props) {
+	const generatedId = $.props_id();
 	$.push($$props, true);
 	injectComponentStyle("checkbox-group");
 	let value = $.prop($$props, "value", 15), layout = $.prop($$props, "layout", 3, "vertical"), 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 uid = $.derived(() => useElementId("checkbox-group", generatedId, $$props.id));
 	const isInvalid = $.derived(() => invalid() || field?.()?.invalid === true);
 	const isDisabled = $.derived(() => disabled() || field?.()?.disabled === true);
 	var fragment = $.comment();
@@ -61,8 +62,8 @@ function CheckboxGroup$1($$anchor, $$props) {
 						var node_2 = $.first_child(fragment_2);
 						{
 							let $0 = $.derived(() => ({
-								label: `${uid}:${$.get(option).value}:label`,
-								hiddenInput: `${uid}:${$.get(option).value}:input`
+								label: `${$.get(uid)}:${$.get(option).value}:label`,
+								hiddenInput: `${$.get(uid)}:${$.get(option).value}:input`
 							}));
 							let $1 = $.derived(() => $.get(option).disabled === true);
 							$.component(node_2, () => Checkbox.Root, ($$anchor, ArkCheckbox_Root) => {
@@ -133,11 +134,4 @@ function CheckboxGroup$1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/checkbox-group/index.ts
-/** One question, many answers: a labelled stack (or row) of the
-* seal-cut checkboxes bound to a single array. */
-const CheckboxGroup = withSelfRoot(CheckboxGroup$1);
-injectComponentStyle("checkbox");
-//#endregion
 export { CheckboxGroup as t };

package/dist/{ChevronIcon-hvMd0d_i.mjs → ChevronIcon-O4SEvOw3.mjs}

@@ -1,10 +1,9 @@
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import "svelte/internal/client";
 import "svelte/internal/flags/legacy";
-//#region src/components/ai/ChevronIcon.svelte
+// src/components/ai/ChevronIcon.svelte
 function ChevronIcon($$anchor) {
 	InternalIcon($$anchor, { name: "chevron-right" });
 }
-//#endregion
 export { ChevronIcon as t };