@bysages/svelte 0.2.1 → 0.2.3

package/dist/AngleSliderRoot-CUe5sgWU.mjs

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

package/dist/CheckboxRoot-BP4ynFLq.mjs

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

package/dist/ChevronIcon-CVJJYda-.mjs

@@ -0,0 +1,11 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import "svelte/internal/flags/legacy";
+//#region src/components/ai/ChevronIcon.svelte
+var root = $.from_svg(`<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
+function ChevronIcon($$anchor) {
+	var svg = root();
+	$.append($$anchor, svg);
+}
+//#endregion
+export { ChevronIcon as t };

package/dist/ClipboardRoot-UmyQFn27.mjs

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

package/dist/ColorPickerRoot-DLgI9s3u.mjs

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

package/dist/ComboboxRoot-BsVcmUOj.mjs

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

package/dist/DateInputRoot-nROaFmB7.mjs

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

package/dist/DatePickerRoot-CkeHEAcG.mjs

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

package/dist/EditableRoot-CLmP5sIH.mjs

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

package/dist/FileUploadRoot-IVcTAZp-.mjs

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

package/dist/Input-Biz4J1B6.mjs

@@ -0,0 +1,39 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { useFieldContext } from "@ark-ui/svelte/field";
+//#region src/components/input/Input.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"size",
+	"invalid"
+]);
+var root = $.from_html(`<input/>`);
+function Input($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("input");
+	let value = $.prop($$props, "value", 15), size = $.prop($$props, "size", 3, "md"), invalid = $.prop($$props, "invalid", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const field = useFieldContext();
+	const fieldProps = $.derived(() => field?.()?.getInputProps() ?? {});
+	var input = root();
+	var event_handler = (event) => {
+		value(event.currentTarget.value);
+	};
+	$.attribute_effect(input, () => ({
+		...$.get(fieldProps),
+		...rest,
+		"data-scope": "input",
+		"data-part": "root",
+		"data-size": size(),
+		"data-invalid": invalid() || $.get(fieldProps)["data-invalid"] != null ? "" : void 0,
+		oninput: event_handler
+	}), void 0, void 0, void 0, void 0, true);
+	$.bind_value(input, value);
+	$.append($$anchor, input);
+	$.pop();
+}
+//#endregion
+export { Input as t };

package/dist/ListboxRoot-DhFAnZ_c.mjs

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

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 };