@chelone/vue 0.0.0-stage → 0.1.1

package/dist/components/admin/auth/icons.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The auth-page glyphs (`LockIcon` / `CircleAlertIcon` / `TriangleAlertIcon` /
+ * `LogInIcon`) as
+ * dependency-free functional components. `@chelone/vue` carries no icon library
+ * (unlike the React twins' `lucide-react`), so the auth pages render inline SVGs
+ * — the same convention the rest of the Vue surface uses (see `layout/icons.ts`).
+ * Kept in a `.ts` sibling so the `.vue` SFCs stay component-file-per-component.
+ */
+import { type FunctionalComponent } from "vue";
+/** A padlock — the `<AccessDenied>` default icon + the `<AuthError>` sign-in button glyph. */
+export declare const LockIcon: FunctionalComponent;
+/** A circled exclamation — the `<AuthError>` alert heading glyph. */
+export declare const CircleAlertIcon: FunctionalComponent;
+/** A warning triangle — the `<AuthenticationError>` default icon. */
+export declare const TriangleAlertIcon: FunctionalComponent;
+/** An arrow into a door — the `<LoginWithEmail>` sign-in button glyph. */
+export declare const LogInIcon: FunctionalComponent;

package/dist/components/admin/auth/icons.js

@@ -0,0 +1,42 @@
+import { h } from "vue";
+function glyph(paths) {
+  const icon = () => h(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true"
+    },
+    paths.map((d) => h("path", { d }))
+  );
+  return icon;
+}
+const LockIcon = glyph([
+  "M19 11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z",
+  "M7 11V7a5 5 0 0 1 10 0v4"
+]);
+const CircleAlertIcon = glyph([
+  "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z",
+  "M12 8v4",
+  "M12 16h.01"
+]);
+const TriangleAlertIcon = glyph([
+  "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z",
+  "M12 9v4",
+  "M12 17h.01"
+]);
+const LogInIcon = glyph([
+  "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4",
+  "m10 17 5-5-5-5",
+  "M15 12H3"
+]);
+export {
+  CircleAlertIcon,
+  LockIcon,
+  LogInIcon,
+  TriangleAlertIcon
+};

package/dist/components/admin/auth/login-form.vue.d.ts

@@ -0,0 +1,12 @@
+/** Props for {@link LoginForm}. */
+export interface LoginFormProps {
+    /**
+     * Path the user is redirected to after a successful sign in. Passed through
+     * to `authProvider.login({ ...values, redirectTo })`.
+     */
+    redirectTo?: string;
+    /** Extra class names applied to the `<form>` element. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<LoginFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoginFormProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/auth/login-form.vue.js

@@ -0,0 +1,88 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { required } from "@chelone/core";
+import { useCheloneNotifications } from "../../../context.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useLogin } from "../../../auth/auth-hooks.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import _sfc_main$3 from "../../ui/spinner.vue.js";
+import _sfc_main$1 from "../inputs/text-input.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "login-form",
+  props: {
+    redirectTo: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const login = useLogin();
+    const notifications = useCheloneNotifications();
+    const translate = useTranslate();
+    function getErrorMessage(error) {
+      if (typeof error === "string") return error;
+      if (error && typeof error === "object" && "message" in error && typeof error.message === "string" && error.message) {
+        return error.message;
+      }
+      return void 0;
+    }
+    async function save(values) {
+      try {
+        await login.mutateAsync(
+          props.redirectTo != null ? { ...values, redirectTo: props.redirectTo } : { ...values }
+        );
+      } catch (error) {
+        const message = getErrorMessage(error);
+        notifications?.notify(message ?? "ra.auth.sign_in_error", {
+          type: "error",
+          messageArgs: { _: message }
+        });
+      }
+      return void 0;
+    }
+    const { submit, submitting } = useForm({
+      record: { email: "", password: "" },
+      onSubmit: save,
+      // Standalone auth form: don't rebaseline defaults on success.
+      resetOnSuccess: false
+    });
+    function handleSubmit(event) {
+      event.preventDefault();
+      void submit();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class)),
+        novalidate: "",
+        onSubmit: handleSubmit
+      }, [
+        createVNode(_sfc_main$1, {
+          label: "Email",
+          source: "email",
+          type: "email",
+          validate: unref(required)()
+        }, null, 8, ["validate"]),
+        createVNode(_sfc_main$1, {
+          label: "Password",
+          source: "password",
+          type: "password",
+          validate: unref(required)()
+        }, null, 8, ["validate"]),
+        createVNode(_sfc_main$2, {
+          type: "submit",
+          class: "cursor-pointer",
+          disabled: unref(submitting)
+        }, {
+          default: withCtx(() => [
+            unref(submitting) ? (openBlock(), createBlock(_sfc_main$3, { key: 0 })) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString(unref(translate)("ra.auth.sign_in", { _: "Sign in" })), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/login-form2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./login-form.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/login-page.vue.d.ts

@@ -0,0 +1,16 @@
+/** Props for {@link LoginPage}. */
+export interface LoginPageProps {
+    /** Path a successful sign-in redirects to. Forwarded to `<LoginForm>`. */
+    redirectTo?: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LoginPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoginPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Custom content in place of the default `<LoginForm>`. */
+    default?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/auth/login-page.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, watch, openBlock, createBlock, normalizeClass, withCtx, renderSlot, createVNode } from "vue";
+import { useAuthState } from "../../../auth/auth-hooks.js";
+import _sfc_main$1 from "./auth-layout.vue.js";
+import _sfc_main$2 from "./login-form.vue.js";
+import { useRedirect } from "../../../router/nav-composables.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "login-page",
+  props: {
+    redirectTo: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { data } = useAuthState();
+    const redirect = useRedirect();
+    watch(
+      () => data.value?.authenticated,
+      (authenticated) => {
+        if (authenticated) redirect("/");
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: "Sign in",
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(_sfc_main$2, {
+              "redirect-to": props.redirectTo
+            }, null, 8, ["redirect-to"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/login-page2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./login-page.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/login-with-email.vue.d.ts

@@ -0,0 +1,29 @@
+/** Credentials the form collects. */
+export interface LoginWithEmailValues extends Record<string, unknown> {
+    email: string;
+    password: string;
+}
+/** Props for {@link LoginWithEmail}. */
+export interface LoginWithEmailProps {
+    /**
+     * Called with the credentials instead of `authProvider.login`. A rejection
+     * is shown as an error notification. A function prop and not an emit, so the
+     * form can await it and catch its rejection.
+     */
+    onSubmit?: (values: LoginWithEmailValues) => void | Promise<void>;
+    /** Disables the button and shows a spinner from outside the form. */
+    loading?: boolean;
+    /**
+     * Path the user is redirected to after a successful sign in. Passed to
+     * `authProvider.login`; ignored when `onSubmit` is set.
+     */
+    redirectTo?: string;
+    /** Button text. Defaults to the translated `ra.auth.sign_in`. */
+    submitLabel?: string;
+    /** Extra class names applied to the `<form>` element. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<LoginWithEmailProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoginWithEmailProps> & Readonly<{}>, {
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/auth/login-with-email.vue.js

@@ -0,0 +1,107 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createTextVNode, toDisplayString } from "vue";
+import { required } from "@chelone/core";
+import { useMutation } from "@tanstack/vue-query";
+import { useCheloneContext, useCheloneNotifications } from "../../../context.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$3 from "../../ui/button.vue.js";
+import _sfc_main$4 from "../../ui/spinner.vue.js";
+import _sfc_main$2 from "../inputs/password-input.vue.js";
+import _sfc_main$1 from "../inputs/text-input.vue.js";
+import { LogInIcon } from "./icons.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "login-with-email",
+  props: {
+    onSubmit: {},
+    loading: { type: Boolean, default: false },
+    redirectTo: {},
+    submitLabel: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { authProvider } = useCheloneContext();
+    const login = useMutation({
+      mutationFn: (params) => {
+        if (!authProvider) {
+          throw new Error(
+            "LoginWithEmail: pass an onSubmit or an authProvider to <Admin>."
+          );
+        }
+        return authProvider.login(params);
+      }
+    });
+    const notifications = useCheloneNotifications();
+    const translate = useTranslate();
+    function getErrorMessage(error) {
+      if (typeof error === "string") return error;
+      if (error && typeof error === "object" && "message" in error && typeof error.message === "string" && error.message) {
+        return error.message;
+      }
+      return void 0;
+    }
+    async function save(values) {
+      try {
+        if (props.onSubmit) {
+          await props.onSubmit(values);
+        } else {
+          await login.mutateAsync({ ...values, redirectTo: props.redirectTo });
+        }
+      } catch (error) {
+        const message = getErrorMessage(error);
+        notifications?.notify(message ?? "ra.auth.sign_in_error", {
+          type: "error",
+          messageArgs: { _: message }
+        });
+      }
+      return void 0;
+    }
+    const { submit, submitting } = useForm({
+      record: { email: "", password: "" },
+      onSubmit: save,
+      // Standalone auth form: don't rebaseline defaults on success.
+      resetOnSuccess: false
+    });
+    function handleSubmit(event) {
+      event.preventDefault();
+      void submit();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class)),
+        novalidate: "",
+        onSubmit: handleSubmit
+      }, [
+        createVNode(_sfc_main$1, {
+          label: "Email",
+          source: "email",
+          type: "email",
+          validate: unref(required)()
+        }, null, 8, ["validate"]),
+        createVNode(_sfc_main$2, {
+          label: "Password",
+          source: "password",
+          validate: unref(required)()
+        }, null, 8, ["validate"]),
+        createVNode(_sfc_main$3, {
+          type: "submit",
+          class: "cursor-pointer",
+          disabled: props.loading || unref(submitting)
+        }, {
+          default: withCtx(() => [
+            props.loading || unref(submitting) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : (openBlock(), createBlock(unref(LogInIcon), {
+              key: 1,
+              class: "size-4"
+            })),
+            createTextVNode(" " + toDisplayString(props.submitLabel ?? unref(translate)("ra.auth.sign_in", { _: "Sign in" })), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/login-with-email2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./login-with-email.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/logout.vue.d.ts

@@ -0,0 +1,12 @@
+/** Props for {@link Logout}. */
+export interface LogoutProps {
+    /** Extra class appended to the menu item. */
+    class?: string;
+    /**
+     * Path the user is redirected to after logout. Passed through to the
+     * authProvider's `logout` params.
+     */
+    redirectTo?: string;
+}
+declare const _default: import("vue").DefineComponent<LogoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/auth/logout.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent, unref, openBlock, createBlock, normalizeClass, withCtx, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { useAuthState, useLogout } from "../../../auth/auth-hooks.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { LogOutIcon } from "../layout/icons.js";
+import _sfc_main$1 from "../../ui/dropdown-menu/dropdown-menu-item.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "logout",
+  props: {
+    class: {},
+    redirectTo: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { data } = useAuthState();
+    const logout = useLogout();
+    const translate = useTranslate();
+    function handleClick() {
+      logout.mutate(
+        props.redirectTo != null ? { redirectTo: props.redirectTo } : void 0
+      );
+    }
+    return (_ctx, _cache) => {
+      return unref(data)?.authenticated ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        key: 0,
+        class: normalizeClass(unref(cn)("cursor-pointer", props.class)),
+        onSelect: handleClick
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(LogOutIcon)),
+          createTextVNode(" " + toDisplayString(unref(translate)("ra.auth.logout", { _: "Log out" })), 1)
+        ]),
+        _: 1
+      }, 8, ["class"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/auth/logout2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./logout.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/bulk-delete-button.vue.d.ts

@@ -0,0 +1,28 @@
+import type { MutationMode } from "@chelone/core";
+/** Props for {@link BulkDeleteButton}. */
+export interface BulkDeleteButtonProps {
+    /** Override the ambient `<Resource>`. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /**
+     * `"undoable"` deletes optimistically with an Undo notification (no confirm
+     * dialog): the rows vanish now and the server call is deferred until the Undo
+     * window closes. Default (`"pessimistic"`) is confirm-gated.
+     */
+    mutationMode?: MutationMode;
+    /** Confirmation-dialog title. Default `"ra.message.bulk_delete_title"`. */
+    confirmTitle?: string;
+    /** Confirmation-dialog body copy. Default `"ra.message.bulk_delete_content"`. */
+    confirmContent?: string;
+    /** `"warning"` tints the confirm button destructive. Default `"warning"`. */
+    confirmColor?: "primary" | "warning";
+    /** Extra CSS class appended to the button. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<BulkDeleteButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BulkDeleteButtonProps> & Readonly<{}>, {
+    confirmColor: "primary" | "warning";
+    confirmTitle: string;
+    confirmContent: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/buttons/bulk-delete-button.vue.js

@@ -0,0 +1,123 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, createVNode, normalizeClass, withCtx, unref, createTextVNode, toDisplayString } from "vue";
+import { removeRecordsFromCache } from "@chelone/core";
+import { useCheloneNotifications, useCheloneContext } from "../../../context.js";
+import { useDeleteMany } from "../../../data/mutations.js";
+import { useUndoable } from "../../../data/undoable.js";
+import { useRefresh } from "../../../data/use-refresh.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import _sfc_main$2 from "../feedback/confirm.vue.js";
+import { TrashIcon } from "./icons.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bulk-delete-button",
+  props: {
+    resource: {},
+    label: {},
+    mutationMode: {},
+    confirmTitle: { default: "ra.message.bulk_delete_title" },
+    confirmContent: { default: "ra.message.bulk_delete_content" },
+    confirmColor: { default: "warning" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    if (!resource) {
+      throw new Error(
+        "<BulkDeleteButton> must be used inside a <Resource> or given a `resource` prop."
+      );
+    }
+    const list = useListContext();
+    const translate = useTranslate();
+    const notifications = useCheloneNotifications();
+    const ctx = useCheloneContext();
+    const runUndoable = useUndoable();
+    const refresh = useRefresh();
+    const deleteMany = useDeleteMany(resource);
+    const isPending = computed(() => deleteMany.isPending.value);
+    const label = computed(
+      () => translate("ra.action.delete", { _: props.label ?? "Delete" })
+    );
+    const classes = computed(() => props.class ?? "h-9");
+    const open = ref(false);
+    const selectedCount = computed(() => (list.selectedIds ?? []).length);
+    function onClick(event) {
+      event.stopPropagation();
+      if (selectedCount.value === 0) return;
+      if (props.mutationMode === "undoable") {
+        const ids = list.selectedIds ?? [];
+        runUndoable({
+          queryKeys: [[resource]],
+          applyOptimistic: () => removeRecordsFromCache(ctx.queryClient, resource, ids),
+          commit: () => ctx.dataProvider.deleteMany(resource, { ids }),
+          message: "chelone.notification.deleted",
+          messageArgs: { smart_count: ids.length },
+          onCommitError: () => {
+            notifications?.notify("chelone.notification.http_error", { type: "error" });
+            refresh();
+          }
+        });
+        list.unselectAll();
+        return;
+      }
+      open.value = true;
+    }
+    function onCancel() {
+      open.value = false;
+    }
+    async function onConfirm() {
+      const ids = list.selectedIds ?? [];
+      if (ids.length === 0) {
+        open.value = false;
+        return;
+      }
+      try {
+        await deleteMany.mutateAsync({ ids });
+        open.value = false;
+        notifications?.notify("chelone.notification.deleted", {
+          type: "info",
+          messageArgs: { smart_count: ids.length }
+        });
+        list.unselectAll();
+      } catch (error) {
+        open.value = false;
+        console.error(error);
+        notifications?.notify("chelone.notification.http_error", { type: "error" });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$1, {
+          type: "button",
+          variant: "destructive",
+          disabled: isPending.value,
+          class: normalizeClass(classes.value),
+          "aria-label": label.value,
+          "data-slot": "bulk-delete-button",
+          onClick
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(TrashIcon)),
+            createTextVNode(" " + toDisplayString(label.value), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "class", "aria-label"]),
+        createVNode(_sfc_main$2, {
+          "is-open": open.value,
+          loading: isPending.value,
+          title: __props.confirmTitle,
+          content: __props.confirmContent,
+          "confirm-color": __props.confirmColor,
+          "translate-options": { smart_count: selectedCount.value },
+          onConfirm,
+          onClose: onCancel
+        }, null, 8, ["is-open", "loading", "title", "content", "confirm-color", "translate-options"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/bulk-delete-button2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./bulk-delete-button.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/bulk-export-button.vue.d.ts

@@ -0,0 +1,16 @@
+import type { Exporter } from "@chelone/core";
+/** Props for {@link BulkExportButton}. */
+export interface BulkExportButtonProps {
+    /** Custom exporter; defaults to the built-in CSV writer. */
+    exporter?: Exporter;
+    /** Passed to `dataProvider.getMany` as `meta`. */
+    meta?: unknown;
+    /** Override the ambient `<Resource>`. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /** Extra CSS class appended to the button. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<BulkExportButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BulkExportButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;