@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/feedback/confirm2.vue.js

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

package/dist/components/admin/feedback/error.vue.d.ts

@@ -0,0 +1,34 @@
+import type { Component } from "vue";
+/**
+ * What a custom `error` slot receives — the Vue analog of `@chelone/react`'s
+ * `ErrorFallbackProps` (defined in the React twin's `admin/error-boundary.tsx`).
+ *
+ * DELIBERATE DIVERGENCE: `@chelone/vue` ships no error-boundary yet (the React
+ * twin's boundary is a class component; Vue's mechanism is `onErrorCaptured`,
+ * which hands `(err, instance, info: string)`), so `errorInfo` is Vue's
+ * lifecycle-hook info STRING (or a component stack), not React's `ErrorInfo`.
+ * The contract is defined locally here so `<Error>` drops into an
+ * `onErrorCaptured` fallback once a Vue boundary lands.
+ */
+export interface ErrorFallbackProps {
+    /** The thrown error. */
+    error: unknown;
+    /** Vue's captured lifecycle-hook info / component stack (dev-facing). */
+    errorInfo?: string | null;
+    /** Reset the boundary imperatively. */
+    resetErrorBoundary?: () => void;
+}
+/** Props for {@link ErrorPage} (exported as `Error`). */
+export interface ErrorProps extends ErrorFallbackProps {
+    /** A custom component to render instead of the built-in error page. */
+    errorComponent?: Component;
+    /**
+     * When provided, injects a `<Title>` portal to update the app-bar page title.
+     * Pass `false` to explicitly suppress a title.
+     */
+    title?: string | false;
+    /** Extra CSS class appended to the root. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ErrorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/feedback/error.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, unref, createTextVNode, toDisplayString, Fragment, createStaticVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../layout/title.vue.js";
+import { CircleAlertIcon, HistoryIcon } from "./icons.js";
+const _hoisted_1 = {
+  class: "flex items-center text-3xl mt-5 mb-5 gap-3",
+  role: "alert"
+};
+const _hoisted_2 = { class: "mt-1 p-2 bg-secondary w-full lg:w-150" };
+const _hoisted_3 = { class: "py-2 cursor-pointer" };
+const _hoisted_4 = { class: "whitespace-pre-wrap pt-1" };
+const _hoisted_5 = { class: "text-xs" };
+const _hoisted_6 = { class: "mt-8" };
+const IS_DEV = (typeof process !== "undefined" ? process.env?.NODE_ENV : void 0) !== "production";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "error",
+  props: {
+    errorComponent: {},
+    title: { type: [String, Boolean] },
+    class: {},
+    error: {},
+    errorInfo: {},
+    resetErrorBoundary: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const errorMessage = computed(() => {
+      const error = props.error;
+      if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
+        return error.message;
+      }
+      if (typeof error === "string") return error;
+      return String(error ?? "Unknown error");
+    });
+    const showDev = computed(() => IS_DEV);
+    function goBack() {
+      if (typeof window !== "undefined") window.history.go(-1);
+    }
+    return (_ctx, _cache) => {
+      return __props.errorComponent ? (openBlock(), createBlock(resolveDynamicComponent(__props.errorComponent), {
+        key: 0,
+        error: __props.error,
+        "error-info": __props.errorInfo,
+        "reset-error-boundary": __props.resetErrorBoundary
+      }, null, 8, ["error", "error-info", "reset-error-boundary"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["flex flex-col items-center md:p-16 gap-5", props.class])
+      }, [
+        __props.title ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          "default-title": typeof __props.title === "string" ? __props.title : void 0
+        }, null, 8, ["default-title"])) : createCommentVNode("", true),
+        createElementVNode("h1", _hoisted_1, [
+          createVNode(unref(CircleAlertIcon), { class: "w-[2em] h-[2em]" }),
+          createTextVNode(" " + toDisplayString(unref(translate)("ra.page.error", { _: "Something Went Wrong" })), 1)
+        ]),
+        createElementVNode("div", null, toDisplayString(unref(translate)("ra.message.error", {
+          _: "A client error occurred and your request couldn't be completed."
+        })), 1),
+        showDev.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("details", _hoisted_2, [
+            createElementVNode("summary", _hoisted_3, toDisplayString(unref(translate)(errorMessage.value, { _: errorMessage.value })), 1),
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("pre", _hoisted_5, toDisplayString(__props.errorInfo), 1)
+            ])
+          ]),
+          _cache[0] || (_cache[0] = createStaticVNode('<p class="text-center">Need help with this error? Try the following:</p><div><ul class="list-disc"><li> Check the <a class="text-primary underline-offset-4 hover:underline" href="https://chelone.dev/docs">Chelone documentation</a></li><li> Search on <a class="text-primary underline-offset-4 hover:underline" href="https://stackoverflow.com/questions/tagged/chelone">StackOverflow</a> for community answers </li><li> Get help from the core team via <a class="text-primary underline-offset-4 hover:underline" href="https://chelone.dev/">Chelone</a></li></ul></div>', 2))
+        ], 64)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("button", {
+            type: "button",
+            class: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-primary-foreground hover:bg-primary/90",
+            onClick: goBack
+          }, [
+            createVNode(unref(HistoryIcon), { class: "size-4" }),
+            createTextVNode(" " + toDisplayString(unref(translate)("ra.action.back", { _: "Back" })), 1)
+          ])
+        ])
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/feedback/error2.vue.js

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

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

@@ -0,0 +1,49 @@
+/**
+ * The glyphs the feedback 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 `buttons/icons.ts` + `layout/icons.ts`. Kept in a `.ts` sibling
+ * so the `.vue` SFCs stay component-file-per-component. Icons are decorative
+ * (`aria-hidden`); the surrounding control/heading carries the accessible text.
+ */
+import { type FunctionalComponent } from "vue";
+/** Check-circle — `<Confirm>` confirm affordance. */
+export declare const CheckCircleIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** Alert-circle — `<Confirm>` cancel affordance. */
+export declare const AlertCircleIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** Circle-alert — `<Error>` heading glyph. */
+export declare const CircleAlertIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** History (clock arrow) — `<Error>` back button. */
+export declare const HistoryIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** Scan-face — `<Ready>` splash glyph. */
+export declare const ScanFaceIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** Book-open-text — `<Ready>` documentation link. */
+export declare const BookOpenTextIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** Chevrons-left-right — `<Ready>` demo link. */
+export declare const ChevronsLeftRightIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** GitHub mark (solid) — `<Ready>` repository link. */
+export declare const GithubMark: FunctionalComponent<{
+    class?: string;
+}>;
+/** Wifi-off — `<Offline>` banner glyph. */
+export declare const WifiOffIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;
+/** Search-x — `<NotFound>` heading glyph. */
+export declare const SearchXIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;

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

@@ -0,0 +1,97 @@
+import { h } from "vue";
+function icon(children) {
+  const cmp = (props) => h(
+    "svg",
+    {
+      class: props.class,
+      viewBox: "0 0 24 24",
+      width: "24",
+      height: "24",
+      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 CheckCircleIcon = icon(() => [
+  h("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+  h("path", { d: "m9 11 3 3L22 4" })
+]);
+const AlertCircleIcon = icon(() => [
+  h("circle", { cx: "12", cy: "12", r: "10" }),
+  h("path", { d: "M12 8v4" }),
+  h("path", { d: "M12 16h.01" })
+]);
+const CircleAlertIcon = AlertCircleIcon;
+const HistoryIcon = icon(() => [
+  h("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  h("path", { d: "M3 3v5h5" }),
+  h("path", { d: "M12 7v5l4 2" })
+]);
+const ScanFaceIcon = icon(() => [
+  h("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+  h("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+  h("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+  h("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
+  h("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+  h("path", { d: "M9 9h.01" }),
+  h("path", { d: "M15 9h.01" })
+]);
+const BookOpenTextIcon = icon(() => [
+  h("path", { d: "M12 7v14" }),
+  h("path", {
+    d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"
+  }),
+  h("path", { d: "M6 8h2" }),
+  h("path", { d: "M6 12h2" }),
+  h("path", { d: "M16 8h2" }),
+  h("path", { d: "M16 12h2" })
+]);
+const ChevronsLeftRightIcon = paths("m9 7-5 5 5 5", "m15 7 5 5-5 5");
+const GithubMark = (props) => h(
+  "svg",
+  {
+    class: props.class,
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "currentColor"
+  },
+  [
+    h("path", {
+      d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+    })
+  ]
+);
+const WifiOffIcon = icon(() => [
+  h("path", { d: "M12 20h.01" }),
+  h("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" }),
+  h("path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69" }),
+  h("path", { d: "M19 12.859a10 10 0 0 0-2.007-1.523" }),
+  h("path", { d: "M2 8.82a15 15 0 0 1 4.177-2.643" }),
+  h("path", { d: "M22 8.82a15 15 0 0 0-11.288-3.764" }),
+  h("path", { d: "m2 2 20 20" })
+]);
+const SearchXIcon = icon(() => [
+  h("path", { d: "m13.5 8.5-5 5" }),
+  h("path", { d: "m8.5 8.5 5 5" }),
+  h("circle", { cx: "11", cy: "11", r: "8" }),
+  h("path", { d: "m21 21-4.3-4.3" })
+]);
+export {
+  AlertCircleIcon,
+  BookOpenTextIcon,
+  CheckCircleIcon,
+  ChevronsLeftRightIcon,
+  CircleAlertIcon,
+  GithubMark,
+  HistoryIcon,
+  ScanFaceIcon,
+  SearchXIcon,
+  WifiOffIcon
+};

package/dist/components/admin/feedback/linear-progress.vue.d.ts

@@ -0,0 +1,16 @@
+/** Props for {@link LinearProgress}. */
+export interface LinearProgressProps {
+    /** Delay (ms) before the bar appears. Default `1000`. */
+    timeout?: number;
+    /** When set, switches to determinate mode: fills to `(value / max) * 100%`. */
+    value?: number;
+    /** Maximum used to compute the fill percentage. Default `100`. */
+    max?: number;
+    /** Extra CSS class appended to the bar container. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<LinearProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinearProgressProps> & Readonly<{}>, {
+    timeout: number;
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/feedback/linear-progress.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useTimeout } from "./use-timeout.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "block my-1 h-1"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "h-full w-1/2 bg-primary animate-pulse"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "linear-progress",
+  props: {
+    timeout: { default: 1e3 },
+    value: {},
+    max: { default: 100 },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const ready = useTimeout(props.timeout);
+    const classes = computed(
+      () => cn("my-2 w-40 h-1 overflow-hidden rounded bg-muted", props.class)
+    );
+    const fillWidth = computed(
+      () => props.value !== void 0 ? `${props.value / props.max * 100}%` : void 0
+    );
+    return (_ctx, _cache) => {
+      return !unref(ready) ? (openBlock(), createElementBlock("span", _hoisted_1)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(classes.value)
+      }, [
+        __props.value !== void 0 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "h-full bg-primary transition-all",
+          style: normalizeStyle({ width: fillWidth.value })
+        }, null, 4)) : (openBlock(), createElementBlock("div", _hoisted_2))
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/feedback/linear-progress2.vue.js

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

package/dist/components/admin/feedback/loading-indicator.vue.d.ts

@@ -0,0 +1,11 @@
+/** Props for {@link LoadingIndicator}. */
+export interface LoadingIndicatorProps {
+    /** Extra CSS class appended to the wrapper. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<LoadingIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<LoadingIndicatorProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/feedback/loading-indicator.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createBlock, createCommentVNode } from "vue";
+import { useLoading, useRefresh } from "../../../data/use-refresh.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$2 from "../../ui/spinner2.vue.js";
+import { RotateCwIcon } from "../buttons/icons.js";
+import _sfc_main$1 from "../common/icon-button-with-tooltip.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "loading-indicator",
+  props: {
+    class: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loading = useLoading();
+    const refresh = useRefresh();
+    const translate = useTranslate();
+    const wrapperClass = computed(() => cn("relative size-4", props.class));
+    const buttonClass = computed(
+      () => cn(
+        "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+        loading.value && "pointer-events-none opacity-0"
+      )
+    );
+    function onClick() {
+      refresh();
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(wrapperClass.value)
+      }, [
+        createVNode(_sfc_main$1, {
+          label: "ra.action.refresh",
+          class: normalizeClass(buttonClass.value),
+          tabindex: unref(loading) ? -1 : void 0,
+          "aria-hidden": unref(loading) ? "true" : void 0,
+          onClick
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(RotateCwIcon))
+          ]),
+          _: 1
+        }, 8, ["class", "tabindex", "aria-hidden"]),
+        unref(loading) ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          "aria-label": unref(translate)("ra.page.loading", { _: "Loading" }),
+          class: "absolute inset-0"
+        }, null, 8, ["aria-label"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/feedback/loading-indicator2.vue.js

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

package/dist/components/admin/feedback/loading.vue.d.ts

@@ -0,0 +1,15 @@
+/** Props for {@link Loading}. */
+export interface LoadingProps {
+    /** Primary heading i18n key. Default `"ra.page.loading"`. */
+    loadingPrimary?: string;
+    /** Secondary line i18n key. Default `"ra.message.loading"`. */
+    loadingSecondary?: string;
+    /** Delay (ms) before the indicator appears. Default `1000`. */
+    delay?: number;
+}
+declare const _default: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+    loadingPrimary: string;
+    loadingSecondary: string;
+    delay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/feedback/loading.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, unref, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, createCommentVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "./spinner.vue.js";
+import { useTimeout } from "./use-timeout.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col justify-center items-center h-full",
+  role: "status",
+  "aria-live": "polite"
+};
+const _hoisted_2 = { class: "text-center font-sans text-muted-foreground py-1" };
+const _hoisted_3 = { class: "mt-3 text-2xl text-secondary-foreground" };
+const _hoisted_4 = { class: "text-primary" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "loading",
+  props: {
+    loadingPrimary: { default: "ra.page.loading" },
+    loadingSecondary: { default: "ra.message.loading" },
+    delay: { default: 1e3 }
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const ready = useTimeout(props.delay);
+    return (_ctx, _cache) => {
+      return unref(ready) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            size: "large",
+            class: "size-9"
+          }),
+          createElementVNode("h5", _hoisted_3, toDisplayString(unref(translate)(__props.loadingPrimary, { _: __props.loadingPrimary })), 1),
+          createElementVNode("p", _hoisted_4, toDisplayString(unref(translate)(__props.loadingSecondary, { _: __props.loadingSecondary })), 1)
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/feedback/loading2.vue.js

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

package/dist/components/admin/feedback/not-found.vue.d.ts

@@ -0,0 +1,17 @@
+/** Props for {@link NotFound}. */
+export interface NotFoundProps {
+    /** Overrides the page title shown in the app bar. Translated if a key. */
+    title?: string;
+    /** Extra class names applied to the wrapper `div`. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NotFoundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotFoundProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Replaces the default search-x glyph. */
+    icon?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/feedback/not-found.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent, computed, unref, openBlock, createBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, withCtx } from "vue";
+import { useAuthenticated } from "../../../admin/auth-gate.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$2 from "../layout/title.vue.js";
+import { SearchXIcon } from "./icons.js";
+import _sfc_main$1 from "./loading.vue.js";
+import { useNavigate } from "../../../router/nav-composables.js";
+const _hoisted_1 = { class: "flex items-center text-3xl mt-5 mb-5 gap-3" };
+const _hoisted_2 = { class: "mt-8" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "not-found",
+  props: {
+    title: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { isPending } = useAuthenticated();
+    const translate = useTranslate();
+    const navigate = useNavigate();
+    const heading = computed(
+      () => translate("ra.page.not_found", { _: "Not Found" })
+    );
+    return (_ctx, _cache) => {
+      return unref(isPending) ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(unref(cn)("flex flex-col items-center md:p-16 gap-5", props.class))
+      }, [
+        createVNode(_sfc_main$2, {
+          title: props.title,
+          "default-title": heading.value
+        }, null, 8, ["title", "default-title"]),
+        createElementVNode("h1", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(unref(SearchXIcon), { class: "w-[2em] h-[2em]" })
+          ]),
+          createTextVNode(" " + toDisplayString(heading.value), 1)
+        ]),
+        createElementVNode("p", null, toDisplayString(unref(translate)("ra.message.not_found", {
+          _: "The page you requested cannot be found."
+        })), 1),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$3, {
+            type: "button",
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(navigate)(-1))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(translate)("ra.action.back", { _: "Back" })), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/feedback/not-found2.vue.js

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

package/dist/components/admin/feedback/notification.vue.d.ts

@@ -0,0 +1,9 @@
+/** Props for {@link Notification}. */
+export interface NotificationProps {
+    /** Auto-dismiss delay (ms) per toast. Default `5000`. `0` disables it. */
+    duration?: number;
+}
+declare const _default: import("vue").DefineComponent<NotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
+    duration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;