@poveste/app 0.14.0 → 0.15.0

package/dist/bundled/app.css

@@ -1,14 +1,14 @@
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-tree-margin[data-v-184d6cf3] {
-  margin-left: var(--v516f2a64);
+.bind-tree-margin[data-v-83161585] {
+  margin-left: var(--v0299061e);
 }
-.bind-icon-color[data-v-184d6cf3] {
-  color: var(--v2fa7200a);
+.bind-icon-color[data-v-83161585] {
+  color: var(--v80ccd94c);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-tree-padding[data-v-11f8c91e] {
-  padding-left: var(--v047dbc51);
+.bind-tree-padding[data-v-9702f44e] {
+  padding-left: var(--v716b068e);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
@@ -17,33 +17,33 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-14aa93ef] {
-  color: var(--b5fb8c94);
+.bind-icon-color[data-v-30c06406] {
+  color: var(--v5947d534);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.landscape > div > .dragger[data-v-1e09b1b3] {
+.landscape > div > .dragger[data-v-e5174855] {
   width: .625rem;
 }
-.portrait > div > .dragger[data-v-1e09b1b3] {
+.portrait > div > .dragger[data-v-e5174855] {
   height: .625rem;
 }
-.landscape > div > .dragger.dragger-offset-before[data-v-1e09b1b3] {
+.landscape > div > .dragger.dragger-offset-before[data-v-e5174855] {
   right: 0;
 }
-.portrait > div > .dragger.dragger-offset-before[data-v-1e09b1b3] {
+.portrait > div > .dragger.dragger-offset-before[data-v-e5174855] {
   bottom: 0;
 }
-.landscape > div > .dragger.dragger-offset-center[data-v-1e09b1b3] {
+.landscape > div > .dragger.dragger-offset-center[data-v-e5174855] {
   right: -.3125rem;
 }
-.portrait > div > .dragger.dragger-offset-center[data-v-1e09b1b3] {
+.portrait > div > .dragger.dragger-offset-center[data-v-e5174855] {
   bottom: -.3125rem;
 }
-.landscape > div > .dragger.dragger-offset-after[data-v-1e09b1b3] {
+.landscape > div > .dragger.dragger-offset-after[data-v-e5174855] {
   right: -.625rem;
 }
-.portrait > div > .dragger.dragger-offset-after[data-v-1e09b1b3] {
+.portrait > div > .dragger.dragger-offset-after[data-v-e5174855] {
   bottom: -.625rem;
 }
 }
@@ -74,10 +74,10 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.base-empty[data-v-57f8bebf]:not(.no-animation) {
-  animation: base-empty-57f8bebf .15s .2s both;
+.base-empty[data-v-63095ef6]:not(.no-animation) {
+  animation: base-empty-63095ef6 .15s .2s both;
 }
-@keyframes base-empty-57f8bebf {
+@keyframes base-empty-63095ef6 {
 0% {
     opacity: 0;
 }
@@ -87,7 +87,7 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.__poveste-code-placeholder[data-v-ec6c2034] {
+.__poveste-code-placeholder[data-v-b595e0d4] {
   color: inherit;
   font-size: inherit;
 }
@@ -102,16 +102,16 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-preview-bg[data-v-d3057f34] {
-  background-color: var(--v372ee944);
+.bind-preview-bg[data-v-13932615] {
+  background-color: var(--v538c65b8);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-a394f172] {
-  color: var(--v68878cb8);
+.bind-icon-color[data-v-ae85762b] {
+  color: var(--v2b77a04a);
 }
-.bind-preview-bg[data-v-a394f172] {
-  background-color: var(--v5a063a9a);
+.bind-preview-bg[data-v-ae85762b] {
+  background-color: var(--v8dc7fba0);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {

package/dist/bundled/components/app/TopBarChipItem.js

@@ -5,7 +5,7 @@ var _sfc_main = {};
 var _hoisted_1 = ["role"];
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("a", {
-		role: _ctx.$attrs.href ? void 0 : "button",
+		role: _ctx.$attrs["href"] ? void 0 : "button",
 		class: "poveste-top-bar-chip-item flex items-center gap-1 px-2.5 py-1.5 hover:bg-white/50 active:bg-white/70 dark:hover:bg-white/10 dark:active:bg-white/15 hover:text-primary-500 dark:hover:text-primary-400 cursor-pointer text-gray-900 dark:text-gray-100 transition-colors"
 	}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
 }

package/dist/bundled/components/base/BaseEmpty.js

@@ -3,10 +3,10 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue";
 //#region src/app/components/base/BaseEmpty.vue
 var _sfc_main = {};
-var _hoisted_1 = { class: "poveste-base-empty base-empty flex flex-col items-center justify-center space-y-4 py-12 h-full text-center text-gray-400 text-lg" };
+var _hoisted_1 = { class: "poveste-base-empty base-empty flex flex-col items-center justify-center space-y-4 py-12 h-full text-center text-gray-500 dark:text-gray-400 text-lg" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-var BaseEmpty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-57f8bebf"]]);
+var BaseEmpty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-63095ef6"]]);
 //#endregion
 export { BaseEmpty_default as default };

package/dist/bundled/components/base/BaseOverflowMenu.vue_vue_type_script_setup_true_lang.js

@@ -13,16 +13,16 @@ var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	setup(__props) {
 		const el = ref();
 		const availableWidth = ref(0);
-		useResizeObserver(el, (entries) => {
-			const containerWidth = entries[0].contentRect.width;
-			availableWidth.value = containerWidth - overflowButtonWidth;
+		useResizeObserver(el, ([entry]) => {
+			if (!entry) return;
+			availableWidth.value = entry.contentRect.width - overflowButtonWidth;
 		});
 		const children = ref(/* @__PURE__ */ new Map());
 		const visibleChildrenCount = computed(() => {
 			let width = 0;
 			const c = [...children.value.values()].sort((a, b) => a.index - b.index);
-			for (let i = 0; i < c.length; i++) {
-				width += c[i].width;
+			for (const [i, child] of c.entries()) {
+				width += child.width;
 				if (width > availableWidth.value) return i;
 			}
 			return c.length;
@@ -39,10 +39,10 @@ var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					width: 0,
 					index: props.index
 				});
-				useResizeObserver(el, (entries) => {
+				useResizeObserver(el, ([entry]) => {
 					const element = el.value;
-					if (!element) return;
-					const width = entries[0].contentRect.width;
+					if (!element || !entry) return;
+					const width = entry.contentRect.width;
 					if (!children.value.has(element)) children.value.set(element, state);
 					state.width = width;
 				});
@@ -54,22 +54,22 @@ var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				return () => h("div", {
 					ref: el,
 					style: { visibility: visible.value ? "visible" : "hidden" }
-				}, slots.default());
+				}, slots["default"]?.());
 			}
 		};
 		/**
 		* Wraps each child with a <ChildWrapper>
 		*/
-		function ChildrenRender(props, { slots }) {
-			const [fragment] = slots.default();
-			return fragment.children.map((vnode, index) => h(ChildWrapper, { index }, () => [vnode]));
+		function ChildrenRender(_props, { slots }) {
+			const children = slots["default"]?.()[0]?.children;
+			return Array.isArray(children) ? children.map((vnode, index) => h(ChildWrapper, { index }, () => [vnode])) : [];
 		}
 		/**
 		* Only renders a part of a children list
 		*/
 		function ChildrenSlice(props, { slots }) {
-			const [fragment] = slots.default();
-			return fragment.children.slice(props.start, props.end);
+			const children = slots["default"]?.()[0]?.children;
+			return Array.isArray(children) ? children.slice(props.start, props.end) : [];
 		}
 		return (_ctx, _cache) => {
 			const _component_VDropdown = resolveComponent("VDropdown");

package/dist/bundled/components/base/BaseSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,57 +1,189 @@
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "@poveste/vendors/vue";
+import { refAutoReset } from "@poveste/vendors/vue-use";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, withCtx, withModifiers } from "@poveste/vendors/vue";
 import { Icon } from "@poveste/vendors/iconify";
 import { Dropdown } from "@poveste/vendors/floating-vue";
 //#region src/app/components/base/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "cursor-pointer w-full outline-none px-2 h-[27px] -my-1 border border-solid border-black/25 dark:border-white/25 hover:border-primary-500 dark:hover:border-primary-500 rounded-sm flex gap-2 items-center leading-normal" };
+var _hoisted_1 = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant"
+];
 var _hoisted_2 = { class: "flex-1 truncate" };
-var _hoisted_3 = { class: "flex flex-col bg-gray-50 dark:bg-gray-700" };
-var _hoisted_4 = ["onClick"];
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = [
+	"id",
+	"aria-selected",
+	"onMousemove",
+	"onClick"
+];
 var BaseSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "BaseSelect",
 	props: {
 		modelValue: {},
-		options: {}
+		options: {},
+		label: {}
 	},
 	emits: ["update:modelValue", "select"],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const formattedOptions = computed(() => {
 			if (Array.isArray(props.options)) return Object.fromEntries(props.options.map((value) => [value, value]));
 			return props.options;
 		});
+		const entries = computed(() => Object.entries(formattedOptions.value));
 		const selectedLabel = computed(() => formattedOptions.value[props.modelValue]);
-		function selectValue(value, hide) {
-			emit("update:modelValue", value);
-			emit("select", value);
-			hide();
+		const id = useId();
+		const listboxId = `${id}-listbox`;
+		function optionId(index) {
+			return `${id}-option-${index}`;
 		}
+		const combobox = ref();
+		const open = ref(false);
+		const activeIndex = ref(-1);
+		function openList(index) {
+			const selected = entries.value.findIndex(([value]) => value === props.modelValue);
+			activeIndex.value = index ?? Math.max(selected, 0);
+			open.value = true;
+		}
+		const typed = refAutoReset("", 500);
+		function isTypeaheadKey(event) {
+			if (event.ctrlKey || event.metaKey || event.altKey || event.key.length !== 1) return false;
+			return event.key !== " " || typed.value !== "";
+		}
+		function typeahead(char) {
+			const previous = typed.value;
+			typed.value = previous + char.toLowerCase();
+			const repeated = [...typed.value].every((c) => c === typed.value[0]);
+			const search = repeated ? typed.value.charAt(0) : typed.value;
+			const start = repeated ? activeIndex.value + 1 : Math.max(activeIndex.value, 0);
+			const count = entries.value.length;
+			for (let offset = 0; offset < count; offset++) {
+				const index = (start + offset) % count;
+				if (entries.value[index]?.[1].toLowerCase().startsWith(search)) {
+					activeIndex.value = index;
+					return;
+				}
+			}
+		}
+		function close() {
+			open.value = false;
+		}
+		function choose(index) {
+			const entry = entries.value[index];
+			if (entry) {
+				emit("update:modelValue", entry[0]);
+				emit("select", entry[0]);
+			}
+			close();
+			combobox.value?.focus();
+		}
+		function onKeydown(event) {
+			const last = entries.value.length - 1;
+			if (isTypeaheadKey(event)) {
+				event.preventDefault();
+				if (!open.value) openList();
+				typeahead(event.key);
+				return;
+			}
+			if (!open.value) {
+				if ([
+					"ArrowDown",
+					"ArrowUp",
+					"Enter",
+					" ",
+					"Home",
+					"End"
+				].includes(event.key)) {
+					event.preventDefault();
+					openList(event.key === "Home" ? 0 : event.key === "End" ? last : void 0);
+				}
+				return;
+			}
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					activeIndex.value = Math.min(activeIndex.value + 1, last);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					if (event.altKey) choose(activeIndex.value);
+					else activeIndex.value = Math.max(activeIndex.value - 1, 0);
+					break;
+				case "Home":
+					event.preventDefault();
+					activeIndex.value = 0;
+					break;
+				case "End":
+					event.preventDefault();
+					activeIndex.value = last;
+					break;
+				case "Enter":
+				case " ":
+					event.preventDefault();
+					choose(activeIndex.value);
+					break;
+				case "Escape":
+					event.preventDefault();
+					close();
+					break;
+				case "Tab": choose(activeIndex.value);
+			}
+		}
+		__expose({ focus: () => combobox.value?.focus() });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Dropdown), {
+				shown: open.value,
+				"onUpdate:shown": _cache[2] || (_cache[2] = ($event) => open.value = $event),
 				class: "poveste-base-select",
+				triggers: [],
+				"no-auto-focus": "",
 				"auto-size": "",
 				"auto-boundary-max-size": ""
 			}, {
-				popper: withCtx(({ hide }) => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(formattedOptions.value, (label, value) => {
-					return openBlock(), createElementBlock("div", mergeProps({ ref_for: true }, {
-						..._ctx.$attrs,
-						class: null,
-						style: null
-					}, {
-						key: label,
-						class: ["px-2 py-1 cursor-pointer hover:bg-primary-100 dark:hover:bg-primary-700", { "bg-primary-200 dark:bg-primary-800": props.modelValue === value }],
-						onClick: ($event) => selectValue(value, hide)
-					}), [renderSlot(_ctx.$slots, "option", {
-						label,
+				popper: withCtx(() => [createElementVNode("div", {
+					id: listboxId,
+					role: "listbox",
+					"aria-label": __props.label,
+					class: "flex flex-col bg-gray-50 dark:bg-gray-700"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, ([value, optionLabel], index) => {
+					return openBlock(), createElementBlock("div", {
+						id: optionId(index),
+						key: value,
+						role: "option",
+						"aria-selected": value === __props.modelValue,
+						class: normalizeClass(["px-2 py-1 cursor-pointer hover:bg-primary-100 dark:hover:bg-primary-700", {
+							"bg-primary-200 dark:bg-primary-800": value === __props.modelValue,
+							"outline outline-2 -outline-offset-2 outline-primary-500": index === activeIndex.value
+						}]),
+						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+						onMousemove: ($event) => activeIndex.value = index,
+						onClick: ($event) => choose(index)
+					}, [renderSlot(_ctx.$slots, "option", {
+						label: optionLabel,
 						value
-					}, () => [createTextVNode(toDisplayString(label), 1)])], 16, _hoisted_4);
-				}), 128))])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", { label: selectedLabel.value }, () => [createTextVNode(toDisplayString(selectedLabel.value), 1)])]), createVNode(unref(Icon), {
+					}, () => [createTextVNode(toDisplayString(optionLabel), 1)])], 42, _hoisted_4);
+				}), 128))], 8, _hoisted_3)]),
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "combobox",
+					ref: combobox,
+					role: "combobox",
+					tabindex: "0",
+					"aria-label": __props.label,
+					"aria-haspopup": "listbox",
+					"aria-expanded": open.value,
+					"aria-controls": open.value ? listboxId : void 0,
+					"aria-activedescendant": open.value && activeIndex.value >= 0 ? optionId(activeIndex.value) : void 0,
+					class: "cursor-pointer w-full outline-none focus-visible:border-primary-500 px-2 h-[27px] -my-1 border border-solid border-black/25 dark:border-white/25 hover:border-primary-500 dark:hover:border-primary-500 rounded-sm flex gap-2 items-center leading-normal",
+					onClick: _cache[0] || (_cache[0] = ($event) => open.value ? close() : openList()),
+					onKeydown
+				}, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", { label: selectedLabel.value }, () => [createTextVNode(toDisplayString(selectedLabel.value), 1)])]), createVNode(unref(Icon), {
 					icon: "carbon:chevron-sort",
 					class: "w-4 h-4 flex-none ml-auto"
-				})])]),
+				})], 40, _hoisted_1)]),
 				_: 3
-			});
+			}, 8, ["shown"]);
 		};
 	}
 });

package/dist/bundled/components/base/BaseSplitPane.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import BaseSplitPane_vue_vue_type_script_setup_true_lang_default from "./BaseSplitPane.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 //#region src/app/components/base/BaseSplitPane.vue
-var BaseSplitPane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSplitPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1e09b1b3"]]);
+var BaseSplitPane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSplitPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e5174855"]]);
 //#endregion
 export { BaseSplitPane_default as default };

package/dist/bundled/components/command/PromptSelect.vue_vue_type_script_setup_true_lang.js

@@ -60,7 +60,7 @@ var PromptSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const { selectedIndex, selectNext, selectPrevious } = useSelection(formattedOptions);
 		function selectIndex(index) {
-			const result = formattedOptions.value[index].value;
+			const result = formattedOptions.value[index]?.value;
 			if (result) model.value = result;
 		}
 		return (_ctx, _cache) => {

package/dist/bundled/components/panel/ControlsComponentPropItem.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,12 @@
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDirective, resolveDynamicComponent, unref, withCtx, withDirectives, withModifiers } from "@poveste/vendors/vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, resolveDirective, resolveDynamicComponent, unref, withDirectives } from "@poveste/vendors/vue";
 import { Icon } from "@poveste/vendors/iconify";
 import { HstCheckbox, HstJson, HstNumber, HstText } from "@poveste/controls";
 //#region src/app/components/panel/ControlsComponentPropItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "flex items-end hover:bg-primary-100 dark:hover:bg-primary-800"
+};
+var _hoisted_2 = ["aria-label", "disabled"];
 var ControlsComponentPropItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ControlsComponentPropItem",
 	props: {
@@ -34,25 +39,26 @@ var ControlsComponentPropItem_vue_vue_type_script_setup_true_lang_default = /*@_
 		const canReset = computed(() => props.variant.state?._hPropState?.[props.component.index] && props.definition.name in props.variant.state._hPropState[props.component.index]);
 		return (_ctx, _cache) => {
 			const _directive_tooltip = resolveDirective("tooltip");
-			return comp.value ? (openBlock(), createBlock(resolveDynamicComponent(comp.value), {
-				key: 0,
+			return comp.value ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(comp.value), {
 				modelValue: model.value,
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				placeholder: model.value === void 0 ? __props.definition?.default : null,
-				class: "poveste-controls-component-prop-item",
+				class: "poveste-controls-component-prop-item grow min-w-0",
 				title: `${__props.definition.name}${canReset.value ? " *" : ""}`
-			}, {
-				actions: withCtx(() => [withDirectives(createVNode(unref(Icon), {
-					icon: "carbon:erase",
-					class: normalizeClass(["cursor-pointer w-4 h-4 hover:text-primary-500 dark:hover:text-primary-400 text-gray-900 dark:text-gray-100", [canReset.value ? "opacity-50 hover:opacity-100" : "opacity-25 pointer-events-none"]]),
-					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => reset(), ["stop"]))
-				}, null, 8, ["class"]), [[_directive_tooltip, "Remove override"]])]),
-				_: 1
-			}, 8, [
+			}, null, 8, [
 				"modelValue",
 				"placeholder",
 				"title"
-			])) : createCommentVNode("", true);
+			])), withDirectives((openBlock(), createElementBlock("button", {
+				type: "button",
+				"aria-label": `Remove override of ${__props.definition.name}`,
+				disabled: !canReset.value,
+				class: normalizeClass(["flex-none flex mr-2 mb-[10px] p-0 bg-transparent border-0 cursor-pointer text-gray-900 dark:text-gray-100 hover:text-primary-500 dark:hover:text-primary-400", [canReset.value ? "opacity-50 hover:opacity-100 focus-visible:opacity-100" : "opacity-25 pointer-events-none"]]),
+				onClick: _cache[1] || (_cache[1] = ($event) => reset())
+			}, [createVNode(unref(Icon), {
+				icon: "carbon:erase",
+				class: "w-4 h-4"
+			})], 10, _hoisted_2)), [[_directive_tooltip, "Remove override"]])])) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/bundled/components/panel/PaneTabs.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 								tab: ""
 							}
 						},
-						matched: !_ctx.$route.query.tab
+						matched: !_ctx.$route.query["tab"]
 					}, {
 						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Controls ", -1)])]),
 						_: 1
@@ -42,7 +42,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 								tab: "docs"
 							}
 						},
-						matched: _ctx.$route.query.tab === "docs",
+						matched: _ctx.$route.query["tab"] === "docs",
 						class: normalizeClass({ "opacity-70": !unref(renderedDoc) })
 					}, {
 						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Docs ", -1)])]),
@@ -60,7 +60,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 								tab: "events"
 							}
 						},
-						matched: _ctx.$route.query.tab === "events",
+						matched: _ctx.$route.query["tab"] === "events",
 						class: normalizeClass({ "opacity-70": !hasEvents.value })
 					}, {
 						default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" Events ", -1)), unref(eventsStore).unseen ? (openBlock(), createBlock(BaseTag_default, { key: 0 }, {
@@ -83,7 +83,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 								tab: ""
 							}
 						},
-						matched: !_ctx.$route.query.tab
+						matched: !_ctx.$route.query["tab"]
 					}, {
 						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Controls ", -1)])]),
 						_: 1
@@ -96,7 +96,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 								tab: "docs"
 							}
 						},
-						matched: _ctx.$route.query.tab === "docs",
+						matched: _ctx.$route.query["tab"] === "docs",
 						class: normalizeClass({ "opacity-70": !unref(renderedDoc) })
 					}, {
 						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Docs ", -1)])]),
@@ -114,7 +114,7 @@ var PaneTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 								tab: "events"
 							}
 						},
-						matched: _ctx.$route.query.tab === "events",
+						matched: _ctx.$route.query["tab"] === "events",
 						class: normalizeClass({ "opacity-70": !hasEvents.value })
 					}, {
 						default: withCtx(() => [_cache[2] || (_cache[2] = createTextVNode(" Events ", -1)), unref(eventsStore).unseen ? (openBlock(), createBlock(BaseTag_default, { key: 0 }, {