@illinois-grad/grad-vue 2.4.0 → 2.4.2

package/dist/components/GModal.vue.d.ts

@@ -48,6 +48,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     describedby?: string;
     /**
      * Hide label
+     *
+     * The label is still used as the `aria-label` for accessibility, but it will not be visible in the UI.
      * @demo
      */
     hiddenLabel?: boolean;
@@ -76,6 +78,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     describedby?: string;
     /**
      * Hide label
+     *
+     * The label is still used as the `aria-label` for accessibility, but it will not be visible in the UI.
      * @demo
      */
     hiddenLabel?: boolean;

package/dist/components/GPopover.vue.d.ts

@@ -15,10 +15,10 @@
  * <GPopover>
  *     <template #trigger="{ toggle }">
  *         <GButton @click="toggle">
- *             Can Popovers' Popovers have Popovers?
+ *             Can Popovers have Popovers?
  *         </GButton>
  *     </template>
- *     <div>Even if they can, should they?</div>
+ *     <div>In theory, but I wouldn't recommend it.</div>
  * </GPopover>
  * ```
  */

package/dist/components/GTreeMenu.vue.d.ts

@@ -0,0 +1,72 @@
+import type { TreeMenuItem } from "./tree-menu/GTreeMenuList.vue";
+/**
+ * A hierarchical sidebar menu component suitable for book-like or nested-section
+ * navigation. Items with children start collapsed and can be expanded/collapsed
+ * individually.
+ *
+ * **Props**:
+ *
+ * - `title` — optional heading and accessible name for the nav landmark.
+ * - `items` — array of `TreeMenuItem` objects. Each item may have:
+ *   - `label` — display text (required).
+ *   - `href` or `to` — link destination. When `to` is provided and `vue-router`
+ *     is present the link is rendered as a `<router-link>`.
+ *   - `children` — nested `TreeMenuItem[]` for sub-levels (unlimited depth).
+ * - `listType` — `ul` (default) or `ol`. Use `ol` for numbered
+ *   hierarchies such as book chapters.
+ * - `theme` — `light` (default) or `dark`.
+ *
+ * **Keyboard navigation** (tree-view style):
+ *
+ * - `↑` / `↓` — move between visible menu items.
+ * - `→` — expand a collapsed item; if already expanded, move to its first child.
+ * - `←` — collapse an expanded item; if already collapsed, move focus to its
+ *   parent.
+ * - `Home` / `End` — jump to the first or last visible item.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /**
+     * Title and accessible name for the nav landmark
+     * @demo Tree Menu
+     */
+    title?: string;
+    /**
+     * Items for the menu
+     */
+    items: TreeMenuItem[];
+    /**
+     * List element type — use `ol` for numbered hierarchies like book chapters
+     * @demo
+     */
+    listType?: "ul" | "ol";
+    /**
+     * Theme
+     * @demo
+     */
+    theme?: "light" | "dark";
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * Title and accessible name for the nav landmark
+     * @demo Tree Menu
+     */
+    title?: string;
+    /**
+     * Items for the menu
+     */
+    items: TreeMenuItem[];
+    /**
+     * List element type — use `ol` for numbered hierarchies like book chapters
+     * @demo
+     */
+    listType?: "ul" | "ol";
+    /**
+     * Theme
+     * @demo
+     */
+    theme?: "light" | "dark";
+}> & Readonly<{}>, {
+    theme: "light" | "dark";
+    listType: "ul" | "ol";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/tree-menu/GTreeMenuList.vue.d.ts

@@ -0,0 +1,23 @@
+export type TreeMenuItem = {
+    label: string;
+    href?: string;
+    to?: string;
+    children?: TreeMenuItem[];
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    items: TreeMenuItem[];
+    listType: "ul" | "ol";
+    expandedItems: Set<string>;
+    keyPrefix: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (key: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    items: TreeMenuItem[];
+    listType: "ul" | "ol";
+    expandedItems: Set<string>;
+    keyPrefix: string;
+}> & Readonly<{
+    onToggle?: ((key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/compose/useOverlayStack.d.ts

@@ -5,22 +5,12 @@ export type OverlayStack = {
     isTop: Ref<boolean>;
     zIndex: Ref<number>;
 };
-declare global {
-    interface Window {
-        _g_overlay_stack_state: {
-            stack: Ref<string[]>;
-            modalStack: Ref<string[]>;
-            scrollLockStack: Ref<string[]>;
-            updateBodyScrollLock: () => void;
-        };
-    }
-}
-export declare function useOverlayStack(id: string, modal?: boolean, lockScroll?: boolean): OverlayStack;
 export type OverlayStackState = {
     hasModal: Ref<boolean>;
     hasOverlay: Ref<boolean>;
     hasScrollLock: Ref<boolean>;
 };
+export declare function useOverlayStack(id: string, modal?: boolean, lockScroll?: boolean): OverlayStack;
 export declare function useOverlayStackState(): OverlayStackState;
 /**
  * Returns a z-index value that is above all currently open overlays.