@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/buttons/filter-button.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { humanizeSource } from "../inputs/label-text.js";
+import _sfc_main$3 from "../../ui/button.vue.js";
+import { FilterIcon, CheckIcon, XIcon } from "./icons.js";
+import _sfc_main$1 from "../../ui/dropdown-menu/dropdown-menu.vue.js";
+import _sfc_main$2 from "../../ui/dropdown-menu/dropdown-menu-trigger.vue.js";
+import _sfc_main$4 from "../../ui/dropdown-menu/dropdown-menu-content.vue.js";
+import _sfc_main$5 from "../../ui/dropdown-menu/dropdown-menu-item.vue.js";
+import { DropdownMenuSeparator } from "../../ui/dropdown-menu/parts.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "size-4",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter-button",
+  props: {
+    filters: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const list = useListContext();
+    const translate = useTranslate();
+    const togglable = computed(() => props.filters.filter((e) => !e.alwaysOn));
+    const hasFilterValues = computed(
+      () => Object.keys(list.filter ?? {}).length > 0
+    );
+    const isDisplayed = (source) => !!list.displayedFilters?.[source];
+    const addLabel = computed(
+      () => translate("ra.action.add_filter", { _: "Add filter" })
+    );
+    const removeAllLabel = computed(
+      () => translate("ra.action.remove_all_filters", { _: "Remove all filters" })
+    );
+    function onToggle(entry) {
+      if (isDisplayed(entry.source)) {
+        list.hideFilter(entry.source);
+      } else {
+        list.showFilter(
+          entry.source,
+          entry.defaultValue === "" ? void 0 : entry.defaultValue
+        );
+      }
+    }
+    function onRemoveAll() {
+      list.setFilters({}, {});
+    }
+    return (_ctx, _cache) => {
+      return togglable.value.length > 0 || hasFilterValues.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["inline-block", props.class]),
+        "data-slot": "filter-button"
+      }, [
+        createVNode(unref(_sfc_main$1), null, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$2), null, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$3, {
+                  type: "button",
+                  variant: "outline",
+                  class: "add-filter",
+                  "aria-label": addLabel.value
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(FilterIcon)),
+                    createTextVNode(" " + toDisplayString(addLabel.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["aria-label"])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(_sfc_main$4), {
+              align: "start",
+              class: "w-56"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(togglable.value, (entry) => {
+                  return openBlock(), createBlock(unref(_sfc_main$5), {
+                    key: entry.source,
+                    class: "new-filter-item",
+                    "data-field": entry.source,
+                    onSelect: ($event) => onToggle(entry)
+                  }, {
+                    default: withCtx(() => [
+                      isDisplayed(entry.source) ? (openBlock(), createBlock(unref(CheckIcon), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_1)),
+                      createTextVNode(" " + toDisplayString(entry.label ?? unref(humanizeSource)(entry.source)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["data-field", "onSelect"]);
+                }), 128)),
+                hasFilterValues.value && togglable.value.length > 0 ? (openBlock(), createBlock(unref(DropdownMenuSeparator), { key: 0 })) : createCommentVNode("", true),
+                hasFilterValues.value ? (openBlock(), createBlock(unref(_sfc_main$5), {
+                  key: 1,
+                  "data-slot": "remove-all-filters",
+                  onSelect: onRemoveAll
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(XIcon)),
+                    createTextVNode(" " + toDisplayString(removeAllLabel.value), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/filter-button2.vue.js

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

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

@@ -0,0 +1,47 @@
+/**
+ * The glyphs the button SFCs need, as dependency-free functional components.
+ * `@chelone/vue` carries no icon library (unlike the React twins' `lucide-react`
+ * imports), so these render inline SVGs with the lucide stroke recipe — the same
+ * convention as `layout/icons.ts` + `list/list-icons.ts`. Kept in a `.ts` file so
+ * the `.vue` SFCs stay component-file-per-component. Icons are decorative
+ * (`aria-hidden`); the button carries the accessible label.
+ */
+import { type FunctionalComponent } from "vue";
+/** Plus — `<CreateButton>`. */
+export declare const PlusIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Pencil — `<EditButton>`. */
+export declare const PencilIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Copy — `<CloneButton>`. */
+export declare const CopyIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Eye — `<ShowButton>`. */
+export declare const EyeIcon: FunctionalComponent<{}, {}, any, {}>;
+/** List rows — `<ListButton>`. */
+export declare const ListIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Circle-X — `<CancelButton>`. */
+export declare const CircleXIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Trash — `<DeleteButton>`. */
+export declare const TrashIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Rotate-cw — `<RefreshButton>`. */
+export declare const RotateCwIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Arrow-up-down — `<SortButton>`. */
+export declare const ArrowUpDownIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Chevron-down — `<SortButton>` trigger affordance. */
+export declare const ChevronDownIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Chevron-up — `<ColumnsButton>` move up. */
+export declare const ChevronUpIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Columns-3 — `<ColumnsButton>`. */
+export declare const ColumnsIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Search — `<ColumnsButton>` search box. */
+export declare const SearchIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Filter funnel — `<FilterButton>`. */
+export declare const FilterIcon: FunctionalComponent<{}, {}, any, {}>;
+/** X — `<FilterButton>` remove-all-filters. */
+export declare const XIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Check — `<FilterButton>` displayed-filter marker. */
+export declare const CheckIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Download — `<ExportButton>` / `<BulkExportButton>`. */
+export declare const DownloadIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Refresh-cw — `<BulkUpdateButton>`. */
+export declare const RefreshCwIcon: FunctionalComponent<{}, {}, any, {}>;
+/** Panel-left — `<SidebarToggleButton>`. */
+export declare const PanelLeftIcon: FunctionalComponent<{}, {}, any, {}>;

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

@@ -0,0 +1,108 @@
+import { h } from "vue";
+function icon(children) {
+  const cmp = () => h(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "16",
+      height: "16",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true"
+    },
+    children()
+  );
+  return cmp;
+}
+const paths = (...d) => icon(() => d.map((p) => h("path", { d: p })));
+const PlusIcon = paths("M5 12h14", "M12 5v14");
+const PencilIcon = paths(
+  "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z",
+  "m15 5 4 4"
+);
+const CopyIcon = icon(() => [
+  h("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  h("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+]);
+const EyeIcon = icon(() => [
+  h("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z" }),
+  h("circle", { cx: "12", cy: "12", r: "3" })
+]);
+const ListIcon = paths(
+  "M3 12h.01",
+  "M3 18h.01",
+  "M3 6h.01",
+  "M8 6h13",
+  "M8 12h13",
+  "M8 18h13"
+);
+const CircleXIcon = icon(() => [
+  h("circle", { cx: "12", cy: "12", r: "10" }),
+  h("path", { d: "m15 9-6 6" }),
+  h("path", { d: "m9 9 6 6" })
+]);
+const TrashIcon = paths(
+  "M3 6h18",
+  "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+  "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+);
+const RotateCwIcon = paths("M21 12a9 9 0 1 1-6.219-8.56", "M21 3v6h-6");
+const ArrowUpDownIcon = paths(
+  "m21 16-4 4-4-4",
+  "M17 20V4",
+  "m3 8 4-4 4 4",
+  "M7 4v16"
+);
+const ChevronDownIcon = paths("m6 9 6 6 6-6");
+const ChevronUpIcon = paths("m18 15-6-6-6 6");
+const ColumnsIcon = icon(() => [
+  h("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+  h("path", { d: "M9 3v18" }),
+  h("path", { d: "M15 3v18" })
+]);
+const SearchIcon = icon(() => [
+  h("circle", { cx: "11", cy: "11", r: "8" }),
+  h("path", { d: "m21 21-4.3-4.3" })
+]);
+const FilterIcon = paths("M22 3H2l8 9.46V19l4 2v-8.54L22 3z");
+const XIcon = paths("M18 6 6 18", "m6 6 12 12");
+const CheckIcon = paths("M20 6 9 17l-5-5");
+const DownloadIcon = paths(
+  "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+  "M7 10l5 5 5-5",
+  "M12 15V3"
+);
+const RefreshCwIcon = paths(
+  "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
+  "M21 3v5h-5",
+  "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
+  "M8 16H3v5"
+);
+const PanelLeftIcon = icon(() => [
+  h("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+  h("path", { d: "M9 3v18" })
+]);
+export {
+  ArrowUpDownIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronUpIcon,
+  CircleXIcon,
+  ColumnsIcon,
+  CopyIcon,
+  DownloadIcon,
+  EyeIcon,
+  FilterIcon,
+  ListIcon,
+  PanelLeftIcon,
+  PencilIcon,
+  PlusIcon,
+  RefreshCwIcon,
+  RotateCwIcon,
+  SearchIcon,
+  TrashIcon,
+  XIcon
+};

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

@@ -0,0 +1,18 @@
+/** Props for {@link ListButton}. */
+export interface ListButtonProps {
+    /** Override the ambient `<Resource>`. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /** Extra CSS class appended to the anchor. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ListButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/buttons/list-button.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withModifiers, normalizeClass, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
+import { RouterLink } from "vue-router";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetResourceLabel } from "../../../label/use-get-resource-label.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { buttonVariants } from "../../ui/button-variants.js";
+import { ListIcon } from "./icons.js";
+import { useCreatePath } from "../../../router/nav-composables.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "list-button",
+  props: {
+    resource: {},
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    if (!resource) {
+      throw new Error(
+        "<ListButton> must be used inside a <Resource> or given a `resource` prop."
+      );
+    }
+    const createPath = useCreatePath();
+    const getResourceLabel = useGetResourceLabel();
+    const translate = useTranslate();
+    const to = computed(() => createPath({ type: "list", resource }));
+    const label = computed(
+      () => translate("ra.action.list", {
+        _: "List",
+        name: getResourceLabel(resource, 1)
+      })
+    );
+    const classes = computed(
+      () => buttonVariants({ variant: "outline", class: props.class })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(RouterLink), {
+        to: to.value,
+        class: normalizeClass(classes.value),
+        "aria-label": label.value,
+        "data-slot": "list-button",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(unref(ListIcon))
+          ]),
+          createTextVNode(" " + toDisplayString(label.value), 1)
+        ]),
+        _: 3
+      }, 8, ["to", "class", "aria-label"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/list-button2.vue.js

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

package/dist/components/admin/buttons/locales-menu-button.vue.d.ts

@@ -0,0 +1,23 @@
+/** Props for {@link LocalesMenuButton}. */
+export interface LocalesMenuButtonProps {
+    /**
+     * Replaces the languages listed by `useLocales()`. Codes the i18n instance has
+     * no catalog for are left out, since choosing one would throw.
+     */
+    languages?: {
+        locale: string;
+        name: string;
+    }[];
+    /** Extra CSS class appended to the trigger. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LocalesMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LocalesMenuButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Shown in the trigger instead of the upper-cased current locale code. */
+    icon?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/buttons/locales-menu-button.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, createSlots, withCtx, renderSlot, createCommentVNode } from "vue";
+import { useCheloneContext } from "../../../context.js";
+import { useLocales } from "../../../i18n/use-locale.js";
+import _sfc_main$1 from "./locales-menu.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "locales-menu-button",
+  props: {
+    languages: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { i18n } = useCheloneContext();
+    const defaultLanguages = useLocales();
+    const languages = computed(() => {
+      if (!i18n) return [];
+      const registered = new Set(i18n.getLocales());
+      return (props.languages ?? defaultLanguages).filter(
+        ({ locale }) => registered.has(locale)
+      );
+    });
+    return (_ctx, _cache) => {
+      return languages.value.length > 1 ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        languages: languages.value,
+        class: normalizeClass(props.class)
+      }, createSlots({ _: 2 }, [
+        _ctx.$slots.icon ? {
+          name: "icon",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["languages", "class"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/locales-menu-button2.vue.js

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

package/dist/components/admin/buttons/locales-menu.vue.d.ts

@@ -0,0 +1,19 @@
+/** Props for {@link LocalesMenu}. */
+export interface LocalesMenuProps {
+    /** The languages listed in the menu. */
+    languages: {
+        locale: string;
+        name: string;
+    }[];
+    /** Extra CSS class appended to the trigger. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LocalesMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LocalesMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/buttons/locales-menu.vue.js

@@ -0,0 +1,72 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useLocaleState } from "../../../i18n/use-locale.js";
+import _sfc_main$3 from "../../ui/button.vue.js";
+import { CheckIcon } from "./icons.js";
+import _sfc_main$1 from "../../ui/dropdown-menu/dropdown-menu.vue.js";
+import _sfc_main$2 from "../../ui/dropdown-menu/dropdown-menu-trigger.vue.js";
+import _sfc_main$4 from "../../ui/dropdown-menu/dropdown-menu-content.vue.js";
+import _sfc_main$5 from "../../ui/dropdown-menu/dropdown-menu-item.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "locales-menu",
+  props: {
+    languages: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const [locale, setLocale] = useLocaleState();
+    const translate = useTranslate();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), null, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                variant: "ghost",
+                size: "icon",
+                class: normalizeClass(unref(cn)("hidden sm:inline-flex", props.class)),
+                "aria-label": unref(translate)("ra.action.change_locale", { _: "Change locale" }),
+                "data-slot": "locales-menu-button"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "icon", {}, () => [
+                    createTextVNode(toDisplayString(unref(locale).toUpperCase()), 1)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class", "aria-label"])
+            ]),
+            _: 3
+          }),
+          createVNode(unref(_sfc_main$4), { align: "end" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.languages, (language) => {
+                return openBlock(), createBlock(unref(_sfc_main$5), {
+                  key: language.locale,
+                  "data-locale": language.locale,
+                  onSelect: ($event) => unref(setLocale)(language.locale)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(language.name) + " ", 1),
+                    unref(locale) === language.locale ? (openBlock(), createBlock(unref(CheckIcon), {
+                      key: 0,
+                      class: "ml-auto"
+                    })) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["data-locale", "onSelect"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/locales-menu2.vue.js

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

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

@@ -0,0 +1,9 @@
+/** Props for {@link RefreshButton}. */
+export interface RefreshButtonProps {
+    /** Override the auto-translated aria-label. */
+    label?: string;
+    /** Extra CSS class appended to the button. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<RefreshButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RefreshButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/buttons/refresh-button.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, unref, withCtx, createElementBlock } from "vue";
+import { useRefresh, useLoading } from "../../../data/use-refresh.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import { RotateCwIcon } from "./icons.js";
+const _hoisted_1 = {
+  key: 0,
+  "data-slot": "refresh-spinner",
+  class: "animate-spin",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "refresh-button",
+  props: {
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const refresh = useRefresh();
+    const loading = useLoading();
+    const translate = useTranslate();
+    const label = computed(
+      () => translate("ra.action.refresh", { _: props.label ?? "Refresh" })
+    );
+    function onClick() {
+      refresh();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        disabled: unref(loading),
+        class: normalizeClass(props.class),
+        "aria-label": label.value,
+        "data-slot": "refresh-button",
+        onClick
+      }, {
+        default: withCtx(() => [
+          unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_1, "…")) : (openBlock(), createBlock(unref(RotateCwIcon), { key: 1 }))
+        ]),
+        _: 1
+      }, 8, ["disabled", "class", "aria-label"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/refresh-button2.vue.js

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

package/dist/components/admin/buttons/refresh-icon-button.vue.d.ts

@@ -0,0 +1,22 @@
+/** Props for {@link RefreshIconButton}. */
+export interface RefreshIconButtonProps {
+    /** A message key, translated with itself as the fallback. */
+    label?: string;
+    /** Extra CSS class appended to the button. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<RefreshIconButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<RefreshIconButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};