@chelone/vue 0.5.0 → 0.7.0

package/dist/components/admin/layout/data-provider-devtools.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,101 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import button_default from "../../ui/button.js";
+import data_provider_devtools_entry_default from "./data-provider-devtools-entry.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
+import { shouldHandleHotkey } from "@chelone/core";
+// src/components/admin/layout/data-provider-devtools.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "data-open"];
+var _hoisted_2 = ["data-open"];
+var _hoisted_3 = { class: "font-semibold" };
+var _hoisted_4 = { class: "text-muted-foreground tabular-nums" };
+var _hoisted_5 = {
+	key: 0,
+	class: "px-3 py-2 text-muted-foreground"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "overflow-y-auto"
+};
+var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "data-provider-devtools",
+	props: {
+		log: {},
+		defaultOpen: {
+			type: Boolean,
+			default: true
+		},
+		shortcut: { default: "mod+shift+d" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<DataProviderDevtools>` — a floating panel at the bottom right that lists
+		* the calls a `createDataProviderLog` log has recorded: method, resource,
+		* duration and, for a failed call, the error. The Vue twin of
+		* `@chelone/react`'s `layout/data-provider-devtools.tsx`. Wrap the data
+		* provider with `log.wrap`, then mount the panel once, in the layout.
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const open = ref(props.defaultOpen);
+		const snapshot = shallowRef(props.log.store.getSnapshot());
+		watch(() => props.log, (log, _previous, onCleanup) => {
+			const { store } = log;
+			snapshot.value = store.getSnapshot();
+			onCleanup(store.subscribe(() => {
+				snapshot.value = store.getSnapshot();
+			}));
+		}, { immediate: true });
+		const entries = computed(() => [...snapshot.value.entries].reverse());
+		function onKeydown(event) {
+			const target = event.target instanceof HTMLElement ? event.target : null;
+			if (!shouldHandleHotkey(event, props.shortcut, target)) return;
+			event.preventDefault();
+			open.value = !open.value;
+		}
+		onMounted(() => window.addEventListener("keydown", onKeydown));
+		onBeforeUnmount(() => window.removeEventListener("keydown", onKeydown));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				"aria-label": unref(translate)("chelone.devtools.title", { _: "Data provider" }),
+				"data-slot": "data-provider-devtools",
+				"data-open": open.value,
+				class: normalizeClass(unref(cn)("fixed right-4 bottom-4 z-50 flex max-h-[70vh] w-96 max-w-[calc(100vw-2rem)] flex-col rounded-lg border bg-popover text-xs text-popover-foreground shadow-lg", props.class))
+			}, [createElementVNode("header", {
+				class: "flex items-center gap-2 border-b px-3 py-1.5 data-[open=false]:border-b-0",
+				"data-open": open.value
+			}, [
+				createElementVNode("span", _hoisted_3, toDisplayString(unref(translate)("chelone.devtools.title", { _: "Data provider" })), 1),
+				createElementVNode("span", _hoisted_4, toDisplayString(snapshot.value.entries.length), 1),
+				createVNode(button_default, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					class: "ml-auto h-6 px-2",
+					onClick: _cache[0] || (_cache[0] = ($event) => props.log.clear())
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.devtools.clear", { _: "Clear" })), 1)]),
+					_: 1
+				}),
+				createVNode(button_default, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					class: "h-6 px-2",
+					"aria-expanded": open.value,
+					onClick: _cache[1] || (_cache[1] = ($event) => open.value = !open.value)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(open.value ? unref(translate)("chelone.devtools.hide", { _: "Hide" }) : unref(translate)("chelone.devtools.show", { _: "Show" })), 1)]),
+					_: 1
+				}, 8, ["aria-expanded"])
+			], 8, _hoisted_2), open.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [entries.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(translate)("chelone.devtools.empty", { _: "No calls yet" })), 1)) : (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
+				return openBlock(), createBlock(data_provider_devtools_entry_default, {
+					key: entry.id,
+					entry
+				}, null, 8, ["entry"]);
+			}), 128))]))], 64)) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+});
+export { data_provider_devtools_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/hide-on-scroll.js

@@ -0,0 +1,4 @@
+import hide_on_scroll_vue_vue_type_script_setup_true_lang_default from "./hide-on-scroll.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/hide-on-scroll.vue
+var hide_on_scroll_default = hide_on_scroll_vue_vue_type_script_setup_true_lang_default;
+export { hide_on_scroll_default as default };

package/dist/components/admin/layout/hide-on-scroll.vue.d.ts

@@ -5,12 +5,13 @@ export interface HideOnScrollProps {
     /** Extra class merged onto the wrapper div. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<HideOnScrollProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HideOnScrollProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<HideOnScrollProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HideOnScrollProps> & Readonly<{}>, {
     threshold: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/layout/hide-on-scroll.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { cn } from "../../../lib/utils.js";
+import { createElementBlock, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref } from "vue";
+// src/components/admin/layout/hide-on-scroll.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-state"];
+var hide_on_scroll_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "hide-on-scroll",
+	props: {
+		threshold: { default: 100 },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<HideOnScroll>` — wraps a header and sets `data-state="hidden"` on a
+		* downward scroll past `threshold`, `"visible"` on any upward scroll. The Vue
+		* twin of `@chelone/react`'s `layout/hide-on-scroll.tsx`.
+		*/
+		const props = __props;
+		const hidden = ref(false);
+		let lastY = 0;
+		function onScroll() {
+			const y = window.scrollY;
+			if (y > lastY && y > props.threshold) hidden.value = true;
+			else if (y < lastY) hidden.value = false;
+			lastY = y;
+		}
+		onMounted(() => {
+			lastY = window.scrollY;
+			window.addEventListener("scroll", onScroll, { passive: true });
+		});
+		onBeforeUnmount(() => {
+			window.removeEventListener("scroll", onScroll);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-state": hidden.value ? "hidden" : "visible",
+				class: normalizeClass(unref(cn)("transition-transform duration-300 data-[state=hidden]:-translate-y-full", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+export { hide_on_scroll_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/icons.d.ts

@@ -12,3 +12,11 @@ export declare const ListIcon: FunctionalComponent;
 export declare const HouseIcon: FunctionalComponent;
 /** The default logout glyph (a door + arrow) — the `<Logout>` item's default icon. */
 export declare const LogOutIcon: FunctionalComponent;
+/** The assistant trigger glyph (a speech bubble). */
+export declare const MessageCircleIcon: FunctionalComponent;
+/** The assistant send glyph (a paper plane). */
+export declare const SendIcon: FunctionalComponent;
+/** The assistant stop glyph (a square). */
+export declare const SquareIcon: FunctionalComponent;
+/** The assistant close glyph (a cross). */
+export declare const XIcon: FunctionalComponent;

package/dist/components/admin/layout/icons.js

@@ -1,34 +1,41 @@
 import { h } from "vue";
+// src/components/admin/layout/icons.ts
+/**
+* The two default menu glyphs (`ListIcon` / `HouseIcon`) as dependency-free
+* functional components. `@chelone/vue` carries no icon library (unlike the React
+* twin's `lucide-react`), so the menu family renders inline SVGs — the same
+* convention the rest of the Vue layout uses (see `app-sidebar.vue`). Kept in a
+* `.ts` sibling so the `.vue` SFCs stay component-file-per-component.
+*/
+/** A shared `<svg>` shell with the lucide stroke recipe around `paths`. */
 function glyph(paths) {
-  const icon = () => h(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "aria-hidden": "true"
-    },
-    paths.map((d) => h("path", { d }))
-  );
-  return icon;
+	const icon = () => h("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"aria-hidden": "true"
+	}, paths.map((d) => h("path", { d })));
+	return icon;
 }
-const ListIcon = glyph([
-  "M3 12h.01M3 18h.01M3 6h.01M8 6h13M8 12h13M8 18h13"
+/** The default resource-list glyph (three rows) — the `<ResourceMenuItem>` fallback. */
+var ListIcon = glyph(["M3 12h.01M3 18h.01M3 6h.01M8 6h13M8 12h13M8 18h13"]);
+/** The default dashboard glyph (a house) — the `<DashboardMenuItem>` default icon. */
+var HouseIcon = glyph(["M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"]);
+/** The default logout glyph (a door + arrow) — the `<Logout>` item's default icon. */
+var LogOutIcon = glyph([
+	"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",
+	"M16 17l5-5-5-5",
+	"M21 12H9"
 ]);
-const HouseIcon = glyph([
-  "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
-  "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-]);
-const LogOutIcon = glyph([
-  "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",
-  "M16 17l5-5-5-5",
-  "M21 12H9"
-]);
-export {
-  HouseIcon,
-  ListIcon,
-  LogOutIcon
-};
+/** The assistant trigger glyph (a speech bubble). */
+var MessageCircleIcon = glyph(["M7.9 20A9 9 0 1 0 4 16.1L2 22Z"]);
+/** The assistant send glyph (a paper plane). */
+var SendIcon = glyph(["M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z", "m21.854 2.147-10.94 10.939"]);
+/** The assistant stop glyph (a square). */
+var SquareIcon = glyph(["M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"]);
+/** The assistant close glyph (a cross). */
+var XIcon = glyph(["M18 6 6 18", "m6 6 12 12"]);
+export { HouseIcon, ListIcon, LogOutIcon, MessageCircleIcon, SendIcon, SquareIcon, XIcon };

package/dist/components/admin/layout/layout.js

@@ -0,0 +1,4 @@
+import layout_vue_vue_type_script_setup_true_lang_default from "./layout.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/layout.vue
+var layout_default = layout_vue_vue_type_script_setup_true_lang_default;
+export { layout_default as default };

package/dist/components/admin/layout/layout.vue.d.ts

@@ -1,13 +1,16 @@
-declare var __VLS_9: {}, __VLS_14: {}, __VLS_19: {};
-type __VLS_Slots = {} & {
-    sidebar?: (props: typeof __VLS_9) => any;
-} & {
-    'app-bar'?: (props: typeof __VLS_14) => any;
-} & {
-    default?: (props: typeof __VLS_19) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        sidebar?: (props: {}) => any;
+    } & {
+        'app-bar'?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/admin/layout/layout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import app_bar_default from "./app-bar.js";
+import app_sidebar_default from "./app-sidebar.js";
+import skip_navigation_button_default from "../buttons/skip-navigation-button.js";
+import notification_default from "../feedback/notification.js";
+import sidebar_provider_default from "../../ui/sidebar/sidebar-provider.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+// src/components/admin/layout/layout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-slot": "layout-main",
+	class: "ml-auto flex h-svh w-full max-w-full flex-1 flex-col"
+};
+var _hoisted_2 = {
+	id: "main-content",
+	class: "flex flex-1 flex-col overflow-auto px-4 py-2"
+};
+var layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "layout",
+	setup(__props) {
+		/**
+		* `<Layout>` — the default admin shell frame. The Vue twin of `@chelone/react`'s
+		* `layout/layout.tsx`. Wraps a `<SidebarProvider>` around the `<AppSidebar>` and
+		* a `<main>` content column (`<AppBar>` + the routed content), so `<Admin>`
+		* renders it as the default `#layout` when no override is supplied.
+		*
+		* The default slot is the routed content (`<Admin>` injects its dashboard slot +
+		* `<router-view>` there). The `#sidebar` / `#app-bar` slots override the sidebar
+		* and header for a custom shell without re-implementing the frame.
+		*
+		* `<SkipNavigationButton>` comes first, ahead of the sidebar it skips, and
+		* targets `#main-content`, the content area below the app bar.
+		*
+		* Vue divergence from the React twin: no error boundary yet — the content
+		* mounts directly.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sidebar_provider_default), null, {
+				default: withCtx(() => [
+					createVNode(skip_navigation_button_default),
+					renderSlot(_ctx.$slots, "sidebar", {}, () => [createVNode(app_sidebar_default)]),
+					createElementVNode("main", _hoisted_1, [renderSlot(_ctx.$slots, "app-bar", {}, () => [createVNode(app_bar_default)]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])]),
+					createVNode(notification_default)
+				]),
+				_: 3
+			});
+		};
+	}
+});
+export { layout_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/menu-item-link.js

@@ -0,0 +1,4 @@
+import menu_item_link_vue_vue_type_script_setup_true_lang_default from "./menu-item-link.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/menu-item-link.vue
+var menu_item_link_default = menu_item_link_vue_vue_type_script_setup_true_lang_default;
+export { menu_item_link_default as default };

package/dist/components/admin/layout/menu-item-link.vue.d.ts

@@ -22,10 +22,11 @@ export interface MenuItemLinkProps {
     /** Click handler invoked alongside the default navigation (e.g. close the mobile drawer). */
     onClick?: () => void;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<MenuItemLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuItemLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MenuItemLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuItemLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     icon?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/layout/menu-item-link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useBasename } from "../../../router/adapter.js";
+import { useMatch } from "../../../router/nav-composables.js";
+import { SidebarContextKey } from "../../ui/sidebar/sidebar-context.js";
+import sidebar_menu_button_default from "../../ui/sidebar/sidebar-menu-button.js";
+import { SidebarMenuItem } from "../../ui/sidebar/sidebar-parts.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { RouterLink } from "vue-router";
+// src/components/admin/layout/menu-item-link.vue?vue&type=script&setup=true&lang.ts
+var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "menu-item-link",
+	props: {
+		to: {},
+		label: {},
+		icon: {},
+		class: {},
+		onClick: { type: Function }
+	},
+	setup(__props) {
+		/**
+		* `<MenuItemLink>` — a clickable sidebar entry that navigates to a route. The Vue
+		* twin of `@chelone/react`'s `layout/menu-item-link.tsx`. The active state is
+		* derived from `useMatch({ path: to, end: to === `${basename}/` })` (mirroring
+		* the React twin); when the current pathname matches `to`, the item is
+		* highlighted, and — because non-root links match with `end: false` — the
+		* parent list entry stays highlighted on its child detail routes. It is the
+		* building block for `<DashboardMenuItem>` / `<ResourceMenuItem>` and for custom
+		* `<Menu>` children.
+		*
+		* Vue divergences from the React twin: the keyboard-shortcut binding and the
+		* collapsed-rail `<Tooltip>` wrapper are NOT ported yet (those React
+		* sub-components have no Vue twin in this wave) — a later surface-parity wave.
+		* Navigation uses vue-router's `<RouterLink>` (the framework link), and `onClick`
+		* is a prop invoked on click rather than a synthetic-event handler.
+		*/
+		const props = __props;
+		const sidebar = inject(SidebarContextKey, null);
+		const translate = useTranslate();
+		const basename = useBasename();
+		const match = useMatch({
+			path: props.to,
+			end: props.to === `${basename}/`
+		});
+		const isActive = computed(() => match.value != null);
+		const text = computed(() => translate(props.label, { _: props.label }));
+		function onClick() {
+			props.onClick?.();
+			if (sidebar?.openMobile.value) sidebar.setOpenMobile(false);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SidebarMenuItem), null, {
+				default: withCtx(() => [createVNode(unref(sidebar_menu_button_default), {
+					as: unref(RouterLink),
+					to: __props.to,
+					"is-active": isActive.value,
+					class: normalizeClass(props.class),
+					onClick
+				}, {
+					default: withCtx(() => [
+						__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "icon"),
+						createElementVNode("span", null, toDisplayString(text.value), 1)
+					]),
+					_: 3
+				}, 8, [
+					"as",
+					"to",
+					"is-active",
+					"class"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+export { menu_item_link_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/menu.js

@@ -0,0 +1,4 @@
+import menu_vue_vue_type_script_setup_true_lang_default from "./menu.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/menu.vue
+var menu_default = menu_vue_vue_type_script_setup_true_lang_default;
+export { menu_default as default };

package/dist/components/admin/layout/menu.vue.d.ts

@@ -1,9 +1,11 @@
+import type { VNode } from "vue";
 type __VLS_Slots = {
     /** Custom nav entries that REPLACE the auto resource list. */
-    default?: () => unknown;
+    default?: () => VNode[];
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/admin/layout/menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { useHasDashboard } from "../../../admin/has-dashboard.js";
+import { SidebarGroup, SidebarGroupContent, SidebarMenu } from "../../ui/sidebar/sidebar-parts.js";
+import dashboard_menu_item_default from "./dashboard-menu-item.js";
+import resource_menu_item_group_default from "./resource-menu-item-group.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+// src/components/admin/layout/menu.vue?vue&type=script&setup=true&lang.ts
+var menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "menu",
+	setup(__props) {
+		/**
+		* `<Menu>` — the sidebar navigation menu, auto-generated from the registered
+		* resources. The Vue twin of `@chelone/react`'s `layout/menu.tsx`. By default it
+		* renders a `<DashboardMenuItem>` (only when the app has a dashboard, via
+		* `useHasDashboard`) followed by a `<ResourceMenuItemGroup>` that emits one entry
+		* per list-enabled resource. Passing default-slot children REPLACES the auto
+		* resource list (use `<MenuItemLink>` / `<ResourceMenuItem>` / `<DashboardMenuItem>`
+		* for a fully custom nav tree).
+		*
+		* Vue divergence from the React twin: the Vue `ResourceDefinition` has no
+		* `options.group` bag yet, so resources render as one flat unlabeled group
+		* rather than the React twin's per-`options.group` collapsible sections (a later
+		* wave). The reactive registry replaces React's `useResourceDefinitions` hook.
+		*/
+		const hasDashboard = useHasDashboard();
+		return (_ctx, _cache) => {
+			return _ctx.$slots.default ? (openBlock(), createBlock(unref(SidebarGroup), { key: 0 }, {
+				default: withCtx(() => [createVNode(unref(SidebarGroupContent), null, {
+					default: withCtx(() => [createVNode(unref(SidebarMenu), null, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			})) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(hasDashboard) ? (openBlock(), createBlock(unref(SidebarGroup), { key: 0 }, {
+				default: withCtx(() => [createVNode(unref(SidebarGroupContent), null, {
+					default: withCtx(() => [createVNode(unref(SidebarMenu), null, {
+						default: withCtx(() => [createVNode(dashboard_menu_item_default)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})) : createCommentVNode("", true), createVNode(resource_menu_item_group_default)], 64));
+		};
+	}
+});
+export { menu_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/onboarding-tour-host.js

@@ -0,0 +1,4 @@
+import onboarding_tour_host_vue_vue_type_script_setup_true_lang_default from "./onboarding-tour-host.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/onboarding-tour-host.vue
+var onboarding_tour_host_default = onboarding_tour_host_vue_vue_type_script_setup_true_lang_default;
+export { onboarding_tour_host_default as default };

package/dist/components/admin/layout/onboarding-tour-host.vue.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Owns one tour controller. `<OnboardingTour>` keys this on the props the
+ * controller is built from, so a change to any of them starts a fresh
+ * controller, as the React twin's `useMemo` does.
+ */
+import { type TourEnd } from "@chelone/core";
+import type { OnboardingTourProps } from "./onboarding-tour.vue.js";
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        step?: (props: {
+            step: import("./onboarding-tour.vue.js").TourStep;
+            index: number;
+        }) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<OnboardingTourProps, {
+    start: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    complete: (reason: TourEnd) => any;
+}, string, import("vue").PublicProps, Readonly<OnboardingTourProps> & Readonly<{
+    onComplete?: ((reason: TourEnd) => any) | undefined;
+}>, {
+    placement: import("@chelone/core").TourPlacement;
+    autoStart: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/layout/onboarding-tour-host.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { useCheloneStore } from "../../../context.js";
+import { useMicroStore } from "../../../store/use-micro-store.js";
+import onboarding_tour_overlay_default from "./onboarding-tour-overlay.js";
+import { Teleport, computed, createBlock, createCommentVNode, createSlots, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createTourController } from "@chelone/core";
+// src/components/admin/layout/onboarding-tour-host.vue?vue&type=script&setup=true&lang.ts
+var onboarding_tour_host_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "onboarding-tour-host",
+	props: {
+		id: {},
+		steps: {},
+		autoStart: {
+			type: Boolean,
+			default: true
+		},
+		placement: { default: "auto" }
+	},
+	emits: ["complete"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		/**
+		* Owns one tour controller. `<OnboardingTour>` keys this on the props the
+		* controller is built from, so a change to any of them starts a fresh
+		* controller, as the React twin's `useMemo` does.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const controller = createTourController({
+			id: props.id,
+			stepCount: props.steps.length,
+			store: useCheloneStore(),
+			autoStart: props.autoStart,
+			onComplete: (reason) => emit("complete", reason)
+		});
+		__expose({ start: controller.start });
+		const state = useMicroStore(controller);
+		const step = computed(() => props.steps[state.value.index]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [unref(state).active && step.value ? (openBlock(), createBlock(onboarding_tour_overlay_default, {
+				key: 0,
+				controller: unref(controller),
+				step: step.value,
+				index: unref(state).index,
+				total: __props.steps.length,
+				placement: step.value.placement ?? __props.placement
+			}, createSlots({ _: 2 }, [_ctx.$slots.step ? {
+				name: "step",
+				fn: withCtx((scope) => [renderSlot(_ctx.$slots, "step", normalizeProps(guardReactiveProps(scope)))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"controller",
+				"step",
+				"index",
+				"total",
+				"placement"
+			])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { onboarding_tour_host_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/onboarding-tour-overlay.js

@@ -0,0 +1,4 @@
+import onboarding_tour_overlay_vue_vue_type_script_setup_true_lang_default from "./onboarding-tour-overlay.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/onboarding-tour-overlay.vue
+var onboarding_tour_overlay_default = onboarding_tour_overlay_vue_vue_type_script_setup_true_lang_default;
+export { onboarding_tour_overlay_default as default };

package/dist/components/admin/layout/onboarding-tour-overlay.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * The open tour: scrim, ring and card. The Vue twin of `TourOverlay` in
+ * `@chelone/react`'s `layout/onboarding-tour.tsx`. `<OnboardingTour>` mounts it
+ * only while the tour is active, so mounting is opening and unmounting is
+ * closing: focus is taken on mount and given back on unmount.
+ */
+import { type TourController, type TourPlacement } from "@chelone/core";
+import type { TourStep } from "./onboarding-tour.vue.js";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    controller: TourController;
+    step: TourStep;
+    index: number;
+    total: number;
+    placement: TourPlacement;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    controller: TourController;
+    step: TourStep;
+    index: number;
+    total: number;
+    placement: TourPlacement;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    step?: (props: {
+        step: TourStep;
+        index: number;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};