x-runtime-lib 0.8.209 → 0.8.211

package/dist/index.js

@@ -1040,7 +1040,6 @@ const compUi = [
 		name: "x-runtime-lib.selection",
 		items: [
 			"ui_btn_toggle_v1",
-			"ui_btn_group_v1",
 			"ui_chip_group_v1",
 			"ui_stepper_v1",
 			"ui_window_v1"
@@ -1179,7 +1178,6 @@ const compUi = [
 		name: "x-runtime-lib.selection",
 		items: [
 			"ui_btn_toggle_v1",
-			"ui_btn_group_v1",
 			"ui_chip_group_v1",
 			"ui_stepper_v1",
 			"ui_window_v1"
@@ -1267,7 +1265,7 @@ const compUi = [
 	refKey: "ref_v1",
 	items: { ...items_exports },
 	types: { ...types_exports },
-	elements: new Set(/* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_group_v1.ui_btn_toggle_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".")),
+	elements: new Set(/* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_toggle_v1.ui_btn_toggle_entry_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".")),
 	groups: {
 		pageUi,
 		page3d,
@@ -1478,7 +1476,7 @@ function getTag(e, p) {
 	} else throw Error("invalid type");
 	return `${e}${capitalize_default(p)}`;
 }
-const elementKeys = /* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_group_v1.ui_btn_toggle_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".");
+const elementKeys = /* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_toggle_v1.ui_btn_toggle_entry_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".");
 function useElementSlotRender(e, p, m) {
 	function g(p) {
 		let m = getElement(p.key);
@@ -2087,11 +2085,11 @@ var _hoisted_1$12 = [
 			renderSlot(e.$slots, "default")
 		], 8, _hoisted_1$5));
 	}
-}), _sfc_main$5 = {};
-function _sfc_render$5(e, p) {
+}), _sfc_main$4 = {};
+function _sfc_render$4(e, p) {
 	return openBlock(), createElementBlock("TresMeshBasicMaterial");
 }
-var v1_default$52 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$5, [["render", _sfc_render$5]]), _hoisted_1$4 = [
+var v1_default$52 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$4, [["render", _sfc_render$4]]), _hoisted_1$4 = [
 	"position",
 	"rotation",
 	"scale"
@@ -3426,15 +3424,7 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 			}, 8, ["block"]);
 		};
 	}
-}), _sfc_main$4 = {};
-function _sfc_render$4(e, p) {
-	let m = resolveComponent("v-btn-group");
-	return openBlock(), createBlock(m, null, {
-		default: withCtx(() => [renderSlot(e.$slots, "default")]),
-		_: 3
-	});
-}
-var v1_default$40 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$4, [["render", _sfc_render$4]]), v1_default$39 = /* @__PURE__ */ defineComponent({
+}), v1_default$40 = /* @__PURE__ */ defineComponent({
 	__name: "index",
 	props: {
 		nodeId: {},
@@ -3442,37 +3432,60 @@ var v1_default$40 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 		refContext: {}
 	},
 	setup(e) {
-		let { node: p } = useElementBase(e), { property: m } = useElementProperty(p, ["settings", "block"]), { property: g } = useElementProperty(p, ["settings", "disabled"]), { property: _ } = useElementProperty(p, ["settings", "divided"]), { property: v } = useElementProperty(p, ["settings", "mandatory"]), { property: y } = useElementProperty(p, ["settings", "multiple"]), { property: b } = useElementProperty(p, ["settings", "readonly"]), { property: x } = useElementProperty(p, ["settings", "size"]), { property: S } = useElementProperty(p, ["settings", "stacked"]), { theme: C } = useTheme(), { property: w } = useElementProperty(p, ["settings", "tile"]), { property: T } = useElementProperty(p, ["settings", "variant"]);
+		let { node: p } = useElementBase(e), { property: m } = useElementProperty(p, ["settings", "density"]), { property: g } = useElementProperty(p, ["settings", "direction"]), { property: _ } = useElementProperty(p, ["settings", "disabled"]), { property: v } = useElementProperty(p, ["settings", "divided"]), { property: y } = useElementProperty(p, ["settings", "mandatory"]), { property: b } = useElementProperty(p, ["settings", "multiple"]), { property: x } = useElementProperty(p, ["settings", "readonly"]), { property: S } = useElementProperty(p, ["settings", "stacked"]), { theme: C } = useTheme(), { property: w } = useElementProperty(p, ["settings", "tile"]), { property: T } = useElementProperty(p, ["settings", "value"]), { property: E } = useElementProperty(p, ["settings", "variant"]);
 		return (e, p) => {
-			let E = resolveComponent("v-btn-toggle");
-			return openBlock(), createBlock(E, {
-				block: unref(m),
-				disabled: unref(g),
-				divided: unref(_),
-				mandatory: unref(v),
-				multiple: unref(y),
-				readonly: unref(b),
-				size: unref(x),
-				stacked: unref(S),
-				theme: unref(C),
-				tile: unref(w),
-				variant: unref(T)
-			}, {
+			let D = resolveComponent("v-btn-toggle");
+			return openBlock(), createBlock(unref(wrap_default), { mask: "" }, {
+				default: withCtx(() => [createVNode(D, {
+					modelValue: unref(T),
+					"onUpdate:modelValue": p[0] ||= (e) => isRef(T) ? T.value = e : null,
+					density: unref(m),
+					direction: unref(g),
+					disabled: unref(_),
+					divided: unref(v),
+					mandatory: unref(y),
+					multiple: unref(b),
+					readonly: unref(x),
+					stacked: unref(S),
+					theme: unref(C),
+					tile: unref(w),
+					variant: unref(E)
+				}, {
+					default: withCtx(() => [renderSlot(e.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"modelValue",
+					"density",
+					"direction",
+					"disabled",
+					"divided",
+					"mandatory",
+					"multiple",
+					"readonly",
+					"stacked",
+					"theme",
+					"tile",
+					"variant"
+				])]),
+				_: 3
+			});
+		};
+	}
+}), v1_default$39 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		nodeId: {},
+		outer: { type: Boolean },
+		refContext: {}
+	},
+	setup(e) {
+		let { node: p } = useElementBase(e), { property: m } = useElementProperty(p, ["settings", "value"]);
+		return (e, p) => {
+			let g = resolveComponent("v-btn");
+			return openBlock(), createBlock(g, { value: unref(m) }, {
 				default: withCtx(() => [renderSlot(e.$slots, "default")]),
 				_: 3
-			}, 8, [
-				"block",
-				"disabled",
-				"divided",
-				"mandatory",
-				"multiple",
-				"readonly",
-				"size",
-				"stacked",
-				"theme",
-				"tile",
-				"variant"
-			]);
+			}, 8, ["value"]);
 		};
 	}
 }), v1_default$38 = /* @__PURE__ */ defineComponent({
@@ -3699,7 +3712,10 @@ var v1_default$40 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 		let { node: p } = useElementBase(e), { property: m } = useElementProperty(p, ["settings", "hideDetails"]), { property: g } = useElementProperty(p, ["settings", "label"]), { property: _ } = useElementProperty(p, ["settings", "placeholder"]), { property: v } = useElementProperty(p, ["settings", "readonly"]), { property: y } = useElementProperty(p, ["settings", "singleLine"]), { theme: b } = useTheme(), { property: x } = useElementProperty(p, ["settings", "value"]);
 		return (e, p) => {
 			let S = resolveComponent("v-combobox");
-			return openBlock(), createBlock(unref(wrap_default), { mask: "" }, {
+			return openBlock(), createBlock(unref(wrap_default), {
+				block: "",
+				mask: ""
+			}, {
 				default: withCtx(() => [createVNode(S, {
 					modelValue: unref(x),
 					"onUpdate:modelValue": p[0] ||= (e) => isRef(x) ? x.value = e : null,
@@ -4186,29 +4202,24 @@ var v1_default$40 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 		refContext: {}
 	},
 	setup(e) {
-		let { node: p } = useElementBase(e), m = injectMode(), { property: g } = useElementProperty(p, ["settings", "density"]), { property: _ } = useElementProperty(p, ["settings", "disabled"]), { property: v } = useElementProperty(p, ["settings", "length"]), { property: y } = useElementProperty(p, ["settings", "showFirstLastPage"]), { property: b } = useElementProperty(p, ["settings", "size"]), { property: x } = useElementProperty(p, ["settings", "start"]), { theme: S } = useTheme(), { property: C } = useElementProperty(p, ["settings", "tile"]), { property: w } = useElementProperty(p, ["settings", "value"]), { property: T } = useElementProperty(p, ["settings", "variant"]), E = computed(() => {
-			let e = {};
-			return m === "editor" && (e.pointerEvents = "none"), e;
-		});
+		let { node: p } = useElementBase(e), { property: m } = useElementProperty(p, ["settings", "density"]), { property: g } = useElementProperty(p, ["settings", "disabled"]), { property: _ } = useElementProperty(p, ["settings", "length"]), { property: v } = useElementProperty(p, ["settings", "showFirstLastPage"]), { property: y } = useElementProperty(p, ["settings", "size"]), { theme: b } = useTheme(), { property: x } = useElementProperty(p, ["settings", "tile"]), { property: S } = useElementProperty(p, ["settings", "value"]), { property: C } = useElementProperty(p, ["settings", "variant"]);
 		return (e, p) => {
-			let m = resolveComponent("v-pagination");
+			let w = resolveComponent("v-pagination");
 			return openBlock(), createBlock(unref(wrap_default), {
 				block: "",
 				mask: ""
 			}, {
-				default: withCtx(() => [createVNode(m, {
-					modelValue: unref(w),
-					"onUpdate:modelValue": p[0] ||= (e) => isRef(w) ? w.value = e : null,
-					density: unref(g),
-					disabled: unref(_),
-					length: unref(v),
-					"show-first-last-page": unref(y),
-					size: unref(b),
-					start: unref(x),
-					style: normalizeStyle(E.value),
-					theme: unref(S),
-					tile: unref(C),
-					variant: unref(T)
+				default: withCtx(() => [createVNode(w, {
+					modelValue: unref(S),
+					"onUpdate:modelValue": p[0] ||= (e) => isRef(S) ? S.value = e : null,
+					density: unref(m),
+					disabled: unref(g),
+					length: unref(_),
+					"show-first-last-page": unref(v),
+					size: unref(y),
+					theme: unref(b),
+					tile: unref(x),
+					variant: unref(C)
 				}, null, 8, [
 					"modelValue",
 					"density",
@@ -4216,8 +4227,6 @@ var v1_default$40 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 					"length",
 					"show-first-last-page",
 					"size",
-					"start",
-					"style",
 					"theme",
 					"tile",
 					"variant"
@@ -4807,29 +4816,29 @@ var v1_default$11 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 			"selectedColor",
 			"custom",
 			"dark"
-		]), { color: E } = useColorV1(S, C, w, T), { property: D } = useElementProperty(p, ["settings", "density"]), { property: O } = useElementProperty(p, ["settings", "direction"]), { property: k } = useElementProperty(p, ["settings", "disabled"]), { property: A } = useElementProperty(p, ["settings", "fixedTabs"]), { property: j } = useElementProperty(p, ["settings", "grow"]), { property: M } = useElementProperty(p, ["settings", "hideSlider"]), { property: N } = useElementProperty(p, ["settings", "items"]), { property: P } = useElementProperty(p, ["settings", "mandatory"]), { property: F } = useElementProperty(p, ["settings", "showArrows"]), { property: I } = useElementProperty(p, [
+		]), { color: E } = useColorV1(S, C, w, T), { property: D } = useElementProperty(p, ["settings", "density"]), { property: O } = useElementProperty(p, ["settings", "direction"]), { property: k } = useElementProperty(p, ["settings", "disabled"]), { property: A } = useElementProperty(p, ["settings", "fixedTabs"]), { property: j } = useElementProperty(p, ["settings", "grow"]), { property: M } = useElementProperty(p, ["settings", "hideSlider"]), { property: N } = useElementProperty(p, ["settings", "mandatory"]), { property: P } = useElementProperty(p, ["settings", "showArrows"]), { property: F } = useElementProperty(p, [
 			"settings",
 			"color",
 			"sliderColor",
 			"mode"
-		]), { property: L } = useElementProperty(p, [
+		]), { property: I } = useElementProperty(p, [
 			"settings",
 			"color",
 			"sliderColor",
 			"theme"
-		]), { property: R } = useElementProperty(p, [
+		]), { property: L } = useElementProperty(p, [
 			"settings",
 			"color",
 			"sliderColor",
 			"custom",
 			"light"
-		]), { property: z } = useElementProperty(p, [
+		]), { property: R } = useElementProperty(p, [
 			"settings",
 			"color",
 			"sliderColor",
 			"custom",
 			"dark"
-		]), { color: B } = useColorV1(I, L, R, z), { property: V } = useElementProperty(p, ["settings", "stacked"]), { theme: H } = useTheme(), { property: U } = useElementProperty(p, ["settings", "value"]);
+		]), { color: z } = useColorV1(F, I, L, R), { property: B } = useElementProperty(p, ["settings", "stacked"]), { theme: V } = useTheme(), { property: H } = useElementProperty(p, ["settings", "value"]);
 		return (e, p) => {
 			let g = resolveComponent("v-tabs");
 			return openBlock(), createBlock(unref(wrap_default), {
@@ -4837,8 +4846,8 @@ var v1_default$11 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 				mask: ""
 			}, {
 				default: withCtx(() => [createVNode(g, {
-					modelValue: unref(U),
-					"onUpdate:modelValue": p[0] ||= (e) => isRef(U) ? U.value = e : null,
+					modelValue: unref(H),
+					"onUpdate:modelValue": p[0] ||= (e) => isRef(H) ? H.value = e : null,
 					"align-tabs": unref(m),
 					"bg-color": unref(b),
 					"center-active": unref(x),
@@ -4849,12 +4858,11 @@ var v1_default$11 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 					"fixed-tabs": unref(A),
 					grow: unref(j),
 					"hide-slider": unref(M),
-					items: unref(N),
-					mandatory: unref(P),
-					"show-arrows": unref(F),
-					"slider-color": unref(B),
-					stacked: unref(V),
-					theme: unref(H)
+					mandatory: unref(N),
+					"show-arrows": unref(P),
+					"slider-color": unref(z),
+					stacked: unref(B),
+					theme: unref(V)
 				}, {
 					default: withCtx(() => [renderSlot(e.$slots, "default")]),
 					_: 3
@@ -4870,7 +4878,6 @@ var v1_default$11 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main
 					"fixed-tabs",
 					"grow",
 					"hide-slider",
-					"items",
 					"mandatory",
 					"show-arrows",
 					"slider-color",
@@ -5793,7 +5800,7 @@ const basicV1 = {
 		}
 	]
 };
-var settings$45 = {
+var settings$47 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -5849,12 +5856,12 @@ const orthographicCameraV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$45
+			settings$47
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$45
+			settings$47
 		]
 	},
 	events: [],
@@ -5862,7 +5869,7 @@ const orthographicCameraV1 = {
 	slots: []
 };
 regElement(orthographicCameraV1);
-var settings$44 = {
+var settings$46 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -5904,12 +5911,12 @@ const perspectiveCameraV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$44
+			settings$46
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$44
+			settings$46
 		]
 	},
 	events: [],
@@ -5959,7 +5966,7 @@ const orbitControlsV1 = {
 	leaf: !0
 };
 regElement(orbitControlsV1);
-function spawn$17(e, p) {
+function spawn$19(e, p) {
 	let m = createNode(e, p, "3d_mesh_v1");
 	m.transform = {
 		position: {
@@ -6009,7 +6016,7 @@ function spawnMeshBasicMaterial$1(e, p) {
 		nodes: { [m.basic.id]: m }
 	};
 }
-var settings$43 = {
+var settings$45 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6059,17 +6066,17 @@ const boxGeometryV1 = {
 	name: "x-runtime-lib.boxGeometry",
 	comp: v1_default$58,
 	properties: {
-		page3d: [basicV1, settings$43],
-		comp3d: [basicV1, settings$43]
+		page3d: [basicV1, settings$45],
+		comp3d: [basicV1, settings$45]
 	},
 	events: [],
 	methods: [],
 	slots: [],
 	leaf: !0,
-	spawn: spawn$17
+	spawn: spawn$19
 };
 regElement(boxGeometryV1);
-function spawn$16(e, p) {
+function spawn$18(e, p) {
 	let m = createNode(e, p, "3d_mesh_v1");
 	m.transform = {
 		position: {
@@ -6120,7 +6127,7 @@ function spawnMeshBasicMaterial(e, p) {
 		nodes: { [m.basic.id]: m }
 	};
 }
-var settings$42 = {
+var settings$44 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6178,19 +6185,19 @@ const sphereGeometryV1 = {
 	name: "x-runtime-lib.sphereGeometry",
 	comp: v1_default$57,
 	properties: {
-		page3d: [basicV1, settings$42],
-		comp3d: [basicV1, settings$42]
+		page3d: [basicV1, settings$44],
+		comp3d: [basicV1, settings$44]
 	},
 	events: [],
 	methods: [],
 	slots: [],
 	leaf: !0,
-	spawn: spawn$16
+	spawn: spawn$18
 };
 regElement(sphereGeometryV1);
 var color$4 = cloneDeep_default(colorV1);
 color$4.children[0].default = "custom", color$4.children[2].children[0].default = "0xffffff", color$4.children[2].children[1].default = "0xffffff";
-var settings$41 = {
+var settings$43 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [color$4, {
@@ -6209,12 +6216,12 @@ const ambientLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$41
+			settings$43
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$41
+			settings$43
 		]
 	},
 	events: [],
@@ -6224,7 +6231,7 @@ const ambientLightV1 = {
 regElement(ambientLightV1);
 var color$3 = cloneDeep_default(colorV1);
 color$3.children[0].default = "custom", color$3.children[2].children[0].default = "0xffffff", color$3.children[2].children[1].default = "0xffffff";
-var settings$40 = {
+var settings$42 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [color$3, {
@@ -6243,12 +6250,12 @@ const directionalLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$40
+			settings$42
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$40
+			settings$42
 		]
 	},
 	events: [],
@@ -6258,7 +6265,7 @@ const directionalLightV1 = {
 regElement(directionalLightV1);
 var color$2 = cloneDeep_default(colorV1);
 color$2.children[0].default = "custom", color$2.children[2].children[0].default = "0xffffff", color$2.children[2].children[1].default = "0xffffff";
-var settings$39 = {
+var settings$41 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6294,12 +6301,12 @@ const pointLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$39
+			settings$41
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$39
+			settings$41
 		]
 	},
 	events: [],
@@ -6309,7 +6316,7 @@ const pointLightV1 = {
 regElement(pointLightV1);
 var color$1 = cloneDeep_default(colorV1);
 color$1.children[0].default = "custom", color$1.children[2].children[0].default = "0xffffff", color$1.children[2].children[1].default = "0xffffff";
-var settings$38 = {
+var settings$40 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6362,12 +6369,12 @@ const spotLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$38
+			settings$40
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$38
+			settings$40
 		]
 	},
 	events: [],
@@ -6415,7 +6422,7 @@ const meshV1 = {
 	slots: []
 };
 regElement(meshV1);
-function spawn$15(e, p) {
+function spawn$17(e, p) {
 	let m = createNode(e, p, "ui_bar_chart_v1");
 	return m.size.height = "300px", m.xAxis.data = [
 		"Mon",
@@ -6485,10 +6492,10 @@ const barChartV1 = {
 		]
 	},
 	leaf: !0,
-	spawn: spawn$15
+	spawn: spawn$17
 };
 regElement(barChartV1);
-function spawn$14(e, p) {
+function spawn$16(e, p) {
 	let m = createNode(e, p, "ui_line_chart_v1");
 	return m.size.height = "300px", m.xAxis.data = [
 		"Mon",
@@ -6558,10 +6565,10 @@ const lineChartV1 = {
 		]
 	},
 	leaf: !0,
-	spawn: spawn$14
+	spawn: spawn$16
 };
 regElement(lineChartV1);
-var settings$37 = {
+var settings$39 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6586,32 +6593,32 @@ const multipleRefV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$37,
+			settings$39,
 			instances$1
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$37,
+			settings$39,
 			instances$1
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$37,
+			settings$39,
 			instances$1
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$37,
+			settings$39,
 			instances$1
 		]
 	},
 	leaf: !0
 };
 regElement(multipleRefV1);
-var settings$36 = {
+var settings$38 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6641,32 +6648,32 @@ const multipleSlotV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$36,
+			settings$38,
 			instances
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$36,
+			settings$38,
 			instances
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$36,
+			settings$38,
 			instances
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$36,
+			settings$38,
 			instances
 		]
 	},
 	leaf: !0
 };
 regElement(multipleSlotV1);
-var settings$35 = {
+var settings$37 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6684,28 +6691,28 @@ const referenceV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$35
+			settings$37
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$35
+			settings$37
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$35
+			settings$37
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$35
+			settings$37
 		]
 	},
 	leaf: !0
 };
 regElement(referenceV1);
-var settings$34 = {
+var settings$36 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6720,12 +6727,12 @@ const renderSwitchV1 = {
 	name: "x-runtime-lib.renderSwitch",
 	comp: v1_default$44,
 	properties: {
-		pageUi: [basicV1, settings$34],
-		compUi: [basicV1, settings$34]
+		pageUi: [basicV1, settings$36],
+		compUi: [basicV1, settings$36]
 	}
 };
 regElement(renderSwitchV1);
-var settings$33 = {
+var settings$35 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6748,22 +6755,22 @@ const slotV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$33
+			settings$35
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$33
+			settings$35
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$33
+			settings$35
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$33
+			settings$35
 		]
 	},
 	leaf: !0
@@ -6834,7 +6841,7 @@ const globalityV1 = {
 	internal: !0
 };
 regElement(globalityV1);
-var settings$32 = {
+var settings$34 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6875,19 +6882,19 @@ const badgeV1 = {
 	name: "x-runtime-lib.badge",
 	comp: v1_default$42,
 	properties: {
-		pageUi: [basicV1, settings$32],
-		compUi: [basicV1, settings$32]
+		pageUi: [basicV1, settings$34],
+		compUi: [basicV1, settings$34]
 	}
 };
 regElement(badgeV1);
-function spawn$13(e, p) {
+function spawn$15(e, p) {
 	let m = createNode(e, p, "ui_btn_v1");
 	return m.settings.text = "button", {
 		nodeLite: toNodeLite(m),
 		nodes: { [m.basic.id]: m }
 	};
 }
-var settings$31 = {
+var settings$33 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6980,12 +6987,12 @@ const btnV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$31
+			settings$33
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$31
+			settings$33
 		]
 	},
 	events: [{
@@ -6993,20 +7000,47 @@ const btnV1 = {
 		name: "x-runtime-lib.click"
 	}],
 	leaf: !0,
-	spawn: spawn$13
+	spawn: spawn$15
 };
 regElement(btnV1);
-const btnGroupV1 = {
-	key: "ui_btn_group_v1",
-	name: "x-runtime-lib.buttonGroup",
-	comp: v1_default$40,
-	properties: {
-		pageUi: [basicV1],
-		compUi: [basicV1]
-	}
-};
-regElement(btnGroupV1);
-var settings$30 = {
+function spawn$14(e, p) {
+	let m = createNode(e, p, "ui_btn_toggle_v1"), g = spawnEntry$4(e, p, "bold", "mdi-format-bold"), _ = spawnEntry$4(e, p, "italic", "mdi-format-italic"), v = spawnEntry$4(e, p, "underline", "mdi-format-underline"), y = spawnEntry$4(e, p, "colorFill", "mdi-format-color-fill");
+	return {
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite,
+			y.nodeLite
+		]),
+		nodes: {
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes,
+			...y.nodes
+		}
+	};
+}
+function spawnEntry$4(e, p, m, g) {
+	let _ = createNode(e, p, "ui_btn_toggle_entry_v1");
+	_.settings.value = m;
+	let v = spawnIcon(e, p, g);
+	return {
+		nodeLite: toNodeLite(_, [v.nodeLite]),
+		nodes: {
+			[_.basic.id]: _,
+			...v.nodes
+		}
+	};
+}
+function spawnIcon(e, p, m) {
+	let g = createNode(e, p, "ui_icon_v1");
+	return g.settings.icon = m, {
+		nodeLite: toNodeLite(g),
+		nodes: { [g.basic.id]: g }
+	};
+}
+var settings$32 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7022,6 +7056,12 @@ var settings$30 = {
 			ui: "switch",
 			default: !1
 		},
+		{
+			key: "value",
+			name: "x-runtime-lib.value",
+			ui: "dummy",
+			default: void 0
+		},
 		{
 			key: "variant",
 			name: "x-runtime-lib.variant",
@@ -7030,12 +7070,19 @@ var settings$30 = {
 			default: "elevated"
 		},
 		{
-			key: "size",
-			name: "x-runtime-lib.size",
+			key: "density",
+			name: "x-runtime-lib.density",
 			ui: "select",
-			items: "sizeItemsV1",
+			items: "densityItemsV1",
 			default: "default"
 		},
+		{
+			key: "direction",
+			name: "x-runtime-lib.direction",
+			ui: "select",
+			items: "directionItemsV1",
+			default: "horizontal"
+		},
 		{
 			key: "divided",
 			name: "x-runtime-lib.divided",
@@ -7071,21 +7118,42 @@ var settings$30 = {
 const btnToggleV1 = {
 	key: "ui_btn_toggle_v1",
 	name: "x-runtime-lib.buttonToggle",
+	comp: v1_default$40,
+	properties: {
+		pageUi: [basicV1, settings$32],
+		compUi: [basicV1, settings$32]
+	},
+	spawn: spawn$14
+};
+regElement(btnToggleV1);
+var settings$31 = {
+	key: "settings",
+	name: "x-runtime-lib.settings",
+	children: [{
+		key: "value",
+		name: "x-runtime-lib.value",
+		ui: "strInput",
+		default: ""
+	}]
+};
+const btnToggleEntryV1 = {
+	key: "ui_btn_toggle_entry_v1",
+	name: "x-runtime-lib.buttonToggleEntry",
 	comp: v1_default$39,
 	properties: {
-		pageUi: [basicV1, settings$30],
-		compUi: [basicV1, settings$30]
+		pageUi: [basicV1, settings$31],
+		compUi: [basicV1, settings$31]
 	}
 };
-regElement(btnToggleV1);
-function spawn$12(e, p) {
+regElement(btnToggleEntryV1);
+function spawn$13(e, p) {
 	let m = createNode(e, p, "ui_card_v1");
 	return m.children = [], m.settings.title = "title", m.settings.subtitle = "subtitle", m.settings.text = "text", {
 		nodeLite: toNodeLite(m),
 		nodes: { [m.basic.id]: m }
 	};
 }
-var settings$29 = {
+var settings$30 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7149,18 +7217,18 @@ const cardV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$29
+			settings$30
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$29
+			settings$30
 		]
 	},
-	spawn: spawn$12
+	spawn: spawn$13
 };
 regElement(cardV1);
-var settings$28 = {
+var settings$29 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -7180,13 +7248,20 @@ const checkboxV1 = {
 	name: "x-runtime-lib.checkbox",
 	comp: v1_default$37,
 	properties: {
-		pageUi: [basicV1, settings$28],
-		compUi: [basicV1, settings$28]
+		pageUi: [basicV1, settings$29],
+		compUi: [basicV1, settings$29]
 	},
 	leaf: !0
 };
 regElement(checkboxV1);
-var settings$27 = {
+function spawn$12(e, p) {
+	let m = createNode(e, p, "ui_chip_v1");
+	return m.settings.value = "chip", m.settings.text = "chip", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
+	};
+}
+var settings$28 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7267,10 +7342,11 @@ const chipV1 = {
 	name: "x-runtime-lib.chip",
 	comp: v1_default$36,
 	properties: {
-		pageUi: [basicV1, settings$27],
-		compUi: [basicV1, settings$27]
+		pageUi: [basicV1, settings$28],
+		compUi: [basicV1, settings$28]
 	},
-	leaf: !0
+	leaf: !0,
+	spawn: spawn$12
 };
 regElement(chipV1);
 function spawn$11(e, p) {
@@ -7302,7 +7378,7 @@ function spawnChip(e, p, m, g) {
 		nodes: { [_.basic.id]: _ }
 	};
 }
-var settings$26 = {
+var settings$27 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7362,8 +7438,8 @@ const chipGroupV1 = {
 	name: "x-runtime-lib.chipGroup",
 	comp: v1_default$35,
 	properties: {
-		pageUi: [basicV1, settings$26],
-		compUi: [basicV1, settings$26]
+		pageUi: [basicV1, settings$27],
+		compUi: [basicV1, settings$27]
 	},
 	spawn: spawn$11
 };
@@ -7379,7 +7455,7 @@ const colorPickerV1 = {
 	leaf: !0
 };
 regElement(colorPickerV1);
-var settings$25 = {
+var settings$26 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7426,15 +7502,15 @@ const comboboxV1 = {
 	name: "x-runtime-lib.combobox",
 	comp: v1_default$33,
 	properties: {
-		pageUi: [basicV1, settings$25],
-		compUi: [basicV1, settings$25]
+		pageUi: [basicV1, settings$26],
+		compUi: [basicV1, settings$26]
 	},
 	leaf: !0
 };
 regElement(comboboxV1);
 var backgroundColor$2 = cloneDeep_default(colorV1);
 backgroundColor$2.key = "backgroundColor", backgroundColor$2.name = "x-runtime-lib.backgroundColor";
-var settings$24 = {
+var settings$25 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [backgroundColor$2]
@@ -7450,7 +7526,7 @@ const containerV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$24
+			settings$25
 		],
 		compUi: [
 			basicV1,
@@ -7458,7 +7534,7 @@ const containerV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$24
+			settings$25
 		]
 	},
 	events: [{
@@ -7496,7 +7572,7 @@ var size$1 = {
 		types: "sizeTypesV1",
 		default: ""
 	}]
-}, settings$23 = {
+}, settings$24 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7633,13 +7709,13 @@ const dataTableV1 = {
 		pageUi: [
 			basicV1,
 			size$1,
-			settings$23,
+			settings$24,
 			slots$2
 		],
 		compUi: [
 			basicV1,
 			size$1,
-			settings$23,
+			settings$24,
 			slots$2
 		]
 	},
@@ -7687,7 +7763,7 @@ const dialogV1 = {
 	teleport: !0
 };
 regElement(dialogV1);
-var settings$22 = {
+var settings$23 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: []
@@ -7697,8 +7773,8 @@ const fileInputV1 = {
 	name: "x-runtime-lib.fileInput",
 	comp: v1_default$28,
 	properties: {
-		pageUi: [basicV1, settings$22],
-		compUi: [basicV1, settings$22]
+		pageUi: [basicV1, settings$23],
+		compUi: [basicV1, settings$23]
 	},
 	leaf: !0
 };
@@ -7737,7 +7813,7 @@ function spawnContainer(e, p, m, g, _, v, y, b, x) {
 }
 var backgroundColor$1 = cloneDeep_default(colorV1);
 backgroundColor$1.key = "backgroundColor", backgroundColor$1.name = "x-runtime-lib.backgroundColor";
-var settings$21 = {
+var settings$22 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7919,7 +7995,7 @@ const flexLayoutV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$21
+			settings$22
 		],
 		compUi: [
 			basicV1,
@@ -7927,7 +8003,7 @@ const flexLayoutV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$21
+			settings$22
 		]
 	},
 	events: [{
@@ -7937,7 +8013,7 @@ const flexLayoutV1 = {
 	spawn: spawn$9
 };
 regElement(flexLayoutV1);
-var settings$20 = {
+var settings$21 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -7960,12 +8036,12 @@ const flexLayoutEntryV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$20
+			settings$21
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$20
+			settings$21
 		]
 	}
 };
@@ -7987,7 +8063,7 @@ function spawnTextField(e, p) {
 		nodes: { [m.basic.id]: m }
 	};
 }
-var settings$19 = {
+var settings$20 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -8014,7 +8090,7 @@ const formV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$19
+			settings$20
 		],
 		compUi: [
 			basicV1,
@@ -8022,7 +8098,7 @@ const formV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$19
+			settings$20
 		]
 	},
 	events: [{
@@ -8032,7 +8108,7 @@ const formV1 = {
 	spawn: spawn$8
 };
 regElement(formV1);
-var settings$18 = {
+var settings$19 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8063,8 +8139,8 @@ const iconV1 = {
 	name: "x-runtime-lib.icon",
 	comp: v1_default$24,
 	properties: {
-		pageUi: [basicV1, settings$18],
-		compUi: [basicV1, settings$18]
+		pageUi: [basicV1, settings$19],
+		compUi: [basicV1, settings$19]
 	},
 	leaf: !0
 };
@@ -8120,7 +8196,7 @@ var size = {
 			default: ""
 		}
 	]
-}, settings$17 = {
+}, settings$18 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8270,12 +8346,12 @@ const numberInputV1 = {
 		pageUi: [
 			basicV1,
 			size,
-			settings$17
+			settings$18
 		],
 		compUi: [
 			basicV1,
 			size,
-			settings$17
+			settings$18
 		]
 	},
 	events: [
@@ -8304,7 +8380,7 @@ const numberInputV1 = {
 	spawn: spawn$7
 };
 regElement(numberInputV1);
-var settings$16 = {
+var settings$17 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8373,13 +8449,13 @@ const paginationV1 = {
 	name: "x-runtime-lib.pagination",
 	comp: v1_default$21,
 	properties: {
-		pageUi: [basicV1, settings$16],
-		compUi: [basicV1, settings$16]
+		pageUi: [basicV1, settings$17],
+		compUi: [basicV1, settings$17]
 	},
 	leaf: !0
 };
 regElement(paginationV1);
-var settings$15 = {
+var settings$16 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8422,8 +8498,8 @@ const radioV1 = {
 	name: "x-runtime-lib.radio",
 	comp: v1_default$20,
 	properties: {
-		pageUi: [basicV1, settings$15],
-		compUi: [basicV1, settings$15]
+		pageUi: [basicV1, settings$16],
+		compUi: [basicV1, settings$16]
 	},
 	leaf: !0
 };
@@ -8453,7 +8529,7 @@ function spawnEntry$2(e, p, m, g) {
 		nodes: { [_.basic.id]: _ }
 	};
 }
-var settings$14 = {
+var settings$15 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8502,13 +8578,13 @@ const radioGroupV1 = {
 	name: "x-runtime-lib.radioGroup",
 	comp: v1_default$19,
 	properties: {
-		pageUi: [basicV1, settings$14],
-		compUi: [basicV1, settings$14]
+		pageUi: [basicV1, settings$15],
+		compUi: [basicV1, settings$15]
 	},
 	spawn: spawn$6
 };
 regElement(radioGroupV1);
-var settings$13 = {
+var settings$14 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8622,13 +8698,13 @@ const rangeSliderV1 = {
 	name: "x-runtime-lib.rangeSlider",
 	comp: v1_default$18,
 	properties: {
-		pageUi: [basicV1, settings$13],
-		compUi: [basicV1, settings$13]
+		pageUi: [basicV1, settings$14],
+		compUi: [basicV1, settings$14]
 	},
 	leaf: !0
 };
 regElement(rangeSliderV1);
-var settings$12 = {
+var settings$13 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8689,13 +8765,13 @@ const ratingV1 = {
 	name: "x-runtime-lib.rating",
 	comp: v1_default$17,
 	properties: {
-		pageUi: [basicV1, settings$12],
-		compUi: [basicV1, settings$12]
+		pageUi: [basicV1, settings$13],
+		compUi: [basicV1, settings$13]
 	},
 	leaf: !0
 };
 regElement(ratingV1);
-var settings$11 = {
+var settings$12 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8742,8 +8818,8 @@ const selectV1 = {
 	name: "x-runtime-lib.select",
 	comp: v1_default$16,
 	properties: {
-		pageUi: [basicV1, settings$11],
-		compUi: [basicV1, settings$11]
+		pageUi: [basicV1, settings$12],
+		compUi: [basicV1, settings$12]
 	},
 	leaf: !0
 };
@@ -8754,7 +8830,7 @@ var trackColor = cloneDeep_default(colorV1);
 trackColor.key = "trackColor", trackColor.name = "x-runtime-lib.trackColor";
 var thumbColor = cloneDeep_default(colorV1);
 thumbColor.key = "thumbColor", thumbColor.name = "x-runtime-lib.thumbColor";
-var settings$10 = {
+var settings$11 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8882,12 +8958,12 @@ const sliderV1 = {
 	properties: {
 		pageUi: [
 			basicV1,
-			settings$10,
+			settings$11,
 			slots$1
 		],
 		compUi: [
 			basicV1,
-			settings$10,
+			settings$11,
 			slots$1
 		]
 	},
@@ -8963,7 +9039,7 @@ function spawnCard(e, p, m) {
 		nodes: { [g.basic.id]: g }
 	};
 }
-var settings$9 = {
+var settings$10 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -8983,8 +9059,8 @@ const stepperV1 = {
 	name: "x-runtime-lib.stepper",
 	comp: v1_default$14,
 	properties: {
-		pageUi: [basicV1, settings$9],
-		compUi: [basicV1, settings$9]
+		pageUi: [basicV1, settings$10],
+		compUi: [basicV1, settings$10]
 	},
 	spawn: spawn$5
 };
@@ -8999,7 +9075,7 @@ const stepperHeaderV1 = {
 	}
 };
 regElement(stepperHeaderV1);
-var settings$8 = {
+var settings$9 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -9014,8 +9090,8 @@ const stepperItemV1 = {
 	name: "x-runtime-lib.stepperItem",
 	comp: v1_default$12,
 	properties: {
-		pageUi: [basicV1, settings$8],
-		compUi: [basicV1, settings$8]
+		pageUi: [basicV1, settings$9],
+		compUi: [basicV1, settings$9]
 	}
 };
 regElement(stepperItemV1);
@@ -9029,7 +9105,7 @@ const stepperWindowV1 = {
 	}
 };
 regElement(stepperWindowV1);
-var settings$7 = {
+var settings$8 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -9044,18 +9120,105 @@ const stepperWindowItemV1 = {
 	name: "x-runtime-lib.stepperWindowItem",
 	comp: v1_default$10,
 	properties: {
-		pageUi: [basicV1, settings$7],
-		compUi: [basicV1, settings$7]
+		pageUi: [basicV1, settings$8],
+		compUi: [basicV1, settings$8]
 	}
 };
 regElement(stepperWindowItemV1);
+var settings$7 = {
+	key: "settings",
+	name: "x-runtime-lib.settings",
+	children: [
+		{
+			key: "disabled",
+			name: "x-runtime-lib.disabled",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "readonly",
+			name: "x-runtime-lib.readonly",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "loading",
+			name: "x-runtime-lib.loading",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "value",
+			name: "x-runtime-lib.value",
+			ui: "strInput",
+			default: ""
+		},
+		{
+			key: "indeterminate",
+			name: "x-runtime-lib.indeterminate",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "inline",
+			name: "x-runtime-lib.inline",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "inset",
+			name: "x-runtime-lib.inset",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "direction",
+			name: "x-runtime-lib.direction",
+			ui: "select",
+			items: "directionItemsV1",
+			default: "horizontal"
+		},
+		{
+			key: "variant",
+			name: "x-runtime-lib.variant",
+			ui: "select",
+			items: "fieldVariantItemsV1",
+			default: "filled"
+		},
+		{
+			key: "density",
+			name: "x-runtime-lib.density",
+			ui: "select",
+			items: "densityItemsV1",
+			default: "default"
+		},
+		{
+			key: "label",
+			name: "x-runtime-lib.label",
+			ui: "strInput",
+			default: "label"
+		},
+		{
+			key: "hideDetails",
+			name: "x-runtime-lib.hideDetails",
+			ui: "switch",
+			default: !1
+		},
+		{
+			key: "singleLine",
+			name: "x-runtime-lib.singleLine",
+			ui: "switch",
+			default: !1
+		}
+	]
+};
 const switchV1 = {
 	key: "ui_switch_v1",
 	name: "x-runtime-lib.switch",
 	comp: v1_default$9,
 	properties: {
-		pageUi: [basicV1],
-		compUi: [basicV1]
+		pageUi: [basicV1, settings$7],
+		compUi: [basicV1, settings$7]
 	},
 	leaf: !0
 };
@@ -9176,6 +9339,12 @@ var settings$5 = {
 			ui: "switch",
 			default: !1
 		},
+		{
+			key: "mandatory",
+			name: "x-runtime-lib.mandatory",
+			ui: "switch",
+			default: !1
+		},
 		{
 			key: "showArrows",
 			name: "x-runtime-lib.showArrows",
@@ -9351,6 +9520,20 @@ var settings$3 = {
 			ui: "strInput",
 			default: ""
 		},
+		{
+			key: "variant",
+			name: "x-runtime-lib.variant",
+			ui: "select",
+			items: "fieldVariantItemsV1",
+			default: "filled"
+		},
+		{
+			key: "density",
+			name: "x-runtime-lib.density",
+			ui: "select",
+			items: "densityItemsV1",
+			default: "default"
+		},
 		{
 			key: "label",
 			name: "x-runtime-lib.label",
@@ -9363,6 +9546,12 @@ var settings$3 = {
 			ui: "strInput",
 			default: ""
 		},
+		{
+			key: "singleLine",
+			name: "x-runtime-lib.singleLine",
+			ui: "switch",
+			default: !1
+		},
 		{
 			key: "reverse",
 			name: "x-runtime-lib.reverse",
@@ -11088,32 +11277,32 @@ function useSandbox(e, p, m, _, v, y, b, x) {
 	let S = injectOrg(), C = injectEnv(), w = injectMode(), T = injectType(), E = injectDevice(), D = injectDark(), O = injectDepends();
 	if (!isExecutableMode(w)) return { sandbox: void 0 };
 	let k = injectRuntime(), A = new Sandbox(e, p, m, _, v, S, C, w, T, {
-		onReady: N,
-		onDestroy: P,
-		onPropertyChange: F,
-		onStateChange: I
+		onReady: M,
+		onDestroy: N,
+		onPropertyChange: P,
+		onStateChange: F
 	});
 	provideSandbox(A), onUnmounted(() => {
 		A.dispose();
 	});
-	let j = !1, M = async () => {
-		j = !1, A.destroyVm(), !(!y.value || !b.value) && (A.prepare(y, b, O, x), await A.createVm(k, b.value.code.script));
+	let j = async () => {
+		A.destroyVm(), !(!y.value || !b.value) && (A.prepare(y, b, O, x), await A.createVm(k, b.value.code.script));
 	};
-	M(), watch([y, b], () => {
-		M();
+	j(), watch([y, b], () => {
+		j();
 	});
-	async function N() {
-		await A.triggerEvent(makeEventId("elementEvent", "globality", "startup"), []);
+	async function M() {
+		b.value?.code.reactivity && await initReactivity(A, b.value.code.reactivity), await A.triggerEvent(makeEventId("elementEvent", "globality", "startup"), []);
 		let e = calcBreakpoint(E.value.width), p = calcBreakpoint(E.value.width);
-		await A.triggerEvent(makeEventId("elementEvent", "globality", "screenSizeChange"), [e, p]), await A.triggerEvent(makeEventId("elementEvent", "globality", "darkModeChange"), [D.value]), b.value?.code.reactivity && await initReactivity(A, b.value.code.reactivity), j = !0;
+		await A.triggerEvent(makeEventId("elementEvent", "globality", "screenSizeChange"), [e, p]), await A.triggerEvent(makeEventId("elementEvent", "globality", "darkModeChange"), [D.value]);
 	}
-	async function P() {
+	async function N() {
 		A.callFunctionSync("__destroy__");
 	}
-	async function F(e, p, m, _) {
+	async function P(e, p, m, _) {
 		if (!A.vm) return;
 		let { kind: v, nodeId: y, propertyKey: x } = unwrapPropertyId(e);
-		if (await A.triggerEvent(makeEventId(`${v}ChangeEvent`, y, x), [p, m], _), j && b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("propertyTrigger", e)), v === "elementProperty") {
+		if (await A.triggerEvent(makeEventId(`${v}ChangeEvent`, y, x), [p, m], _), b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("propertyTrigger", e)), v === "elementProperty") {
 			if (isEqual_default(x, toDotString(["settings", "slot"]))) {
 				let e = b.value?.view.nodeLites.find((e) => e.id === y);
 				e ? e.slotId = p : console.assert(!1);
@@ -11124,8 +11313,8 @@ function useSandbox(e, p, m, _, v, y, b, x) {
 			}
 		}
 	}
-	async function I(e, p, m) {
-		A.vm && (await A.triggerEvent(makeEventId("stateChangeEvent", "globality", e), [p, m]), j && b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("stateTrigger", e)));
+	async function F(e, p, m) {
+		A.vm && (await A.triggerEvent(makeEventId("stateChangeEvent", "globality", e), [p, m]), b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("stateTrigger", e)));
 	}
 	return watch(E, async (e, p) => {
 		if (!A.vm) return;
@@ -11147,8 +11336,8 @@ var __rolldown_dynamic_import_helper_default = (e, p, m) => {
 };
 async function loadLocaleMessageRuntime(e) {
 	return (await __rolldown_dynamic_import_helper_default({
-		"./locales/en/index.ts": () => import("./en.gy5lu5oy.js"),
-		"./locales/zhHans/index.ts": () => import("./zhHans.gwvwcjmv.js")
+		"./locales/en/index.ts": () => import("./en.i697tnok.js"),
+		"./locales/zhHans/index.ts": () => import("./zhHans.gqwi88s9.js")
 	}, `./locales/${e}/index.ts`, 4)).default;
 }
-export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnGroupV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, createNode, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointProp, getElement, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getPropertyDefault, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initProperties, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };
+export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnToggleEntryV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, createNode, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointProp, getElement, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getPropertyDefault, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initProperties, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };