@ulu/frontend-vue 0.6.21 → 0.6.23

package/dist/mcp-data.json

@@ -20,6 +20,29 @@
       }
     ],
     "useDocumentTitle": [],
+    "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": [],
+    "toast": [
+      {
+        "title": "Default",
+        "description": "Default variation",
+        "code": "<toast>Content</toast>"
+      }
+    ],
     "useModals": [],
     "modals": [
       {
@@ -53,76 +76,9 @@
         "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>"
       }
     ],
-    "toast": [
-      {
-        "title": "Default",
-        "description": "Default variation",
-        "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": [],
     "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>"
-      },
-      {
-        "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>"
-      }
-    ],
-    "UluWhenBreakpoint": [],
-    "UluTitleRail": [],
-    "UluDataGrid": [],
-    "UluAdaptiveLayout": [],
     "UluSkipLink": [
       {
         "title": "Default",
@@ -195,34 +151,50 @@
         "code": "<UluBreadcrumb items=\"{...}\">Content</UluBreadcrumb>"
       }
     ],
-    "UluTabGroup": [
+    "UluWhenBreakpoint": [],
+    "UluTitleRail": [],
+    "UluDataGrid": [],
+    "UluAdaptiveLayout": [],
+    "UluSanityRichText": [],
+    "UluRouteAnnouncer": [],
+    "UluPlaceholderText": [],
+    "UluPlaceholderImage": [],
+    "UluEmptyView": [],
+    "UluEmpty": [],
+    "UluConditionalWrapper": [],
+    "UluConditionalText": [],
+    "UluAction": [
       {
-        "title": "Default",
-        "description": "Default variation",
-        "code": "<UluTabGroup>Content</UluTabGroup>"
+        "title": "AsButton",
+        "description": "AsButton variation",
+        "code": "<UluAction>Content</UluAction>"
       },
       {
-        "title": "Vertical",
-        "description": "Vertical variation",
-        "code": "<UluTabGroup vertical>Content</UluTabGroup>"
+        "title": "AsAnchor",
+        "description": "AsAnchor variation",
+        "code": "<UluAction href=\"https://example.com\" target=\"_blank\">Content</UluAction>"
       },
       {
-        "title": "DefaultIndex",
-        "description": "DefaultIndex variation",
-        "code": "<UluTabGroup :defaultIndex=\"2\">Content</UluTabGroup>"
+        "title": "AsRouterLink",
+        "description": "AsRouterLink variation",
+        "code": "<UluAction to=\"/about\">Content</UluAction>"
       },
       {
-        "title": "FullWidth",
-        "description": "FullWidth variation",
-        "code": "<UluTabGroup modifiers=\"{...}\">Content</UluTabGroup>"
+        "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>"
       }
     ],
-    "UluOverflowPopover": [],
-    "UluModal": [],
-    "UluDropdown": [],
-    "UluCollapsible": [],
-    "UluAccordionGroup": [],
-    "UluAccordion": [],
     "UluSelectableMenu": [],
     "UluSearchForm": [],
     "UluFormTextarea": [],
@@ -462,6 +434,34 @@
       }
     ],
     "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",
@@ -2502,8 +2502,8 @@
         },
         {
           "name": "classes",
-          "type": "object",
-          "default": "{\n  container: 'accordion',\n  trigger: 'accordion__summary',\n  content: 'accordion__content',\n  containerOpen: 'is-active'\n}",
+          "type": "object|boolean|func",
+          "default": "() => ({})",
           "description": "Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).\nThe 'icon' key is also available for the icon span.\n- Any valid class binding value per element"
         },
         {
@@ -7844,11 +7844,11 @@
             "name": "classes",
             "description": "Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).\nThe 'icon' key is also available for the icon span.\n- Any valid class binding value per element",
             "type": {
-              "name": "object"
+              "name": "object|boolean|func"
             },
             "defaultValue": {
-              "func": false,
-              "value": "{\n  container: 'accordion',\n  trigger: 'accordion__summary',\n  content: 'accordion__content',\n  containerOpen: 'is-active'\n}"
+              "func": true,
+              "value": "() => ({})"
             }
           },
           {
@@ -12405,32 +12405,6 @@
         "order": 30,
         "level": 0
       },
-      {
-        "id": "module:components",
-        "longname": "module:components",
-        "name": "components",
-        "kind": "module",
-        "meta": {
-          "lineno": 1,
-          "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/components"
-        },
-        "order": 31,
-        "level": 0
-      },
-      {
-        "id": "components/index.js\nResponsible for exporting all components\n- Used in main plugin and bundle exportsmodule:",
-        "longname": "components/index.js\nResponsible for exporting all components\n- Used in main plugin and bundle exportsmodule:",
-        "name": "components/index.js\nResponsible for exporting all components\n- Used in main plugin and bundle exports",
-        "kind": "module",
-        "meta": {
-          "lineno": 4,
-          "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/components"
-        },
-        "order": 32,
-        "level": 0
-      },
       {
         "id": "module:useWindowResize",
         "longname": "module:useWindowResize",
@@ -12441,7 +12415,7 @@
           "filename": "useWindowResize.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 33,
+        "order": 31,
         "level": 0
       },
       {
@@ -12454,7 +12428,7 @@
           "filename": "useUluFloating.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 36,
+        "order": 34,
         "level": 0
       },
       {
@@ -12467,7 +12441,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 40,
+        "order": 38,
         "level": 0
       },
       {
@@ -12480,7 +12454,7 @@
           "filename": "useRequiredInject.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 48,
+        "order": 46,
         "level": 0
       },
       {
@@ -12493,7 +12467,7 @@
           "filename": "usePagination.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 50,
+        "order": 48,
         "level": 0
       },
       {
@@ -12506,7 +12480,7 @@
           "filename": "useModifiers.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 52,
+        "order": 50,
         "level": 0
       },
       {
@@ -12519,7 +12493,7 @@
           "filename": "useIcon.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 54,
+        "order": 52,
         "level": 0
       },
       {
@@ -12532,7 +12506,7 @@
           "filename": "useDocumentTitle.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 57,
+        "order": 55,
         "level": 0
       },
       {
@@ -12545,7 +12519,7 @@
           "filename": "useBreakpointManager.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 59,
+        "order": 57,
         "level": 0
       },
       {
@@ -12558,6 +12532,32 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
+        "order": 62,
+        "level": 0
+      },
+      {
+        "id": "module:components",
+        "longname": "module:components",
+        "name": "components",
+        "kind": "module",
+        "meta": {
+          "lineno": 1,
+          "filename": "index.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/components"
+        },
+        "order": 63,
+        "level": 0
+      },
+      {
+        "id": "components/index.js\nResponsible for exporting all components\n- Used in main plugin and bundle exportsmodule:",
+        "longname": "components/index.js\nResponsible for exporting all components\n- Used in main plugin and bundle exportsmodule:",
+        "name": "components/index.js\nResponsible for exporting all components\n- Used in main plugin and bundle exports",
+        "kind": "module",
+        "meta": {
+          "lineno": 4,
+          "filename": "index.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/components"
+        },
         "order": 64,
         "level": 0
       },
@@ -12664,20 +12664,6 @@
         },
         "order": 91
       },
-      {
-        "id": "module:corePlugin",
-        "longname": "module:corePlugin",
-        "name": "corePlugin",
-        "kind": "module",
-        "description": "Core plugin for managing shared configuration for the library.",
-        "meta": {
-          "lineno": 1,
-          "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/core"
-        },
-        "order": 113,
-        "level": 0
-      },
       {
         "id": "module:useModals",
         "longname": "module:useModals",
@@ -12688,7 +12674,7 @@
           "filename": "useModals.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 115,
+        "order": 113,
         "level": 0
       },
       {
@@ -12702,7 +12688,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 117,
+        "order": 115,
         "level": 0
       },
       {
@@ -12715,7 +12701,21 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 120,
+        "order": 118,
+        "level": 0
+      },
+      {
+        "id": "module:corePlugin",
+        "longname": "module:corePlugin",
+        "name": "corePlugin",
+        "kind": "module",
+        "description": "Core plugin for managing shared configuration for the library.",
+        "meta": {
+          "lineno": 1,
+          "filename": "index.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/core"
+        },
+        "order": 127,
         "level": 0
       },
       {
@@ -12848,6 +12848,42 @@
         "order": 90,
         "level": 0
       },
+      {
+        "id": "module:modalsPlugin--module.exports",
+        "longname": "module:modalsPlugin",
+        "name": "module.exports",
+        "kind": "function",
+        "isExported": true,
+        "description": "Modals Vue Plugin",
+        "memberof": "module:modalsPlugin",
+        "params": [
+          {
+            "type": {
+              "names": [
+                "Object"
+              ]
+            },
+            "description": "Vue app instance passed to plugin",
+            "name": "App"
+          },
+          {
+            "type": {
+              "names": [
+                "module:modalsPlugin~UluModalsPluginOptions"
+              ]
+            },
+            "description": "Options to change (see defaults)",
+            "name": "userOptions"
+          }
+        ],
+        "meta": {
+          "lineno": 28,
+          "filename": "index.js",
+          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
+        },
+        "order": 117,
+        "level": 0
+      },
       {
         "id": "module:corePlugin--module.exports",
         "longname": "module:corePlugin",
@@ -12922,43 +12958,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/core"
         },
-        "order": 114,
-        "level": 0
-      },
-      {
-        "id": "module:modalsPlugin--module.exports",
-        "longname": "module:modalsPlugin",
-        "name": "module.exports",
-        "kind": "function",
-        "isExported": true,
-        "description": "Modals Vue Plugin",
-        "memberof": "module:modalsPlugin",
-        "params": [
-          {
-            "type": {
-              "names": [
-                "Object"
-              ]
-            },
-            "description": "Vue app instance passed to plugin",
-            "name": "App"
-          },
-          {
-            "type": {
-              "names": [
-                "module:modalsPlugin~UluModalsPluginOptions"
-              ]
-            },
-            "description": "Options to change (see defaults)",
-            "name": "userOptions"
-          }
-        ],
-        "meta": {
-          "lineno": 28,
-          "filename": "index.js",
-          "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
-        },
-        "order": 119,
+        "order": 128,
         "level": 0
       },
       {
@@ -13031,7 +13031,7 @@
           "filename": "useBreakpointManager.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 60
+        "order": 58
       },
       {
         "id": "module:useBreakpointManager~defaults.onReady",
@@ -13046,7 +13046,7 @@
           "filename": "useBreakpointManager.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 61
+        "order": 59
       },
       {
         "id": "module:useBreakpointManager~defaults.plugin",
@@ -13061,7 +13061,7 @@
           "filename": "useBreakpointManager.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 62
+        "order": 60
       },
       {
         "id": "toast.module:defaults--module.exports",
@@ -13775,7 +13775,7 @@
           "filename": "useModals.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 116,
+        "order": 114,
         "level": 0
       },
       {
@@ -14744,7 +14744,7 @@
           "filename": "useWindowResize.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 35,
+        "order": 33,
         "level": 0
       },
       {
@@ -14798,7 +14798,7 @@
           "filename": "useUluFloating.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 39,
+        "order": 37,
         "level": 0
       },
       {
@@ -14835,7 +14835,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 41,
+        "order": 39,
         "level": 0
       },
       {
@@ -14867,7 +14867,7 @@
           "filename": "useRequiredInject.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 49,
+        "order": 47,
         "level": 0
       },
       {
@@ -14913,7 +14913,7 @@
           "filename": "usePagination.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 51,
+        "order": 49,
         "level": 0
       },
       {
@@ -14986,7 +14986,7 @@
           "filename": "useModifiers.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 53,
+        "order": 51,
         "level": 0
       },
       {
@@ -15012,7 +15012,7 @@
           "filename": "useIcon.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 55,
+        "order": 53,
         "level": 0
       },
       {
@@ -15082,7 +15082,7 @@
           "filename": "useDocumentTitle.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 58,
+        "order": 56,
         "level": 0
       },
       {
@@ -15150,7 +15150,7 @@
           "filename": "useBreakpointManager.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 63,
+        "order": 61,
         "level": 0
       },
       {
@@ -15538,7 +15538,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 122,
+        "order": 120,
         "level": 0
       },
       {
@@ -15554,7 +15554,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 123,
+        "order": 121,
         "level": 0
       },
       {
@@ -15588,7 +15588,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 47,
+        "order": 45,
         "level": 0
       },
       {
@@ -15605,7 +15605,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 121,
+        "order": 119,
         "level": 0
       },
       {
@@ -15622,7 +15622,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 124,
+        "order": 122,
         "level": 0
       },
       {
@@ -15701,7 +15701,7 @@
           "filename": "useWindowResize.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 34,
+        "order": 32,
         "level": 0
       },
       {
@@ -15718,7 +15718,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 42,
+        "order": 40,
         "level": 0
       },
       {
@@ -15735,7 +15735,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 43,
+        "order": 41,
         "level": 0
       },
       {
@@ -15752,7 +15752,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 44,
+        "order": 42,
         "level": 0
       },
       {
@@ -15769,7 +15769,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 45,
+        "order": 43,
         "level": 0
       },
       {
@@ -15786,7 +15786,7 @@
           "filename": "useTableData.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 46,
+        "order": 44,
         "level": 0
       },
       {
@@ -15826,7 +15826,7 @@
           "filename": "useIcon.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 56,
+        "order": 54,
         "level": 0
       },
       {
@@ -15857,7 +15857,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 125,
+        "order": 123,
         "level": 0
       },
       {
@@ -15883,7 +15883,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 126,
+        "order": 124,
         "level": 0
       },
       {
@@ -15899,7 +15899,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 127,
+        "order": 125,
         "level": 0
       },
       {
@@ -15925,7 +15925,7 @@
           "filename": "api.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 128,
+        "order": 126,
         "level": 0
       },
       {
@@ -16280,7 +16280,7 @@
           "filename": "useUluFloating.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 37,
+        "order": 35,
         "level": 0
       },
       {
@@ -16367,7 +16367,7 @@
           "filename": "useUluFloating.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/composables"
         },
-        "order": 38,
+        "order": 36,
         "level": 0
       },
       {
@@ -16408,7 +16408,7 @@
           "filename": "index.js",
           "path": "/Users/joescherben/Personal/Projects/ULU/frontend-vue/lib/plugins/modals"
         },
-        "order": 118,
+        "order": 116,
         "level": 0
       }
     ],
@@ -17515,10 +17515,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17527,10 +17527,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17539,10 +17539,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17551,10 +17551,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17563,10 +17563,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17575,10 +17575,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17587,10 +17587,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17599,10 +17599,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17611,10 +17611,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17623,10 +17623,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17635,10 +17635,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17647,10 +17647,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17659,10 +17659,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17671,10 +17671,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17683,10 +17683,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17695,10 +17695,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17707,10 +17707,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17719,10 +17719,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17731,10 +17731,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             },
@@ -17743,10 +17743,10 @@
               "context": {
                 "type": "mixin",
                 "name": "styles",
-                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+                "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
                 "line": {
                   "start": 108,
-                  "end": 198
+                  "end": 203
                 }
               }
             }
@@ -17765,10 +17765,10 @@
           "context": {
             "type": "mixin",
             "name": "styles",
-            "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n",
+            "code": "\n  $prefix: selector.class(\"toast\");\n\n  #{ $prefix }-container {\n    position: fixed;\n    top: get(\"container-top\");\n    right: get(\"container-right\");\n    width: get(\"container-width\");\n    z-index: get(\"z-index\");\n  }\n\n  #{ $prefix } {\n    box-shadow: get(\"box-shadow\");\n    background-color: get(\"background-color\");\n    border-radius: get(\"border-radius\");\n    border: get(\"border-width\") solid get(\"border-color\");\n    padding: get(\"padding\");\n    line-height: get(\"line-height\");\n    margin-bottom: get(\"margin-bottom\");\n    display: flex;\n    align-items: center;\n  }\n\n  #{ $prefix }__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  #{ $prefix }__date {\n    color: get(\"date-color\");\n    font-weight: get(\"date-font-weight\");\n    margin-left: 1em;\n  }\n\n  #{ $prefix }__icon {\n    margin-right: get(\"icon-margin-right\");\n    font-size: get(\"icon-font-size\");\n  }\n\n  #{ $prefix }__actions {\n    flex-basis: min-content;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-right: get(\"actions-margin-right\");\n  }\n\n  #{ $prefix }__action {\n    width: 100%;\n    margin: 0;\n    & + & {\n      margin-top: get(\"action-margin-top\");\n    }\n  }\n\n  #{ $prefix }__close {\n    margin: 0;\n  }\n\n  #{ $prefix }__content {\n    margin-right: auto;\n    flex-grow: 1;\n    padding: get(\"content-padding\");\n  }\n\n  #{ $prefix }--persistent {\n    animation: get(\"persistent-animation\");\n    &:hover,\n    &:focus-within {\n      animation: none;\n    }\n  }\n\n  // Vue transition group animation on container\n  .toast-animation-move, \n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    transition: all 0.3s ease;\n  }\n  .toast-animation-enter-from,\n  .toast-animation-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  .toast-animation-leave-active {\n    position: absolute;\n    width: 100%;\n  }\n  // Add this so transitioning toasts can never intercept clicks\n  .toast-animation-enter-active,\n  .toast-animation-leave-active {\n    pointer-events: none; \n  }\n",
             "line": {
               "start": 108,
-              "end": 198
+              "end": 203
             }
           },
           "demo": {