@bysages/svelte 0.3.0 → 0.4.0

package/dist/Marquee-DWGGrLlz.mjs

@@ -0,0 +1,123 @@
+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 { Marquee } from "@ark-ui/svelte/marquee";
+//#region src/components/marquee/MarqueeRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"children"
+]);
+function MarqueeRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("marquee");
+	let ref = $.prop($$props, "ref", 15, null), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("marquee", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Marquee.Root, ($$anchor, ArkMarquee_Root) => {
+		ArkMarquee_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/marquee/Marquee.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"spacing",
+	"speed",
+	"label",
+	"children"
+]);
+var root = $.from_html(`<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 3 3 9l9 12 9-12-9-6Z"></path></svg> <span> </span>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function Marquee$1($$anchor, $$props) {
+	$.push($$props, true);
+	let rest = $.rest_props($$props, rest_excludes);
+	const labels = $.derived(() => $$props.items.map((item) => typeof item === "string" ? item : item.label));
+	MarqueeRoot($$anchor, $.spread_props({
+		get "aria-label"() {
+			return $$props.label;
+		},
+		get spacing() {
+			return $$props.spacing;
+		},
+		get speed() {
+			return $$props.speed;
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Marquee.Viewport, ($$anchor, ArkMarquee_Viewport) => {
+				ArkMarquee_Viewport($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => Marquee.Content, ($$anchor, ArkMarquee_Content) => {
+							ArkMarquee_Content($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_3 = $.comment();
+									var node_2 = $.first_child(fragment_3);
+									$.each(node_2, 19, () => $.get(labels), (item, index) => `${item}-${index}`, ($$anchor, item) => {
+										var fragment_4 = $.comment();
+										var node_3 = $.first_child(fragment_4);
+										$.component(node_3, () => Marquee.Item, ($$anchor, ArkMarquee_Item) => {
+											ArkMarquee_Item($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_5 = root();
+													var span = $.sibling($.first_child(fragment_5), 2);
+													var text = $.only_child(span, true);
+													$.template_effect(() => $.set_text(text, $.get(item)));
+													$.append($$anchor, fragment_5);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_4);
+									});
+									$.append($$anchor, fragment_3);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_4 = $.sibling(node, 2);
+			$.snippet(node_4, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { MarqueeRoot as n, Marquee$1 as t };

package/dist/Menu-bJv3fB0Z.mjs

@@ -0,0 +1,200 @@
+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 { Portal } from "@ark-ui/svelte/portal";
+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$2 = /* @__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$2);
+	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$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function MenuRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("menu");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("menu", generatedId, $$props.id));
+	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, {
+			get id() {
+				return $.get(id);
+			},
+			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/Menu.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"trigger",
+	"items",
+	"disabled",
+	"placement",
+	"onSelect",
+	"children"
+]);
+var root = $.from_html(` <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function Menu$1($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15), disabled = $.prop($$props, "disabled", 3, false), placement = $.prop($$props, "placement", 3, "bottom-start"), rest = $.rest_props($$props, rest_excludes);
+	{
+		let $0 = $.derived(() => ({ placement: placement() }));
+		MenuRoot($$anchor, $.spread_props({
+			get positioning() {
+				return $.get($0);
+			},
+			onSelect: (details) => $$props.onSelect?.(details.value)
+		}, () => rest, {
+			get open() {
+				return open();
+			},
+			set open($$value) {
+				open($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root_1();
+				var node = $.first_child(fragment_1);
+				$.component(node, () => Menu.Trigger, ($$anchor, ArkMenu_Trigger) => {
+					ArkMenu_Trigger($$anchor, {
+						get disabled() {
+							return disabled();
+						},
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var fragment_2 = root();
+							var text = $.first_child(fragment_2);
+							var node_1 = $.sibling(text);
+							$.component(node_1, () => Menu.Indicator, ($$anchor, ArkMenu_Indicator) => {
+								ArkMenu_Indicator($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										InternalIcon($$anchor, { name: "chevron-down" });
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.template_effect(() => $.set_text(text, `${$$props.trigger ?? ""} `));
+							$.append($$anchor, fragment_2);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_2 = $.sibling(node, 2);
+				Portal(node_2, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = $.comment();
+						var node_3 = $.first_child(fragment_4);
+						$.component(node_3, () => Menu.Positioner, ($$anchor, ArkMenu_Positioner) => {
+							ArkMenu_Positioner($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									MenuContent($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_6 = root_1();
+											var node_4 = $.first_child(fragment_6);
+											$.each(node_4, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
+												var fragment_7 = $.comment();
+												var node_5 = $.first_child(fragment_7);
+												$.component(node_5, () => Menu.Item, ($$anchor, ArkMenu_Item) => {
+													ArkMenu_Item($$anchor, {
+														get value() {
+															return $.get(item).value;
+														},
+														get disabled() {
+															return $.get(item).disabled;
+														},
+														children: ($$anchor, $$slotProps) => {
+															$.next();
+															var text_1 = $.text();
+															$.template_effect(() => $.set_text(text_1, $.get(item).label));
+															$.append($$anchor, text_1);
+														},
+														$$slots: { default: true }
+													});
+												});
+												$.append($$anchor, fragment_7);
+											});
+											var node_6 = $.sibling(node_4, 2);
+											$.snippet(node_6, () => $$props.children ?? $.noop);
+											$.append($$anchor, fragment_6);
+										},
+										$$slots: { default: true }
+									});
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	}
+	$.pop();
+}
+//#endregion
+export { MenuRoot as n, MenuContent as r, Menu$1 as t };

package/dist/{menubar-Crrkg2tZ.mjs → Menubar-D-UDLqtm.mjs}

@@ -14,9 +14,10 @@ var rest_excludes = /* @__PURE__ */ new Set([
 var root = $.from_html(`<button> </button>`);
 var root_1 = $.from_html(`<!> <!>`, 1);
 var root_2 = $.from_html(`<div></div>`);
-function Menubar$1($$anchor, $$props) {
+function Menubar($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("menubar");
+	injectComponentStyle("menu");
 	let items = $.prop($$props, "items", 19, () => []), rest = $.rest_props($$props, rest_excludes);
 	var div = root_2();
 	$.attribute_effect(div, () => ({
@@ -40,6 +41,7 @@ function Menubar$1($$anchor, $$props) {
 							$.attribute_effect(button, ($0) => ({
 								...$0,
 								type: "button",
+								role: "menuitem",
 								"data-scope": "menubar",
 								"data-part": "trigger"
 							}), [() => props()()]);
@@ -134,15 +136,4 @@ function Menubar$1($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/menubar/index.ts
-/** A desktop-style menu bar: a row of quiet ghost triggers, each
-* opening the same paper vessel as the menu family. The triggers are
-* our own buttons grafted onto the menu machine's trigger via
-* `asChild` — the machine keeps the trigger element (positioning,
-* focus restore, `data-state`) while the element wears the menubar
-* scope. The popups keep the menu parts untouched, so the menu
-* stylesheet dresses them. */
-const Menubar = Menubar$1;
-injectComponentStyle("menu");
-//#endregion
 export { Menubar as t };

package/dist/NavigationMenu-CgC0GMdq.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 { NavigationMenu } from "@ark-ui/svelte/navigation-menu";
+//#region src/components/navigation-menu/NavigationMenuLink.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function NavigationMenuLink($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("navigation-menu");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => NavigationMenu.Link, ($$anchor, ArkNavigationMenu_Link) => {
+		ArkNavigationMenu_Link($$anchor, $.spread_props(() => rest, {
+			"data-motion": "ink-ripple",
+			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/navigation-menu/NavigationMenuRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"value",
+	"children"
+]);
+function NavigationMenuRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("navigation-menu");
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("navigation-menu", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => NavigationMenu.Root, ($$anchor, ArkNavigationMenu_Root) => {
+		ArkNavigationMenu_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get value() {
+				return value();
+			},
+			set value($$value) {
+				value($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/navigation-menu/NavigationMenu.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"orientation",
+	"children"
+]);
+var root = $.from_html(`<span> </span>`);
+var root_1 = $.from_html(`<span> </span> <!>`, 1);
+var root_2 = $.from_html(`<!> <!>`, 1);
+function NavigationMenu$1($$anchor, $$props) {
+	let orientation = $.prop($$props, "orientation", 3, "horizontal"), rest = $.rest_props($$props, rest_excludes);
+	NavigationMenuRoot($$anchor, $.spread_props({ get orientation() {
+		return orientation();
+	} }, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_2();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => NavigationMenu.List, ($$anchor, ArkNavigationMenu_List) => {
+				ArkNavigationMenu_List($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.each(node_1, 17, () => $$props.items, (item) => item.href, ($$anchor, item) => {
+							var fragment_3 = $.comment();
+							var node_2 = $.first_child(fragment_3);
+							$.component(node_2, () => NavigationMenu.Item, ($$anchor, ArkNavigationMenu_Item) => {
+								ArkNavigationMenu_Item($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										NavigationMenuLink($$anchor, {
+											get href() {
+												return $.get(item).href;
+											},
+											get current() {
+												return $.get(item).current;
+											},
+											children: ($$anchor, $$slotProps) => {
+												var fragment_5 = root_1();
+												var span = $.first_child(fragment_5);
+												var text = $.only_child(span, true);
+												var node_3 = $.sibling(span, 2);
+												var consequent = ($$anchor) => {
+													var span_1 = root();
+													var text_1 = $.only_child(span_1, true);
+													$.template_effect(() => $.set_text(text_1, $.get(item).description));
+													$.append($$anchor, span_1);
+												};
+												$.if(node_3, ($$render) => {
+													if ($.get(item).description) $$render(consequent);
+												});
+												$.template_effect(() => $.set_text(text, $.get(item).label));
+												$.append($$anchor, fragment_5);
+											},
+											$$slots: { default: true }
+										});
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_3);
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_4 = $.sibling(node, 2);
+			$.snippet(node_4, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { NavigationMenuRoot as n, NavigationMenuLink as r, NavigationMenu$1 as t };

package/dist/NumberInput-OX9IP5KS.mjs

@@ -0,0 +1,174 @@
+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 { NumberInput } from "@ark-ui/svelte/number-input";
+//#region src/components/number-input/NumberInputRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function NumberInputRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("number-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("number-input", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => NumberInput.Root, ($$anchor, ArkNumberInput_Root) => {
+		ArkNumberInput_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/number-input/NumberInput.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"placeholder",
+	"min",
+	"max",
+	"step",
+	"disabled",
+	"invalid",
+	"required",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function NumberInput$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), rest = $.rest_props($$props, rest_excludes);
+	NumberInputRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get placeholder() {
+			return $$props.placeholder;
+		},
+		get min() {
+			return $$props.min;
+		},
+		get max() {
+			return $$props.max;
+		},
+		get step() {
+			return $$props.step;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get invalid() {
+			return invalid();
+		},
+		get required() {
+			return required();
+		}
+	}, () => 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, () => NumberInput.Label, ($$anchor, ArkNumberInput_Label) => {
+					ArkNumberInput_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, () => NumberInput.Control, ($$anchor, ArkNumberInput_Control) => {
+				ArkNumberInput_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = root();
+						var node_3 = $.first_child(fragment_4);
+						$.component(node_3, () => NumberInput.Input, ($$anchor, ArkNumberInput_Input) => {
+							ArkNumberInput_Input($$anchor, { get placeholder() {
+								return $$props.placeholder;
+							} });
+						});
+						var node_4 = $.sibling(node_3, 2);
+						$.component(node_4, () => NumberInput.Scrubber, ($$anchor, ArkNumberInput_Scrubber) => {
+							ArkNumberInput_Scrubber($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "pause" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						var node_5 = $.sibling(node_4, 2);
+						$.component(node_5, () => NumberInput.IncrementTrigger, ($$anchor, ArkNumberInput_IncrementTrigger) => {
+							ArkNumberInput_IncrementTrigger($$anchor, {
+								"aria-label": "Increment",
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "chevron-up" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						var node_6 = $.sibling(node_5, 2);
+						$.component(node_6, () => NumberInput.DecrementTrigger, ($$anchor, ArkNumberInput_DecrementTrigger) => {
+							ArkNumberInput_DecrementTrigger($$anchor, {
+								"aria-label": "Decrement",
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "chevron-down" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.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 { NumberInputRoot as n, NumberInput$1 as t };