@ulu/frontend-vue 0.6.4 → 0.6.6

package/dist/mcp-data.json

@@ -27,22 +27,6 @@
         "code": "<toast>Content</toast>"
       }
     ],
-    "useTooltipFollow": [
-      {
-        "title": "Default",
-        "description": "Default variation",
-        "code": "<useTooltipFollow>Content</useTooltipFollow>"
-      }
-    ],
-    "useTooltip": [],
-    "tooltip": [
-      {
-        "title": "Basic",
-        "description": "Basic variation",
-        "code": "<tooltip>This is a basic tooltip!</tooltip>"
-      }
-    ],
-    "UluPopover": [],
     "useModals": [],
     "modals": [
       {
@@ -76,53 +60,25 @@
         "code": "<template>\n  <button @click=\"showSettingsModal\">My Settings</button>\n</template>\n\n<script setup>\n  import { useModals } from \"./useModals\";\n\n  const modals = useModals();\n  const showSettingsModal = () => {\n    console.log(\"This is opening via uluModals composable\");\n    modals.open(\"settings\");\n  };\n</script>"
       }
     ],
-    "UluProgressCircle": [],
-    "UluProgressBar": [],
-    "UluAnimateNumber": [],
-    "UluSanityRichText": [],
-    "UluRouteAnnouncer": [],
-    "UluPlaceholderText": [],
-    "UluPlaceholderImage": [],
-    "UluEmptyView": [],
-    "UluEmpty": [],
-    "UluConditionalWrapper": [],
-    "UluConditionalText": [],
-    "UluAction": [
-      {
-        "title": "AsButton",
-        "description": "AsButton variation",
-        "code": "<UluAction>Content</UluAction>"
-      },
-      {
-        "title": "AsAnchor",
-        "description": "AsAnchor variation",
-        "code": "<UluAction href=\"https://example.com\" target=\"_blank\">Content</UluAction>"
-      },
-      {
-        "title": "AsRouterLink",
-        "description": "AsRouterLink variation",
-        "code": "<UluAction to=\"/about\">Content</UluAction>"
-      },
-      {
-        "title": "ExplicitElementOverride",
-        "description": "ExplicitElementOverride variation",
-        "code": "<UluAction element=\"span\">Content</UluAction>"
-      },
+    "useTooltipFollow": [
       {
-        "title": "DownloadWithFilename",
-        "description": "DownloadWithFilename variation",
-        "code": "<UluAction href=\"{...}\" download=\"download-test.txt\">Content</UluAction>"
-      },
+        "title": "Default",
+        "description": "Default variation",
+        "code": "<useTooltipFollow>Content</useTooltipFollow>"
+      }
+    ],
+    "useTooltip": [],
+    "tooltip": [
       {
-        "title": "TestDownloadWithoutFilename",
-        "description": "TestDownloadWithoutFilename variation",
-        "code": "<UluAction href=\"{...}\" download>Content</UluAction>"
+        "title": "Basic",
+        "description": "Basic variation",
+        "code": "<tooltip>This is a basic tooltip!</tooltip>"
       }
     ],
-    "UluWhenBreakpoint": [],
-    "UluTitleRail": [],
-    "UluDataGrid": [],
-    "UluAdaptiveLayout": [],
+    "UluPopover": [],
+    "UluProgressCircle": [],
+    "UluProgressBar": [],
+    "UluAnimateNumber": [],
     "UluSkipLink": [
       {
         "title": "Default",
@@ -195,6 +151,78 @@
         "code": "<UluBreadcrumb items=\"{...}\">Content</UluBreadcrumb>"
       }
     ],
+    "UluWhenBreakpoint": [],
+    "UluTitleRail": [],
+    "UluDataGrid": [],
+    "UluAdaptiveLayout": [],
+    "UluSanityRichText": [],
+    "UluRouteAnnouncer": [],
+    "UluPlaceholderText": [],
+    "UluPlaceholderImage": [],
+    "UluEmptyView": [],
+    "UluEmpty": [],
+    "UluConditionalWrapper": [],
+    "UluConditionalText": [],
+    "UluAction": [
+      {
+        "title": "AsButton",
+        "description": "AsButton variation",
+        "code": "<UluAction>Content</UluAction>"
+      },
+      {
+        "title": "AsAnchor",
+        "description": "AsAnchor variation",
+        "code": "<UluAction href=\"https://example.com\" target=\"_blank\">Content</UluAction>"
+      },
+      {
+        "title": "AsRouterLink",
+        "description": "AsRouterLink variation",
+        "code": "<UluAction to=\"/about\">Content</UluAction>"
+      },
+      {
+        "title": "ExplicitElementOverride",
+        "description": "ExplicitElementOverride variation",
+        "code": "<UluAction element=\"span\">Content</UluAction>"
+      },
+      {
+        "title": "DownloadWithFilename",
+        "description": "DownloadWithFilename variation",
+        "code": "<UluAction href=\"{...}\" download=\"download-test.txt\">Content</UluAction>"
+      },
+      {
+        "title": "TestDownloadWithoutFilename",
+        "description": "TestDownloadWithoutFilename variation",
+        "code": "<UluAction href=\"{...}\" download>Content</UluAction>"
+      }
+    ],
+    "UluTabGroup": [
+      {
+        "title": "Default",
+        "description": "Default variation",
+        "code": "<UluTabGroup>Content</UluTabGroup>"
+      },
+      {
+        "title": "Vertical",
+        "description": "Vertical variation",
+        "code": "<UluTabGroup vertical>Content</UluTabGroup>"
+      },
+      {
+        "title": "DefaultIndex",
+        "description": "DefaultIndex variation",
+        "code": "<UluTabGroup :defaultIndex=\"2\">Content</UluTabGroup>"
+      },
+      {
+        "title": "FullWidth",
+        "description": "FullWidth variation",
+        "code": "<UluTabGroup modifiers=\"{...}\">Content</UluTabGroup>"
+      }
+    ],
+    "UluOverflowPopover": [],
+    "UluModal": [],
+    "UluDropdown": [],
+    "UluCollapsible": [],
+    "UluAccordionGroup": [],
+    "UluAccordion": [],
     "UluSelectableMenu": [],
     "UluSearchForm": [],
     "UluFormTextarea": [],
@@ -434,34 +462,6 @@
       }
     ],
     "UluAlert": [],
-    "UluTabGroup": [
-      {
-        "title": "Default",
-        "description": "Default variation",
-        "code": "<UluTabGroup>Content</UluTabGroup>"
-      },
-      {
-        "title": "Vertical",
-        "description": "Vertical variation",
-        "code": "<UluTabGroup vertical>Content</UluTabGroup>"
-      },
-      {
-        "title": "DefaultIndex",
-        "description": "DefaultIndex variation",
-        "code": "<UluTabGroup :defaultIndex=\"2\">Content</UluTabGroup>"
-      },
-      {
-        "title": "FullWidth",
-        "description": "FullWidth variation",
-        "code": "<UluTabGroup modifiers=\"{...}\">Content</UluTabGroup>"
-      }
-    ],
-    "UluOverflowPopover": [],
-    "UluModal": [],
-    "UluDropdown": [],
-    "UluCollapsible": [],
-    "UluAccordionGroup": [],
-    "UluAccordion": [],
     "UluTableSticky": [
       {
         "title": "Default",
@@ -4167,6 +4167,64 @@
         }
       ]
     },
+    "UluSkeletonText": {
+      "description": "Vue Component Props, Emits, and Slots for UluSkeletonText",
+      "properties": [
+        {
+          "name": "inline",
+          "type": "boolean",
+          "description": "Inline modifier"
+        },
+        {
+          "name": "alt",
+          "type": "boolean",
+          "description": "Use alternate background color"
+        },
+        {
+          "name": "width",
+          "type": "string",
+          "description": "Optional size (width) - should correspond with width setup in scss component"
+        }
+      ],
+      "events": [],
+      "slots": []
+    },
+    "UluSkeletonMedia": {
+      "description": "Vue Component Props, Emits, and Slots for UluSkeletonMedia",
+      "properties": [],
+      "events": [],
+      "slots": []
+    },
+    "UluSkeletonContent": {
+      "description": "Vue Component Props, Emits, and Slots for UluSkeletonContent",
+      "properties": [
+        {
+          "name": "lines",
+          "type": "number",
+          "default": "6",
+          "description": "Amount of lines to generate"
+        }
+      ],
+      "events": [],
+      "slots": []
+    },
+    "UluShowSkeleton": {
+      "description": "Vue Component Props, Emits, and Slots for UluShowSkeleton",
+      "properties": [
+        {
+          "name": "when",
+          "type": "boolean",
+          "description": "If true will show whatever is passed to slot, else skeleton text"
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "description": ""
+        }
+      ]
+    },
     "UluScrollAnchorsSection": {
       "description": "Vue Component Props, Emits, and Slots for UluScrollAnchorsSection",
       "properties": [
@@ -4379,84 +4437,26 @@
         }
       ]
     },
-    "UluSkeletonText": {
-      "description": "Vue Component Props, Emits, and Slots for UluSkeletonText",
+    "UluFacetsSort": {
+      "description": "Vue Component Props, Emits, and Slots for UluFacetsSort",
       "properties": [
         {
-          "name": "inline",
-          "type": "boolean",
-          "description": "Inline modifier"
+          "name": "classes",
+          "type": "object",
+          "default": "{}",
+          "description": ""
         },
         {
-          "name": "alt",
-          "type": "boolean",
-          "description": "Use alternate background color"
+          "name": "sortTypes",
+          "type": "object",
+          "default": "{}",
+          "description": ""
         },
         {
-          "name": "width",
+          "name": "modelValue",
           "type": "string",
-          "description": "Optional size (width) - should correspond with width setup in scss component"
-        }
-      ],
-      "events": [],
-      "slots": []
-    },
-    "UluSkeletonMedia": {
-      "description": "Vue Component Props, Emits, and Slots for UluSkeletonMedia",
-      "properties": [],
-      "events": [],
-      "slots": []
-    },
-    "UluSkeletonContent": {
-      "description": "Vue Component Props, Emits, and Slots for UluSkeletonContent",
-      "properties": [
-        {
-          "name": "lines",
-          "type": "number",
-          "default": "6",
-          "description": "Amount of lines to generate"
-        }
-      ],
-      "events": [],
-      "slots": []
-    },
-    "UluShowSkeleton": {
-      "description": "Vue Component Props, Emits, and Slots for UluShowSkeleton",
-      "properties": [
-        {
-          "name": "when",
-          "type": "boolean",
-          "description": "If true will show whatever is passed to slot, else skeleton text"
-        }
-      ],
-      "events": [],
-      "slots": [
-        {
-          "name": "default",
-          "description": ""
-        }
-      ]
-    },
-    "UluFacetsSort": {
-      "description": "Vue Component Props, Emits, and Slots for UluFacetsSort",
-      "properties": [
-        {
-          "name": "classes",
-          "type": "object",
-          "default": "{}",
-          "description": ""
-        },
-        {
-          "name": "sortTypes",
-          "type": "object",
-          "default": "{}",
-          "description": ""
-        },
-        {
-          "name": "modelValue",
-          "type": "string",
-          "default": "''",
-          "description": ""
+          "default": "''",
+          "description": ""
         }
       ],
       "events": [
@@ -10963,6 +10963,100 @@
         ]
       }
     },
+    "UluSkeletonText": {
+      "raw_ast_dump": {
+        "exportName": "default",
+        "displayName": "UluSkeletonText",
+        "description": "",
+        "tags": {},
+        "props": [
+          {
+            "name": "inline",
+            "description": "Inline modifier",
+            "type": {
+              "name": "boolean"
+            }
+          },
+          {
+            "name": "alt",
+            "description": "Use alternate background color",
+            "type": {
+              "name": "boolean"
+            }
+          },
+          {
+            "name": "width",
+            "description": "Optional size (width) - should correspond with width setup in scss component",
+            "type": {
+              "name": "string"
+            }
+          }
+        ],
+        "sourceFiles": [
+          "lib/components/systems/skeleton/UluSkeletonText.vue"
+        ]
+      }
+    },
+    "UluSkeletonMedia": {
+      "raw_ast_dump": {
+        "exportName": "default",
+        "displayName": "UluSkeletonMedia",
+        "description": "",
+        "tags": {},
+        "sourceFiles": [
+          "lib/components/systems/skeleton/UluSkeletonMedia.vue"
+        ]
+      }
+    },
+    "UluSkeletonContent": {
+      "raw_ast_dump": {
+        "exportName": "default",
+        "displayName": "UluSkeletonContent",
+        "description": "",
+        "tags": {},
+        "props": [
+          {
+            "name": "lines",
+            "description": "Amount of lines to generate",
+            "type": {
+              "name": "number"
+            },
+            "defaultValue": {
+              "func": false,
+              "value": "6"
+            }
+          }
+        ],
+        "sourceFiles": [
+          "lib/components/systems/skeleton/UluSkeletonContent.vue"
+        ]
+      }
+    },
+    "UluShowSkeleton": {
+      "raw_ast_dump": {
+        "exportName": "default",
+        "displayName": "UluShowSkeleton",
+        "description": "",
+        "tags": {},
+        "props": [
+          {
+            "name": "when",
+            "description": "If true will show whatever is passed to slot, else skeleton text",
+            "type": {
+              "name": "boolean"
+            }
+          }
+        ],
+        "slots": [
+          {
+            "name": "default"
+          }
+        ],
+        "sourceFiles": [
+          "lib/components/systems/skeleton/UluShowSkeleton.vue"
+        ]
+      }
+    },
     "UluScrollAnchorsSection": {
       "raw_ast_dump": {
         "exportName": "default",
@@ -11423,100 +11517,6 @@
         ]
       }
     },
-    "UluSkeletonText": {
-      "raw_ast_dump": {
-        "exportName": "default",
-        "displayName": "UluSkeletonText",
-        "description": "",
-        "tags": {},
-        "props": [
-          {
-            "name": "inline",
-            "description": "Inline modifier",
-            "type": {
-              "name": "boolean"
-            }
-          },
-          {
-            "name": "alt",
-            "description": "Use alternate background color",
-            "type": {
-              "name": "boolean"
-            }
-          },
-          {
-            "name": "width",
-            "description": "Optional size (width) - should correspond with width setup in scss component",
-            "type": {
-              "name": "string"
-            }
-          }
-        ],
-        "sourceFiles": [
-          "lib/components/systems/skeleton/UluSkeletonText.vue"
-        ]
-      }
-    },
-    "UluSkeletonMedia": {
-      "raw_ast_dump": {
-        "exportName": "default",
-        "displayName": "UluSkeletonMedia",
-        "description": "",
-        "tags": {},
-        "sourceFiles": [
-          "lib/components/systems/skeleton/UluSkeletonMedia.vue"
-        ]
-      }
-    },
-    "UluSkeletonContent": {
-      "raw_ast_dump": {
-        "exportName": "default",
-        "displayName": "UluSkeletonContent",
-        "description": "",
-        "tags": {},
-        "props": [
-          {
-            "name": "lines",
-            "description": "Amount of lines to generate",
-            "type": {
-              "name": "number"
-            },
-            "defaultValue": {
-              "func": false,
-              "value": "6"
-            }
-          }
-        ],
-        "sourceFiles": [
-          "lib/components/systems/skeleton/UluSkeletonContent.vue"
-        ]
-      }
-    },
-    "UluShowSkeleton": {
-      "raw_ast_dump": {
-        "exportName": "default",
-        "displayName": "UluShowSkeleton",
-        "description": "",
-        "tags": {},
-        "props": [
-          {
-            "name": "when",
-            "description": "If true will show whatever is passed to slot, else skeleton text",
-            "type": {
-              "name": "boolean"
-            }
-          }
-        ],
-        "slots": [
-          {
-            "name": "default"
-          }
-        ],
-        "sourceFiles": [
-          "lib/components/systems/skeleton/UluShowSkeleton.vue"
-        ]
-      }
-    },
     "UluFacetsSort": {
       "raw_ast_dump": {
         "exportName": "default",
@@ -12204,12 +12204,12 @@
     "useBreakpointManager": {
       "raw_markdown": "# useBreakpointManager\n\nComposable for adding breakpoint manager and related breakpoint info (via breakpoint manager from `@ulu/frontend/js/ui/breakpoints.js > BreakpointManager`).\n\n**Note:** Using the composable is only necessary for unique situations. For basic breakpoint setup use the `breakpointsPlugin`. Which uses this composable.\n\n## Options for this composable\n\n```js\nconst defaults = {\n  /**\n   * Set an initial value (value in mounted, SSR)\n   */\n  initialValue: null,\n  /**\n   * Function called after init (passed manager)\n   */\n  onReady: null,\n  /**\n   * Options sent to CssBreakpoints library (ulu/frontend/js/breakpoints <BreakpointManager>)\n   */\n  plugin: {\n    customProperty: \"--breakpoint\"\n  }\n}\n```\n\n## Example Usage\n\n```html\n<script setup>\n  import { ref, computed, provide } from \"vue\";\n  import { useBreakpointManager } from \"./useBreakpointManager.js\";\n\n  const isMobile = ref(false);\n\n  // Example using the onReady callback to set reactive value isMobile\n  // - In this situation isMobile is being used as a primary change in  \n  //   the applications layout \n  const options = { \n    onReady(manager) {\n      manager.at(\"small\").max(() => isMobile.value = true);\n      manager.at(\"large\").min(() => isMobile.value = false);\n    }\n  };\n\n  // Composable returns the following\n  const { \n    /**\n     * Reference to underlying BreakpointManager class\n    */\n    breakpointManager, \n    /**\n     * Active breakpoint name\n    */\n    breakpointActive, \n    /**\n     * Current resizeDirection (\"up\"|\"down\"|null)\n    */\n    breakpointDirection \n  } = useBreakpointManager(options);\n\n\n  // Allowing all components to access these values\n  provide(\"uluBreakpointActive\", computed(() => breakpointActive));\n  provide(\"uluBreakpointDirection\", computed(() => breakpointDirection));\n  provide(\"uluBreakpointManager\", computed(() => breakpointManager));\n  provide(\"uluIsMobile\", computed(() => isMobile));\n\n</script>\n```"
     },
-    "core": {
-      "raw_markdown": "# Core Plugin\n\n## Purpose\n\nThe Core Plugin is the central, **required** plugin for the `@ulu/frontend-vue` library. Its primary purpose is to establish a single, reactive source of truth for configuration settings that are shared across multiple components. \n\nBy using Vue's `provide`/`inject` system, this plugin ensures that all components within your application access the same configuration, preventing inconsistencies that can arise from separate module imports.\n\n## Installation\n\nTo use this library, you must register the `corePlugin` on your Vue app instance. You can also pass an options object to override the default settings.\n\n```javascript\n// src/main.js\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport { corePlugin } from '@ulu/frontend-vue';\n\nconst app = createApp(App);\n\n// Register the core plugin\napp.use(corePlugin, {\n  // Optional: override general settings\n  fontAwesomeStatic: true,\n\n  // Optional: override specific icons safely\n  iconsByType: {\n    danger: 'my-custom-danger-icon',\n    close: 'my-custom-close-icon'\n  }\n});\n\napp.mount('#app');\n```\n\n## API Reference\n\nThe plugin provides its API to your application in two ways:\n\n-   **Composition API:** `inject('uluCore')`\n-   **Options API:** `this.$uluCore`\n\nThe API object contains the following methods:\n\n- `getSettings()`: Returns the full reactive settings object.\n- `getSetting(key)`: Retrieves a single setting by its key (e.g., `'fontAwesomeStatic'`).\n- `updateSetting(key, value)`: Updates a single setting.\n- `updateSettings(changes)`: Merges an object of changes into the settings.\n- `getDefaultSettings()`: Returns a non-reactive copy of the original default settings.\n- `getIcon(type)`: Retrieves a specific icon class string by its semantic type (e.g., `'danger'`, `'close'`).\n- `setIcon(type, definition)`: Safely sets or overrides a single icon definition.\n\n### Example Usage\n\n**Composition API (`<script setup>`)**\n```vue\n<script setup>\nimport { inject, onMounted } from 'vue';\n\nconst uluCore = inject('uluCore');\n\nonMounted(() => {\n  const icons = uluCore.getSetting('iconsByType');\n  console.log('Danger Icon:', icons.danger);\n\n  // Example of updating a single icon dynamically\n  uluCore.setIcon('success', 'my-awesome-success-icon');\n});\n</script>\n```\n\n**Options API**\n```vue\n<script>\nexport default {\n  mounted() {\n    const icons = this.$uluCore.getSetting('icons');\n    console.log('Danger Icon:', icons.danger);\n  }\n}\n</script>\n```\n\n"
-    },
     "modals": {
       "raw_markdown": "import { Canvas } from '@storybook/addon-docs/blocks';\nimport * as ModalStories from '../../components/collapsible/UluModal.stories.js';\n\n# Modals\n\nModals plugin allows configuring app-wide modals that are triggered by the global API. Register your modals when you install the plugin then interact with them using the global API.\n\n## Registering your app-wide modals\n\nCreate the modal component file like:\n\n```html\n<template>\n  <UluModal>\n    User setting modal…\n  </UluModal>\n</template>\n```\n\n\nExample ./scr/modals.js\n\n```js\nimport { defineAsyncComponent } from \"vue\";\n\nexport default [\n  {\n    name: \"settings\",\n    component: defineAsyncComponent(() => import('./components/modals/UserSettingsModal.vue')),\n  }\n]\n```\n\n## Installing the plugin\n\nExample ./src/main.js\n\n```js\nimport UluModals from \"@ulu/frontend-vue/plugins/modals/index.js\";\nimport modals from \"./src/modals.js\";\n\n//...\n\napp.use(UluModals, { modals });\n\n```\n\n## Using Global API\n\n```js\n\n// Open a app-wide modal\nthis.$uluModals.open({ exampleProp: value });\n\n// Close app-wide modal \nthis.$uluModals.close();\n\n// Add modals after post-install\nthis.$uluModals.add({\n  name: \"settings\",\n  component: defineAsyncComponent(() => import('./components/modals/UserSettingsModal.vue')),\n});\n\n// Remove a modal from the registry\nthis.$uluModals.remove(\"settings\");\n\n// Get Modal from registry (not usually needed)\nconst settingsModal = this.$uluModals.get(\"settings\");\n// console.log(settingsModal.name) ==> \"settings\"\n```\n\n## Using Composition API (via composable)\n\nComposable is used get access to modals API (through inject)\n\n```html\n\n<template>\n  <button @click=\"showSettingsModal\">My Settings</button>\n</template>\n\n<script setup>\n  import { useModals } from \"./useModals\";\n\n  const modals = useModals();\n  const showSettingsModal = () => {\n    console.log(\"This is opening via uluModals composable\");\n    modals.open(\"settings\");\n  };\n</script>\n\n```\n\n## Standalone Modal Component\n\nThe `UluModal` **component is independent of this plugin.** The plugin is simply a convenient way to manage global modals (for things like a settings dialog) that need to be opened from anywhere in your application.\n\nYou can use `UluModal` as the component that the plugin displays, or you can use it on its own for any case where you are managing the state locally within a component and don't need a global API.\n\nHere is a demonstration of the standalone `UluModal` component:\n\n<Canvas of={ModalStories.Default} />"
     },
+    "core": {
+      "raw_markdown": "# Core Plugin\n\n## Purpose\n\nThe Core Plugin is the central, **required** plugin for the `@ulu/frontend-vue` library. Its primary purpose is to establish a single, reactive source of truth for configuration settings that are shared across multiple components. \n\nBy using Vue's `provide`/`inject` system, this plugin ensures that all components within your application access the same configuration, preventing inconsistencies that can arise from separate module imports.\n\n## Installation\n\nTo use this library, you must register the `corePlugin` on your Vue app instance. You can also pass an options object to override the default settings.\n\n```javascript\n// src/main.js\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport { corePlugin } from '@ulu/frontend-vue';\n\nconst app = createApp(App);\n\n// Register the core plugin\napp.use(corePlugin, {\n  // Optional: override general settings\n  fontAwesomeStatic: true,\n\n  // Optional: override specific icons safely\n  iconsByType: {\n    danger: 'my-custom-danger-icon',\n    close: 'my-custom-close-icon'\n  }\n});\n\napp.mount('#app');\n```\n\n## API Reference\n\nThe plugin provides its API to your application in two ways:\n\n-   **Composition API:** `inject('uluCore')`\n-   **Options API:** `this.$uluCore`\n\nThe API object contains the following methods:\n\n- `getSettings()`: Returns the full reactive settings object.\n- `getSetting(key)`: Retrieves a single setting by its key (e.g., `'fontAwesomeStatic'`).\n- `updateSetting(key, value)`: Updates a single setting.\n- `updateSettings(changes)`: Merges an object of changes into the settings.\n- `getDefaultSettings()`: Returns a non-reactive copy of the original default settings.\n- `getIcon(type)`: Retrieves a specific icon class string by its semantic type (e.g., `'danger'`, `'close'`).\n- `setIcon(type, definition)`: Safely sets or overrides a single icon definition.\n\n### Example Usage\n\n**Composition API (`<script setup>`)**\n```vue\n<script setup>\nimport { inject, onMounted } from 'vue';\n\nconst uluCore = inject('uluCore');\n\nonMounted(() => {\n  const icons = uluCore.getSetting('iconsByType');\n  console.log('Danger Icon:', icons.danger);\n\n  // Example of updating a single icon dynamically\n  uluCore.setIcon('success', 'my-awesome-success-icon');\n});\n</script>\n```\n\n**Options API**\n```vue\n<script>\nexport default {\n  mounted() {\n    const icons = this.$uluCore.getSetting('icons');\n    console.log('Danger Icon:', icons.danger);\n  }\n}\n</script>\n```\n\n"
+    },
     "breakpoints": {
       "raw_markdown": "# Breakpoints Plugin\n\n## Purpose\n\nThe Breakpoints Plugin provides app-wide, reactive breakpoint information to your Vue components. It is a lightweight wrapper around the `useBreakpointManager` composable, ensuring that resize events and active breakpoint states are tracked centrally and distributed efficiently via Vue's `provide`/`inject` system.\n\nBy installing this plugin, any component in your application can instantly know the current breakpoint, whether the device is considered \"mobile,\" and the direction the window was just resized.\n\n## Installation\n\nRegister the `breakpointsPlugin` on your Vue app instance.\n\n```javascript\n// src/main.js\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport { breakpointsPlugin } from '@ulu/frontend-vue';\n\nconst app = createApp(App);\n\n// Register the breakpoints plugin\napp.use(breakpointsPlugin, {\n  // Optional: Change which breakpoint triggers the 'isMobile' flag (default is 'small')\n  breakpointMobile: 'small',\n  \n  // Optional: Pass options directly to the underlying useBreakpointManager\n  managerOptions: {\n    // onReady(manager) { ... }\n  }\n});\n\napp.mount('#app');\n```\n\n## Provided Injections\n\nThe plugin does not attach methods to the Vue instance. Instead, it provides reactive `computed` refs that you can inject into any component.\n\n- **`uluIsMobile`**: `ComputedRef<Boolean>` - True if the current active breakpoint is less than or equal to the configured `breakpointMobile` (defaults to `'small'`).\n- **`uluBreakpointActive`**: `ComputedRef<String>` - The name of the currently active breakpoint (e.g., `'small'`, `'medium'`, `'large'`).\n- **`uluBreakpointDirection`**: `ComputedRef<Number>` - Indicates the resize direction (`1` for growing larger, `-1` for shrinking smaller, `0` for initialization).\n- **`uluBreakpointManager`**: `ComputedRef<Object>` - The underlying vanilla JS BreakpointManager instance, allowing advanced programmatic subscriptions if needed.\n\n## Example Usage\n\n**Composition API (`<script setup>`)**\n```vue\n<script setup>\n  import { inject } from 'vue';\n\n  const isMobile = inject('uluIsMobile');\n  const currentBreakpoint = inject('uluBreakpointActive');\n</script>\n\n<template>\n  <div>\n    <p v-if=\"isMobile\">You are on a mobile device!</p>\n    <p>Current Breakpoint: {{ currentBreakpoint }}</p>\n  </div>\n</template>\n```\n\n**Options API**\n```vue\n<script>\nexport default {\n  inject: ['uluIsMobile', 'uluBreakpointActive'],\n  mounted() {\n    console.log('Is mobile?', this.uluIsMobile);\n  }\n}\n</script>\n```\n\n## Why use the Plugin vs the Composable?\n\nWhile you can import and use `useBreakpointManager()` directly in individual components, registering the Breakpoints Plugin ensures that the vanilla JS `BreakpointManager` is only instantiated once. This centralizes the resize event listeners, significantly improving performance across large applications with many responsive components.\n"
     },
@@ -12504,147 +12504,147 @@
         "level": 0
       },
       {
-        "id": "module:useModals",
-        "longname": "module:useModals",
-        "name": "useModals",
+        "id": "module:useToast",
+        "longname": "module:useToast",
+        "name": "useToast",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "useModals.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
+          "filename": "useToast.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
         "order": 63,
         "level": 0
       },
       {
-        "id": "module:modalsPlugin",
-        "longname": "module:modalsPlugin",
-        "name": "modalsPlugin",
+        "id": "toast.module:store",
+        "longname": "toast.module:store",
+        "name": "store",
         "kind": "module",
-        "description": "Modals plugin (adds components, global registry, etc)\n- Updated version handles both independent and global registered/triggered modals",
         "meta": {
           "lineno": 1,
-          "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
+          "filename": "store.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
         "order": 65,
         "level": 0
       },
       {
-        "id": "modals.module:api",
-        "longname": "modals.module:api",
-        "name": "api",
+        "id": "module:toastPlugin",
+        "longname": "module:toastPlugin",
+        "name": "toastPlugin",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "api.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
+          "filename": "index.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
-        "order": 68,
+        "order": 72,
         "level": 0
       },
       {
-        "id": "module:useTooltipFollow",
-        "longname": "module:useTooltipFollow",
-        "name": "useTooltipFollow",
+        "id": "toast.module:defaults",
+        "longname": "toast.module:defaults",
+        "name": "defaults",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "useTooltipFollow.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
+          "filename": "defaults.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
-        "order": 77,
+        "order": 74,
         "level": 0
       },
       {
-        "id": "module:useTooltip",
-        "longname": "module:useTooltip",
-        "name": "useTooltip",
+        "id": "module:useModals",
+        "longname": "module:useModals",
+        "name": "useModals",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "useTooltip.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
+          "filename": "useModals.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 78,
+        "order": 80,
         "level": 0
       },
       {
-        "id": "module:popoversPlugin",
-        "longname": "module:popoversPlugin",
-        "name": "popoversPlugin",
+        "id": "module:modalsPlugin",
+        "longname": "module:modalsPlugin",
+        "name": "modalsPlugin",
         "kind": "module",
+        "description": "Modals plugin (adds components, global registry, etc)\n- Updated version handles both independent and global registered/triggered modals",
         "meta": {
           "lineno": 1,
           "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 80,
+        "order": 82,
         "level": 0
       },
       {
-        "id": "popovers.module:defaults",
-        "longname": "popovers.module:defaults",
-        "name": "defaults",
+        "id": "modals.module:api",
+        "longname": "modals.module:api",
+        "name": "api",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
+          "filename": "api.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 86,
+        "order": 85,
         "level": 0
       },
       {
-        "id": "module:useToast",
-        "longname": "module:useToast",
-        "name": "useToast",
+        "id": "module:useTooltipFollow",
+        "longname": "module:useTooltipFollow",
+        "name": "useTooltipFollow",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "useToast.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+          "filename": "useTooltipFollow.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 108,
+        "order": 94,
         "level": 0
       },
       {
-        "id": "toast.module:store",
-        "longname": "toast.module:store",
-        "name": "store",
+        "id": "module:useTooltip",
+        "longname": "module:useTooltip",
+        "name": "useTooltip",
         "kind": "module",
         "meta": {
           "lineno": 1,
-          "filename": "store.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+          "filename": "useTooltip.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 110,
+        "order": 95,
         "level": 0
       },
       {
-        "id": "module:toastPlugin",
-        "longname": "module:toastPlugin",
-        "name": "toastPlugin",
+        "id": "module:popoversPlugin",
+        "longname": "module:popoversPlugin",
+        "name": "popoversPlugin",
         "kind": "module",
         "meta": {
           "lineno": 1,
           "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 117,
+        "order": 97,
         "level": 0
       },
       {
-        "id": "toast.module:defaults",
-        "longname": "toast.module:defaults",
+        "id": "popovers.module:defaults",
+        "longname": "popovers.module:defaults",
         "name": "defaults",
         "kind": "module",
         "meta": {
           "lineno": 1,
           "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 119
+        "order": 103
       },
       {
         "id": "module:corePlugin",
@@ -12738,6 +12738,22 @@
         "order": 147,
         "level": 0
       },
+      {
+        "id": "module:toastPlugin--module.exports",
+        "longname": "module:toastPlugin",
+        "name": "module.exports",
+        "kind": "function",
+        "isExported": true,
+        "description": "Install plugin",
+        "memberof": "module:toastPlugin",
+        "meta": {
+          "lineno": 11,
+          "filename": "index.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 73,
+        "level": 0
+      },
       {
         "id": "module:modalsPlugin--module.exports",
         "longname": "module:modalsPlugin",
@@ -12771,7 +12787,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 67,
+        "order": 84,
         "level": 0
       },
       {
@@ -12807,23 +12823,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 85,
-        "level": 0
-      },
-      {
-        "id": "module:toastPlugin--module.exports",
-        "longname": "module:toastPlugin",
-        "name": "module.exports",
-        "kind": "function",
-        "isExported": true,
-        "description": "Install plugin",
-        "memberof": "module:toastPlugin",
-        "meta": {
-          "lineno": 11,
-          "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 118,
+        "order": 102,
         "level": 0
       },
       {
@@ -13005,6 +13005,83 @@
         },
         "order": 58
       },
+      {
+        "id": "toast.module:defaults--module.exports",
+        "longname": "toast.module:defaults",
+        "name": "module.exports",
+        "kind": "member",
+        "scope": "static",
+        "isExported": true,
+        "description": "Default plugin options",
+        "memberof": "toast.module:defaults",
+        "meta": {
+          "lineno": 9,
+          "filename": "defaults.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 75,
+        "level": 0
+      },
+      {
+        "id": "toast.module:defaults--module.exports.toastOptions.component",
+        "longname": "toast.module:defaults.toastOptions.component",
+        "name": "component",
+        "kind": "member",
+        "scope": "static",
+        "description": "Component used to render the toast in the display",
+        "memberof": "toast.module:defaults--module.exports.toastOptions",
+        "meta": {
+          "lineno": 14,
+          "filename": "defaults.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 76
+      },
+      {
+        "id": "toast.module:defaults--module.exports.toastOptions.duration",
+        "longname": "toast.module:defaults.toastOptions.duration",
+        "name": "duration",
+        "kind": "member",
+        "scope": "static",
+        "description": "Duration of toast",
+        "memberof": "toast.module:defaults--module.exports.toastOptions",
+        "meta": {
+          "lineno": 18,
+          "filename": "defaults.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 77
+      },
+      {
+        "id": "toast.module:defaults--module.exports.toastOptions.actions",
+        "longname": "toast.module:defaults.toastOptions.actions",
+        "name": "actions",
+        "kind": "member",
+        "scope": "static",
+        "description": "Array of actions { label, click }",
+        "memberof": "toast.module:defaults--module.exports.toastOptions",
+        "meta": {
+          "lineno": 22,
+          "filename": "defaults.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 78
+      },
+      {
+        "id": "toast.module:defaults--module.exports.pluginOptions.position",
+        "longname": "toast.module:defaults.pluginOptions.position",
+        "name": "position",
+        "kind": "member",
+        "scope": "static",
+        "description": "Position of the toast container (holds toasts)",
+        "memberof": "toast.module:defaults--module.exports.pluginOptions",
+        "meta": {
+          "lineno": 29,
+          "filename": "defaults.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 79
+      },
       {
         "id": "popovers.module:defaults.plugin",
         "longname": "popovers.module:defaults.plugin",
@@ -13023,8 +13100,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 87,
-        "level": 0
+        "order": 104
       },
       {
         "id": "popovers.module:defaults.plugin.directiveName",
@@ -13044,8 +13120,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 88,
-        "level": 0
+        "order": 105
       },
       {
         "id": "popovers.module:defaults.popover",
@@ -13060,8 +13135,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 89,
-        "level": 0
+        "order": 106
       },
       {
         "id": "popovers.module:defaults.popover.inline",
@@ -13081,8 +13155,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 90,
-        "level": 0
+        "order": 107
       },
       {
         "id": "popovers.module:defaults.popover.delay",
@@ -13102,8 +13175,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 91,
-        "level": 0
+        "order": 108
       },
       {
         "id": "popovers.module:defaults.popover.placement",
@@ -13123,8 +13195,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 92,
-        "level": 0
+        "order": 109
       },
       {
         "id": "popovers.module:defaults.popover.strategy",
@@ -13144,8 +13215,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 93,
-        "level": 0
+        "order": 110
       },
       {
         "id": "popovers.module:defaults.popover.offset",
@@ -13165,8 +13235,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 94,
-        "level": 0
+        "order": 111
       },
       {
         "id": "popovers.module:defaults.popover.arrow",
@@ -13186,8 +13255,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 95,
-        "level": 0
+        "order": 112
       },
       {
         "id": "popovers.module:defaults.tooltip",
@@ -13207,8 +13275,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 96,
-        "level": 0
+        "order": 113
       },
       {
         "id": "popovers.module:defaults.tooltip.teleportTo",
@@ -13228,8 +13295,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 97,
-        "level": 0
+        "order": 114
       },
       {
         "id": "popovers.module:defaults.tooltip.class",
@@ -13251,8 +13317,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 98,
-        "level": 0
+        "order": 115
       },
       {
         "id": "popovers.module:defaults.tooltip.showEvents",
@@ -13272,8 +13337,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 99,
-        "level": 0
+        "order": 116
       },
       {
         "id": "popovers.module:defaults.tooltip.hideEvents",
@@ -13293,8 +13357,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 100,
-        "level": 0
+        "order": 117
       },
       {
         "id": "popovers.module:defaults.tooltip.isHtml",
@@ -13314,8 +13377,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 101,
-        "level": 0
+        "order": 118
       },
       {
         "id": "popovers.module:defaults.tooltip.trigger",
@@ -13336,8 +13398,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 102,
-        "level": 0
+        "order": 119
       },
       {
         "id": "popovers.module:defaults.tooltip.content",
@@ -13358,8 +13419,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 103,
-        "level": 0
+        "order": 120
       },
       {
         "id": "popovers.module:defaults.tooltip.delay",
@@ -13379,8 +13439,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 104,
-        "level": 0
+        "order": 121
       },
       {
         "id": "popovers.module:defaults.tooltip.onReady",
@@ -13395,8 +13454,7 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 105,
-        "level": 0
+        "order": 122
       },
       {
         "id": "popovers.module:defaults.tooltip.component",
@@ -13411,98 +13469,20 @@
           "filename": "defaults.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 106,
-        "level": 0
-      },
-      {
-        "id": "popovers.module:defaults.tooltip.componentProps",
-        "longname": "popovers.module:defaults.tooltip.componentProps",
-        "name": "componentProps",
-        "kind": "member",
-        "scope": "static",
-        "description": "Props to be passed to component (ie. v-bind=\"componentProps\")",
-        "memberof": "popovers.module:defaults.tooltip",
-        "meta": {
-          "lineno": 112,
-          "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
-        },
-        "order": 107,
-        "level": 0
-      },
-      {
-        "id": "toast.module:defaults--module.exports",
-        "longname": "toast.module:defaults",
-        "name": "module.exports",
-        "kind": "member",
-        "scope": "static",
-        "isExported": true,
-        "description": "Default plugin options",
-        "memberof": "toast.module:defaults",
-        "meta": {
-          "lineno": 9,
-          "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 120
-      },
-      {
-        "id": "toast.module:defaults--module.exports.toastOptions.component",
-        "longname": "toast.module:defaults.toastOptions.component",
-        "name": "component",
-        "kind": "member",
-        "scope": "static",
-        "description": "Component used to render the toast in the display",
-        "memberof": "toast.module:defaults--module.exports.toastOptions",
-        "meta": {
-          "lineno": 14,
-          "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 121
-      },
-      {
-        "id": "toast.module:defaults--module.exports.toastOptions.duration",
-        "longname": "toast.module:defaults.toastOptions.duration",
-        "name": "duration",
-        "kind": "member",
-        "scope": "static",
-        "description": "Duration of toast",
-        "memberof": "toast.module:defaults--module.exports.toastOptions",
-        "meta": {
-          "lineno": 18,
-          "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 122
-      },
-      {
-        "id": "toast.module:defaults--module.exports.toastOptions.actions",
-        "longname": "toast.module:defaults.toastOptions.actions",
-        "name": "actions",
-        "kind": "member",
-        "scope": "static",
-        "description": "Array of actions { label, click }",
-        "memberof": "toast.module:defaults--module.exports.toastOptions",
-        "meta": {
-          "lineno": 22,
-          "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
         "order": 123
       },
       {
-        "id": "toast.module:defaults--module.exports.pluginOptions.position",
-        "longname": "toast.module:defaults.pluginOptions.position",
-        "name": "position",
+        "id": "popovers.module:defaults.tooltip.componentProps",
+        "longname": "popovers.module:defaults.tooltip.componentProps",
+        "name": "componentProps",
         "kind": "member",
         "scope": "static",
-        "description": "Position of the toast container (holds toasts)",
-        "memberof": "toast.module:defaults--module.exports.pluginOptions",
+        "description": "Props to be passed to component (ie. v-bind=\"componentProps\")",
+        "memberof": "popovers.module:defaults.tooltip",
         "meta": {
-          "lineno": 29,
+          "lineno": 112,
           "filename": "defaults.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
         "order": 124
       },
@@ -13538,6 +13518,77 @@
         "order": 130,
         "level": 0
       },
+      {
+        "id": "module:useToast.useToast",
+        "longname": "module:useToast.useToast",
+        "name": "useToast",
+        "kind": "constant",
+        "scope": "static",
+        "description": "Composable for accessing the toast API.",
+        "memberof": "module:useToast",
+        "examples": [
+          "import { useToast } from './useToast';\nconst toast = useToast();\ntoast.add({ title: 'Hello World' });"
+        ],
+        "returns": [
+          {
+            "type": {
+              "names": [
+                "object"
+              ]
+            },
+            "description": "The toast API."
+          }
+        ],
+        "exceptions": [
+          {
+            "type": {
+              "names": [
+                "Error"
+              ]
+            },
+            "description": "If the toast plugin is not installed."
+          }
+        ],
+        "meta": {
+          "lineno": 15,
+          "filename": "useToast.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 64,
+        "level": 0
+      },
+      {
+        "id": "toast.module:store.store",
+        "longname": "toast.module:store.store",
+        "name": "store",
+        "kind": "constant",
+        "scope": "static",
+        "description": "Reactive State Object (used inside global components, and as API globally)",
+        "memberof": "toast.module:store",
+        "meta": {
+          "lineno": 13,
+          "filename": "store.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 66,
+        "level": 0
+      },
+      {
+        "id": "toast.module:store.api",
+        "longname": "toast.module:store.api",
+        "name": "api",
+        "kind": "constant",
+        "scope": "static",
+        "description": "Public API",
+        "memberof": "toast.module:store",
+        "meta": {
+          "lineno": 42,
+          "filename": "store.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 68,
+        "level": 0
+      },
       {
         "id": "module:useModals.useModals",
         "longname": "module:useModals.useModals",
@@ -13571,7 +13622,7 @@
           "filename": "useModals.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 64,
+        "order": 81,
         "level": 0
       },
       {
@@ -13587,7 +13638,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 81,
+        "order": 98,
         "level": 0
       },
       {
@@ -13603,7 +13654,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 82,
+        "order": 99,
         "level": 0
       },
       {
@@ -13619,7 +13670,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 83,
+        "order": 100,
         "level": 0
       },
       {
@@ -13666,78 +13717,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
         },
-        "order": 84,
-        "level": 0
-      },
-      {
-        "id": "module:useToast.useToast",
-        "longname": "module:useToast.useToast",
-        "name": "useToast",
-        "kind": "constant",
-        "scope": "static",
-        "description": "Composable for accessing the toast API.",
-        "memberof": "module:useToast",
-        "examples": [
-          "import { useToast } from './useToast';\nconst toast = useToast();\ntoast.add({ title: 'Hello World' });"
-        ],
-        "returns": [
-          {
-            "type": {
-              "names": [
-                "object"
-              ]
-            },
-            "description": "The toast API."
-          }
-        ],
-        "exceptions": [
-          {
-            "type": {
-              "names": [
-                "Error"
-              ]
-            },
-            "description": "If the toast plugin is not installed."
-          }
-        ],
-        "meta": {
-          "lineno": 15,
-          "filename": "useToast.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 109,
-        "level": 0
-      },
-      {
-        "id": "toast.module:store.store",
-        "longname": "toast.module:store.store",
-        "name": "store",
-        "kind": "constant",
-        "scope": "static",
-        "description": "Reactive State Object (used inside global components, and as API globally)",
-        "memberof": "toast.module:store",
-        "meta": {
-          "lineno": 13,
-          "filename": "store.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 111,
-        "level": 0
-      },
-      {
-        "id": "toast.module:store.api",
-        "longname": "toast.module:store.api",
-        "name": "api",
-        "kind": "constant",
-        "scope": "static",
-        "description": "Public API",
-        "memberof": "toast.module:store",
-        "meta": {
-          "lineno": 42,
-          "filename": "store.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 113,
+        "order": 101,
         "level": 0
       },
       {
@@ -15012,31 +14992,6 @@
         "order": 59,
         "level": 0
       },
-      {
-        "id": "module:useTooltip.useTooltip",
-        "longname": "module:useTooltip.useTooltip",
-        "name": "useTooltip",
-        "kind": "function",
-        "scope": "static",
-        "description": "Composable to programmatically control the global tooltip.\nIt provides `showTooltip` and `hideTooltip` methods that are consistent\nwith the `v-ulu-tooltip` directive.",
-        "memberof": "module:useTooltip",
-        "returns": [
-          {
-            "type": {
-              "names": [
-                "Object"
-              ]
-            }
-          }
-        ],
-        "meta": {
-          "lineno": 13,
-          "filename": "useTooltip.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
-        },
-        "order": 79,
-        "level": 0
-      },
       {
         "id": "toast.module:store~api.add",
         "longname": "toast.module:store~api.add",
@@ -15065,7 +15020,7 @@
           "filename": "store.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
-        "order": 114
+        "order": 69
       },
       {
         "id": "toast.module:store~api.remove",
@@ -15090,7 +15045,7 @@
           "filename": "store.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
-        "order": 115
+        "order": 70
       },
       {
         "id": "toast.module:store~api.removeAll",
@@ -15105,7 +15060,32 @@
           "filename": "store.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
         },
-        "order": 116
+        "order": 71
+      },
+      {
+        "id": "module:useTooltip.useTooltip",
+        "longname": "module:useTooltip.useTooltip",
+        "name": "useTooltip",
+        "kind": "function",
+        "scope": "static",
+        "description": "Composable to programmatically control the global tooltip.\nIt provides `showTooltip` and `hideTooltip` methods that are consistent\nwith the `v-ulu-tooltip` directive.",
+        "memberof": "module:useTooltip",
+        "returns": [
+          {
+            "type": {
+              "names": [
+                "Object"
+              ]
+            }
+          }
+        ],
+        "meta": {
+          "lineno": 13,
+          "filename": "useTooltip.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/popovers"
+        },
+        "order": 96,
+        "level": 0
       },
       {
         "id": "module:useScrollAnchors.useScrollAnchors",
@@ -15368,6 +15348,22 @@
         "order": 152,
         "level": 0
       },
+      {
+        "id": "toast.module:store~pluginOptions",
+        "longname": "toast.module:store~pluginOptions",
+        "name": "pluginOptions",
+        "kind": "member",
+        "scope": "inner",
+        "description": "Saveable",
+        "memberof": "toast.module:store",
+        "meta": {
+          "lineno": 18,
+          "filename": "store.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
+        },
+        "order": 67,
+        "level": 0
+      },
       {
         "id": "modals.module:api~active",
         "longname": "modals.module:api~active",
@@ -15381,7 +15377,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 70,
+        "order": 87,
         "level": 0
       },
       {
@@ -15397,23 +15393,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 71,
-        "level": 0
-      },
-      {
-        "id": "toast.module:store~pluginOptions",
-        "longname": "toast.module:store~pluginOptions",
-        "name": "pluginOptions",
-        "kind": "member",
-        "scope": "inner",
-        "description": "Saveable",
-        "memberof": "toast.module:store",
-        "meta": {
-          "lineno": 18,
-          "filename": "store.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/toast"
-        },
-        "order": 112,
+        "order": 88,
         "level": 0
       },
       {
@@ -15464,7 +15444,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 69,
+        "order": 86,
         "level": 0
       },
       {
@@ -15481,7 +15461,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 72,
+        "order": 89,
         "level": 0
       },
       {
@@ -15716,7 +15696,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 73,
+        "order": 90,
         "level": 0
       },
       {
@@ -15742,7 +15722,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 74,
+        "order": 91,
         "level": 0
       },
       {
@@ -15758,7 +15738,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 75,
+        "order": 92,
         "level": 0
       },
       {
@@ -15784,7 +15764,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 76,
+        "order": 93,
         "level": 0
       },
       {
@@ -16267,7 +16247,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 66,
+        "order": 83,
         "level": 0
       }
     ],