@bysages/svelte 0.2.0 → 0.2.2

package/dist/TreeViewRoot-CWHR4O1k.mjs

@@ -0,0 +1,946 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { getContext, setContext, tick } from "svelte";
+import { Combobox } from "@ark-ui/svelte/combobox";
+import { AngleSlider } from "@ark-ui/svelte/angle-slider";
+import { DatePicker } from "@ark-ui/svelte/date-picker";
+import { Checkbox } from "@ark-ui/svelte/checkbox";
+import { Clipboard } from "@ark-ui/svelte/clipboard";
+import { ColorPicker } from "@ark-ui/svelte/color-picker";
+import { DateInput } from "@ark-ui/svelte/date-input";
+import { Editable } from "@ark-ui/svelte/editable";
+import { FileUpload } from "@ark-ui/svelte/file-upload";
+import { Listbox } from "@ark-ui/svelte/listbox";
+import { Menu } from "@ark-ui/svelte/menu";
+import { NumberInput } from "@ark-ui/svelte/number-input";
+import { Pagination } from "@ark-ui/svelte/pagination";
+import { PasswordInput } from "@ark-ui/svelte/password-input";
+import { PinInput } from "@ark-ui/svelte/pin-input";
+import { Progress } from "@ark-ui/svelte/progress";
+import { RadioGroup } from "@ark-ui/svelte/radio-group";
+import { RatingGroup } from "@ark-ui/svelte/rating-group";
+import { SegmentGroup } from "@ark-ui/svelte/segment-group";
+import { Select } from "@ark-ui/svelte/select";
+import { Slider } from "@ark-ui/svelte/slider";
+import { Steps } from "@ark-ui/svelte/steps";
+import { Switch } from "@ark-ui/svelte/switch";
+import { Tabs } from "@ark-ui/svelte/tabs";
+import { TagsInput } from "@ark-ui/svelte/tags-input";
+import { ToggleGroup } from "@ark-ui/svelte/toggle-group";
+import { TreeView } from "@ark-ui/svelte/tree-view";
+//#region src/components/mentions/use-mentions.svelte
+function useMentions(options, textarea, handlers) {
+	const state = $.proxy({
+		open: false,
+		matches: [],
+		active: 0
+	});
+	let anchorIndex = 0;
+	let caretIndex = 0;
+	function closePopup() {
+		state.open = false;
+		state.matches = [];
+	}
+	function detect() {
+		const text = handlers.getText();
+		const caret = textarea()?.selectionStart ?? text.length;
+		caretIndex = caret;
+		const head = text.slice(0, caret);
+		const char = options().trigger ?? "@";
+		const anchor = head.lastIndexOf(char);
+		const token = anchor === -1 ? "" : head.slice(anchor + char.length);
+		if (anchor === -1 || /\s/.test(token)) {
+			closePopup();
+			return;
+		}
+		const found = options().items.filter((entry) => entry.label.toLowerCase().startsWith(token.toLowerCase()));
+		state.matches = found;
+		state.active = 0;
+		anchorIndex = anchor;
+		state.open = found.length > 0;
+	}
+	async function insert(entry) {
+		const text = handlers.getText();
+		const char = options().trigger ?? "@";
+		const next = text.slice(0, anchorIndex) + char + entry.label + " " + text.slice(caretIndex);
+		handlers.setText(next);
+		closePopup();
+		await tick();
+		const el = textarea();
+		if (!el) return;
+		const caret = anchorIndex + char.length + entry.label.length + 1;
+		el.focus();
+		el.setSelectionRange(caret, caret);
+	}
+	/** Feed the field's input events through here — the vessel watches
+	* the text as it lands, from the element itself. */
+	function onInput() {
+		detect();
+	}
+	/** Arrows move, Enter inserts, Escape dismisses. Answers `true` when
+	* the vessel consumed the key. */
+	function onKeydown(event) {
+		if (!state.open || state.matches.length === 0) return false;
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			state.active = (state.active + 1) % state.matches.length;
+		} else if (event.key === "ArrowUp") {
+			event.preventDefault();
+			state.active = (state.active - 1 + state.matches.length) % state.matches.length;
+		} else if (event.key === "Enter") {
+			event.preventDefault();
+			insert(state.matches[state.active]);
+		} else if (event.key === "Escape") closePopup();
+		else return false;
+		return true;
+	}
+	return {
+		get open() {
+			return state.open;
+		},
+		set open(value) {
+			state.open = value;
+		},
+		get matches() {
+			return state.matches;
+		},
+		get active() {
+			return state.active;
+		},
+		set active(value) {
+			state.active = value;
+		},
+		insert,
+		close: closePopup,
+		onInput,
+		onKeydown
+	};
+}
+//#endregion
+//#region src/components/angle-slider/AngleSliderRoot.svelte
+var rest_excludes$27 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function AngleSliderRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$27);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => AngleSlider.Root, ($$anchor, ArkAngleSlider_Root) => {
+		ArkAngleSlider_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/checkbox/CheckboxRoot.svelte
+var rest_excludes$26 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function CheckboxRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$26);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Checkbox.Root, ($$anchor, ArkCheckbox_Root) => {
+		ArkCheckbox_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/clipboard/ClipboardRoot.svelte
+var rest_excludes$25 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ClipboardRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$25);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Clipboard.Root, ($$anchor, ArkClipboard_Root) => {
+		ArkClipboard_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/color-picker/ColorPickerRoot.svelte
+var rest_excludes$24 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ColorPickerRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$24);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => ColorPicker.Root, ($$anchor, ArkColorPicker_Root) => {
+		ArkColorPicker_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/combobox/ComboboxRoot.svelte
+var rest_excludes$23 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ComboboxRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$23);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Combobox.Root, ($$anchor, ArkCombobox_Root) => {
+		ArkCombobox_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/date-input/DateInputRoot.svelte
+var rest_excludes$22 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function DateInputRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$22);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => DateInput.Root, ($$anchor, ArkDateInput_Root) => {
+		ArkDateInput_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/date-picker/DatePickerRoot.svelte
+var rest_excludes$21 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function DatePickerRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$21);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => DatePicker.Root, ($$anchor, ArkDatePicker_Root) => {
+		ArkDatePicker_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/editable/EditableRoot.svelte
+var rest_excludes$20 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function EditableRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$20);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Editable.Root, ($$anchor, ArkEditable_Root) => {
+		ArkEditable_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/file-upload/FileUploadRoot.svelte
+var rest_excludes$19 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function FileUploadRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$19);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => FileUpload.Root, ($$anchor, ArkFileUpload_Root) => {
+		ArkFileUpload_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/listbox/ListboxRoot.svelte
+var rest_excludes$18 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ListboxRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$18);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Listbox.Root, ($$anchor, ArkListbox_Root) => {
+		ArkListbox_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/menu/context.ts
+/** The row rung rides the context because Ark's Root renders no DOM of
+* its own — the vessel (Content) is the element the rung can land on,
+* and the Portal breaks CSS ancestry between the two. */
+const MENU_SIZE_KEY = Symbol("menu-size");
+//#endregion
+//#region src/components/menu/MenuContent.svelte
+var rest_excludes$17 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function MenuContent($$anchor, $$props) {
+	$.push($$props, true);
+	const size = getContext(MENU_SIZE_KEY, () => () => "md");
+	let rest = $.rest_props($$props, rest_excludes$17);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(size);
+		$.component(node, () => Menu.Content, ($$anchor, ArkMenu_Content) => {
+			ArkMenu_Content($$anchor, $.spread_props(() => rest, {
+				get "data-size"() {
+					return $.get($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);
+	$.pop();
+}
+//#endregion
+//#region src/components/menu/MenuRoot.svelte
+var rest_excludes$16 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function MenuRoot($$anchor, $$props) {
+	$.push($$props, true);
+	/** The row rung rides the context because Ark's Root renders no DOM of
+	* its own — the vessel (Content) is the element the rung can land on,
+	* and the Portal breaks CSS ancestry between the two. */
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$16);
+	setContext(MENU_SIZE_KEY, () => size());
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Menu.Root, ($$anchor, ArkMenu_Root) => {
+		ArkMenu_Root($$anchor, $.spread_props(() => rest, {
+			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/number-input/NumberInputRoot.svelte
+var rest_excludes$15 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function NumberInputRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$15);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => NumberInput.Root, ($$anchor, ArkNumberInput_Root) => {
+		ArkNumberInput_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/pagination/PaginationRoot.svelte
+var rest_excludes$14 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PaginationRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$14);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Pagination.Root, ($$anchor, ArkPagination_Root) => {
+		ArkPagination_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/password-input/PasswordInputRoot.svelte
+var rest_excludes$13 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PasswordInputRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$13);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => PasswordInput.Root, ($$anchor, ArkPasswordInput_Root) => {
+		ArkPasswordInput_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/pin-input/PinInputRoot.svelte
+var rest_excludes$12 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PinInputRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$12);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => PinInput.Root, ($$anchor, ArkPinInput_Root) => {
+		ArkPinInput_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/progress/ProgressRoot.svelte
+var rest_excludes$11 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ProgressRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$11);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Progress.Root, ($$anchor, ArkProgress_Root) => {
+		ArkProgress_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/radio-group/RadioGroupRoot.svelte
+var rest_excludes$10 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function RadioGroupRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$10);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => RadioGroup.Root, ($$anchor, ArkRadioGroup_Root) => {
+		ArkRadioGroup_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/rating-group/RatingGroupRoot.svelte
+var rest_excludes$9 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function RatingGroupRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$9);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => RatingGroup.Root, ($$anchor, ArkRatingGroup_Root) => {
+		ArkRatingGroup_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/segment-group/SegmentGroupRoot.svelte
+var rest_excludes$8 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SegmentGroupRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$8);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => SegmentGroup.Root, ($$anchor, ArkSegmentGroup_Root) => {
+		ArkSegmentGroup_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/select/SelectRoot.svelte
+var rest_excludes$7 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SelectRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$7);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Select.Root, ($$anchor, ArkSelect_Root) => {
+		ArkSelect_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/slider/SliderRoot.svelte
+var rest_excludes$6 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SliderRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$6);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Slider.Root, ($$anchor, ArkSlider_Root) => {
+		ArkSlider_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/steps/StepsRoot.svelte
+var rest_excludes$5 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function StepsRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$5);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Steps.Root, ($$anchor, ArkSteps_Root) => {
+		ArkSteps_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/switch/SwitchRoot.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SwitchRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$4);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Switch.Root, ($$anchor, ArkSwitch_Root) => {
+		ArkSwitch_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/tabs/TabsRoot.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function TabsRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$3);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Tabs.Root, ($$anchor, ArkTabs_Root) => {
+		ArkTabs_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/tags-input/TagsInputRoot.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function TagsInputRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$2);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => TagsInput.Root, ($$anchor, ArkTagsInput_Root) => {
+		ArkTagsInput_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/toggle-group/ToggleGroupRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ToggleGroupRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => ToggleGroup.Root, ($$anchor, ArkToggleGroup_Root) => {
+		ArkToggleGroup_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+//#region src/components/tree-view/TreeViewRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function TreeViewRoot($$anchor, $$props) {
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => TreeView.Root, ($$anchor, ArkTreeView_Root) => {
+		ArkTreeView_Root($$anchor, $.spread_props(() => rest, {
+			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);
+}
+//#endregion
+export { DateInputRoot as C, CheckboxRoot as D, ClipboardRoot as E, AngleSliderRoot as O, DatePickerRoot as S, ColorPickerRoot as T, MenuRoot as _, SwitchRoot as a, FileUploadRoot as b, SelectRoot as c, RadioGroupRoot as d, ProgressRoot as f, NumberInputRoot as g, PaginationRoot as h, TabsRoot as i, useMentions as k, SegmentGroupRoot as l, PasswordInputRoot as m, ToggleGroupRoot as n, StepsRoot as o, PinInputRoot as p, TagsInputRoot as r, SliderRoot as s, TreeViewRoot as t, RatingGroupRoot as u, MenuContent as v, ComboboxRoot as w, EditableRoot as x, ListboxRoot as y };