@bysages/svelte 0.3.0 → 0.4.0

package/dist/RatingGroup-Bkliw7CU.mjs

@@ -0,0 +1,157 @@
+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 { RatingGroup } from "@ark-ui/svelte/rating-group";
+//#region src/components/rating-group/RatingGroupRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function RatingGroupRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("rating-group");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("rating-group", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => RatingGroup.Root, ($$anchor, ArkRatingGroup_Root) => {
+		ArkRatingGroup_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/rating-group/RatingGroup.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"count",
+	"disabled",
+	"readOnly",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function RatingGroup$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), defaultValue = $.prop($$props, "defaultValue", 3, 0), count = $.prop($$props, "count", 3, 5), disabled = $.prop($$props, "disabled", 3, false), readOnly = $.prop($$props, "readOnly", 3, false), rest = $.rest_props($$props, rest_excludes);
+	RatingGroupRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return defaultValue();
+		},
+		get count() {
+			return count();
+		},
+		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, () => RatingGroup.Label, ($$anchor, ArkRatingGroup_Label) => {
+					ArkRatingGroup_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, () => RatingGroup.Control, ($$anchor, ArkRatingGroup_Control) => {
+				ArkRatingGroup_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = root();
+						var node_3 = $.first_child(fragment_4);
+						{
+							const render = ($$anchor, api = $.noop) => {
+								var fragment_5 = $.comment();
+								var node_4 = $.first_child(fragment_5);
+								$.each(node_4, 16, () => api()().items, (item) => item, ($$anchor, item) => {
+									var fragment_6 = $.comment();
+									var node_5 = $.first_child(fragment_6);
+									$.component(node_5, () => RatingGroup.Item, ($$anchor, ArkRatingGroup_Item) => {
+										ArkRatingGroup_Item($$anchor, {
+											get index() {
+												return item;
+											},
+											children: ($$anchor, $$slotProps) => {
+												InternalIcon($$anchor, { name: "star" });
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_6);
+								});
+								$.append($$anchor, fragment_5);
+							};
+							$.component(node_3, () => RatingGroup.Context, ($$anchor, ArkRatingGroup_Context) => {
+								ArkRatingGroup_Context($$anchor, {
+									render,
+									$$slots: { render: true }
+								});
+							});
+						}
+						var node_6 = $.sibling(node_3, 2);
+						$.component(node_6, () => RatingGroup.HiddenInput, ($$anchor, ArkRatingGroup_HiddenInput) => {
+							ArkRatingGroup_HiddenInput($$anchor, {});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_7 = $.sibling(node_2, 2);
+			$.snippet(node_7, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { RatingGroupRoot as n, RatingGroup$1 as t };

package/dist/ScrollArea-BtAH_cdM.mjs

@@ -0,0 +1,115 @@
+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 { ScrollArea } from "@ark-ui/svelte/scroll-area";
+//#region src/components/scroll-area/ScrollAreaRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"children"
+]);
+function ScrollAreaRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("scroll-area");
+	let ref = $.prop($$props, "ref", 15, null), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("scroll-area", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => ScrollArea.Root, ($$anchor, ArkScrollArea_Root) => {
+		ArkScrollArea_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/scroll-area/ScrollArea.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"orientation",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+function ScrollArea$1($$anchor, $$props) {
+	let orientation = $.prop($$props, "orientation", 3, "vertical"), rest = $.rest_props($$props, rest_excludes);
+	const orientations = $.derived(() => orientation() === "both" ? ["vertical", "horizontal"] : [orientation()]);
+	ScrollAreaRoot($$anchor, $.spread_props(() => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => ScrollArea.Viewport, ($$anchor, ArkScrollArea_Viewport) => {
+				ArkScrollArea_Viewport($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => ScrollArea.Content, ($$anchor, ArkScrollArea_Content) => {
+							ArkScrollArea_Content($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_3 = $.comment();
+									var node_2 = $.first_child(fragment_3);
+									$.snippet(node_2, () => $$props.children ?? $.noop);
+									$.append($$anchor, fragment_3);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_3 = $.sibling(node, 2);
+			$.each(node_3, 16, () => $.get(orientations), (item) => item, ($$anchor, item) => {
+				var fragment_4 = $.comment();
+				var node_4 = $.first_child(fragment_4);
+				$.component(node_4, () => ScrollArea.Scrollbar, ($$anchor, ArkScrollArea_Scrollbar) => {
+					ArkScrollArea_Scrollbar($$anchor, {
+						get orientation() {
+							return item;
+						},
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = $.comment();
+							var node_5 = $.first_child(fragment_5);
+							$.component(node_5, () => ScrollArea.Thumb, ($$anchor, ArkScrollArea_Thumb) => {
+								ArkScrollArea_Thumb($$anchor, {});
+							});
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_4);
+			});
+			var node_6 = $.sibling(node_3, 2);
+			$.component(node_6, () => ScrollArea.Corner, ($$anchor, ArkScrollArea_Corner) => {
+				ArkScrollArea_Corner($$anchor, {});
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { ScrollAreaRoot as n, ScrollArea$1 as t };

package/dist/SegmentGroup-BnHGitgF.mjs

@@ -0,0 +1,158 @@
+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 { SegmentGroup } from "@ark-ui/svelte/segment-group";
+//#region src/components/segment-group/SegmentGroupRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SegmentGroupRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("segment-group");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("segment-group", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => SegmentGroup.Root, ($$anchor, ArkSegmentGroup_Root) => {
+		ArkSegmentGroup_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/segment-group/SegmentGroup.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"items",
+	"label",
+	"disabled",
+	"readOnly",
+	"orientation",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!> <!>`, 1);
+function SegmentGroup$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), disabled = $.prop($$props, "disabled", 3, false), readOnly = $.prop($$props, "readOnly", 3, false), orientation = $.prop($$props, "orientation", 3, "horizontal"), rest = $.rest_props($$props, rest_excludes);
+	SegmentGroupRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get readOnly() {
+			return readOnly();
+		},
+		get orientation() {
+			return orientation();
+		}
+	}, () => 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, () => SegmentGroup.Label, ($$anchor, ArkSegmentGroup_Label) => {
+					ArkSegmentGroup_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, () => SegmentGroup.Indicator, ($$anchor, ArkSegmentGroup_Indicator) => {
+				ArkSegmentGroup_Indicator($$anchor, {});
+			});
+			var node_3 = $.sibling(node_2, 2);
+			$.each(node_3, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
+				var fragment_4 = $.comment();
+				var node_4 = $.first_child(fragment_4);
+				$.component(node_4, () => SegmentGroup.Item, ($$anchor, ArkSegmentGroup_Item) => {
+					ArkSegmentGroup_Item($$anchor, {
+						get value() {
+							return $.get(item).value;
+						},
+						get disabled() {
+							return $.get(item).disabled;
+						},
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = root();
+							var node_5 = $.first_child(fragment_5);
+							$.component(node_5, () => SegmentGroup.ItemText, ($$anchor, ArkSegmentGroup_ItemText) => {
+								ArkSegmentGroup_ItemText($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text_1 = $.text();
+										$.template_effect(() => $.set_text(text_1, $.get(item).label));
+										$.append($$anchor, text_1);
+									},
+									$$slots: { default: true }
+								});
+							});
+							var node_6 = $.sibling(node_5, 2);
+							$.component(node_6, () => SegmentGroup.ItemControl, ($$anchor, ArkSegmentGroup_ItemControl) => {
+								ArkSegmentGroup_ItemControl($$anchor, {});
+							});
+							var node_7 = $.sibling(node_6, 2);
+							$.component(node_7, () => SegmentGroup.ItemHiddenInput, ($$anchor, ArkSegmentGroup_ItemHiddenInput) => {
+								ArkSegmentGroup_ItemHiddenInput($$anchor, {});
+							});
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_4);
+			});
+			var node_8 = $.sibling(node_3, 2);
+			$.snippet(node_8, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { SegmentGroupRoot as n, SegmentGroup$1 as t };

package/dist/Select-CnNtViJ4.mjs

@@ -0,0 +1,263 @@
+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 { Select, createListCollection } from "@ark-ui/svelte/select";
+//#region src/components/select/SelectRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SelectRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("select");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("select", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Select.Root, ($$anchor, ArkSelect_Root) => {
+		ArkSelect_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/select/Select.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"options",
+	"multiple",
+	"label",
+	"placeholder",
+	"disabled",
+	"invalid",
+	"required",
+	"clearable",
+	"closeOnSelect",
+	"value",
+	"defaultValue",
+	"onValueChange",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!> <!> <!>`, 1);
+function Select$1($$anchor, $$props) {
+	$.push($$props, true);
+	let multiple = $.prop($$props, "multiple", 3, false), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), clearable = $.prop($$props, "clearable", 3, true), closeOnSelect = $.prop($$props, "closeOnSelect", 3, true), value = $.prop($$props, "value", 15), rest = $.rest_props($$props, rest_excludes);
+	const collection = $.derived(() => createListCollection({ items: $$props.options }));
+	function toArkValue(value) {
+		if (value === void 0 || value === "") return [];
+		return Array.isArray(value) ? value : [value];
+	}
+	function toFacadeValue(value) {
+		return multiple() ? value : value.at(0) ?? "";
+	}
+	function handleValueChange(details) {
+		const next = toFacadeValue(details.value);
+		value(next);
+		$$props.onValueChange?.(next);
+	}
+	{
+		let $0 = $.derived(() => value() === void 0 ? { defaultValue: toArkValue($$props.defaultValue) } : { value: toArkValue(value()) });
+		SelectRoot($$anchor, $.spread_props({ get collection() {
+			return $.get(collection);
+		} }, () => $.get($0), {
+			get multiple() {
+				return multiple();
+			},
+			get disabled() {
+				return disabled();
+			},
+			get invalid() {
+				return invalid();
+			},
+			get required() {
+				return required();
+			},
+			get closeOnSelect() {
+				return closeOnSelect();
+			},
+			lazyMount: true,
+			unmountOnExit: true,
+			onValueChange: handleValueChange
+		}, () => rest, {
+			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, () => Select.Label, ($$anchor, ArkSelect_Label) => {
+						ArkSelect_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, () => Select.Control, ($$anchor, ArkSelect_Control) => {
+					ArkSelect_Control($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_4 = root();
+							var node_3 = $.first_child(fragment_4);
+							$.component(node_3, () => Select.Trigger, ($$anchor, ArkSelect_Trigger) => {
+								ArkSelect_Trigger($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_5 = root();
+										var node_4 = $.first_child(fragment_5);
+										$.component(node_4, () => Select.ValueText, ($$anchor, ArkSelect_ValueText) => {
+											ArkSelect_ValueText($$anchor, { get placeholder() {
+												return $$props.placeholder;
+											} });
+										});
+										var node_5 = $.sibling(node_4, 2);
+										$.component(node_5, () => Select.Indicator, ($$anchor, ArkSelect_Indicator) => {
+											ArkSelect_Indicator($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													InternalIcon($$anchor, { name: "chevron-down" });
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_5);
+									},
+									$$slots: { default: true }
+								});
+							});
+							var node_6 = $.sibling(node_3, 2);
+							var consequent_1 = ($$anchor) => {
+								var fragment_7 = $.comment();
+								var node_7 = $.first_child(fragment_7);
+								$.component(node_7, () => Select.ClearTrigger, ($$anchor, ArkSelect_ClearTrigger) => {
+									ArkSelect_ClearTrigger($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											InternalIcon($$anchor, { name: "x" });
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_7);
+							};
+							$.if(node_6, ($$render) => {
+								if (clearable()) $$render(consequent_1);
+							});
+							$.append($$anchor, fragment_4);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_8 = $.sibling(node_2, 2);
+				$.component(node_8, () => Select.Positioner, ($$anchor, ArkSelect_Positioner) => {
+					ArkSelect_Positioner($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_9 = $.comment();
+							var node_9 = $.first_child(fragment_9);
+							$.component(node_9, () => Select.Content, ($$anchor, ArkSelect_Content) => {
+								ArkSelect_Content($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_10 = root();
+										var node_10 = $.first_child(fragment_10);
+										$.component(node_10, () => Select.Empty, ($$anchor, ArkSelect_Empty) => {
+											ArkSelect_Empty($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													$.next();
+													var text_1 = $.text("No results found");
+													$.append($$anchor, text_1);
+												},
+												$$slots: { default: true }
+											});
+										});
+										var node_11 = $.sibling(node_10, 2);
+										$.each(node_11, 17, () => $$props.options, (option) => option.value, ($$anchor, option) => {
+											var fragment_11 = $.comment();
+											var node_12 = $.first_child(fragment_11);
+											$.component(node_12, () => Select.Item, ($$anchor, ArkSelect_Item) => {
+												ArkSelect_Item($$anchor, {
+													get item() {
+														return $.get(option);
+													},
+													children: ($$anchor, $$slotProps) => {
+														var fragment_12 = root();
+														var node_13 = $.first_child(fragment_12);
+														$.component(node_13, () => Select.ItemText, ($$anchor, ArkSelect_ItemText) => {
+															ArkSelect_ItemText($$anchor, {
+																children: ($$anchor, $$slotProps) => {
+																	$.next();
+																	var text_2 = $.text();
+																	$.template_effect(() => $.set_text(text_2, $.get(option).label));
+																	$.append($$anchor, text_2);
+																},
+																$$slots: { default: true }
+															});
+														});
+														var node_14 = $.sibling(node_13, 2);
+														$.component(node_14, () => Select.ItemIndicator, ($$anchor, ArkSelect_ItemIndicator) => {
+															ArkSelect_ItemIndicator($$anchor, {
+																children: ($$anchor, $$slotProps) => {
+																	InternalIcon($$anchor, { name: "check" });
+																},
+																$$slots: { default: true }
+															});
+														});
+														$.append($$anchor, fragment_12);
+													},
+													$$slots: { default: true }
+												});
+											});
+											$.append($$anchor, fragment_11);
+										});
+										$.append($$anchor, fragment_10);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_9);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_15 = $.sibling(node_8, 2);
+				$.component(node_15, () => Select.HiddenSelect, ($$anchor, ArkSelect_HiddenSelect) => {
+					ArkSelect_HiddenSelect($$anchor, {});
+				});
+				var node_16 = $.sibling(node_15, 2);
+				$.snippet(node_16, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	}
+	$.pop();
+}
+//#endregion
+export { SelectRoot as n, Select$1 as t };