@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/layout/command-menu.vue.js

@@ -0,0 +1,167 @@
+import { defineComponent, ref, shallowRef, onScopeDispose, computed, provide, onMounted, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, Fragment, renderSlot, unref, createBlock, withCtx, createVNode } from "vue";
+import { createCommandRegistry, shouldHandleHotkey } from "@chelone/core";
+import { useCheloneNotifications } from "../../../context.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../../ui/sheet.vue.js";
+import { useIsMobile } from "../../ui/sidebar/use-is-mobile.js";
+import _sfc_main$3 from "./command-menu-content.vue.js";
+import { CommandMenuKey } from "./command-menu-context.js";
+import _sfc_main$2 from "../../ui/command/command.vue.js";
+import _sfc_main$4 from "../../ui/command/command-dialog.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "command-menu",
+  props: {
+    hotkey: { type: [String, Boolean], default: "mod+k" },
+    resources: { default: void 0 },
+    searchFields: { default: () => ({}) },
+    perResourceLimit: { default: 5 },
+    recentsLimit: { default: 5 },
+    actions: { default: () => [] },
+    placeholder: { default: void 0 },
+    searchDebounceMs: { default: 250 }
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const notifications = useCheloneNotifications();
+    const isMobile = useIsMobile();
+    const isOpen = ref(false);
+    const query = ref("");
+    function open() {
+      isOpen.value = true;
+    }
+    function close() {
+      isOpen.value = false;
+      query.value = "";
+    }
+    function toggle() {
+      if (isOpen.value) close();
+      else open();
+    }
+    const registry = createCommandRegistry();
+    const registered = shallowRef(registry.store.getSnapshot().commands);
+    onScopeDispose(
+      registry.store.subscribe(() => {
+        registered.value = registry.store.getSnapshot().commands;
+      })
+    );
+    const commands = computed(() => [...registered.value, ...props.actions]);
+    const context = {
+      isOpen,
+      open,
+      close,
+      toggle,
+      setQuery: (text) => {
+        query.value = text;
+      },
+      registerCommand: (action) => registry.register(action),
+      unregisterCommand: (id) => registry.unregister(id)
+    };
+    provide(CommandMenuKey, context);
+    function onKeydown(event) {
+      if (props.hotkey === false) return;
+      if (!shouldHandleHotkey(event, props.hotkey, event.target))
+        return;
+      event.preventDefault();
+      toggle();
+    }
+    onMounted(() => window.addEventListener("keydown", onKeydown));
+    onBeforeUnmount(() => window.removeEventListener("keydown", onKeydown));
+    const sheetCommand = ref(null);
+    watch(isOpen, async (opened) => {
+      if (!opened || !isMobile.value) return;
+      await nextTick();
+      sheetCommand.value?.$el.querySelector("input")?.focus();
+    });
+    function onOpenChange(next) {
+      if (next) open();
+      else close();
+    }
+    function fail() {
+      notifications?.notify("chelone.notification.http_error", { type: "error" });
+    }
+    function run(action) {
+      close();
+      try {
+        const result = action.onSelect();
+        if (result && typeof result.then === "function")
+          result.then(void 0, fail);
+      } catch {
+        fail();
+      }
+    }
+    const title = computed(
+      () => translate("chelone.command_menu.title", { _: "Command menu" })
+    );
+    const description = computed(
+      () => translate("chelone.command_menu.description", {
+        _: "Search resources and records, or run an action."
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default"),
+        unref(isMobile) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          side: "bottom",
+          open: isOpen.value,
+          title: title.value,
+          description: description.value,
+          "onUpdate:open": onOpenChange
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$2), {
+              ref_key: "sheetCommand",
+              ref: sheetCommand,
+              class: "-mx-4 h-auto"
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$3, {
+                  query: query.value,
+                  "onUpdate:query": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+                  resources: __props.resources,
+                  "search-fields": __props.searchFields,
+                  "per-resource-limit": __props.perResourceLimit,
+                  "recents-limit": __props.recentsLimit,
+                  "search-debounce-ms": __props.searchDebounceMs,
+                  placeholder: __props.placeholder,
+                  commands: commands.value,
+                  onClose: close,
+                  onRun: run
+                }, null, 8, ["query", "resources", "search-fields", "per-resource-limit", "recents-limit", "search-debounce-ms", "placeholder", "commands"])
+              ]),
+              _: 1
+            }, 512)
+          ]),
+          _: 1
+        }, 8, ["open", "title", "description"])) : (openBlock(), createBlock(unref(_sfc_main$4), {
+          key: 1,
+          open: isOpen.value,
+          title: title.value,
+          description: description.value,
+          "onUpdate:open": onOpenChange
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
+              query: query.value,
+              "onUpdate:query": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+              resources: __props.resources,
+              "search-fields": __props.searchFields,
+              "per-resource-limit": __props.perResourceLimit,
+              "recents-limit": __props.recentsLimit,
+              "search-debounce-ms": __props.searchDebounceMs,
+              placeholder: __props.placeholder,
+              commands: commands.value,
+              onClose: close,
+              onRun: run
+            }, null, 8, ["query", "resources", "search-fields", "per-resource-limit", "recents-limit", "search-debounce-ms", "placeholder", "commands"])
+          ]),
+          _: 1
+        }, 8, ["open", "title", "description"]))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/layout/command-menu2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./command-menu.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+import type { Component } from "vue";
+/** Props for {@link DashboardMenuItem}. */
+export interface DashboardMenuItemProps {
+    /** Extra CSS class appended to the underlying menu button. */
+    class?: string;
+    /** Replaces the default `House` icon. */
+    icon?: Component;
+    /** Replaces the default translated label (`ra.page.dashboard`, default "Dashboard"). */
+    label?: string;
+    /** Click handler invoked alongside the default navigation (e.g. close the drawer). */
+    onClick?: () => void;
+}
+declare const _default: import("vue").DefineComponent<DashboardMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/layout/dashboard-menu-item.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { HouseIcon } from "./icons.js";
+import _sfc_main$1 from "./menu-item-link.vue.js";
+import { useBasename } from "../../../router/adapter.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dashboard-menu-item",
+  props: {
+    class: {},
+    icon: {},
+    label: {},
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const basename = useBasename();
+    const to = `${basename}/`;
+    const label = computed(
+      () => props.label ?? translate("ra.page.dashboard", { _: "Dashboard" })
+    );
+    const icon = computed(() => props.icon ?? HouseIcon);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        to,
+        label: label.value,
+        icon: icon.value,
+        class: normalizeClass(props.class),
+        "on-click": __props.onClick
+      }, null, 8, ["label", "icon", "class", "on-click"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/layout/dashboard-menu-item2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./dashboard-menu-item.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,18 @@
+/** Props for {@link HideOnScroll}. */
+export interface HideOnScrollProps {
+    /** Scroll offset in pixels a downward scroll must pass before hiding. @default 100 */
+    threshold?: number;
+    /** 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<{}>, {
+    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.js

@@ -0,0 +1,44 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { cn } from "../../../lib/utils.js";
+const _hoisted_1 = ["data-state"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "hide-on-scroll",
+  props: {
+    threshold: { default: 100 },
+    class: {}
+  },
+  setup(__props) {
+    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 {
+  _sfc_main as default
+};

package/dist/components/admin/layout/hide-on-scroll2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./hide-on-scroll.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+import { type FunctionalComponent } from "vue";
+/** The default resource-list glyph (three rows) — the `<ResourceMenuItem>` fallback. */
+export declare const ListIcon: FunctionalComponent;
+/** The default dashboard glyph (a house) — the `<DashboardMenuItem>` default icon. */
+export declare const HouseIcon: FunctionalComponent;
+/** The default logout glyph (a door + arrow) — the `<Logout>` item's default icon. */
+export declare const LogOutIcon: FunctionalComponent;

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

@@ -0,0 +1,34 @@
+import { h } from "vue";
+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 ListIcon = glyph([
+  "M3 12h.01M3 18h.01M3 6h.01M8 6h13M8 12h13M8 18h13"
+]);
+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
+};

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

@@ -0,0 +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_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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,42 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, createElementVNode } from "vue";
+import _sfc_main$4 from "./app-bar.vue.js";
+import _sfc_main$3 from "./app-sidebar.vue.js";
+import _sfc_main$2 from "../buttons/skip-navigation-button.vue.js";
+import _sfc_main$5 from "../feedback/notification.vue.js";
+import _sfc_main$1 from "../../ui/sidebar/sidebar-provider.vue.js";
+const _hoisted_1 = {
+  "data-slot": "layout-main",
+  class: "ml-auto flex h-svh w-full max-w-full flex-1 flex-col"
+};
+const _hoisted_2 = {
+  id: "main-content",
+  class: "flex flex-1 flex-col overflow-auto px-4 py-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "layout",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2),
+          renderSlot(_ctx.$slots, "sidebar", {}, () => [
+            createVNode(_sfc_main$3)
+          ]),
+          createElementVNode("main", _hoisted_1, [
+            renderSlot(_ctx.$slots, "app-bar", {}, () => [
+              createVNode(_sfc_main$4)
+            ]),
+            createElementVNode("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ]),
+          createVNode(_sfc_main$5)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./layout.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,33 @@
+import type { Component } from "vue";
+/** Props for {@link MenuItemLink}. */
+export interface MenuItemLinkProps {
+    /**
+     * Target path for the link. Compared against the current location (via the
+     * router `useMatch`) to derive the active-highlight state. Resource-list
+     * entries match with `end: false`, so the parent stays highlighted on a child
+     * detail route (`/posts` active on `/posts/:id`); the dashboard/root link
+     * (`${basename}/`) matches exactly.
+     */
+    to: string;
+    /**
+     * The text rendered alongside `icon`. Auto-translated via `useTranslate` with
+     * the string itself as the fallback, so an already-resolved label (e.g. a
+     * humanized resource name) echoes through unchanged.
+     */
+    label: string;
+    /** Icon component rendered before the label. Provide via the `#icon` slot instead for markup. */
+    icon?: Component;
+    /** Extra CSS class appended to the underlying `<SidebarMenuButton>`. */
+    class?: string;
+    /** 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>, {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,55 @@
+import { defineComponent, inject, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString } from "vue";
+import { RouterLink } from "vue-router";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { SidebarContextKey } from "../../ui/sidebar/sidebar-context.js";
+import { useBasename } from "../../../router/adapter.js";
+import { useMatch } from "../../../router/nav-composables.js";
+import { SidebarMenuItem } from "../../ui/sidebar/sidebar-parts.js";
+import _sfc_main$1 from "../../ui/sidebar/sidebar-menu-button.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "menu-item-link",
+  props: {
+    to: {},
+    label: {},
+    icon: {},
+    class: {},
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    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(_sfc_main$1), {
+            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 {
+  _sfc_main as default
+};

package/dist/components/admin/layout/menu-item-link2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./menu-item-link.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    /** Custom nav entries that REPLACE the auto resource list. */
+    default?: () => unknown;
+};
+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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,50 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, createElementBlock, Fragment, createCommentVNode } from "vue";
+import { useHasDashboard } from "../../../admin/has-dashboard.js";
+import _sfc_main$1 from "./dashboard-menu-item.vue.js";
+import _sfc_main$2 from "./resource-menu-item-group.vue.js";
+import { SidebarGroup, SidebarGroupContent, SidebarMenu } from "../../ui/sidebar/sidebar-parts.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "menu",
+  setup(__props) {
+    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(_sfc_main$1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(_sfc_main$2)
+      ], 64));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./menu.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,16 @@
+/** Props for {@link ResourceMenuItemGroup}. */
+export interface ResourceMenuItemGroupProps {
+    /** Optional section label. Omit for the ungrouped resource section. */
+    label?: string;
+    /**
+     * Resource names to render. When omitted, every registered resource that
+     * exposes a list view is rendered.
+     */
+    resources?: string[];
+    /** Extra CSS class appended to the wrapping sidebar group. */
+    class?: string;
+    /** Extra CSS class appended to the underlying sidebar menu. */
+    menuClass?: string;
+}
+declare const _default: import("vue").DefineComponent<ResourceMenuItemGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResourceMenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/layout/resource-menu-item-group.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementBlock, Fragment, renderList } from "vue";
+import { useResourceRegistry } from "../../../admin/resource-registry.js";
+import _sfc_main$1 from "./resource-menu-item.vue.js";
+import { SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu } from "../../ui/sidebar/sidebar-parts.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "resource-menu-item-group",
+  props: {
+    label: {},
+    resources: {},
+    class: {},
+    menuClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const registry = useResourceRegistry();
+    const names = computed(
+      () => props.resources ?? Object.keys(registry.definitions).filter(
+        (name) => registry.definitions[name]?.list != null
+      )
+    );
+    return (_ctx, _cache) => {
+      return names.value.length > 0 ? (openBlock(), createBlock(unref(SidebarGroup), {
+        key: 0,
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          __props.label ? (openBlock(), createBlock(unref(SidebarGroupLabel), { key: 0 }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.label), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(unref(SidebarGroupContent), null, {
+            default: withCtx(() => [
+              createVNode(unref(SidebarMenu), {
+                class: normalizeClass(__props.menuClass)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(names.value, (name) => {
+                    return openBlock(), createBlock(_sfc_main$1, {
+                      key: name,
+                      name
+                    }, null, 8, ["name"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["class"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/layout/resource-menu-item-group2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./resource-menu-item-group.vue.js";
+export {
+  _sfc_main as default
+};