@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/inputs/duration-input.vue.js

@@ -0,0 +1,125 @@
+import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, createVNode } from "vue";
+import { useInput } from "../../../form/use-input.js";
+import { cn } from "../../../lib/utils.js";
+import { Field, FieldLabel, FieldError } from "../../ui/field.js";
+import _sfc_main$1 from "../common/validation-error.vue.js";
+import { parseIsoDuration } from "./duration-utils.js";
+import { humanizeSource } from "./label-text.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["for"];
+const _hoisted_3 = ["id", "disabled", "value", "aria-label", "aria-invalid", "onInput"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "duration-input",
+  props: {
+    source: {},
+    label: { type: [String, Boolean], default: void 0 },
+    defaultValue: {},
+    validate: {},
+    units: { default: () => ["d", "h", "m", "s"] },
+    disabled: { type: Boolean },
+    helperText: {},
+    class: {}
+  },
+  setup(__props) {
+    const UNIT_LABEL = {
+      d: "days",
+      h: "hours",
+      m: "minutes",
+      s: "seconds"
+    };
+    const props = __props;
+    const { id, value, setValue, blur, error, touched, isRequired } = useInput({
+      source: props.source,
+      defaultValue: props.defaultValue,
+      validate: props.validate
+    });
+    function seed(v) {
+      const p = parseIsoDuration(String(v ?? "")) ?? {};
+      return {
+        d: p.days?.toString() ?? "",
+        h: p.hours?.toString() ?? "",
+        m: p.minutes?.toString() ?? "",
+        s: p.seconds?.toString() ?? ""
+      };
+    }
+    const values = ref(seed(value.value));
+    watch(value, (next) => {
+      values.value = seed(next);
+    });
+    const invalid = computed(() => touched.value && error.value != null);
+    const labelText = computed(
+      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
+    );
+    const labelFor = computed(
+      () => props.units.length > 0 ? `${id}-${props.units[0]}` : id
+    );
+    const inputClass = "flex h-9 w-16 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive";
+    function writeBack(next) {
+      const dayPart = next.d ? `${+next.d}D` : "";
+      const timeParts = (next.h ? `${+next.h}H` : "") + (next.m ? `${+next.m}M` : "") + (next.s ? `${+next.s}S` : "");
+      const out = dayPart || timeParts ? `P${dayPart}${timeParts ? `T${timeParts}` : ""}` : "";
+      setValue(out || null);
+    }
+    function onUnitInput(u, event) {
+      const next = { ...values.value, [u]: event.target.value };
+      values.value = next;
+      writeBack(next);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Field), {
+        class: normalizeClass(props.class),
+        "data-invalid": invalid.value
+      }, {
+        default: withCtx(() => [
+          labelText.value != null ? (openBlock(), createBlock(unref(FieldLabel), {
+            key: 0,
+            "html-for": labelFor.value
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(labelText.value), 1),
+              unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1, " *")) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["html-for"])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(cn)("flex items-end gap-2"))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.units, (u) => {
+              return openBlock(), createElementBlock("label", {
+                key: u,
+                for: `${unref(id)}-${u}`,
+                class: "flex flex-col items-center text-muted-foreground text-xs"
+              }, [
+                createElementVNode("input", {
+                  id: `${unref(id)}-${u}`,
+                  type: "number",
+                  min: "0",
+                  disabled: __props.disabled,
+                  value: values.value[u],
+                  "aria-label": UNIT_LABEL[u],
+                  "aria-invalid": invalid.value || void 0,
+                  class: normalizeClass(inputClass),
+                  "data-slot": "duration-unit",
+                  onInput: ($event) => onUnitInput(u, $event),
+                  onBlur: _cache[0] || (_cache[0] = //@ts-ignore
+                  (...args) => unref(blur) && unref(blur)(...args))
+                }, null, 40, _hoisted_3),
+                createElementVNode("span", null, toDisplayString(UNIT_LABEL[u]), 1)
+              ], 8, _hoisted_2);
+            }), 128))
+          ], 2),
+          invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, { error: unref(error) }, null, 8, ["error"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "data-invalid"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/duration-input2.vue.js

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

package/dist/components/admin/inputs/duration-utils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ISO-8601 duration parse/format helpers — the Vue port of `@chelone/react`'s
+ * `inputs/duration-utils.ts`. `<DurationInput>` imports `parseIsoDuration` to
+ * seed its per-unit boxes; the `compactDuration` / `relativeDuration` renderers
+ * come along for the eventual `<DurationField>` (kept for parity with the twin).
+ */
+export interface ParsedDuration {
+    days?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+}
+/**
+ * Parse an ISO-8601 duration string (e.g. `PT2H30M`, `P1DT4H`) into a
+ * `ParsedDuration`. Returns `null` for unparseable input.
+ */
+export declare function parseIsoDuration(s: string): ParsedDuration | null;
+/** Render a `ParsedDuration` in compact human-readable form, e.g. `2h 30m`. */
+export declare function compactDuration(p: ParsedDuration): string;
+/** Render a `ParsedDuration` in relative long-form, e.g. `2 hours 30 minutes`. */
+export declare function relativeDuration(p: ParsedDuration): string;

package/dist/components/admin/inputs/duration-utils.js

@@ -0,0 +1,39 @@
+const ISO_RE = /^P(?:(\d+)D)?(?:T(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?)?$/;
+function parseIsoDuration(s) {
+  const m = s.match(ISO_RE);
+  if (!m) return null;
+  const [, d, h, mn, sc] = m;
+  const out = {};
+  if (d) out.days = +d;
+  if (h) out.hours = +h;
+  if (mn) out.minutes = +mn;
+  if (sc) out.seconds = +sc;
+  return out;
+}
+function compactDuration(p) {
+  const parts = [];
+  if (p.days) parts.push(`${p.days}d`);
+  if (p.hours) parts.push(`${p.hours}h`);
+  if (p.minutes) parts.push(`${p.minutes}m`);
+  if (p.seconds) parts.push(`${p.seconds}s`);
+  return parts.join(" ") || "0m";
+}
+function relativeDuration(p) {
+  const units = [
+    ["days", "day"],
+    ["hours", "hour"],
+    ["minutes", "minute"],
+    ["seconds", "second"]
+  ];
+  const parts = [];
+  for (const [key, word] of units) {
+    const n = p[key];
+    if (n) parts.push(`${n} ${word}${n === 1 ? "" : "s"}`);
+  }
+  return parts.join(" ") || "0 seconds";
+}
+export {
+  compactDuration,
+  parseIsoDuration,
+  relativeDuration
+};

package/dist/components/admin/inputs/file-input-preview.vue.d.ts

@@ -0,0 +1,19 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link FileInputPreview}. */
+export interface FileInputPreviewProps {
+    /** The file record published to the preview slot (a transformed file or an existing record). */
+    file: LooseRecord;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FileInputPreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<FileInputPreviewProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/inputs/file-input-preview.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent, onScopeDispose, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, renderSlot } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { provideRecordContext } from "../../../record/record-context.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+const _hoisted_1 = {
+  "data-slot": "file-input-preview",
+  class: "group flex flex-row items-center gap-1"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "file-input-preview",
+  props: {
+    file: {}
+  },
+  emits: ["remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const translate = useTranslate();
+    provideRecordContext(props.file);
+    onScopeDispose(() => {
+      const file = props.file;
+      const preview = file.rawFile ? file.rawFile.preview : file.preview;
+      if (preview && typeof URL !== "undefined" && URL.revokeObjectURL) {
+        URL.revokeObjectURL(preview);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          class: "size-6 rounded-full opacity-0 shadow-sm transition-opacity group-hover:opacity-100",
+          "aria-label": unref(translate)("ra.action.delete", { _: "Delete" }),
+          title: unref(translate)("ra.action.delete", { _: "Delete" }),
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+        }, {
+          default: withCtx(() => [..._cache[1] || (_cache[1] = [
+            createElementVNode("span", { "aria-hidden": "true" }, "×", -1)
+          ])]),
+          _: 1
+        }, 8, ["aria-label", "title"]),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/file-input-preview2.vue.js

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

package/dist/components/admin/inputs/file-input.vue.d.ts

@@ -0,0 +1,64 @@
+import type { LooseRecord, Validator } from "@chelone/core";
+/** A dropped file transformed into a preview record. */
+export interface TransformedFile {
+    rawFile: File & {
+        preview?: string;
+    };
+    src: string;
+    title: string;
+}
+/** Props for {@link FileInput}. */
+export interface FileInputProps {
+    /** The file field path. */
+    source: string;
+    /** Explicit label, or `false` to hide it. Absent → humanized `source`. */
+    label?: string | false;
+    /** Override the ambient resource (label-key resolution). */
+    resource?: string;
+    /** Helper text under the dropzone. */
+    helperText?: string;
+    /** ra-contract validators — composed, first error wins. */
+    validate?: Validator | readonly Validator[];
+    /** Input-level default value (seeds only into a hole). */
+    defaultValue?: unknown;
+    /** Read transform (raw value → preview records). Default the file transform. */
+    format?: (value: unknown) => unknown;
+    /** Write transform (raw value → stored). Default the file transform. */
+    parse?: (value: unknown) => unknown;
+    /**
+     * The native `accept` attribute (a comma-separated MIME/extension list, e.g.
+     * `"image/*,application/pdf"`). DIVERGENCE from the React twin's react-dropzone
+     * object form — the native `<input type=file>` speaks the string form.
+     */
+    accept?: string;
+    /** Accept multiple files (the value becomes an array). Default `false`. */
+    multiple?: boolean;
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Renders the control read-only. */
+    readonly?: boolean;
+    /** Placeholder text shown in the dropzone (overrides the default labels). */
+    placeholder?: string;
+    /** i18n key for the multiple-files prompt. */
+    labelMultiple?: string;
+    /** i18n key for the single-file prompt. */
+    labelSingle?: string;
+    /** Root element class passthrough. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FileInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FileInputProps> & Readonly<{}>, {
+    label: string | false;
+    multiple: boolean;
+    labelMultiple: string;
+    labelSingle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        record: LooseRecord;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/inputs/file-input.vue.js

@@ -0,0 +1,198 @@
+import { defineComponent, useSlots, ref, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, createElementVNode, withModifiers, Fragment, renderList, renderSlot } from "vue";
+import { useInput } from "../../../form/use-input.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { shallowEqual } from "../../../lib/shallow-equal.js";
+import { Field, FieldLabel, FieldDescription, FieldError } from "../../ui/field.js";
+import _sfc_main$1 from "../common/validation-error.vue.js";
+import _sfc_main$2 from "./file-input-preview.vue.js";
+import { humanizeSource } from "./label-text.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["id", "name", "accept", "multiple", "disabled", "aria-invalid"];
+const _hoisted_3 = { class: "text-sm" };
+const _hoisted_4 = {
+  key: 2,
+  "data-slot": "file-input-previews",
+  class: "previews flex flex-col gap-1"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "file-input",
+  props: {
+    source: {},
+    label: { type: [String, Boolean], default: void 0 },
+    resource: {},
+    helperText: {},
+    validate: {},
+    defaultValue: {},
+    format: {},
+    parse: {},
+    accept: {},
+    multiple: { type: Boolean, default: false },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    placeholder: {},
+    labelMultiple: { default: "ra.input.file.upload_several" },
+    labelSingle: { default: "ra.input.file.upload_single" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const slots = useSlots();
+    const fileInputRef = ref(null);
+    const isDragging = ref(false);
+    function transformFile(file) {
+      if (!(file instanceof File)) return file;
+      const preview = typeof URL !== "undefined" && typeof URL.createObjectURL === "function" ? URL.createObjectURL(file) : "";
+      return { rawFile: file, src: preview, title: file.name };
+    }
+    function transformFiles(files2) {
+      if (!files2) return props.multiple ? [] : null;
+      if (Array.isArray(files2)) return files2.map(transformFile);
+      return transformFile(files2);
+    }
+    const { id, name, value, setValue, blur, error, touched, isRequired } = useInput(
+      {
+        source: props.source,
+        defaultValue: props.defaultValue,
+        validate: props.validate,
+        format: props.format ?? transformFiles,
+        parse: props.parse ?? transformFiles
+      }
+    );
+    const files = computed(() => {
+      const v = value.value;
+      if (!v) return [];
+      return Array.isArray(v) ? v : [v];
+    });
+    const invalid = computed(() => touched.value && error.value != null);
+    const labelText = computed(
+      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
+    );
+    const promptText = computed(
+      () => props.placeholder ?? translate(props.multiple ? props.labelMultiple : props.labelSingle, {
+        _: props.multiple ? "Drop files to upload, or click to select one." : "Drop a file to upload, or click to select it."
+      })
+    );
+    const hasPreview = computed(() => slots.default != null);
+    const isDisabled = computed(() => props.disabled === true || props.readonly === true);
+    function commit(newFiles) {
+      if (newFiles.length === 0) return;
+      if (props.multiple) {
+        setValue([...files.value, ...newFiles]);
+      } else {
+        setValue(newFiles[0]);
+      }
+      blur();
+    }
+    function onFileChange(event) {
+      const input = event.target;
+      const list = input.files ? Array.from(input.files) : [];
+      commit(list);
+      input.value = "";
+    }
+    function onDrop(event) {
+      isDragging.value = false;
+      if (isDisabled.value) return;
+      const list = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];
+      commit(list);
+    }
+    function onDragOver() {
+      if (!isDisabled.value) isDragging.value = true;
+    }
+    function onDragLeave() {
+      isDragging.value = false;
+    }
+    function openPicker() {
+      if (!isDisabled.value) fileInputRef.value?.click();
+    }
+    function fileKey(file, index) {
+      const named = file;
+      return named.rawFile?.name ?? named.src ?? index;
+    }
+    function onRemove(file) {
+      if (props.multiple) {
+        setValue(files.value.filter((stateFile) => !shallowEqual(stateFile, file)));
+      } else {
+        setValue(null);
+      }
+      blur();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Field), {
+        class: normalizeClass([props.class, "w-full"]),
+        "data-invalid": invalid.value
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(FieldLabel), {
+            "html-for": unref(id),
+            class: normalizeClass(isDisabled.value ? "cursor-default" : "cursor-pointer")
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(labelText.value), 1),
+              unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1, " *")) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["html-for", "class"]),
+          createElementVNode("div", {
+            "data-slot": "file-input-dropzone",
+            class: normalizeClass([
+              "rounded-lg border-2 border-dashed p-6 text-center transition-colors",
+              isDisabled.value ? "cursor-not-allowed bg-muted" : "cursor-pointer bg-muted text-muted-foreground hover:border-sidebar-ring",
+              invalid.value && "border-destructive",
+              isDragging.value && "border-sidebar-ring"
+            ]),
+            onClick: openPicker,
+            onDragover: withModifiers(onDragOver, ["prevent"]),
+            onDragleave: withModifiers(onDragLeave, ["prevent"]),
+            onDrop: withModifiers(onDrop, ["prevent"])
+          }, [
+            createElementVNode("input", {
+              id: unref(id),
+              ref_key: "fileInputRef",
+              ref: fileInputRef,
+              type: "file",
+              class: "hidden",
+              name: unref(name),
+              accept: __props.accept,
+              multiple: __props.multiple,
+              disabled: isDisabled.value,
+              "aria-invalid": invalid.value || void 0,
+              onChange: onFileChange
+            }, null, 40, _hoisted_2),
+            createElementVNode("p", _hoisted_3, toDisplayString(promptText.value), 1)
+          ], 34),
+          __props.helperText ? (openBlock(), createBlock(unref(FieldDescription), { key: 0 }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.helperText), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, { error: unref(error) }, null, 8, ["error"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          hasPreview.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, index) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                key: fileKey(file, index),
+                file,
+                onRemove: ($event) => onRemove(file)
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default", { record: file })
+                ]),
+                _: 2
+              }, 1032, ["file", "onRemove"]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "data-invalid"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/file-input2.vue.js

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

package/dist/components/admin/inputs/image-input-thumbnail.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/inputs/image-input-thumbnail.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent, unref, openBlock, createElementBlock, createCommentVNode } from "vue";
+import { useRecordContext } from "../../../record/record-context.js";
+const _hoisted_1 = ["src", "title", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "image-input-thumbnail",
+  setup(__props) {
+    const record = useRecordContext();
+    return (_ctx, _cache) => {
+      return unref(record)?.src ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: unref(record).src,
+        title: unref(record).title,
+        alt: unref(record).title,
+        class: "h-24 w-24 rounded-md object-cover"
+      }, null, 8, _hoisted_1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/image-input-thumbnail2.vue.js

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

package/dist/components/admin/inputs/image-input.vue.d.ts

@@ -0,0 +1,18 @@
+import type { FileInputProps } from "./file-input.vue.js";
+/** Props for {@link ImageInput} — the {@link FileInputProps} surface. */
+export type ImageInputProps = FileInputProps;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FileInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FileInputProps> & Readonly<{}>, {
+    accept: string;
+    labelMultiple: string;
+    labelSingle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        record: import("@chelone/core").LooseRecord;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/inputs/image-input.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createVNode } from "vue";
+import _sfc_main$1 from "./file-input.vue.js";
+import _sfc_main$2 from "./image-input-thumbnail.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "image-input",
+  props: {
+    source: {},
+    label: { type: [String, Boolean] },
+    resource: {},
+    helperText: {},
+    validate: {},
+    defaultValue: {},
+    format: {},
+    parse: {},
+    accept: { default: "image/*" },
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    placeholder: {},
+    labelMultiple: { default: "ra.input.image.upload_several" },
+    labelSingle: { default: "ra.input.image.upload_single" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const fileProps = computed(() => ({ ...props }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(fileProps.value)), {
+        default: withCtx(({ record }) => [
+          renderSlot(_ctx.$slots, "default", { record }, () => [
+            createVNode(_sfc_main$2)
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/image-input2.vue.js

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

package/dist/components/admin/inputs/label-text.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `humanizeSource` — the minimal label fallback the V1 inputs/columns use when
+ * no explicit `label` is given: turn a field source (`author_id`, `is_published`,
+ * `author.name`) into a Title-Cased human string. A trimmed stand-in for
+ * `@chelone/react`'s `<FieldLabelText>` + i18n `useTranslateLabel` chain (the
+ * full resource-scoped translation lookup is a later wave); it keeps the vertical
+ * readable without pulling the whole label i18n surface.
+ */
+/** `"author_id"` → `"Author"`, `"is_published"` → `"Is Published"`, `"a.b"` → `"B"`. */
+export declare function humanizeSource(source: string): string;

package/dist/components/admin/inputs/label-text.js

@@ -0,0 +1,7 @@
+function humanizeSource(source) {
+  const last = source.split(".").pop() ?? source;
+  return last.replace(/_id$/, "").split(/[_\s]+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+export {
+  humanizeSource
+};