@karibsen/eponyme 0.1.0

package/dist/runtime/components/fields/FieldRenderer.vue

@@ -0,0 +1,135 @@
+<script setup>
+import { computed, provide, reactive, toRef } from "vue";
+import BooleanField from "./BooleanField.vue";
+import CheckboxGroupField from "./CheckboxGroupField.vue";
+import ColorField from "./ColorField.vue";
+import DateField from "./DateField.vue";
+import NumberField from "./NumberField.vue";
+import RadioField from "./RadioField.vue";
+import RichTextField from "./RichTextField.vue";
+import SelectField from "./SelectField.vue";
+import SlugField from "./SlugField.vue";
+import TextareaField from "./TextareaField.vue";
+import TextField from "./TextField.vue";
+import UrlField from "./UrlField.vue";
+import { formFieldContextKey } from "../ui/form-field-context";
+import { humanizeLabel } from "../../utils/humanize-label";
+import { fieldPathId } from "../../utils/field-path";
+const props = defineProps({
+  fieldName: { type: String, required: true },
+  field: { type: Object, required: true },
+  modelValue: { type: null, required: false },
+  path: { type: String, required: false },
+  id: { type: String, required: false },
+  errors: { type: Array, required: false, default: () => [] },
+  disabled: { type: Boolean, required: false },
+  hideLabel: { type: Boolean, required: false },
+  compact: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue", "enter"]);
+provide(formFieldContextKey, reactive({
+  hideLabel: toRef(props, "hideLabel"),
+  compact: toRef(props, "compact")
+}));
+const path = computed(() => props.path || props.fieldName);
+const id = computed(() => props.id || fieldPathId(path.value));
+const label = computed(() => humanizeLabel(props.fieldName, props.field.options.label));
+const multiline = computed(() => props.field.type === "textarea" || props.field.type === "richText");
+const component = computed(() => {
+  switch (props.field.type) {
+    case "richText":
+      return RichTextField;
+    case "textarea":
+      return TextareaField;
+    case "slug":
+      return SlugField;
+    case "boolean":
+      return BooleanField;
+    case "radio":
+      return RadioField;
+    case "checkboxGroup":
+      return CheckboxGroupField;
+    case "number":
+      return NumberField;
+    case "select":
+      return SelectField;
+    case "date":
+      return DateField;
+    case "color":
+      return ColorField;
+    case "url":
+      return UrlField;
+    default:
+      return TextField;
+  }
+});
+const specificProps = computed(() => {
+  const field = props.field;
+  switch (field.type) {
+    case "richText":
+    case "textarea":
+    case "slug":
+      return {
+        placeholder: field.options.placeholder,
+        minLength: field.options.minLength,
+        maxLength: field.options.maxLength,
+        showCounter: field.options.showCounter
+      };
+    case "radio":
+    case "checkboxGroup":
+      return { options: field.options.options };
+    case "select":
+      return { options: field.options.options, placeholder: field.options.placeholder };
+    case "number":
+      return {
+        min: field.options.min,
+        max: field.options.max,
+        step: field.options.step,
+        slider: field.options.slider
+      };
+    case "date":
+      return { min: field.options.min, max: field.options.max };
+    case "boolean":
+      return {};
+    case "color":
+      return { presets: field.options.presets };
+    case "url":
+      return { placeholder: field.options.placeholder };
+    default: {
+      const options = field.options;
+      return {
+        inputType: field.type === "image" ? "url" : field.type === "email" ? "email" : "text",
+        placeholder: options.placeholder,
+        minLength: options.minLength,
+        maxLength: options.maxLength,
+        showCounter: options.showCounter,
+        preview: field.type === "image"
+      };
+    }
+  }
+});
+function handleKeydown(event) {
+  if (multiline.value || event.shiftKey) return;
+  emit("enter");
+}
+</script>
+
+<template>
+  <div
+    class="ep:min-w-0"
+    @keydown.enter="handleKeydown"
+  >
+    <component
+      :is="component"
+      :id="id"
+      :model-value="modelValue"
+      :label="label"
+      :description="field.options.description"
+      :required="field.options.required"
+      :errors="errors"
+      :disabled="disabled"
+      v-bind="specificProps"
+      @update:model-value="emit('update:modelValue', $event)"
+    />
+  </div>
+</template>

package/dist/runtime/components/fields/FieldRenderer.vue.d.ts

@@ -0,0 +1,24 @@
+import type { FieldDefinition } from '../../types/index.js';
+type __VLS_Props = {
+    fieldName: string;
+    field: Exclude<FieldDefinition, {
+        type: 'array' | 'section' | 'tabs';
+    }>;
+    modelValue?: unknown;
+    /** Dotted path of this field in the document; defaults to its name at the root. */
+    path?: string;
+    id?: string;
+    errors?: string[];
+    disabled?: boolean;
+    hideLabel?: boolean;
+    compact?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    enter: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/NumberField.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    modelValue?: unknown;
+    label: string;
+    description?: string;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    slider?: boolean;
+    errors?: string[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/NumberField.vue

@@ -0,0 +1,58 @@
+<script setup>
+import EPFormField from "../ui/EPFormField.vue";
+import EPInputText from "../ui/EPInputText.vue";
+import EPSlider from "../ui/EPSlider.vue";
+defineProps({
+  id: { type: String, required: true },
+  modelValue: { type: null, required: false },
+  label: { type: String, required: true },
+  description: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  min: { type: Number, required: false },
+  max: { type: Number, required: false },
+  step: { type: Number, required: false },
+  slider: { type: Boolean, required: false },
+  errors: { type: Array, required: false, default: () => [] },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+</script>
+
+<template>
+  <EPFormField
+    :id="id"
+    :label="label"
+    :description="description"
+    :required="required"
+    :errors="errors"
+  >
+    <EPInputText
+      v-if="!slider"
+      :id="id"
+      :model-value="typeof modelValue === 'number' ? modelValue : ''"
+      type="number"
+      :min="min"
+      :max="max"
+      :step="step"
+      :required="required"
+      :invalid="Boolean(errors.length)"
+      :disabled="disabled"
+      @update:model-value="emit('update:modelValue', $event)"
+    />
+    <ClientOnly v-else>
+      <EPSlider
+        :id="id"
+        :label="label"
+        :model-value="typeof modelValue === 'number' ? modelValue : void 0"
+        :min="min"
+        :max="max"
+        :step="step"
+        :disabled="disabled"
+        @update:model-value="emit('update:modelValue', $event)"
+      />
+      <template #fallback>
+        <span class="ep:block ep:h-10 ep:w-full ep:rounded-lg ep:bg-selected-ep" />
+      </template>
+    </ClientOnly>
+  </EPFormField>
+</template>

package/dist/runtime/components/fields/NumberField.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    modelValue?: unknown;
+    label: string;
+    description?: string;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    slider?: boolean;
+    errors?: string[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/RadioField.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    modelValue?: unknown;
+    label: string;
+    description?: string;
+    required?: boolean;
+    options: ReadonlyArray<{
+        label: string;
+        value: string;
+    }>;
+    errors?: string[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/RadioField.vue

@@ -0,0 +1,44 @@
+<script setup>
+import EPFormField from "../ui/EPFormField.vue";
+import EPRadioButton from "../ui/EPRadioButton.vue";
+defineProps({
+  id: { type: String, required: true },
+  modelValue: { type: null, required: false },
+  label: { type: String, required: true },
+  description: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  options: { type: Array, required: true },
+  errors: { type: Array, required: false, default: () => [] },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+</script>
+
+<template>
+  <EPFormField
+    :id="id"
+    :label="label"
+    :description="description"
+    :required="required"
+    :errors="errors"
+  >
+    <ClientOnly>
+      <EPRadioButton
+        :model-value="typeof modelValue === 'string' ? modelValue : ''"
+        :options="options"
+        :required="required"
+        :disabled="disabled"
+        @update:model-value="emit('update:modelValue', $event)"
+      />
+      <template #fallback>
+        <div class="ep:grid ep:gap-2 ep:sm:grid-cols-2">
+          <div
+            v-for="option in options"
+            :key="option.value"
+            class="ep:h-12 ep:rounded-xl ep:border ep:border-border-ep ep:bg-selected-ep/40"
+          />
+        </div>
+      </template>
+    </ClientOnly>
+  </EPFormField>
+</template>

package/dist/runtime/components/fields/RadioField.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    modelValue?: unknown;
+    label: string;
+    description?: string;
+    required?: boolean;
+    options: ReadonlyArray<{
+        label: string;
+        value: string;
+    }>;
+    errors?: string[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/RichTextField.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    modelValue?: unknown;
+    label: string;
+    description?: string;
+    required?: boolean;
+    placeholder?: string;
+    minLength?: number;
+    maxLength?: number;
+    showCounter?: boolean;
+    errors?: string[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/RichTextField.vue

@@ -0,0 +1,176 @@
+<script setup>
+import Image from "@tiptap/extension-image";
+import Placeholder from "@tiptap/extension-placeholder";
+import StarterKit from "@tiptap/starter-kit";
+import { EditorContent, useEditor } from "@tiptap/vue-3";
+import { computed, ref, watch } from "vue";
+import EPFormField from "../ui/EPFormField.vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  modelValue: { type: null, required: false },
+  label: { type: String, required: true },
+  description: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  placeholder: { type: String, required: false, default: "Start writing\u2026" },
+  minLength: { type: Number, required: false },
+  maxLength: { type: Number, required: false },
+  showCounter: { type: Boolean, required: false },
+  errors: { type: Array, required: false, default: () => [] },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const revision = ref(0);
+const initialContent = typeof props.modelValue === "string" ? props.modelValue : "";
+const editor = useEditor({
+  content: initialContent,
+  editable: !props.disabled,
+  extensions: [
+    StarterKit.configure({
+      heading: { levels: [2, 3] },
+      link: {
+        openOnClick: false,
+        autolink: true,
+        defaultProtocol: "https",
+        HTMLAttributes: { rel: "noopener noreferrer" }
+      }
+    }),
+    Placeholder.configure({ placeholder: props.placeholder }),
+    Image.configure({ HTMLAttributes: { class: "eponyme-rich-text-image" } })
+  ],
+  onTransaction: () => revision.value++,
+  onUpdate: ({ editor: editor2 }) => emit("update:modelValue", editor2.isEmpty ? "" : editor2.getHTML())
+});
+function trackEditorRevision() {
+  return revision.value;
+}
+const characterCount = computed(() => {
+  trackEditorRevision();
+  return editor.value?.getText().length ?? 0;
+});
+watch(() => props.modelValue, (value) => {
+  const instance = editor.value;
+  if (!instance) return;
+  const next = typeof value === "string" ? value : "";
+  const current = instance.isEmpty ? "" : instance.getHTML();
+  if (next !== current) instance.commands.setContent(next, { emitUpdate: false });
+});
+watch(() => props.disabled, (disabled) => editor.value?.setEditable(!disabled));
+function isActive(name, attributes = {}) {
+  trackEditorRevision();
+  return editor.value?.isActive(name, attributes) ?? false;
+}
+function setLink() {
+  const instance = editor.value;
+  if (!instance) return;
+  const current = String(instance.getAttributes("link").href ?? "");
+  const href = window.prompt("Link URL", current || "https://");
+  if (href === null) return;
+  if (!href.trim()) {
+    instance.chain().focus().extendMarkRange("link").unsetLink().run();
+    return;
+  }
+  instance.chain().focus().extendMarkRange("link").setLink({ href: href.trim() }).run();
+}
+function setImage() {
+  const instance = editor.value;
+  if (!instance) return;
+  const src = window.prompt("Image URL", "https://");
+  if (src === null || !src.trim()) return;
+  if (!/^https?:\/\//i.test(src.trim())) {
+    window.alert("Must be an HTTP(S) URL.");
+    return;
+  }
+  const alt = window.prompt("Alt text (describe the image)", "") ?? "";
+  instance.chain().focus().setImage({ src: src.trim(), alt: alt.trim() }).run();
+}
+const tools = computed(() => {
+  const instance = editor.value;
+  if (!instance) return [];
+  trackEditorRevision();
+  return [
+    { icon: "mingcute:paragraph-line", title: "Paragraph", active: isActive("paragraph"), run: () => instance.chain().focus().setParagraph().run() },
+    { icon: "mingcute:heading-2-line", title: "Heading 2", active: isActive("heading", { level: 2 }), run: () => instance.chain().focus().toggleHeading({ level: 2 }).run() },
+    { icon: "mingcute:heading-3-line", title: "Heading 3", active: isActive("heading", { level: 3 }), run: () => instance.chain().focus().toggleHeading({ level: 3 }).run() },
+    { icon: "mingcute:bold-line", title: "Bold", active: isActive("bold"), separated: true, run: () => instance.chain().focus().toggleBold().run() },
+    { icon: "mingcute:italic-line", title: "Italic", active: isActive("italic"), run: () => instance.chain().focus().toggleItalic().run() },
+    { icon: "mingcute:strikethrough-line", title: "Strikethrough", active: isActive("strike"), run: () => instance.chain().focus().toggleStrike().run() },
+    { icon: "mingcute:link-line", title: "Link", active: isActive("link"), run: setLink },
+    { icon: "mingcute:pic-line", title: "Image", active: isActive("image"), run: setImage },
+    { icon: "mingcute:list-check-line", title: "Bullet list", active: isActive("bulletList"), separated: true, run: () => instance.chain().focus().toggleBulletList().run() },
+    { icon: "mingcute:list-ordered-line", title: "Numbered list", active: isActive("orderedList"), run: () => instance.chain().focus().toggleOrderedList().run() },
+    { icon: "mingcute:quote-left-line", title: "Quote", active: isActive("blockquote"), run: () => instance.chain().focus().toggleBlockquote().run() },
+    { icon: "mingcute:back-2-line", title: "Undo", separated: true, disabled: !instance.can().chain().focus().undo().run(), run: () => instance.chain().focus().undo().run() },
+    { icon: "mingcute:forward-2-line", title: "Redo", disabled: !instance.can().chain().focus().redo().run(), run: () => instance.chain().focus().redo().run() }
+  ];
+});
+</script>
+
+<template>
+  <EPFormField
+    :id="id"
+    :label="label"
+    :description="description"
+    :required="required"
+    :errors="errors"
+  >
+    <div
+      class="eponyme-rich-text ep:overflow-hidden ep:rounded-xl ep:bg-selected-ep ep:ring-white/10 ep:focus-within:ring-2"
+      :class="{ 'ep:opacity-60': disabled, 'ep:ring-2 ep:ring-danger-ep/40': errors.length }"
+    >
+      <div
+        v-if="editor"
+        class="ep:flex ep:flex-wrap ep:items-center ep:gap-1 ep:border-b ep:border-border-ep ep:p-2"
+        role="toolbar"
+        :aria-label="`${label} formatting`"
+      >
+        <template
+          v-for="tool in tools"
+          :key="tool.title"
+        >
+          <span
+            v-if="tool.separated"
+            class="ep:mx-1 ep:h-5 ep:w-px ep:bg-border-ep"
+          />
+          <button
+            type="button"
+            class="rich-text-tool"
+            :class="{ 'is-active': tool.active }"
+            :disabled="disabled || tool.disabled"
+            :title="tool.title"
+            :aria-label="tool.title"
+            :aria-pressed="tool.active"
+            @mousedown.prevent="tool.run()"
+          >
+            <Icon
+              :name="tool.icon"
+              size="18"
+              aria-hidden="true"
+            />
+          </button>
+        </template>
+      </div>
+      <EditorContent
+        v-if="editor"
+        :id="id"
+        :editor="editor"
+        class="ep:min-h-72"
+      />
+      <div
+        v-else
+        class="ep:min-h-72 ep:p-5 ep:text-sm ep:text-muted-ep"
+      >
+        Loading editor…
+      </div>
+    </div>
+    <p
+      v-if="maxLength !== void 0 && showCounter !== false"
+      class="ep:mt-1.5 ep:mb-0 ep:text-right ep:text-[11px] ep:text-muted-ep"
+    >
+      {{ characterCount }} / {{ maxLength }}
+    </p>
+  </EPFormField>
+</template>
+
+<style scoped>
+.rich-text-tool{align-items:center;background:transparent;border:0;border-radius:.45rem;color:var(--ep-color-muted-ep,#8d8d8d);cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:650;height:2rem;justify-content:center;min-width:2rem;padding:0 .55rem;transition:color .15s ease,background-color .15s ease}.rich-text-tool.is-active,.rich-text-tool:hover{background:var(--ep-color-theme-ep,#1c1c1c);color:#fff}.rich-text-tool:disabled{cursor:not-allowed;opacity:.35}.eponyme-rich-text :deep(.tiptap){color:var(--ep-color-text-ep,#e7e7e7);font-size:.925rem;line-height:1.75;min-height:18rem;outline:none;padding:1.25rem}.eponyme-rich-text :deep(.tiptap>:first-child){margin-top:0}.eponyme-rich-text :deep(.tiptap>:last-child){margin-bottom:0}.eponyme-rich-text :deep(.tiptap h2){font-size:1.5rem;line-height:1.25;margin:1.5rem 0 .75rem}.eponyme-rich-text :deep(.tiptap h3){font-size:1.2rem;line-height:1.3;margin:1.25rem 0 .625rem}.eponyme-rich-text :deep(.tiptap blockquote),.eponyme-rich-text :deep(.tiptap ol),.eponyme-rich-text :deep(.tiptap p),.eponyme-rich-text :deep(.tiptap ul){margin:.75rem 0}.eponyme-rich-text :deep(.tiptap ol),.eponyme-rich-text :deep(.tiptap ul){padding-left:1.5rem}.eponyme-rich-text :deep(.tiptap blockquote){border-left:2px solid var(--ep-color-muted-ep,#8d8d8d);color:var(--ep-color-muted-ep,#8d8d8d);padding-left:1rem}.eponyme-rich-text :deep(.tiptap img){border-radius:.75rem;height:auto;max-width:100%}.eponyme-rich-text :deep(.tiptap img.ProseMirror-selectednode){outline:2px solid #fff;outline-offset:2px}.eponyme-rich-text :deep(.tiptap a){color:#fff;text-decoration:underline;text-underline-offset:3px}.eponyme-rich-text :deep(.tiptap p.is-editor-empty:first-child:before){color:var(--ep-color-muted-ep,#8d8d8d);content:attr(data-placeholder);float:left;height:0;pointer-events:none}
+</style>

package/dist/runtime/components/fields/RichTextField.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    modelValue?: unknown;
+    label: string;
+    description?: string;
+    required?: boolean;
+    placeholder?: string;
+    minLength?: number;
+    maxLength?: number;
+    showCounter?: boolean;
+    errors?: string[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/fields/SectionField.d.vue.ts

@@ -0,0 +1,20 @@
+import type { SectionFieldDefinition } from '../../types/index.js';
+import type { ValidationErrors } from '../../utils/validate-eponyme-data.js';
+type __VLS_Props = {
+    fieldName: string;
+    definition: SectionFieldDefinition;
+    modelValue: unknown;
+    /** Dotted path of this section; children extend it. */
+    path?: string;
+    /** Errors of this subtree, keyed relative to this section. */
+    errors?: ValidationErrors;
+    hideHeader?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;