@ulu/frontend-vue 0.1.0-beta.9 → 0.1.1-beta.1

package/lib/composables/usePagination.js

@@ -0,0 +1,122 @@
+import { computed, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+/**
+ * A Vue composable for handling pagination logic.
+ * It interacts with vue-router to keep the current page in the URL query string.
+ *
+ * @param {import('vue').Ref<Array<any>>} items - A ref containing the full list of items to be paginated.
+ * @param {number} itemsPerPage - The number of items to display per page.
+ * @returns {{
+ *   currentPage: import('vue').ComputedRef<number>,
+ *   totalPages: import('vue').ComputedRef<number>,
+ *   paginatedItems: import('vue').ComputedRef<Array<any>>,
+ *   pagerItems: import('vue').ComputedRef<object|null>,
+ *   pagerEllipses: import('vue').ComputedRef<{previous: boolean, next: boolean}>
+ * }} - An object containing reactive properties for pagination.
+ */
+export function usePagination(items, itemsPerPage) {
+  const route = useRoute();
+  const router = useRouter();
+
+  const currentPage = computed(() => {
+    const page = parseInt(route.query.page || '1', 10);
+    return isNaN(page) || page < 1 ? 1 : page;
+  });
+
+  const totalPages = computed(() => {
+    if (!items.value || items.value.length === 0) return 1;
+    return Math.ceil(items.value.length / itemsPerPage);
+  });
+
+  watch(totalPages, (newTotalPages) => {
+    if (currentPage.value > newTotalPages) {
+      router.push({ query: { ...route.query, page: newTotalPages } });
+    }
+  });
+
+  const paginatedItems = computed(() => {
+    const start = (currentPage.value - 1) * itemsPerPage;
+    const end = start + itemsPerPage;
+    return items.value.slice(start, end);
+  });
+
+  const pagerItems = computed(() => {
+    if (totalPages.value <= 1) {
+      return null;
+    }
+
+    const items = {
+      pages: {}
+    };
+    const page = currentPage.value;
+    const total = totalPages.value;
+    const maxPagesToShow = 5;
+
+    const createRoute = (p) => {
+      return { query: { ...route.query, page: p } };
+    };
+
+    if (page > 1) {
+      items.first = { href: createRoute(1) };
+      items.previous = { href: createRoute(page - 1) };
+    }
+
+    if (page < total) {
+      items.next = { href: createRoute(page + 1) };
+      items.last = { href: createRoute(total) };
+    }
+
+    let startPage, endPage;
+    if (total <= maxPagesToShow) {
+      startPage = 1;
+      endPage = total;
+    } else {
+      const maxPagesBeforeCurrent = Math.floor(maxPagesToShow / 2);
+      const maxPagesAfterCurrent = Math.ceil(maxPagesToShow / 2) - 1;
+      if (page <= maxPagesBeforeCurrent) {
+        startPage = 1;
+        endPage = maxPagesToShow;
+      } else if (page + maxPagesAfterCurrent >= total) {
+        startPage = total - maxPagesToShow + 1;
+        endPage = total;
+      } else {
+        startPage = page - maxPagesBeforeCurrent;
+        endPage = page + maxPagesAfterCurrent;
+      }
+    }
+
+    for (let i = startPage; i <= endPage; i++) {
+      items.pages[i] = { href: createRoute(i) };
+    }
+
+    return items;
+  });
+
+  const pagerEllipses = computed(() => {
+    const ellipses = { previous: false, next: false };
+    if (!pagerItems.value || !pagerItems.value.pages) return ellipses;
+
+    const pageKeys = Object.keys(pagerItems.value.pages).map(Number);
+    if (pageKeys.length === 0) return ellipses;
+
+    const firstPageInPager = Math.min(...pageKeys);
+    const lastPageInPager = Math.max(...pageKeys);
+
+    if (firstPageInPager > 1) {
+      ellipses.previous = true;
+    }
+    if (lastPageInPager < totalPages.value) {
+      ellipses.next = true;
+    }
+    return ellipses;
+  });
+
+  return {
+    currentPage,
+    totalPages,
+    paginatedItems,
+    pagerItems,
+    pagerEllipses
+  };
+}

package/lib/index.js

@@ -7,3 +7,4 @@
 export * from './plugins/index.js';
 export * from './components/index.js';
 export * from './composables/index.js';
+export * as utils from './utils/index.js';

package/lib/plugins/core/index.js

@@ -21,7 +21,12 @@ const defaults = {
     resizeVertical: "fas fa-grip-lines",
     resizeBoth: "fas fa-grip",
     ellipsis: "fas fa-ellipsis",
-    pathSeparator: "fas fa-chevron-right"
+    pathSeparator: "fas fa-chevron-right",
+    image: "fas fa-image",
+    file: "fas fa-file",
+    next: "fas fa-chevron-left",
+    previous: "fas fa-chevron-right",
+    dropdownExpand: "fas fa-caret-down"
   }
 };
 

package/lib/plugins/popovers/UluPopover.vue

@@ -4,6 +4,7 @@
     type="button" 
     ref="trigger"
     @click="toggle"
+    :id="triggerId"
     :disabled="disabled"
     :class="[ 
       { [activeClass] : isOpen }, 
@@ -14,7 +15,9 @@
     :aria-label="triggerAlt"
     v-ulu-tooltip="tooltip ? tooltip : null"
   >
-    <slot name="trigger" :isOpen="isOpen"/>
+    <slot name="trigger" :isOpen="isOpen" :toggle="toggle" :close="close">
+      {{ triggerText }}
+    </slot>
   </button>
   <span 
     class="popover"
@@ -27,7 +30,7 @@
       }, 
       classes.content,
     ]"
-    :aria-hidden="isOpen ? 'false' : 'true'" 
+    :aria-labelledby="triggerId" 
     :id="id" 
     :style="floatingStyles"
     :data-placement="placement"
@@ -35,7 +38,7 @@
     tabindex="-1"
   >
     <span class="popover__inner">
-      <slot name="content" :close="close"/>
+      <slot :isOpen="isOpen" :toggle="toggle" :close="close"/>
     </span>
     <span v-if="$slots.footer" class="popover__footer">
       <slot name="footer" :close="close"/>
@@ -65,6 +68,7 @@
 
   const emit = defineEmits(["toggle"]);
   const props = defineProps({
+    triggerText: String,
     triggerAlt: String,
     disabled: Boolean,
     tooltip: String,
@@ -95,6 +99,7 @@
   });
 
   const id = newUid();
+  const triggerId = newUid();
   const config = Object.assign({}, defaults.popover, props.config);
   const isOpen = ref(props.startOpen || false);
   const trigger = ref(null);

package/lib/plugins/toast/UluToast.vue

@@ -13,7 +13,7 @@
   >
     <div v-if="toast.icon || $slots.icon" class="toast__icon" :class="classes.icon">
       <slot name="icon" :toast="toast">
-        <FaIcon v-if="toast.icon" :icon="toast.icon"/>
+        <UluIcon v-if="toast.icon" :icon="toast.icon"/>
       </slot>
     </div>
     <div class="toast__content" :class="classes.content">

package/lib/plugins/toast/UluToastDisplay.vue

@@ -3,7 +3,7 @@
     <TransitionGroup 
       class="toast-container"
       :class="classes"
-      name="toast" 
+      name="toast-animation" 
       tag="div"
     >
       <component
@@ -32,4 +32,21 @@
       }
     }
   }
-</script>
+</script>
+
+<style lang="css">
+  .toast-animation-move, 
+  .toast-animation-enter-active,
+  .toast-animation-leave-active {
+    transition: all 0.3s ease;
+  }
+  .toast-animation-enter-from,
+  .toast-animation-leave-to {
+    opacity: 0;
+    transform: translateX(30px);
+  }
+  .toast-animation-leave-active {
+    position: absolute;
+    width: 100%;
+  }
+</style>

package/lib/utils/dom.js

@@ -11,4 +11,16 @@ export function refToElement(value) {
   } else if (typeof value === 'object' && '$el' in value) {
     return value.$el;
   }
+}
+
+
+let idCounter = 0;
+
+export function newId(prefix = "ulu-id") {
+  const id = `${ prefix }-${ ++idCounter }`;
+  if (typeof document !== 'undefined' && document.getElementById(id)) {
+    // In the unlikely event of a collision (e.g., SSR), recurse.
+    return generateUid(prefix);
+  }
+  return id;
 }

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+export * as dom from './dom.js';
+export * as router from './router.js';

package/lib/utils/{vue-router.js → router.js}

@@ -1,9 +1,29 @@
 /**
  * This Module Creates Menus from route or router config
  * - Note: Functions prefixed with "$" work with $route objects (running application, provided by vue-router ie $router, useRoute, etc), 
- * @module utils/router-utils
+ * @module router-utils
  */
 
+/**
+ * Resolves a route's title from its meta.
+ * - If `meta.title` is a function, it's called with the `currentRoute` (or the route itself).
+ * - Otherwise, `meta.title` is returned.
+ * This function is the single source of truth for resolving titles from route configuration.
+ * @param {object} route The route or route match object.
+ * @param {object} [currentRoute] The current route from `useRoute()`, passed to functional titles.
+ * @returns {string|undefined} The resolved title, or undefined if not found.
+ */
+export function getRouteTitle(route, currentRoute) {
+  const meta = route?.meta || {};
+  let title = meta.title;
+
+  if (typeof title === "function") {
+    title = title(currentRoute || route);
+  }
+
+  return title;
+}
+
 /**
  * Route Menu Item
  * @typedef {Object} RouteMenuItem
@@ -21,21 +41,55 @@
  */
 export function createBaseMenu(routes, options) {
   const defaults = {
-    qualifier: isStaticBaseRoute,
+    qualifier(route, parentPath) {
+      if (!parentPath) {
+        return isStaticBaseRoute(route);
+      } else {
+        return isStaticRoute(route);
+      }
+    },
     sort: sortByWeight,
-    item: {}
+    item: {},
+    includeChildren: false
   };
   const opts = Object.assign({}, defaults, options);
-  return routes
-    .filter(opts.qualifier)
-    .map(r => {
-      // Need to grab meta from child but use the parent path
-      const menuRoute = r.children ? getChildIndexRoute(r.children) : r;
-      return createMenuItem(menuRoute, r.path, opts.item);
-    })
-    .sort(opts.sort);
+  const getItemPath = (r, parentPath) => parentPath ? `${ parentPath }/${ r.path }` : r.path;
+  const toMenuItems = (currentRoutes, parentPath = null) => {
+    return currentRoutes
+      .filter(r => opts.qualifier(r, parentPath))
+      .map(r => {
+        const menuRoute = r.children ? getChildIndexRoute(r.children) : r;
+        const children = r.children ? r.children.filter(child => child.path !== "") : false;
+        const item = createMenuItem(menuRoute, getItemPath(r, parentPath), opts.item);
+        if (opts.includeChildren && children.length) {
+          item.children = toMenuItems(children, item.path);
+        }
+        return item;
+      })
+      .sort(opts.sort);
+  };
+  return toMenuItems(routes);
 }
 
+/**
+ * Returns menu flat (no parent children)
+ */
+export function flattenMenu(menu) {
+  function flatten(items) {
+    const result = [];
+    for (const item of items) {
+      const newItem = { ...item };
+      delete newItem.children;
+      result.push(newItem);
+      if (item.children) {
+        result.push(...flatten(item.children));
+      }
+    }
+    return result;
+  }
+  return flatten(menu);
+} 
+
 /**
  * Print out a section's menu based on path
  * @param {*} routes All routes 
@@ -53,7 +107,6 @@ export function createSectionMenu(routes, sectionPath, options) {
   };
   const opts = Object.assign({}, defaults, options);
   const base = routes.find(r => r.path !== "/" && sectionPath.includes(r.path));
-  // Go through each item and 
   const getSection = (current, previous, path) => {
     if (current.children) {
       const child = current.children.find(c => c.path.includes(sectionPath));
@@ -74,20 +127,6 @@ export function createSectionMenu(routes, sectionPath, options) {
     .sort(opts.sort);
 }
 
-/**
- * For a given route this will return the route that renders. For routes without
- * children this is the route itself for those with children (first child with empty path)
- * @param {Object} route Route object to resolve
- * @returns {Object} Resolved route
- */
-// export function resolveRouteIndex(route) {
-//   if (route.children) {
-//     return getChildIndexRoute(route.children);
-//   } else {
-//     return route;
-//   }
-// }
-
 /**
  * For a given array of child routes return the index
  * @param {Array} children Children array of routes
@@ -96,6 +135,7 @@ export function createSectionMenu(routes, sectionPath, options) {
 export function getChildIndexRoute(children) {
   return children.find(r => r.path === "");
 }
+
 /**
  * Creates common menu item structure from route, pulls title and weight from meta (on route or index child)
  * @param {Object} route Route
@@ -115,9 +155,10 @@ export function createMenuItem(route, routePath = route.path, options) {
   if (opts.indexMeta && route.children) {
     meta = Object.assign({}, meta, getChildIndexRoute(route.children)?.meta);
   }
+  const routeWithMergedMeta = { ...route, meta };
   const item = { 
     path: routePath, 
-    title: meta?.title || "Missing Title",
+    title: getRouteTitle(routeWithMergedMeta, route) || "Missing Title",
     weight: meta?.weight || 0,
     meta
   };
@@ -126,23 +167,26 @@ export function createMenuItem(route, routePath = route.path, options) {
   }
   return item;
 }
+
 /**
- * Test if route is static (doesn't incude parameters)
+ * Test if route is static (doesn't include parameters)
  * @param {Object} route Route object to test
  * @returns {Boolean} Whether or not this route is static (not dynamic)
  */
 export function isStaticRoute(route) {
   return !route.path.includes("/:");
 }
+
 /**
  * 
  * @param {Object} route Route object to test
  * @returns {Boolean} Whether or not this route is a static base route
  */
 export function isStaticBaseRoute(route) {
-  const matches = route.path.match(/\//) || [];
+  const matches = route.path.match(/\//g) || [];
   return isStaticRoute(route) && matches.length === 1;
 }
+
 /**
  * Function to make normal <a> behave as router links instread of page reload
  * @param {Object} router Router instance (ie src/router) to push routes to
@@ -159,6 +203,7 @@ export function nativeLinkRouter(router, event) {
     }
   }
 }
+
 /**
  * Returns the child routes for base route
  * @param {Object} route Route Object
@@ -167,6 +212,7 @@ export function nativeLinkRouter(router, event) {
 export function $getRouteChildren(route, parent = $getParentRoute(route)) {
   return parent?.children;
 }
+
 /**
  * Returns the route's parent
  * @param {Object} route Route Object
@@ -216,4 +262,42 @@ export function $createSectionMenu(route, options) {
     .filter(includeIndex(opts.includeIndex))
     .map(r => createMenuItem(r, `${ parent.path }/${ r.path }`, opts.item))
     .sort(opts.sort);
-}
+}
+
+/**
+ * For a given $route, this will generate a breadcrumb trail.
+ * It iterates through `route.matched` to build the trail.
+ * - Falls back to `meta.title` (string or function).
+ * - Skips routes where `meta.breadcrumb` is set to `false`.
+ * - Avoids duplicate crumbs for nested routes with empty paths.
+ * @param {Object} route The Vue Router `$route` object.
+ * @returns {Array.<{title: String, to: Object, current: Boolean}>} An array of breadcrumb items.
+ */
+export function $createBreadcrumb(route) {
+  const { matched, path: currentPath } = route;
+  let prevPath;
+
+  const crumbs = matched.reduce((arr, match, index) => {
+    if (match.meta?.breadcrumb === false) {
+      return arr;
+    }
+
+    if (match.path === prevPath) {
+      return arr;
+    }
+    
+    const isLast = index === matched.length - 1;
+    const title = getRouteTitle(match, route) || "Missing Title";
+
+    arr.push({
+      title,
+      to: { path: isLast ? currentPath : match.path },
+      current: isLast,
+    });
+
+    prevPath = match.path;
+    return arr;
+  }, []);
+  
+  return crumbs;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.0-beta.9",
+  "version": "0.1.1-beta.1",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [
@@ -11,7 +11,8 @@
   "module": "./lib/index.js",
   "exports": {
     ".": {
-      "import": "./lib/index.js"
+      "import": "./lib/index.js",
+      "types": "./types/index.d.ts"
     },
     "./dist": {
       "import": "./dist/frontend-vue.js"
@@ -19,9 +20,10 @@
     "./*": "./lib/*",
     "./scss": "./lib/_index.scss"
   },
+  "types": "./types/index.d.ts",
   "typesVersions": {
     "*": {
-      "lib/*": [
+      "*": [
         "./types/*"
       ]
     }
@@ -35,7 +37,8 @@
     "docs:build": "storybook build -o docs",
     "build": "vite build",
     "types": "npx tsc",
-    "deploy": "npm run types && npm run build && npm run docs:build"
+    "deploy": "npm run types && npm run build && npm run docs:build",
+    "update-contexts": "rm -rf .ctx && mkdir -p .ctx/frontend && cp -R node_modules/@ulu/frontend/scss node_modules/@ulu/frontend/js .ctx/frontend/"
   },
   "keywords": [
     "vue",
@@ -56,13 +59,15 @@
   "homepage": "https://github.com/Jscherbe/frontend-vue#readme",
   "peerDependencies": {
     "@headlessui/vue": "^1.7.23",
-    "@ulu/frontend": "^0.1.0-beta.94",
+    "@ulu/frontend": "^0.1.0-beta.111",
+    "@unhead/vue": "^2.0.11",
     "vue": "^3.5.17",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1",
+    "@formkit/auto-animate" : "^0.9.0"
   },
   "optionalDependencies": {
-    "gsap": "^3.13.0",
     "fuse.js": "^6.6.2",
+    "gsap": "^3.13.0",
     "vue3-dropzone": "^2.2.1"
   },
   "dependencies": {
@@ -75,10 +80,11 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
     "@storybook/addon-docs": "^9.1.1",
-    "@storybook/addon-links": "^9.1.1",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
+    "@storybook/addon-links": "^9.1.1",
     "@storybook/vue3-vite": "^9.1.1",
-    "@ulu/frontend": "^0.1.0-beta.94",
+    "@ulu/frontend": "^0.1.0-beta.111",
+    "@unhead/vue": "^2.0.11",
     "@vitejs/plugin-vue": "^6.0.0",
     "ollama": "^0.5.16",
     "react": "^19.1.1",
@@ -86,12 +92,12 @@
     "sass-embedded": "^1.89.2",
     "storybook": "^9.1.1",
     "storybook-addon-vue-mdx": "^2.0.2",
+    "typescript": "^5.3.3",
     "vite": "^7.0.0",
     "vue-router": "^4.5.1",
-    "typescript": "^5.3.3"
+    "@formkit/auto-animate" : "^0.9.0"
   },
   "volta": {
     "node": "22.17.0"
   }
 }
-

package/types/components/systems/facets/_mock-data.d.ts

@@ -0,0 +1,18 @@
+export const initialMockFacets: {
+    name: string;
+    uid: string;
+    open: boolean;
+    children: {
+        uid: string;
+        label: string;
+    }[];
+}[];
+export const mockItems: {
+    id: number;
+    title: string;
+    description: string;
+    category: string[];
+    author: string[];
+    date: Date;
+}[];
+//# sourceMappingURL=_mock-data.d.ts.map

package/types/components/systems/facets/_mock-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_mock-data.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/_mock-data.js"],"names":[],"mappings":"AAAA;;;;;;;;IAwBE;AAEF;;;;;;;IAaE"}

package/types/components/systems/facets/useFacets.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A composable for handling client-side faceted search, filtering, and sorting.
+ * @param {import('vue').Ref<Array<Object>>} allItems - A Vue ref containing the full list of items to be processed.
+ * @param {Object} options - Configuration options for the composable.
+ * @param {Array} [options.initialFacets] - The initial configuration for the facets. Can be generated automatically if `facetFields` is provided.
+ * @param {Array} [options.facetFields] - A simpler configuration to automatically generate facets from items. Each item can have `uid`, `name`, `open`, `getValue` and `getLabel`.
+ * @param {String} [options.initialSearchValue=''] - The initial value for the search input.
+ * @param {String} [options.initialSortType='az'] - The initial sort type.
+ * @param {Boolean} [options.noDefaultSorts=false] - If true, the default 'A-Z' and 'Z-A' sorts will not be included.
+ * @param {Object} [options.extraSortTypes={}] - Additional sort types to be merged with the default ones.
+ * @param {Object} [options.searchOptions={}] - Configuration options for Fuse.js.
+ * @param {Function} [options.getItemFacet] - A function to retrieve facet information from an item. Should always return an array of values.
+ * @param {Function} [options.getSortValue] - A function to get the value to sort by from an item.
+ */
+export function useFacets(allItems: import("vue").Ref<Array<any>>, options?: {
+    initialFacets?: any[];
+    facetFields?: any[];
+    initialSearchValue?: string;
+    initialSortType?: string;
+    noDefaultSorts?: boolean;
+    extraSortTypes?: any;
+    searchOptions?: any;
+    getItemFacet?: Function;
+    getSortValue?: Function;
+}): {
+    facets: import("vue").Ref<any, any>;
+    searchValue: import("vue").Ref<string, string>;
+    selectedSort: import("vue").Ref<string, string>;
+    sortTypes: import("vue").ComputedRef<any>;
+    displayItems: import("vue").ComputedRef<any>;
+    selectedFacets: import("vue").ComputedRef<any[]>;
+    clearFilters: () => void;
+    handleFacetChange: ({ groupUid, facetUid, selected }: {
+        groupUid: any;
+        facetUid: any;
+        selected: any;
+    }) => void;
+};
+//# sourceMappingURL=useFacets.d.ts.map

package/types/components/systems/facets/useFacets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFacets.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/useFacets.js"],"names":[],"mappings":"AA2CA;;;;;;;;;;;;;GAaG;AACH,oCAZW,OAAO,KAAK,EAAE,GAAG,CAAC,KAAK,KAAQ,CAAC,YAExC;IAAwB,aAAa;IACb,WAAW;IACV,kBAAkB;IAClB,eAAe;IACd,cAAc;IACf,cAAc;IACd,aAAa;IACX,YAAY;IACZ,YAAY;CACzC;;;;;;;;;;;;;EAmNA"}

package/types/components/systems/index.d.ts

@@ -1,2 +1,2 @@
-export {};
+export { useFacets } from "./facets/useFacets.js";
 //# sourceMappingURL=index.d.ts.map

package/types/composables/index.d.ts

@@ -3,4 +3,6 @@ export { useModifiers } from "./useModifiers.js";
 export { useWindowResize } from "./useWindowResize.js";
 export { useRequiredInject } from "./useRequiredInject.js";
 export { useBreakpointManager } from "./useBreakpointManager.js";
+export { usePagination } from "./usePagination.js";
+export { useDocumentTitle } from "./useDocumentTitle.js";
 //# sourceMappingURL=index.d.ts.map

package/types/composables/useDocumentTitle.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A composable to manage the document title.
+ *
+ * When called with a `title` option, it sets a dynamic title for the current page.
+ * This is for use within specific components.
+ *
+ * When called without a `title` option (typically in App.vue), it manages the
+ * document title for the whole app, using titles from components or route meta.
+ *
+ * @param {object} options
+ * @param {import('vue').Ref<string> | string} [options.title] - The dynamic title to set for the current page.
+ * @param {string} [options.titleTemplate='%s'] - The template for the document title, e.g., '%s | My Site'.
+ * @param {Function} [options.useRoute=defaultUseRoute] - Injectable `useRoute` for testing.
+ * @param {Function} [options.useHead=defaultUseHead] - Injectable `useHead` for testing.
+ */
+export function useDocumentTitle(options?: {
+    title?: import("vue").Ref<string> | string;
+    titleTemplate?: string;
+    useRoute?: Function;
+    useHead?: Function;
+}): void;
+//# sourceMappingURL=useDocumentTitle.d.ts.map