@bysages/svelte 0.2.2 → 0.3.0

package/dist/MenuRoot-C4zG0iw2.mjs

@@ -0,0 +1,80 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { getContext, setContext } from "svelte";
+import { Menu } from "@ark-ui/svelte/menu";
+//#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$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function MenuContent($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("menu");
+	const size = getContext(MENU_SIZE_KEY, () => () => "md");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	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 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function MenuRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("menu");
+	/** 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);
+	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
+export { MenuContent as n, MenuRoot as t };

package/dist/NumberInputRoot-BQz2HHGb.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { NumberInput } from "@ark-ui/svelte/number-input";
+//#region src/components/number-input/NumberInputRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function NumberInputRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("number-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { NumberInputRoot as t };

package/dist/PaginationRoot-DnXcEZCa.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Pagination } from "@ark-ui/svelte/pagination";
+//#region src/components/pagination/PaginationRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PaginationRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("pagination");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { PaginationRoot as t };

package/dist/PasswordInputRoot-4yR0Aig4.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { PasswordInput } from "@ark-ui/svelte/password-input";
+//#region src/components/password-input/PasswordInputRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PasswordInputRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("password-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { PasswordInputRoot as t };

package/dist/PinInputRoot-B8fTxTlv.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { PinInput } from "@ark-ui/svelte/pin-input";
+//#region src/components/pin-input/PinInputRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PinInputRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("pin-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { PinInputRoot as t };

package/dist/ProgressRoot-DwhwW31T.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Progress } from "@ark-ui/svelte/progress";
+//#region src/components/progress/ProgressRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ProgressRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("progress");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { ProgressRoot as t };

package/dist/RadioGroupRoot-BD_mxWjX.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { RadioGroup } from "@ark-ui/svelte/radio-group";
+//#region src/components/radio-group/RadioGroupRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function RadioGroupRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("radio-group");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { RadioGroupRoot as t };

package/dist/RatingGroupRoot-iUWUAKtV.mjs

@@ -0,0 +1,37 @@
+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 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function RatingGroupRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("rating-group");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { RatingGroupRoot as t };

package/dist/SegmentGroupRoot-798Amg4S.mjs

@@ -0,0 +1,37 @@
+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 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SegmentGroupRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("segment-group");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { SegmentGroupRoot as t };

package/dist/SelectRoot-l-rb18FH.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Select } from "@ark-ui/svelte/select";
+//#region src/components/select/SelectRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SelectRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("select");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { SelectRoot as t };

package/dist/SliderRoot-BBIlf6Uw.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Slider } from "@ark-ui/svelte/slider";
+//#region src/components/slider/SliderRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SliderRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("slider");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { SliderRoot as t };

package/dist/Spinner-sd__23WT.mjs

@@ -0,0 +1,33 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/spinner/Spinner.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+var root = $.from_html(`<span><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-opacity="0.2" stroke-width="2.5"></circle><path d="M21 12a9 9 0 0 0-9-9" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path></svg> <!></span>`);
+function Spinner($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("spinner");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	var span = root();
+	$.attribute_effect(span, () => ({
+		...rest,
+		role: "status",
+		"aria-label": rest["aria-label"] ?? "Loading",
+		"data-scope": "spinner",
+		"data-part": "root",
+		"data-size": size()
+	}));
+	var node = $.sibling($.child(span), 2);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+export { Spinner as t };

package/dist/StepsRoot-Dg_3-lRb.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Steps } from "@ark-ui/svelte/steps";
+//#region src/components/steps/StepsRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function StepsRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("steps");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { StepsRoot as t };

package/dist/SwitchRoot-C7rPmjEA.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Switch } from "@ark-ui/svelte/switch";
+//#region src/components/switch/SwitchRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function SwitchRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("switch");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { SwitchRoot as t };

package/dist/TabsRoot-DXd41HqW.mjs

@@ -0,0 +1,41 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Tabs } from "@ark-ui/svelte/tabs";
+//#region src/components/tabs/TabsRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"variant",
+	"children"
+]);
+function TabsRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("tabs");
+	let size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "line"), rest = $.rest_props($$props, rest_excludes);
+	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();
+			},
+			get "data-variant"() {
+				return variant();
+			},
+			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
+export { TabsRoot as t };

package/dist/TagsInputRoot-COSQdHRz.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { TagsInput } from "@ark-ui/svelte/tags-input";
+//#region src/components/tags-input/TagsInputRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function TagsInputRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("tags-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	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);
+	$.pop();
+}
+//#endregion
+export { TagsInputRoot as t };