@chelone/vue 0.0.0-stage → 0.1.1

package/dist/components/admin/list/data-table2.vue.js

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

package/dist/components/admin/list/filter-form.vue.d.ts

@@ -0,0 +1,29 @@
+import type { Component } from "vue";
+import type { FilterButtonEntry } from "../buttons/filter-button.vue.js";
+/** A filter input `<FilterForm>` renders once it is shown. */
+export interface FilterFormEntry extends FilterButtonEntry {
+    /** The input component, given `source`, `label` and `props`. */
+    component: Component;
+    /** Extra props for `component`. */
+    props?: Record<string, unknown>;
+    /** Always shown, with no remove button, and left out of `<FilterButton>`. */
+    alwaysOn?: boolean;
+}
+/** Props for {@link FilterForm}. */
+export interface FilterFormProps {
+    resource?: string;
+    /**
+     * Filters rendered before the slot while shown: `alwaysOn`, in
+     * `displayedFilters`, or holding a value in the list filter.
+     */
+    filters?: FilterFormEntry[];
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FilterFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FilterFormProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/filter-form.vue.js

@@ -0,0 +1,127 @@
+import { defineComponent, watch, openBlock, createElementBlock, withModifiers, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, unref, createVNode, createCommentVNode, renderSlot } from "vue";
+import { mergeFilterValues, getFilterFormValues, filterFormReflectShape } from "@chelone/core";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useForm } from "../../../form/use-form.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { MinusCircleIcon } from "./list-icons.js";
+const _hoisted_1 = ["data-source"];
+const _hoisted_2 = ["title", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter-form",
+  props: {
+    resource: {},
+    filters: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const list = useListContext();
+    const resource = props.resource ?? useResourceContext();
+    const translate = useTranslate();
+    function assertNoAlwaysOnDefault() {
+      for (const entry of props.filters ?? []) {
+        if (entry.alwaysOn && entry.defaultValue) {
+          throw new Error(
+            "Cannot use alwaysOn and defaultValue on a filter input. Please use useListController({ filterDefaultValues }) instead."
+          );
+        }
+      }
+    }
+    assertNoAlwaysOnDefault();
+    watch(() => props.filters, assertNoAlwaysOnDefault);
+    function isEmptyValue(value) {
+      if (value === "" || value == null) return true;
+      if (typeof value === "object") {
+        return Object.values(value).every(isEmptyValue);
+      }
+      return false;
+    }
+    function valueAt(record, source) {
+      let current = record;
+      for (const key of source.split(".")) {
+        if (current == null || typeof current !== "object") return void 0;
+        current = current[key];
+      }
+      return current;
+    }
+    function isShown(entry) {
+      return !!entry.alwaysOn || !!list.displayedFilters?.[entry.source] || !isEmptyValue(valueAt(list.filter, entry.source));
+    }
+    const { form, values, reset } = useForm({
+      resource,
+      record: { ...list.filter ?? {} },
+      onSubmit: () => void 0
+    });
+    let isReflecting = false;
+    let pendingPush = null;
+    watch(
+      () => values.value,
+      (next) => {
+        if (isReflecting) return;
+        const merged = mergeFilterValues(list.filter ?? {}, next);
+        const json = JSON.stringify(merged);
+        if (json === (pendingPush ?? JSON.stringify(list.filter ?? {}))) return;
+        pendingPush = json;
+        list.setFilters(merged, void 0, true);
+      },
+      { deep: true, flush: "sync" }
+    );
+    watch(
+      () => list.filter,
+      () => {
+        pendingPush = null;
+        const incoming = list.filter ?? {};
+        const current = form.store.state.values;
+        const next = getFilterFormValues(
+          filterFormReflectShape(current, form.store.state.fieldMeta, incoming),
+          incoming
+        );
+        if (JSON.stringify(next) === JSON.stringify(current)) return;
+        isReflecting = true;
+        try {
+          reset(next);
+        } finally {
+          isReflecting = false;
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        "data-slot": "filter-form",
+        class: "flex flex-col sm:flex-row justify-start items-end gap-x-2 gap-y-3 flex-wrap",
+        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"]))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filters, (entry) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: entry.source
+          }, [
+            isShown(entry) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "filter-field flex flex-row gap-2 relative w-full sm:w-auto",
+              "data-source": entry.source
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent(entry.component), mergeProps({
+                source: entry.source,
+                label: entry.label
+              }, { ref_for: true }, entry.props), null, 16, ["source", "label"])),
+              !entry.alwaysOn ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "hide-filter inline-flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-md mt-auto hover:bg-accent hover:text-accent-foreground",
+                title: unref(translate)("ra.action.remove_filter", { _: "Remove filter" }),
+                onClick: ($event) => unref(list).hideFilter(entry.source)
+              }, [
+                createVNode(unref(MinusCircleIcon))
+              ], 8, _hoisted_2)) : createCommentVNode("", true)
+            ], 8, _hoisted_1)) : createCommentVNode("", true)
+          ], 64);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 32);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/filter-form2.vue.js

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

package/dist/components/admin/list/filter-list-item.vue.d.ts

@@ -0,0 +1,27 @@
+import type { FilterPayload } from "@chelone/core";
+/** Props for {@link FilterListItem}. */
+export interface FilterListItemProps {
+    /**
+     * Translated with itself as the fallback. The `label` slot replaces it with
+     * markup that renders as it is.
+     */
+    label?: string;
+    /** The filter this item sets, and removes again once the list holds it. */
+    value: FilterPayload;
+    /** Replaces `isFilterSelected`. */
+    isSelected?: (value: FilterPayload, filters: FilterPayload) => boolean;
+    /** Replaces `toggleFilterValue`; returns the filters to set. */
+    toggleFilter?: (value: FilterPayload, filters: FilterPayload) => FilterPayload;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FilterListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FilterListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    label?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/filter-list-item.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createBlock, createElementVNode, createCommentVNode } from "vue";
+import { isFilterSelected, toggleFilterValue } from "@chelone/core";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useListContext } from "../../../list/list-context.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter-list-item",
+  props: {
+    label: {},
+    value: {},
+    isSelected: { type: Function },
+    toggleFilter: { type: Function },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const list = useListContext();
+    const selected = computed(
+      () => (props.isSelected ?? isFilterSelected)(props.value, list.filter)
+    );
+    const toggle = () => list.setFilters(
+      (props.toggleFilter ?? toggleFilterValue)(props.value, list.filter)
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        "data-slot": "filter-list-item",
+        class: normalizeClass(unref(cn)("flex items-center gap-1", selected.value && "filter-list-item-selected", props.class))
+      }, [
+        createVNode(_sfc_main$1, {
+          variant: selected.value ? "secondary" : "ghost",
+          size: "sm",
+          class: "flex-1 justify-start",
+          "aria-pressed": selected.value,
+          "data-selected": selected.value,
+          onClick: toggle
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon"),
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(props.label === void 0 ? "" : unref(translate)(props.label, { _: props.label })), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["variant", "aria-pressed", "data-selected"]),
+        selected.value ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          variant: "ghost",
+          size: "icon",
+          class: "size-8",
+          "aria-label": unref(translate)("ra.action.remove_filter", { _: "Remove filter" }),
+          onClick: toggle
+        }, {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createElementVNode("span", { "aria-hidden": "true" }, "×", -1)
+          ])]),
+          _: 1
+        }, 8, ["aria-label"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/filter-list-item2.vue.js

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

package/dist/components/admin/list/filter-list-section.vue.d.ts

@@ -0,0 +1,17 @@
+/** Props for {@link FilterListSection}. */
+export interface FilterListSectionProps {
+    /** Translated with itself as the fallback. */
+    label: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FilterListSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FilterListSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/filter-list-section.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+const _hoisted_1 = { class: "flex items-center gap-2 px-2 text-sm font-medium [&_svg]:size-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter-list-section",
+  props: {
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "filter-list-section",
+        class: normalizeClass(unref(cn)("flex flex-col gap-1", props.class))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon"),
+          createElementVNode("span", null, toDisplayString(unref(translate)(props.label, { _: props.label })), 1)
+        ]),
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/filter-list-section2.vue.js

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

package/dist/components/admin/list/filter-list.vue.d.ts

@@ -0,0 +1,17 @@
+/** Props for {@link FilterList}. */
+export interface FilterListProps {
+    /** Translated with itself as the fallback. */
+    label: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FilterListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FilterListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/filter-list.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, renderSlot } from "vue";
+import _sfc_main$1 from "./filter-list-section.vue.js";
+const _hoisted_1 = { class: "flex flex-col gap-0.5" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter-list",
+  props: {
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        label: props.label,
+        class: normalizeClass(props.class)
+      }, {
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon")
+        ]),
+        default: withCtx(() => [
+          createElementVNode("ul", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/filter-list2.vue.js

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

package/dist/components/admin/list/filter-live-search.vue.d.ts

@@ -0,0 +1,8 @@
+import type { SearchInputProps } from "../inputs/search-input.vue.js";
+/** Props for {@link FilterLiveSearch}: those of `<SearchInput>`. */
+export type FilterLiveSearchProps = SearchInputProps;
+declare const _default: import("vue").DefineComponent<SearchInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SearchInputProps> & Readonly<{}>, {
+    source: string;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/list/filter-live-search.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, unref } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$2 from "../inputs/search-input.vue.js";
+import _sfc_main$1 from "./filter-form.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter-live-search",
+  props: {
+    source: { default: "q" },
+    label: { type: [String, Boolean] },
+    disableClearable: { type: Boolean },
+    defaultValue: {},
+    validate: {},
+    placeholder: { default: void 0 },
+    inputClass: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, mergeProps(props, {
+            placeholder: props.placeholder ?? unref(translate)("ra.action.search", { _: "Search" })
+          }), null, 16, ["placeholder"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/filter-live-search2.vue.js

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

package/dist/components/admin/list/infinite-pagination.vue.d.ts

@@ -0,0 +1,13 @@
+/** Props for {@link InfinitePagination}. */
+export interface InfinitePaginationProps {
+    /** Pixels before the end of the list at which `autoLoad` fires. */
+    offset?: number;
+    /** Load the next page when the end of the list scrolls into view. */
+    autoLoad?: boolean;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<InfinitePaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfinitePaginationProps> & Readonly<{}>, {
+    offset: number;
+    autoLoad: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/list/infinite-pagination.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent, ref, computed, watch, unref, openBlock, createElementBlock, Fragment, normalizeClass, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useInfiniteListContext } from "../../../list/infinite-list-context.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "infinite-pagination",
+  props: {
+    offset: { default: 250 },
+    autoLoad: { type: Boolean, default: true },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const list = useInfiniteListContext();
+    const translate = useTranslate();
+    const sentinel = ref(null);
+    const canObserve = typeof IntersectionObserver !== "undefined";
+    const hasRows = computed(() => (list.data?.length ?? 0) > 0);
+    const observing = computed(
+      () => props.autoLoad && canObserve && !!list.hasNextPage && !list.isFetchingNextPage && // After a failed load the sentinel is still in view: a fresh observer would
+      // report it at once and retry forever. Load more stays as the manual retry.
+      !list.error
+    );
+    watch(
+      [sentinel, observing, () => props.offset],
+      ([target, active, offset], _prev, onCleanup) => {
+        if (!active || !target) return;
+        const observer = new IntersectionObserver(
+          (entries) => {
+            if (entries.some((entry) => entry.isIntersecting)) {
+              void list.fetchNextPage();
+            }
+          },
+          // A non-finite offset would make the margin string invalid and throw.
+          { rootMargin: `0px 0px ${Number.isFinite(offset) ? offset : 0}px 0px` }
+        );
+        observer.observe(target);
+        onCleanup(() => observer.disconnect());
+      },
+      { immediate: true, flush: "post" }
+    );
+    const loadMoreLabel = computed(
+      () => translate("chelone.navigation.load_more", { _: "Load more" })
+    );
+    const noMoreRowsLabel = computed(
+      () => translate("chelone.navigation.no_more_rows", { _: "No more rows" })
+    );
+    return (_ctx, _cache) => {
+      return !unref(list).isPending ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        unref(list).hasNextPage ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(cn)("flex flex-col items-center gap-2 py-2", props.class)),
+          "data-slot": "infinite-pagination"
+        }, [
+          __props.autoLoad && canObserve ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "sentinel",
+            ref: sentinel,
+            "aria-hidden": "true",
+            class: "h-px w-full",
+            "data-slot": "infinite-pagination-sentinel"
+          }, null, 512)) : createCommentVNode("", true),
+          createVNode(_sfc_main$1, {
+            variant: "outline",
+            disabled: unref(list).isFetchingNextPage,
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(list).fetchNextPage())
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(loadMoreLabel.value), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 2)) : hasRows.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(cn)("py-2 text-center text-sm text-muted-foreground", props.class)),
+          "data-slot": "infinite-pagination"
+        }, toDisplayString(noMoreRowsLabel.value), 3)) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/infinite-pagination2.vue.js

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

package/dist/components/admin/list/list-actions.vue.d.ts

@@ -0,0 +1,27 @@
+import type { FilterButtonEntry } from "../buttons/filter-button.vue.js";
+import type { Exporter } from "@chelone/core";
+/** Props for {@link ListActions}. */
+export interface ListActionsProps {
+    /** Entries for the filter button; it shows when one is not `alwaysOn`. */
+    filters?: (FilterButtonEntry & {
+        alwaysOn?: boolean;
+    })[];
+    /** Runs on export; `false` hides the export button. */
+    exporter?: Exporter | false;
+    /** Show the create button. Defaults to the resource's `hasCreate`. */
+    hasCreate?: boolean;
+    resource?: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ListActionsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListActionsProps> & Readonly<{}>, {
+    exporter: Exporter | false;
+    hasCreate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/list-actions.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createBlock, createCommentVNode } from "vue";
+import { useResourceDefinition } from "../../../admin/resource-registry.js";
+import { cn } from "../../../lib/utils.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$2 from "../buttons/create-button.vue.js";
+import _sfc_main$3 from "../buttons/export-button.vue.js";
+import _sfc_main$1 from "../buttons/filter-button.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "list-actions",
+  props: {
+    filters: {},
+    exporter: { type: [Function, Boolean], default: void 0 },
+    hasCreate: { type: Boolean, default: void 0 },
+    resource: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    const definition = useResourceDefinition(() => ({ resource: props.resource }));
+    const showFilters = computed(() => (props.filters ?? []).length > 0);
+    const showCreate = computed(
+      () => props.hasCreate ?? definition.value.hasCreate
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "list-actions",
+        class: normalizeClass(unref(cn)("flex items-center justify-end gap-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          showFilters.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            filters: __props.filters ?? []
+          }, null, 8, ["filters"])) : createCommentVNode("", true),
+          showCreate.value ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 1,
+            resource: unref(resource)
+          }, null, 8, ["resource"])) : createCommentVNode("", true),
+          __props.exporter !== false ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 2,
+            exporter: __props.exporter,
+            resource: unref(resource)
+          }, null, 8, ["exporter", "resource"])) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/list-actions2.vue.js

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

package/dist/components/admin/list/list-icons.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The glyphs the list-feature SFCs need, as dependency-free functional
+ * components. `@chelone/vue` carries no icon library (unlike the React twin's
+ * `lucide-react`), so these render inline SVGs with the lucide stroke recipe —
+ * the same convention as the menu `icons.ts` sibling. Kept in a `.ts` file so
+ * the `.vue` SFCs stay component-file-per-component.
+ */
+import { type FunctionalComponent } from "vue";
+/** The `X` close glyph — the bulk-toolbar unselect-all control. */
+export declare const XIcon: FunctionalComponent;
+/** A minus-in-a-circle glyph — the filter-form remove-filter control. */
+export declare const MinusCircleIcon: FunctionalComponent;
+/** A left chevron — the pagination previous-page control. */
+export declare const ChevronLeftIcon: FunctionalComponent;
+/** A right chevron — the pagination next-page control. */
+export declare const ChevronRightIcon: FunctionalComponent;
+/** Stacked up/down chevrons — the expand-all rows control. */
+export declare const ChevronsUpDownIcon: FunctionalComponent;