@chelone/vue 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,151 @@
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, unref, createCommentVNode } from "vue";
+import { hasPendingUndoables, commitAllUndoables } from "@chelone/core";
+import { useCheloneNotifications } from "../../../context.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useNotifications } from "../../../notification-hooks.js";
+const _hoisted_1 = {
+  class: "fixed bottom-4 left-1/2 z-50 flex -translate-x-1/2 flex-col gap-2",
+  "data-slot": "notification",
+  role: "region",
+  "aria-live": "polite"
+};
+const _hoisted_2 = ["data-type", "data-undoable"];
+const _hoisted_3 = { class: "text-sm" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "notification",
+  props: {
+    duration: { default: 5e3 }
+  },
+  setup(__props) {
+    const props = __props;
+    const store = useCheloneNotifications();
+    const notifications = useNotifications();
+    const translate = useTranslate();
+    const toasts = ref([]);
+    const shown = /* @__PURE__ */ new Set();
+    const timers = /* @__PURE__ */ new Map();
+    function remove(id) {
+      const index = toasts.value.findIndex((t) => t.id === id);
+      if (index !== -1) toasts.value.splice(index, 1);
+      const timer = timers.get(id);
+      if (timer) {
+        clearTimeout(timer);
+        timers.delete(id);
+      }
+      shown.delete(id);
+    }
+    function close(id) {
+      const toast = toasts.value.find((t) => t.id === id);
+      toast?.onClose?.();
+      remove(id);
+    }
+    function undo(id) {
+      const toast = toasts.value.find((t) => t.id === id);
+      toast?.undo?.();
+      remove(id);
+    }
+    const typeClasses = {
+      info: "bg-background text-foreground border-border",
+      success: "bg-background text-foreground border-green-500",
+      warning: "bg-background text-foreground border-amber-500",
+      error: "bg-background text-destructive border-destructive"
+    };
+    watch(
+      notifications,
+      (queue) => {
+        for (const notification of queue) {
+          if (shown.has(notification.id)) continue;
+          shown.add(notification.id);
+          const { id, message, type, messageArgs } = notification;
+          toasts.value.push({
+            id,
+            message: translate(message, messageArgs),
+            type,
+            undoable: notification.undoable,
+            undo: notification.undo,
+            onClose: notification.onClose
+          });
+          const duration = notification.undoable ? notification.autoHideDuration ?? props.duration : props.duration;
+          if (duration > 0) {
+            timers.set(
+              id,
+              setTimeout(() => close(id), duration)
+            );
+          }
+          store?.dismiss(id);
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    function onBeforeUnloadHandler() {
+      if (hasPendingUndoables()) {
+        void commitAllUndoables();
+      }
+    }
+    onMounted(() => {
+      if (typeof window !== "undefined") {
+        window.addEventListener("beforeunload", onBeforeUnloadHandler);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (typeof window !== "undefined") {
+        window.removeEventListener("beforeunload", onBeforeUnloadHandler);
+      }
+      for (const timer of timers.values()) clearTimeout(timer);
+      timers.clear();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
+          return openBlock(), createElementBlock("div", {
+            key: toast.id,
+            class: normalizeClass(["flex items-center gap-3 rounded-md border px-4 py-3 shadow-lg", typeClasses[toast.type]]),
+            "data-slot": "notification-toast",
+            "data-type": toast.type,
+            "data-undoable": toast.undoable ? "true" : void 0,
+            role: "status"
+          }, [
+            createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1),
+            toast.undoable ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "ml-auto text-sm font-medium underline underline-offset-2 hover:no-underline",
+              "data-slot": "notification-undo",
+              onClick: ($event) => undo(toast.id)
+            }, toDisplayString(unref(translate)("ra.action.undo", { _: "Undo" })), 9, _hoisted_4)) : createCommentVNode("", true),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass([
+                "text-muted-foreground hover:text-foreground",
+                toast.undoable ? "" : "ml-auto"
+              ]),
+              "aria-label": "Close",
+              "data-slot": "notification-close",
+              onClick: ($event) => close(toast.id)
+            }, [..._cache[0] || (_cache[0] = [
+              createElementVNode("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"
+              }, [
+                createElementVNode("path", { d: "M18 6 6 18" }),
+                createElementVNode("path", { d: "m6 6 12 12" })
+              ], -1)
+            ])], 10, _hoisted_5)
+          ], 10, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,14 @@
+/** Props for {@link Offline}. */
+export interface OfflineProps {
+    /** Extra CSS class: on the slot's `div`, or appended to the banner's classes. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<OfflineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OfflineProps> & 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/feedback/offline.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { useIsOffline } from "../../../data/use-is-offline.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { WifiOffIcon } from "./icons.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "offline",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isOffline = useIsOffline();
+    const translate = useTranslate();
+    const bannerClass = computed(
+      () => cn(
+        "fixed top-0 inset-x-0 z-50 bg-destructive text-white px-4 py-2 flex items-center justify-center gap-2 text-sm",
+        props.class
+      )
+    );
+    return (_ctx, _cache) => {
+      return unref(isOffline) && _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(props.class)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2)) : unref(isOffline) ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        role: "status",
+        "aria-live": "polite",
+        class: normalizeClass(bannerClass.value)
+      }, [
+        createVNode(unref(WifiOffIcon), { class: "size-4" }),
+        createTextVNode(" " + toDisplayString(unref(translate)("ra.notification.offline", { _: "You are offline" })), 1)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,14 @@
+/** Props for {@link Placeholder}. */
+export interface PlaceholderProps {
+    /** Merged after the default `inline-flex bg-muted` classes. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PlaceholderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PlaceholderProps> & 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/feedback/placeholder.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "placeholder",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = computed(() => cn("inline-flex bg-muted", props.class));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(classes.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          _cache[0] || (_cache[0] = createTextVNode(" ", -1))
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,55 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, createTextVNode } from "vue";
+import { ScanFaceIcon, BookOpenTextIcon, ChevronsLeftRightIcon, GithubMark } from "./icons.js";
+const _hoisted_1 = { class: "flex flex-col h-screen" };
+const _hoisted_2 = {
+  class: "flex-1 flex flex-col text-white text-center justify-center items-center",
+  style: { "background": "linear-gradient(\n          135deg,\n          #00023b 0%,\n          #00023b 50%,\n          #313264 100%\n        )" }
+};
+const _hoisted_3 = { class: "flex h-[20vh] bg-muted text-foreground items-center justify-evenly" };
+const _hoisted_4 = { class: "text-xl" };
+const _hoisted_5 = { href: "https://chelone.dev/docs" };
+const _hoisted_6 = { class: "text-xl" };
+const _hoisted_7 = { href: "https://chelone.dev/demo" };
+const _hoisted_8 = { class: "text-xl" };
+const _hoisted_9 = { href: "https://github.com/chelonejs/chelone" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ready",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(ScanFaceIcon), { class: "size-32 mb-4" }),
+          _cache[0] || (_cache[0] = createElementVNode("h1", { class: "text-3xl mb-4" }, "Welcome to Chelone", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-lg opacity-75" }, [
+            createTextVNode(" Your application is properly configured. "),
+            createElementVNode("br"),
+            createTextVNode(" Now you can add a <Resource> as child of <Admin></Admin> ")
+          ], -1))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("a", _hoisted_5, [
+              createVNode(unref(BookOpenTextIcon), { class: "inline mr-4 size-10" }),
+              _cache[2] || (_cache[2] = createTextVNode(" Documentation ", -1))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("a", _hoisted_7, [
+              createVNode(unref(ChevronsLeftRightIcon), { class: "inline mr-4 size-10" }),
+              _cache[3] || (_cache[3] = createTextVNode(" Demo ", -1))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("a", _hoisted_9, [
+              createVNode(unref(GithubMark), { class: "inline mr-4 size-10" }),
+              _cache[4] || (_cache[4] = createTextVNode(" GitHub ", -1))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,18 @@
+/** The `size` scale the admin spinner layers over the base `ui/spinner`. */
+export type SpinnerSize = "small" | "medium" | "large";
+/** Props for {@link Spinner} (the feedback spinner). */
+export interface SpinnerContentProps {
+    /** Diameter scale. Default `"medium"`. */
+    size?: SpinnerSize;
+    /** When `false`, renders nothing (a gate for conditional spinners). */
+    show?: boolean;
+    /** Extra CSS class appended to the spinner. */
+    class?: string;
+    /** Accessible label. Default `"Loading"`. */
+    "aria-label"?: string;
+}
+declare const _default: import("vue").DefineComponent<SpinnerContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpinnerContentProps> & Readonly<{}>, {
+    size: SpinnerSize;
+    show: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,34 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$1 from "../../ui/spinner2.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "spinner",
+  props: {
+    size: { default: "medium" },
+    show: { type: Boolean, default: true },
+    class: {},
+    "aria-label": {}
+  },
+  setup(__props) {
+    const props = __props;
+    const sizeClasses = {
+      small: "size-6",
+      medium: "size-8",
+      large: "size-12"
+    };
+    const classes = computed(
+      () => cn("text-primary", sizeClasses[props.size], props.class)
+    );
+    const label = computed(() => props["aria-label"] ?? "Loading");
+    return (_ctx, _cache) => {
+      return __props.show ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        "aria-label": label.value,
+        class: normalizeClass(classes.value)
+      }, null, 8, ["aria-label", "class"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/components/admin/feedback/use-timeout.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `useTimeout` — the Vue twin of `@chelone/react`'s compat `useTimeout`. Returns
+ * a `Ref<boolean>` that flips `true` `delay` ms after mount, then clears the
+ * timer on scope disposal. Consumed by `<Loading>` / `<LinearProgress>` so a
+ * fast response never flashes the indicator.
+ *
+ * Idiom translation: React arms the timer in a `useEffect` and stores the flag
+ * in `useState`; Vue arms it in the composable body (setup phase) against a
+ * `ref`, and releases via `onScopeDispose` — the same acquire-on-mount /
+ * release-on-unmount lifecycle without a separate effect.
+ */
+import { type Ref } from "vue";
+/** A boolean ref that becomes `true` `delay` ms after the owning scope mounts. */
+export declare function useTimeout(delay?: number): Ref<boolean>;

package/dist/components/admin/feedback/use-timeout.js

@@ -0,0 +1,12 @@
+import { ref, onScopeDispose } from "vue";
+function useTimeout(delay = 0) {
+  const ready = ref(false);
+  const timer = setTimeout(() => {
+    ready.value = true;
+  }, delay);
+  onScopeDispose(() => clearTimeout(timer));
+  return ready;
+}
+export {
+  useTimeout
+};

package/dist/components/admin/fields/api-key-field.vue.d.ts

@@ -0,0 +1,16 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link ApiKeyField}. */
+export interface ApiKeyFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    /** Record field with scope strings. Renders chips when set. */
+    scopesSource?: string;
+    /** Record field with an ISO last-used timestamp. */
+    lastUsedSource?: string;
+    /** 'last4' shows the trailing 4 chars; 'full' masks everything. */
+    maskedFormat?: "last4" | "full";
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ApiKeyFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ApiKeyFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/api-key-field.vue.js

@@ -0,0 +1,190 @@
+import { defineComponent, inject, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList } from "vue";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import { RecordContextKey } from "../../../record/record-context.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+const _hoisted_1 = { class: "inline-flex items-center gap-2" };
+const _hoisted_2 = {
+  "data-api-key": "",
+  class: "font-mono text-sm"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "h-4 w-4",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "h-4 w-4",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "flex gap-1"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "text-xs text-muted-foreground"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "api-key-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    scopesSource: {},
+    lastUsedSource: {},
+    maskedFormat: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const injectedRecord = inject(RecordContextKey, null);
+    const ctxRecord = computed(() => props.record ?? injectedRecord?.value);
+    const revealed = ref(false);
+    const copied = ref(false);
+    const key = computed(() => value.value == null ? null : String(value.value));
+    const masked = computed(() => {
+      const k = key.value ?? "";
+      return props.maskedFormat === "full" ? "•".repeat(k.length) : `${"•".repeat(Math.max(0, k.length - 4))}${k.slice(-4)}`;
+    });
+    const scopes = computed(() => {
+      const rec = ctxRecord.value;
+      if (!props.scopesSource || !rec) return void 0;
+      const s = rec[props.scopesSource];
+      return Array.isArray(s) ? s : void 0;
+    });
+    const lastUsed = computed(() => {
+      const rec = ctxRecord.value;
+      if (!props.lastUsedSource || !rec) return void 0;
+      return rec[props.lastUsedSource];
+    });
+    function formatRelative(iso) {
+      if (!iso) return "Never";
+      const delta = (new Date(iso).getTime() - Date.now()) / 1e3;
+      const rtf = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+      const abs = Math.abs(delta);
+      if (abs < 60) return rtf.format(Math.round(delta), "second");
+      if (abs < 3600) return rtf.format(Math.round(delta / 60), "minute");
+      if (abs < 86400) return rtf.format(Math.round(delta / 3600), "hour");
+      if (abs < 86400 * 30) return rtf.format(Math.round(delta / 86400), "day");
+      return rtf.format(Math.round(delta / (86400 * 30)), "month");
+    }
+    async function handleCopy() {
+      try {
+        await navigator.clipboard.writeText(key.value ?? "");
+        copied.value = true;
+        setTimeout(() => {
+          copied.value = false;
+        }, 1500);
+      } catch {
+      }
+    }
+    return (_ctx, _cache) => {
+      return key.value != null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "data-slot": "api-key-field",
+        class: normalizeClass(unref(cn)("inline-flex flex-col gap-1", props.class))
+      }, [
+        createElementVNode("span", _hoisted_1, [
+          createElementVNode("span", _hoisted_2, toDisplayString(revealed.value ? key.value : masked.value), 1),
+          createVNode(_sfc_main$1, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            "data-api-key-reveal": "",
+            "aria-label": revealed.value ? "Hide API key" : "Reveal API key",
+            onClick: _cache[0] || (_cache[0] = ($event) => revealed.value = !revealed.value)
+          }, {
+            default: withCtx(() => [
+              revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[1] || (_cache[1] = [
+                createElementVNode("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, null, -1),
+                createElementVNode("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, null, -1),
+                createElementVNode("line", {
+                  x1: "2",
+                  x2: "22",
+                  y1: "2",
+                  y2: "22"
+                }, null, -1)
+              ])])) : (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[2] || (_cache[2] = [
+                createElementVNode("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, null, -1),
+                createElementVNode("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "3"
+                }, null, -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["aria-label"]),
+          createVNode(_sfc_main$1, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            "aria-label": "Copy API key",
+            onClick: handleCopy
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createElementVNode("svg", {
+                class: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "aria-hidden": "true"
+              }, [
+                createElementVNode("rect", {
+                  width: "14",
+                  height: "14",
+                  x: "8",
+                  y: "8",
+                  rx: "2",
+                  ry: "2"
+                }),
+                createElementVNode("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+              ], -1)
+            ])]),
+            _: 1
+          }),
+          copied.value ? (openBlock(), createElementBlock("span", _hoisted_5, "Copied!")) : createCommentVNode("", true)
+        ]),
+        scopes.value && scopes.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_6, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(scopes.value, (s) => {
+            return openBlock(), createElementBlock("span", {
+              key: s,
+              "data-scope-badge": "",
+              class: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs"
+            }, toDisplayString(s), 1);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        __props.lastUsedSource ? (openBlock(), createElementBlock("span", _hoisted_7, "Last used: " + toDisplayString(formatRelative(lastUsed.value)), 1)) : createCommentVNode("", true)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/api-key-field2.vue.js

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

package/dist/components/admin/fields/array-field.vue.d.ts

@@ -0,0 +1,25 @@
+import type { FilterPayload, LooseRecord, SortPayload } from "@chelone/core";
+/** Props for {@link ArrayField}. */
+export interface ArrayFieldProps {
+    /** The field path to the array on the current record. */
+    source: string;
+    /** The record to read. Defaults to the ambient `RecordContext` value. */
+    record?: LooseRecord;
+    /** Returned when the resolved value is `undefined`. */
+    defaultValue?: unknown;
+    /** Client-side page size for the embedded list. */
+    perPage?: number;
+    /** Client-side sort for the embedded list. */
+    sort?: SortPayload;
+    /** Client-side filter for the embedded list. */
+    filter?: FilterPayload;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ArrayFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};