buefy 3.0.2 → 3.0.4

package/dist/esm/autocomplete.js

@@ -1,5 +1,5 @@
 import { B as BAutocomplete } from './Autocomplete-CZ8DmXsB.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './helpers.js';
 import './CompatFallthroughMixin-C8LPuwDr.js';

package/dist/esm/breadcrumb.js

@@ -2,7 +2,7 @@ import { defineComponent, createElementBlock, openBlock, normalizeClass, createE
 import { c as config } from './config-CKuo-p6e.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 
 var _sfc_main$1 = defineComponent({
   name: "BBreadcrumb",

package/dist/esm/button.js

@@ -1,5 +1,5 @@
 import { B as BButton } from './Button-DyUYShTZ.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './Icon-DPyGDeRK.js';
 import './config-CKuo-p6e.js';

package/dist/esm/carousel.js

@@ -5,7 +5,7 @@ import { P as ProviderParentMixin, S as Sorted, I as InjectedChildMixin, a as So
 import { mod, bound, sign } from './helpers.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { I as Image } from './Image-DhX-4hlV.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 
 var _sfc_main$2 = defineComponent({
   name: "BCarousel",

package/dist/esm/checkbox.js

@@ -2,7 +2,7 @@ import { B as BCheckbox } from './Checkbox-KUMz0sfA.js';
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, withKeys, withModifiers, renderSlot, withDirectives, vModelCheckbox } from 'vue';
 import { C as CheckRadioMixin } from './CheckRadioMixin-DSD_rjC8.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 
 var _sfc_main = defineComponent({
   name: "BCheckboxButton",

package/dist/esm/clockpicker.js

@@ -4,7 +4,7 @@ import { c as config } from './config-CKuo-p6e.js';
 import { B as BDropdown } from './Dropdown-CGTYVyoL.js';
 import { B as BInput } from './Input-C4L520az.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './CompatFallthroughMixin-C8LPuwDr.js';
 import './FormElementMixin-Dd_wkBN5.js';
 import './helpers.js';

package/dist/esm/collapse.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, withDirectives, Transition, vShow } from 'vue';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 
 const COLLAPSE_POSITIONS = ["is-top", "is-bottom"];
 var _sfc_main = defineComponent({

package/dist/esm/colorpicker.js

@@ -1,5 +1,5 @@
-export { a as BColorpicker, P as default } from './index-CQegEsxK.js';
-import './plugins-B172kuKE.js';
+export { a as BColorpicker, P as default } from './index-BE58-KfV.js';
+import './plugins-1tLsuIZF.js';
 import 'vue';
 import './FormElementMixin-Dd_wkBN5.js';
 import './config-CKuo-p6e.js';

package/dist/esm/config.js

@@ -1,7 +1,11 @@
 import { s as setOptions, c as config } from './config-CKuo-p6e.js';
 import { merge } from './helpers.js';
-import 'vue';
+import { inject } from 'vue';
 
+const configInjectionKey = Symbol("Buefy Config Component");
+function useConfigComponent() {
+  return inject(configInjectionKey);
+}
 var ConfigComponent = {
   getOptions() {
     return config;
@@ -11,4 +15,4 @@ var ConfigComponent = {
   }
 };
 
-export { ConfigComponent as default };
+export { configInjectionKey, ConfigComponent as default, useConfigComponent };

package/dist/esm/datepicker.js

@@ -1,5 +1,5 @@
 import { B as BDatepicker } from './Datepicker-Bl8Wfdkn.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './CompatFallthroughMixin-C8LPuwDr.js';
 import './config-CKuo-p6e.js';

package/dist/esm/datetimepicker.js

@@ -6,7 +6,7 @@ import { B as BInput } from './Input-C4L520az.js';
 import { B as BDatepicker } from './Datepicker-Bl8Wfdkn.js';
 import { T as Timepicker } from './Timepicker-DnkqnOBT.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './Icon-DPyGDeRK.js';
 import './CompatFallthroughMixin-C8LPuwDr.js';
 import './Dropdown-CGTYVyoL.js';

package/dist/esm/dialog.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, resolveDirective, createBlock, openBlock, Transition, withCtx, withDirectives, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, renderSlot, Fragment, mergeProps, withKeys, vModelDynamic, createTextVNode, createApp, h } from 'vue';
+import { defineComponent, resolveComponent, resolveDirective, createBlock, openBlock, Transition, withCtx, withDirectives, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, renderSlot, Fragment, mergeProps, withKeys, vModelDynamic, createTextVNode, inject, createApp, h } from 'vue';
 import { d as directive } from './trapFocus-KHP_kCNE.js';
 import { B as BIcon } from './Icon-DPyGDeRK.js';
 import { M as Modal } from './Modal-EiR_KNGZ.js';
@@ -6,7 +6,7 @@ import { B as BButton } from './Button-DyUYShTZ.js';
 import { c as config } from './config-CKuo-p6e.js';
 import { removeElement, getComponentFromVNode, copyAppContext } from './helpers.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
-import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-B172kuKE.js';
+import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-1tLsuIZF.js';
 
 var __defProp$1 = Object.defineProperty;
 var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
@@ -35,6 +35,14 @@ const Dialog$1 = defineComponent({
   },
   extends: Modal,
   props: {
+    customClass: {
+      type: String,
+      default: ""
+    },
+    customContentClass: {
+      type: String,
+      default: ""
+    },
     title: String,
     message: [String, Array],
     icon: String,
@@ -205,27 +213,26 @@ const Dialog$1 = defineComponent({
 });
 
 const _hoisted_1 = ["role", "aria-modal"];
-const _hoisted_2 = { class: "modal-card animation-content" };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "modal-card-head"
 };
-const _hoisted_4 = { class: "modal-card-title" };
-const _hoisted_5 = { class: "media" };
-const _hoisted_6 = {
+const _hoisted_3 = { class: "modal-card-title" };
+const _hoisted_4 = { class: "media" };
+const _hoisted_5 = {
   key: 0,
   class: "media-left"
 };
-const _hoisted_7 = { class: "media-content" };
-const _hoisted_8 = ["innerHTML"];
-const _hoisted_9 = {
+const _hoisted_6 = { class: "media-content" };
+const _hoisted_7 = ["innerHTML"];
+const _hoisted_8 = {
   key: 0,
   class: "field"
 };
-const _hoisted_10 = { class: "control" };
-const _hoisted_11 = { class: "help is-danger" };
-const _hoisted_12 = { class: "modal-card-foot" };
-const _hoisted_13 = { class: "buttons" };
+const _hoisted_9 = { class: "control" };
+const _hoisted_10 = { class: "help is-danger" };
+const _hoisted_11 = { class: "modal-card-foot" };
+const _hoisted_12 = { class: "buttons" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_b_icon = resolveComponent("b-icon");
   const _component_b_button = resolveComponent("b-button");
@@ -234,7 +241,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       _ctx.isActive ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["dialog modal is-active", _ctx.dialogClass]),
+        class: normalizeClass(["dialog modal is-active", [_ctx.dialogClass, _ctx.customClass]]),
         role: _ctx.ariaRole,
         "aria-modal": _ctx.ariaModal
       }, [
@@ -242,116 +249,124 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "modal-background",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.cancel("outside"))
         }),
-        createElementVNode("div", _hoisted_2, [
-          _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_3, [
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["modal-card animation-content", _ctx.customContentClass])
+          },
+          [
+            _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
+              createElementVNode(
+                "p",
+                _hoisted_3,
+                toDisplayString(_ctx.title),
+                1
+                /* TEXT */
+              )
+            ])) : createCommentVNode("v-if", true),
             createElementVNode(
-              "p",
-              _hoisted_4,
-              toDisplayString(_ctx.title),
-              1
-              /* TEXT */
-            )
-          ])) : createCommentVNode("v-if", true),
-          createElementVNode(
-            "section",
-            {
-              class: normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
-            },
-            [
-              createElementVNode("div", _hoisted_5, [
-                _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                  createVNode(_component_b_icon, {
-                    icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
-                    pack: _ctx.iconPack,
-                    type: _ctx.type,
-                    both: !_ctx.icon,
-                    size: "is-large"
-                  }, null, 8, ["icon", "pack", "type", "both"])
-                ])) : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_7, [
-                  createElementVNode("p", null, [
-                    _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(
-                      Fragment,
-                      { key: 1 },
-                      [
-                        createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
-                        createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_8)
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))
-                  ]),
-                  _ctx.hasInput ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                    createElementVNode("div", _hoisted_10, [
-                      withDirectives(createElementVNode(
-                        "input",
-                        mergeProps({
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.prompt = $event),
-                          class: ["input", { "is-danger": _ctx.validationMessage }],
-                          ref: "input"
-                        }, _ctx.safeInputAttrs, {
-                          onCompositionstart: _cache[2] || (_cache[2] = ($event) => _ctx.isCompositing = true),
-                          onCompositionend: _cache[3] || (_cache[3] = ($event) => _ctx.isCompositing = false),
-                          onKeydown: _cache[4] || (_cache[4] = withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
-                        }),
-                        null,
-                        16
-                        /* FULL_PROPS */
-                      ), [
-                        [vModelDynamic, _ctx.prompt]
-                      ])
+              "section",
+              {
+                class: normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
+              },
+              [
+                createElementVNode("div", _hoisted_4, [
+                  _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    createVNode(_component_b_icon, {
+                      icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
+                      pack: _ctx.iconPack,
+                      type: _ctx.type,
+                      both: !_ctx.icon,
+                      size: "is-large"
+                    }, null, 8, ["icon", "pack", "type", "both"])
+                  ])) : createCommentVNode("v-if", true),
+                  createElementVNode("div", _hoisted_6, [
+                    createElementVNode("p", null, [
+                      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 1 },
+                        [
+                          createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
+                          createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_7)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
                     ]),
-                    createElementVNode(
-                      "p",
-                      _hoisted_11,
-                      toDisplayString(_ctx.validationMessage),
+                    _ctx.hasInput ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                      createElementVNode("div", _hoisted_9, [
+                        withDirectives(createElementVNode(
+                          "input",
+                          mergeProps({
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.prompt = $event),
+                            class: ["input", { "is-danger": _ctx.validationMessage }],
+                            ref: "input"
+                          }, _ctx.safeInputAttrs, {
+                            onCompositionstart: _cache[2] || (_cache[2] = ($event) => _ctx.isCompositing = true),
+                            onCompositionend: _cache[3] || (_cache[3] = ($event) => _ctx.isCompositing = false),
+                            onKeydown: _cache[4] || (_cache[4] = withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
+                          }),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        ), [
+                          [vModelDynamic, _ctx.prompt]
+                        ])
+                      ]),
+                      createElementVNode(
+                        "p",
+                        _hoisted_10,
+                        toDisplayString(_ctx.validationMessage),
+                        1
+                        /* TEXT */
+                      )
+                    ])) : createCommentVNode("v-if", true)
+                  ])
+                ])
+              ],
+              2
+              /* CLASS */
+            ),
+            createElementVNode("footer", _hoisted_11, [
+              createElementVNode("div", _hoisted_12, [
+                _ctx.showCancel ? (openBlock(), createBlock(_component_b_button, {
+                  key: 0,
+                  ref: "cancelButton",
+                  disabled: _ctx.isLoading,
+                  onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(_ctx.cancelText),
                       1
                       /* TEXT */
                     )
-                  ])) : createCommentVNode("v-if", true)
-                ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled"])) : createCommentVNode("v-if", true),
+                createVNode(_component_b_button, {
+                  type: _ctx.type,
+                  ref: "confirmButton",
+                  loading: _ctx.isLoading,
+                  onClick: _ctx.confirm
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(_ctx.confirmText),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["type", "loading", "onClick"])
               ])
-            ],
-            2
-            /* CLASS */
-          ),
-          createElementVNode("footer", _hoisted_12, [
-            createElementVNode("div", _hoisted_13, [
-              _ctx.showCancel ? (openBlock(), createBlock(_component_b_button, {
-                key: 0,
-                ref: "cancelButton",
-                disabled: _ctx.isLoading,
-                onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.cancelText),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])) : createCommentVNode("v-if", true),
-              createVNode(_component_b_button, {
-                type: _ctx.type,
-                ref: "confirmButton",
-                loading: _ctx.isLoading,
-                onClick: _ctx.confirm
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.confirmText),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["type", "loading", "onClick"])
             ])
-          ])
-        ])
+          ],
+          2
+          /* CLASS */
+        )
       ], 10, _hoisted_1)), [
         [_directive_trap_focus, _ctx.trapFocus]
       ]) : createCommentVNode("v-if", true)
@@ -493,11 +508,15 @@ class DialogProgrammatic {
     return open(__spreadValues({ hasInput: true }, params), this.app);
   }
 }
+const dialogInjectionKey = Symbol("Buefy Dialog");
+function useDialog() {
+  return inject(dialogInjectionKey);
+}
 const Plugin = {
   install(Vue) {
     registerComponent(Vue, Dialog);
-    registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue), dialogInjectionKey);
   }
 };
 
-export { Dialog as BDialog, DialogProgrammatic, Plugin as default };
+export { Dialog as BDialog, DialogProgrammatic, Plugin as default, useDialog };

package/dist/esm/dropdown.js

@@ -1,6 +1,6 @@
 import { B as BDropdown } from './Dropdown-CGTYVyoL.js';
 import { B as BDropdownItem } from './DropdownItem-Cn3nM0A3.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './trapFocus-KHP_kCNE.js';
 import './config-CKuo-p6e.js';

package/dist/esm/field.js

@@ -1,5 +1,5 @@
 import { F as Field } from './Field-B7bX_uUg.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './config-CKuo-p6e.js';
 import './helpers.js';

package/dist/esm/icon.js

@@ -1,5 +1,5 @@
 import { B as BIcon } from './Icon-DPyGDeRK.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './config-CKuo-p6e.js';
 import './helpers.js';

package/dist/esm/image.js

@@ -1,5 +1,5 @@
 import { I as Image } from './Image-DhX-4hlV.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './config-CKuo-p6e.js';
 import './helpers.js';

package/dist/esm/{index-CQegEsxK.js → index-BE58-KfV.js}

@@ -9,7 +9,7 @@ import { B as BInput } from './Input-C4L520az.js';
 import { F as Field } from './Field-B7bX_uUg.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { T as Tooltip } from './Tooltip-CtDSXAqa.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 
 var __defProp = Object.defineProperty;
 var __pow = Math.pow;

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 import 'vue';
-import ConfigComponent from './config.js';
+import ConfigComponent, { configInjectionKey } from './config.js';
+export { useConfigComponent } from './config.js';
 import Plugin from './autocomplete.js';
 import Plugin$1 from './breadcrumb.js';
 export { BBreadcrumb, BBreadcrumbItem } from './breadcrumb.js';
@@ -12,28 +13,28 @@ import Plugin$6 from './collapse.js';
 export { BCollapse } from './collapse.js';
 import Plugin$5 from './clockpicker.js';
 export { BClockpicker } from './clockpicker.js';
-import { P as Plugin$7 } from './index-CQegEsxK.js';
-export { a as BColorpicker, C as Color } from './index-CQegEsxK.js';
+import { P as Plugin$7 } from './index-BE58-KfV.js';
+export { a as BColorpicker, C as Color } from './index-BE58-KfV.js';
 import Plugin$8 from './datepicker.js';
 import Plugin$9 from './datetimepicker.js';
 export { BDatetimepicker } from './datetimepicker.js';
 import Plugin$a from './dialog.js';
-export { BDialog, DialogProgrammatic } from './dialog.js';
+export { BDialog, DialogProgrammatic, useDialog } from './dialog.js';
 import Plugin$b from './dropdown.js';
 import Plugin$c from './field.js';
 import Plugin$d from './icon.js';
 import Plugin$e from './image.js';
 import Plugin$f from './input.js';
 import Plugin$g from './loading.js';
-export { LoadingProgrammatic } from './loading.js';
+export { LoadingProgrammatic, useLoading } from './loading.js';
 import Plugin$h from './menu.js';
 export { BMenu, BMenuItem, BMenuList } from './menu.js';
 import Plugin$i from './message.js';
 export { BMessage } from './message.js';
 import Plugin$j from './modal.js';
-export { ModalProgrammatic } from './modal.js';
+export { ModalProgrammatic, useModal } from './modal.js';
 import Plugin$l from './notification.js';
-export { BNotification, NotificationProgrammatic } from './notification.js';
+export { BNotification, NotificationProgrammatic, useNotification } from './notification.js';
 import Plugin$k from './navbar.js';
 export { BNavbar, BNavbarDropdown, BNavbarItem } from './navbar.js';
 import Plugin$m from './numberinput.js';
@@ -53,7 +54,7 @@ export { BSidebar } from './sidebar.js';
 import Plugin$u from './slider.js';
 export { BSlider, BSliderTick } from './slider.js';
 import Plugin$v from './snackbar.js';
-export { BSnackbar, SnackbarProgrammatic } from './snackbar.js';
+export { BSnackbar, SnackbarProgrammatic, useSnackbar } from './snackbar.js';
 import Plugin$w from './steps.js';
 export { BStepItem, BSteps } from './steps.js';
 import Plugin$x from './switch.js';
@@ -68,14 +69,14 @@ import Plugin$B from './taginput.js';
 export { BTaginput } from './taginput.js';
 import Plugin$C from './timepicker.js';
 import Plugin$D from './toast.js';
-export { BToast, ToastProgrammatic } from './toast.js';
+export { BToast, ToastProgrammatic, useToast } from './toast.js';
 import Plugin$E from './tooltip.js';
 import Plugin$F from './upload.js';
 export { BUpload } from './upload.js';
 import { merge } from './helpers.js';
 export { bound, copyAppContext, createAbsoluteElement, createNewEvent, escapeRegExpChars, getComponentFromVNode, getMonthNames, getValueByPath, getWeekdayNames, hasFlag, indexOf, isCustomElement, isDefined, isFragment, isMobile, isNil, isTag, isVueComponent, isWebpSupported, matchWithGroups, mod, multiColumnSort, removeDiacriticsFromString, removeElement, sign, toCssWidth, translateTouchAsDragEvent } from './helpers.js';
 import { s as setOptions, c as config } from './config-CKuo-p6e.js';
-import { r as registerComponentProgrammatic } from './plugins-B172kuKE.js';
+import { r as registerComponentProgrammatic } from './plugins-1tLsuIZF.js';
 export { B as BAutocomplete } from './Autocomplete-CZ8DmXsB.js';
 export { B as BButton } from './Button-DyUYShTZ.js';
 export { B as BCheckbox } from './Checkbox-KUMz0sfA.js';
@@ -156,7 +157,7 @@ const Buefy = {
   install(Vue, options = {}) {
     setOptions(merge(config, options, true));
     allComponents.forEach((component) => Vue.use(component));
-    registerComponentProgrammatic(Vue, "config", ConfigComponent);
+    registerComponentProgrammatic(Vue, "config", ConfigComponent, configInjectionKey);
     Vue.config.globalProperties.$buefy.globalNoticeInterval = void 0;
   }
 };

package/dist/esm/input.js

@@ -1,5 +1,5 @@
 import { B as BInput } from './Input-C4L520az.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './Icon-DPyGDeRK.js';
 import './config-CKuo-p6e.js';

package/dist/esm/loading.js

@@ -1,7 +1,7 @@
-import { createApp, h } from 'vue';
+import { createApp, h, inject } from 'vue';
 import { B as BLoading } from './Loading-tuQoo6TU.js';
 import { getComponentFromVNode, copyAppContext } from './helpers.js';
-import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-B172kuKE.js';
+import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-1tLsuIZF.js';
 import './ssr-C7yEpGLm.js';
 import './_plugin-vue_export-helper-OJRSZE6i.js';
 
@@ -71,11 +71,15 @@ class LoadingProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const loadingInjectionKey = Symbol("Buefy Loading");
+function useLoading() {
+  return inject(loadingInjectionKey);
+}
 const Plugin = {
   install(Vue) {
     registerComponent(Vue, BLoading);
-    registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue), loadingInjectionKey);
   }
 };
 
-export { BLoading, LoadingProgrammatic, Plugin as default };
+export { BLoading, LoadingProgrammatic, Plugin as default, useLoading };

package/dist/esm/menu.js

@@ -3,7 +3,7 @@ import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { B as BIcon } from './Icon-DPyGDeRK.js';
 import { c as config } from './config-CKuo-p6e.js';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './helpers.js';
 
 var MenuItemContainerMixin = defineComponent({

package/dist/esm/message.js

@@ -3,7 +3,7 @@ import { M as MessageMixin } from './MessageMixin-CQ7LIdvq.js';
 import { B as BIcon } from './Icon-DPyGDeRK.js';
 import { P as Progress } from './Progress-BPGTVZgr.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
-import { a as registerComponent } from './plugins-B172kuKE.js';
+import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './config-CKuo-p6e.js';
 import './helpers.js';
 

package/dist/esm/modal.js

@@ -1,7 +1,7 @@
-import { createApp, h } from 'vue';
+import { createApp, h, inject } from 'vue';
 import { M as Modal } from './Modal-EiR_KNGZ.js';
 import { getComponentFromVNode, copyAppContext } from './helpers.js';
-import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-B172kuKE.js';
+import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-1tLsuIZF.js';
 import './trapFocus-KHP_kCNE.js';
 import './config-CKuo-p6e.js';
 import './_plugin-vue_export-helper-OJRSZE6i.js';
@@ -87,11 +87,15 @@ class ModalProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const modalInjectionKey = Symbol("Buefy Modal");
+function useModal() {
+  return inject(modalInjectionKey);
+}
 const Plugin = {
   install(Vue) {
     registerComponent(Vue, Modal);
-    registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue), modalInjectionKey);
   }
 };
 
-export { Modal as BModal, ModalProgrammatic, Plugin as default };
+export { Modal as BModal, ModalProgrammatic, Plugin as default, useModal };