@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/fields/usage-meter-field.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent, computed, inject, openBlock, createElementBlock, Fragment, normalizeClass, unref, toDisplayString, createElementVNode, normalizeStyle, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { RecordContextKey } from "../../../record/record-context.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+const _hoisted_1 = ["data-state"];
+const _hoisted_2 = ["aria-valuenow"];
+const _hoisted_3 = { class: "text-muted-foreground text-xs tabular-nums" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "usage-meter-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    limitSource: {},
+    unit: {},
+    thresholds: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const DEFAULT_THRESHOLDS = { warning: 0.8, critical: 1 };
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const used = computed(
+      () => typeof value.value === "number" ? value.value : value.value
+    );
+    const injectedRecord = inject(RecordContextKey, null);
+    const ctxRecord = computed(() => props.record ?? injectedRecord?.value);
+    const limit = computed(() => {
+      const rec = ctxRecord.value;
+      if (!props.limitSource || !rec) return void 0;
+      const l = rec[props.limitSource];
+      return typeof l === "number" ? l : void 0;
+    });
+    const thresholds = computed(() => props.thresholds ?? DEFAULT_THRESHOLDS);
+    const hasUsed = computed(() => used.value != null);
+    const ratio = computed(
+      () => limit.value != null && used.value != null ? used.value / limit.value : 0
+    );
+    const state = computed(() => {
+      if (ratio.value >= thresholds.value.critical) return "critical";
+      if (ratio.value >= thresholds.value.warning) return "warning";
+      return "ok";
+    });
+    const pct = computed(() => Math.min(100, Math.round(ratio.value * 100)));
+    const indicatorClass = computed(
+      () => cn(
+        "h-full rounded-full bg-primary transition-all",
+        state.value === "warning" && "bg-yellow-500",
+        state.value === "critical" && "bg-red-500"
+      )
+    );
+    return (_ctx, _cache) => {
+      return hasUsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        limit.value == null ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          "data-slot": "usage-meter-field",
+          class: normalizeClass(unref(cn)("text-sm tabular-nums", props.class))
+        }, toDisplayString(used.value) + toDisplayString(__props.unit ? ` ${__props.unit}` : ""), 3)) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          "data-slot": "usage-meter-field",
+          "data-usage-meter": "",
+          "data-state": state.value,
+          class: normalizeClass(unref(cn)("inline-flex flex-col gap-1", props.class))
+        }, [
+          createElementVNode("span", {
+            class: "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+            role: "progressbar",
+            "aria-valuenow": pct.value,
+            "aria-valuemin": "0",
+            "aria-valuemax": "100"
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(indicatorClass.value),
+              style: normalizeStyle({ width: `${pct.value}%` })
+            }, null, 6)
+          ], 8, _hoisted_2),
+          createElementVNode("span", _hoisted_3, toDisplayString(used.value) + " / " + toDisplayString(limit.value) + toDisplayString(__props.unit ? ` ${__props.unit}` : ""), 1)
+        ], 10, _hoisted_1))
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/usage-meter-field2.vue.js

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

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

@@ -0,0 +1,22 @@
+import type { LooseRecord } from "@chelone/core";
+/** A webhook delivery outcome. */
+export type DeliveryStatus = "ok" | "failed" | "pending";
+/** The shape `<WebhookEndpointField>` reads from a record source. */
+export interface WebhookEndpoint {
+    url: string;
+    secret: string;
+    eventTypes: readonly string[];
+    lastDelivery?: {
+        status: DeliveryStatus;
+        at: string;
+    };
+}
+/** Props for {@link WebhookEndpointField}. */
+export interface WebhookEndpointFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<WebhookEndpointFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WebhookEndpointFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/webhook-endpoint-field.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+const _hoisted_1 = { class: "font-mono text-sm" };
+const _hoisted_2 = ["data-status"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "webhook-endpoint-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const endpoint = computed(() => {
+      const raw = value.value;
+      return raw && typeof raw === "object" ? raw : null;
+    });
+    const status = computed(
+      () => endpoint.value?.lastDelivery?.status ?? "pending"
+    );
+    const statusClass = computed(
+      () => cn(
+        "rounded px-2 py-0.5 text-xs font-medium",
+        status.value === "ok" && "bg-green-500/10 text-green-700",
+        status.value === "failed" && "bg-red-500/10 text-red-700",
+        status.value === "pending" && "bg-muted text-muted-foreground"
+      )
+    );
+    return (_ctx, _cache) => {
+      return endpoint.value ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "data-slot": "webhook-endpoint-field",
+        class: normalizeClass(unref(cn)("inline-flex items-center gap-2", props.class))
+      }, [
+        createElementVNode("span", _hoisted_1, toDisplayString(endpoint.value.url), 1),
+        createElementVNode("span", {
+          "data-webhook-status": "",
+          "data-status": status.value,
+          class: normalizeClass(statusClass.value)
+        }, toDisplayString(status.value.toUpperCase()), 11, _hoisted_2)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/webhook-endpoint-field2.vue.js

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

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

@@ -0,0 +1,22 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link WrapperField}. */
+export interface WrapperFieldProps {
+    /**
+     * A pseudo field path exposed to a parent layout (e.g. a sortable
+     * `DataTable` header). Not read by the field itself — it only groups children.
+     */
+    source?: string;
+    label?: string | false;
+    record?: LooseRecord;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    /** The wrapped fields, rendered as-is. */
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/fields/wrapper-field.vue.js

@@ -0,0 +1,12 @@
+import { defineComponent, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "wrapper-field",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/wrapper-field2.vue.js

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

package/dist/components/admin/form/translatable-inputs-tab-content.vue.d.ts

@@ -0,0 +1,18 @@
+/** Props for {@link TranslatableInputsTabContent}. */
+export interface TranslatableInputsTabContentProps {
+    locale: string;
+    /** Prefix that keeps the ids and form group of two groups apart. Defaults to `""`. */
+    groupKey?: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsTabContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabContentProps> & Readonly<{}>, {
+    groupKey: string;
+}, {}, {}, {}, 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/form/translatable-inputs-tab-content.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, unref, renderSlot } from "vue";
+import { createLocaleSourceScope } from "@chelone/core";
+import _sfc_main$1 from "../../../form/form-group-provider.vue.js";
+import { provideSourceScope, useSourceScope } from "../../../form/form-context.js";
+import { useTranslatableContext } from "../../../i18n/use-translatable.js";
+import { cn } from "../../../lib/utils.js";
+const _hoisted_1 = ["id", "aria-labelledby", "hidden"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "translatable-inputs-tab-content",
+  props: {
+    locale: {},
+    groupKey: { default: "" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translatable = useTranslatableContext();
+    const hidden = computed(
+      () => translatable.selectedLocale.value !== props.locale
+    );
+    provideSourceScope(createLocaleSourceScope(useSourceScope(), props.locale));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        name: `${__props.groupKey}${__props.locale}`
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            role: "tabpanel",
+            "data-slot": "translatable-inputs-tab-content",
+            id: `translatable-content-${__props.groupKey}${__props.locale}`,
+            "aria-labelledby": `translatable-header-${__props.groupKey}${__props.locale}`,
+            hidden: hidden.value,
+            class: normalizeClass(unref(cn)("flex-1 outline-none", props.class))
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 10, _hoisted_1)
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/form/translatable-inputs-tab-content2.vue.js

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

package/dist/components/admin/form/translatable-inputs-tab.vue.d.ts

@@ -0,0 +1,18 @@
+/** Props for {@link TranslatableInputsTab}. */
+export interface TranslatableInputsTabProps {
+    locale: string;
+    /** Prefix that keeps the ids and form group of two groups apart. Defaults to `""`. */
+    groupKey?: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabProps> & Readonly<{}>, {
+    groupKey: string;
+}, {}, {}, {}, 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/form/translatable-inputs-tab.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { useFormGroup } from "../../../form/form-groups.js";
+import { useTranslatableContext } from "../../../i18n/use-translatable.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+const _hoisted_1 = ["id", "aria-selected", "aria-controls", "data-state"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "translatable-inputs-tab",
+  props: {
+    locale: {},
+    groupKey: { default: "" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const translatable = useTranslatableContext();
+    const group = useFormGroup(() => `${props.groupKey}${props.locale}`);
+    const selected = computed(
+      () => translatable.selectedLocale.value === props.locale
+    );
+    const label = computed(
+      () => translate(`ra.locales.${props.locale}`, {
+        _: props.locale.charAt(0).toUpperCase() + props.locale.slice(1)
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        role: "tab",
+        "data-slot": "translatable-inputs-tab",
+        id: `translatable-header-${__props.groupKey}${__props.locale}`,
+        "aria-selected": selected.value,
+        "aria-controls": `translatable-content-${__props.groupKey}${__props.locale}`,
+        "data-state": selected.value ? "active" : "inactive",
+        class: normalizeClass(
+          unref(cn)(
+            "inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+            !unref(group).isValid && "text-destructive",
+            props.class
+          )
+        ),
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(translatable).selectLocale(__props.locale))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(label.value), 1)
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/form/translatable-inputs-tab2.vue.js

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

package/dist/components/admin/form/translatable-inputs-tabs.vue.d.ts

@@ -0,0 +1,10 @@
+/** Props for {@link TranslatableInputsTabs}. */
+export interface TranslatableInputsTabsProps {
+    /** Prefix that keeps the ids and form group of two groups apart. Defaults to `""`. */
+    groupKey?: string;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<TranslatableInputsTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabsProps> & Readonly<{}>, {
+    groupKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/form/translatable-inputs-tabs.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createBlock } from "vue";
+import { useTranslatableContext } from "../../../i18n/use-translatable.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$1 from "./translatable-inputs-tab.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "translatable-inputs-tabs",
+  props: {
+    groupKey: { default: "" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translatable = useTranslatableContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "tablist",
+        "data-slot": "translatable-inputs-tabs",
+        class: normalizeClass(
+          unref(cn)(
+            "inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground",
+            props.class
+          )
+        )
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(translatable).locales, (locale) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: locale,
+            locale,
+            "group-key": __props.groupKey
+          }, null, 8, ["locale", "group-key"]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/form/translatable-inputs-tabs2.vue.js

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

package/dist/components/admin/form/translatable-inputs.vue.d.ts

@@ -0,0 +1,26 @@
+/** Props for {@link TranslatableInputs}. */
+export interface TranslatableInputsProps {
+    /** The locales to edit, one tab each. Must not be empty. */
+    locales: readonly string[];
+    /**
+     * The locale selected first. Ignored when it is not one of `locales`; without
+     * it the app locale is used when listed, else the first locale.
+     */
+    defaultLocale?: string;
+    /** Prefix that keeps the ids and form group of two groups apart. Defaults to `""`. */
+    groupKey?: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsProps> & Readonly<{}>, {
+    groupKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    selector?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/form/translatable-inputs.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode, Fragment, renderList, createBlock, withCtx } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useOptionalFormGroups, provideFormGroups } from "../../../form/form-groups.js";
+import { useTranslatable, provideTranslatable } from "../../../i18n/use-translatable.js";
+import _sfc_main$2 from "./translatable-inputs-tab-content.vue.js";
+import _sfc_main$1 from "./translatable-inputs-tabs.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "translatable-inputs",
+  props: {
+    locales: {},
+    defaultLocale: {},
+    groupKey: { default: "" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translatable = useTranslatable({
+      locales: () => props.locales,
+      defaultLocale: () => props.defaultLocale
+    });
+    provideTranslatable(translatable);
+    if (!useOptionalFormGroups()) provideFormGroups();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "translatable-inputs",
+        class: normalizeClass(unref(cn)("flex flex-col gap-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "selector", {}, () => [
+          createVNode(_sfc_main$1, { "group-key": __props.groupKey }, null, 8, ["group-key"])
+        ]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(translatable).locales, (locale) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            key: locale,
+            locale,
+            "group-key": __props.groupKey
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["locale", "group-key"]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/form/translatable-inputs2.vue.js

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

package/dist/components/admin/guessers/edit-guesser.vue.d.ts

@@ -0,0 +1,11 @@
+import type { EditProps } from "../view/edit.vue.js";
+/** Props for {@link EditGuesser}. */
+export type EditGuesserProps = EditProps & {
+    /** Print the generated code to the console. On outside production. */
+    enableLog?: boolean;
+};
+declare const _default: import("vue").DefineComponent<EditGuesserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditGuesserProps> & Readonly<{}>, {
+    redirectOnSave: boolean;
+    enableLog: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/guessers/edit-guesser.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent, computed, watchEffect, unref, openBlock, createBlock, normalizeProps, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, createVNode } from "vue";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$4 from "../buttons/toolbar.vue.js";
+import _sfc_main$3 from "../inputs/autocomplete-array-input.vue.js";
+import _sfc_main$2 from "../view/edit.vue.js";
+import { guessInputComponents } from "./guess-components.js";
+import { printGuessedView } from "./guessed-code.js";
+import _sfc_main$1 from "./guesser-empty.vue.js";
+import { useGuessedResource } from "./use-guessed-resource.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "edit-guesser",
+  props: {
+    resource: {},
+    id: {},
+    title: {},
+    redirectOnSave: { type: Boolean, default: true },
+    validate: {},
+    schema: {},
+    sanitizeEmptyValues: { type: Boolean },
+    onSuccess: {},
+    enableLog: { type: Boolean, default: (typeof process !== "undefined" ? process.env?.NODE_ENV : void 0) !== "production" }
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = props.resource ?? useResourceContext();
+    if (!resource) {
+      throw new Error(
+        "<EditGuesser>: no resource. Pass a `resource` prop or render inside a <Resource>."
+      );
+    }
+    const descriptor = useGuessedResource(resource);
+    const inputs = computed(
+      () => (descriptor.value?.fields ?? []).flatMap((field) => {
+        if (field.primary || field.kind === "unsupported" || !field.input) return [];
+        const wrapsChild = field.input === "ReferenceArrayInput";
+        return [
+          {
+            field,
+            component: guessInputComponents[field.input],
+            childLabel: wrapsChild ? field.label : void 0,
+            inputProps: {
+              source: field.source,
+              ...field.label !== void 0 && !wrapsChild && { label: field.label },
+              ...field.reference !== void 0 && { reference: field.reference },
+              ...field.choices !== void 0 && { choices: field.choices }
+            }
+          }
+        ];
+      })
+    );
+    const editProps = computed(() => {
+      const { enableLog: _enableLog, ...rest } = props;
+      return { ...rest, resource };
+    });
+    let logged = false;
+    watchEffect(() => {
+      if (logged || !props.enableLog || !descriptor.value) return;
+      logged = true;
+      console.log(printGuessedView("Edit", resource, descriptor.value.fields));
+    });
+    return (_ctx, _cache) => {
+      return !unref(descriptor) ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        resource: unref(resource)
+      }, null, 8, ["resource"])) : (openBlock(), createBlock(_sfc_main$2, normalizeProps(mergeProps({ key: 1 }, editProps.value)), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(inputs.value, (input) => {
+            return openBlock(), createBlock(resolveDynamicComponent(input.component), mergeProps({
+              key: input.field.source
+            }, { ref_for: true }, input.inputProps), {
+              default: withCtx(() => [
+                input.childLabel !== void 0 ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  label: input.childLabel
+                }, null, 8, ["label"])) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1040);
+          }), 128)),
+          createVNode(_sfc_main$4)
+        ]),
+        _: 1
+      }, 16));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/guessers/edit-guesser2.vue.js

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

package/dist/components/admin/guessers/guess-components.d.ts

@@ -0,0 +1,10 @@
+import type { FieldComponentName, InputComponentName } from "@chelone/core";
+import type { Component } from "vue";
+/**
+ * The component each described field renders as. Each SFC is imported from its
+ * own file, never a barrel, so a guesser installs only what it uses. The
+ * `Record` type makes a name added in core fail `vue-tsc` here until it is mapped.
+ */
+export declare const guessFieldComponents: Record<FieldComponentName, Component>;
+/** The component each described field edits with. */
+export declare const guessInputComponents: Record<InputComponentName, Component>;