@bysages/svelte 0.3.1 → 0.4.0

package/dist/use-tour-BLNlDu27.mjs

@@ -0,0 +1,180 @@
+import { t as Button } from "./button-CghWQD3J.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import "svelte/internal/flags/legacy";
+import { Tour, useTour } from "@ark-ui/svelte/tour";
+//#region src/components/tour/TourRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"tour",
+	"children"
+]);
+function TourRoot($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Tour.Root, ($$anchor, ArkTour_Root) => {
+		ArkTour_Root($$anchor, $.spread_props({ get tour() {
+			return $$props.tour;
+		} }, () => 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);
+}
+//#endregion
+//#region src/components/tour/Tour.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"tour",
+	"trigger",
+	"content",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!> <!> <!>`, 1);
+function Tour$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("tour");
+	let trigger = $.prop($$props, "trigger", 3, "Start tour"), rest = $.rest_props($$props, rest_excludes);
+	TourRoot($$anchor, $.spread_props({ get tour() {
+		return $$props.tour;
+	} }, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			Button(node, {
+				size: "sm",
+				onclick: () => $$props.tour().start(),
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text = $.text();
+					$.template_effect(() => $.set_text(text, trigger()));
+					$.append($$anchor, text);
+				},
+				$$slots: { default: true }
+			});
+			var node_1 = $.sibling(node, 2);
+			$.snippet(node_1, () => $$props.children ?? $.noop);
+			var node_2 = $.sibling(node_1, 2);
+			$.component(node_2, () => Tour.Backdrop, ($$anchor, ArkTour_Backdrop) => {
+				ArkTour_Backdrop($$anchor, {});
+			});
+			var node_3 = $.sibling(node_2, 2);
+			$.component(node_3, () => Tour.Spotlight, ($$anchor, ArkTour_Spotlight) => {
+				ArkTour_Spotlight($$anchor, {});
+			});
+			var node_4 = $.sibling(node_3, 2);
+			$.component(node_4, () => Tour.Positioner, ($$anchor, ArkTour_Positioner) => {
+				ArkTour_Positioner($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_3 = $.comment();
+						var node_5 = $.first_child(fragment_3);
+						$.component(node_5, () => Tour.Content, ($$anchor, ArkTour_Content) => {
+							ArkTour_Content($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_4 = $.comment();
+									var node_6 = $.first_child(fragment_4);
+									var consequent = ($$anchor) => {
+										var fragment_5 = $.comment();
+										var node_7 = $.first_child(fragment_5);
+										$.snippet(node_7, () => $$props.content);
+										$.append($$anchor, fragment_5);
+									};
+									var alternate = ($$anchor) => {
+										var fragment_6 = root();
+										var node_8 = $.first_child(fragment_6);
+										$.component(node_8, () => Tour.ProgressText, ($$anchor, ArkTour_ProgressText) => {
+											ArkTour_ProgressText($$anchor, {});
+										});
+										var node_9 = $.sibling(node_8, 2);
+										$.component(node_9, () => Tour.Title, ($$anchor, ArkTour_Title) => {
+											ArkTour_Title($$anchor, {});
+										});
+										var node_10 = $.sibling(node_9, 2);
+										$.component(node_10, () => Tour.Description, ($$anchor, ArkTour_Description) => {
+											ArkTour_Description($$anchor, {});
+										});
+										var node_11 = $.sibling(node_10, 2);
+										$.component(node_11, () => Tour.Control, ($$anchor, ArkTour_Control) => {
+											ArkTour_Control($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_7 = $.comment();
+													var node_12 = $.first_child(fragment_7);
+													{
+														const render = ($$anchor, actions = $.noop) => {
+															var fragment_8 = $.comment();
+															var node_13 = $.first_child(fragment_8);
+															$.each(node_13, 17, actions, (action) => action.label, ($$anchor, action) => {
+																var fragment_9 = $.comment();
+																var node_14 = $.first_child(fragment_9);
+																$.component(node_14, () => Tour.ActionTrigger, ($$anchor, ArkTour_ActionTrigger) => {
+																	ArkTour_ActionTrigger($$anchor, {
+																		get action() {
+																			return $.get(action);
+																		},
+																		children: ($$anchor, $$slotProps) => {
+																			$.next();
+																			var text_1 = $.text();
+																			$.template_effect(() => $.set_text(text_1, $.get(action).label));
+																			$.append($$anchor, text_1);
+																		},
+																		$$slots: { default: true }
+																	});
+																});
+																$.append($$anchor, fragment_9);
+															});
+															$.append($$anchor, fragment_8);
+														};
+														$.component(node_12, () => Tour.Actions, ($$anchor, ArkTour_Actions) => {
+															ArkTour_Actions($$anchor, {
+																render,
+																$$slots: { render: true }
+															});
+														});
+													}
+													$.append($$anchor, fragment_7);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_6);
+									};
+									$.if(node_6, ($$render) => {
+										if ($$props.content) $$render(consequent);
+										else $$render(alternate, -1);
+									});
+									$.append($$anchor, fragment_4);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_3);
+					},
+					$$slots: { default: true }
+				});
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+//#region src/components/tour/use-tour.svelte
+function useTour$1(props = {}) {
+	return useTour(() => ({ ...props }));
+}
+//#endregion
+export { Tour$1 as n, TourRoot as r, useTour$1 as t };

package/dist/{user-BjJSjDYV.mjs → user-CAqrd4B7.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -95,6 +96,6 @@ function User$1($$anchor, $$props) {
 //#region src/components/user/index.ts
 /** A person on one line: the seal before the words, the name and its
 * quiet echo beneath. */
-const User = User$1;
+const User = withSelfRoot(User$1);
 //#endregion
 export { User as t };

package/dist/{virtual-list-_10ypBUP.mjs → virtual-list-BLb78vlm.mjs}

@@ -1,7 +1,8 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-import { createVirtualizer } from "@tanstack/svelte-virtual";
+import { untrack } from "svelte";
 //#region src/components/virtual-list/VirtualList.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -20,7 +21,7 @@ function VirtualList$1($$anchor, $$props) {
 	let itemHeight = $.prop($$props, "itemHeight", 3, 40), height = $.prop($$props, "height", 3, 320), rest = $.rest_props($$props, rest_excludes);
 	let viewport = $.state(void 0);
 	const virtualizer = createVirtualizer({
-		count: $$props.items.length,
+		count: untrack(() => $$props.items.length),
 		getScrollElement: () => $.get(viewport) ?? null,
 		estimateSize: () => itemHeight(),
 		overscan: 6
@@ -34,27 +35,32 @@ function VirtualList$1($$anchor, $$props) {
 		tabindex: 0,
 		"data-scope": "virtual-list",
 		"data-part": "root",
-		style: `block-size: ${$.get(blockHeight) ?? ""}`
+		[$.STYLE]: { "--bs-virtual-list-height": $.get(blockHeight) }
 	}));
 	var div_1 = $.child(div);
+	let styles;
 	$.each(div_1, 21, () => $.get(rows), (row) => row.key, ($$anchor, row) => {
 		var div_2 = root();
+		let styles_1;
 		var node = $.child(div_2);
 		$.snippet(node, () => $$props.renderItem ?? $.noop, () => $$props.items[$.get(row).index], () => $.get(row).index);
 		$.reset(div_2);
-		$.template_effect(() => $.set_style(div_2, `position: absolute; top: 0; inset-inline-start: 0; inline-size: 100%; transform: translateY(${$.get(row).start ?? ""}px); block-size: ${$.get(row).size ?? ""}px`));
+		$.template_effect(() => styles_1 = $.set_style(div_2, "", styles_1, {
+			"--bs-virtual-list-row-start": `${$.get(row).start}px`,
+			"--bs-virtual-list-row-size": `${$.get(row).size}px`
+		}));
 		$.append($$anchor, div_2);
 	});
 	$.reset(div_1);
 	$.reset(div);
 	$.bind_this(div, ($$value) => $.set(viewport, $$value), () => $.get(viewport));
-	$.template_effect(() => $.set_style(div_1, `block-size: ${$.get(total) ?? ""}px; position: relative`));
+	$.template_effect(() => styles = $.set_style(div_1, "", styles, { "--bs-virtual-list-total": `${$.get(total)}px` }));
 	$.append($$anchor, div);
 	$.pop();
 }
 //#endregion
 //#region src/components/virtual-list/index.ts
 /** A ledger that only mounts the rows on stage. */
-const VirtualList = VirtualList$1;
+const VirtualList = withSelfRoot(VirtualList$1);
 //#endregion
 export { VirtualList as t };

package/dist/{watermark-C2d3-EAM.mjs → watermark-Bv3kvHIB.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -75,7 +76,7 @@ function Watermark$1($$anchor, $$props) {
 	let styles_1;
 	$.reset(div);
 	$.bind_this(div, ($$value) => $.set(host, $$value), () => $.get(host));
-	$.template_effect(() => styles_1 = $.set_style(div_2, "", styles_1, { "background-image": $.get(tile) }));
+	$.template_effect(() => styles_1 = $.set_style(div_2, "", styles_1, { "--bs-watermark-image": $.get(tile) }));
 	$.append($$anchor, div);
 	$.pop();
 }
@@ -85,6 +86,6 @@ function Watermark$1($$anchor, $$props) {
 * text once into a tile (rotated, faint, crisp at the screen's pixel
 * density) and the marks layer repeats it over the children. The seal
 * redraws itself when a prop turns — and it never takes a pointer. */
-const Watermark = Watermark$1;
+const Watermark = withSelfRoot(Watermark$1);
 //#endregion
 export { Watermark as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/svelte",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "By Sages Elements components for Svelte — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -45,6 +45,7 @@
     "./dist/components/image-cropper/index.mjs",
     "./dist/components/json-tree-view/index.mjs",
     "./dist/components/marquee/index.mjs",
+    "./dist/components/media-player/index.mjs",
     "./dist/components/navigation-menu/index.mjs",
     "./dist/components/popover/index.mjs",
     "./dist/components/qr-code/index.mjs",
@@ -79,8 +80,7 @@
     "@tanstack/svelte-virtual": "3.13.39",
     "@zag-js/cascade-select": "1.44.0",
     "@zag-js/svelte": "1.44.0",
-    "@bysages/icons": "0.3.1",
-    "@bysages/core": "0.3.1"
+    "@bysages/core": "0.4.0"
   },
   "devDependencies": {
     "@json-render/core": "0.21.0",

package/dist/AngleSliderRoot-CUe5sgWU.mjs

@@ -1,37 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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 };