@chelone/vue 0.2.0 → 0.4.0

package/dist/components/admin/list/kanban-board.vue.js

@@ -0,0 +1,275 @@
+import { defineComponent, computed, getCurrentInstance, shallowRef, ref, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, renderSlot, withModifiers, createVNode, withCtx, createBlock, createTextVNode } from "vue";
+import { buildKanbanBuckets, planKanbanMove, getAtPath } from "@chelone/core";
+import { useResourceDefinition } from "../../../admin/resource-registry.js";
+import { useCheloneNotifications } from "../../../context.js";
+import { useUpdate } from "../../../data/mutations.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
+import { cn } from "../../../lib/utils.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$3 from "../../ui/button.vue.js";
+import { useMenuAccess } from "../layout/use-menu-access.js";
+import { ArrowRightLeftIcon } from "./list-icons.js";
+import { useNavigate, useCreatePath } from "../../../router/nav-composables.js";
+import _sfc_main$1 from "../../ui/dropdown-menu/dropdown-menu.vue.js";
+import _sfc_main$2 from "../../ui/dropdown-menu/dropdown-menu-trigger.vue.js";
+import _sfc_main$4 from "../../ui/dropdown-menu/dropdown-menu-content.vue.js";
+import _sfc_main$5 from "../../ui/dropdown-menu/dropdown-menu-item.vue.js";
+const _hoisted_1 = ["aria-label", "data-column-id"];
+const _hoisted_2 = { class: "flex items-center justify-between px-1 text-sm font-medium" };
+const _hoisted_3 = {
+  "data-slot": "kanban-column-count",
+  class: "text-muted-foreground"
+};
+const _hoisted_4 = ["data-over", "onDragover", "onDragleave", "onDrop"];
+const _hoisted_5 = {
+  key: 0,
+  "data-slot": "kanban-empty",
+  class: "px-1 py-2 text-sm text-muted-foreground"
+};
+const _hoisted_6 = ["data-record-id", "data-dragging", "draggable", "onClick", "onKeydown", "onDragstart"];
+const _hoisted_7 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+const _hoisted_8 = {
+  "data-slot": "kanban-card-title",
+  class: "font-medium"
+};
+const _hoisted_9 = {
+  key: 0,
+  "data-slot": "kanban-card-description",
+  class: "text-muted-foreground"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "kanban-board",
+  props: {
+    groupSource: {},
+    columns: {},
+    titleSource: { default: void 0 },
+    descriptionSource: { default: void 0 },
+    linkType: { type: [String, Boolean], default: void 0 },
+    class: {}
+  },
+  emits: ["select-card"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const list = useListContext();
+    const resource = useResourceContext();
+    const translate = useTranslate();
+    const getRepresentation = useGetRecordRepresentation(resource);
+    const navigate = useNavigate();
+    const createPath = useCreatePath();
+    const definition = useResourceDefinition(() => ({ resource }));
+    const notifications = useCheloneNotifications();
+    const { canAccess, isPending: isAccessPending } = useMenuAccess(
+      computed(() => ({
+        action: "edit",
+        resource: resource ?? ""
+      }))
+    );
+    const update = useUpdate(resource ?? "", { mutationMode: "optimistic" });
+    const draggable = computed(
+      () => !!resource && canAccess.value && !isAccessPending.value
+    );
+    const instance = getCurrentInstance();
+    const hasListener = () => {
+      const listeners = instance?.vnode.props;
+      return !!(listeners?.onSelectCard || listeners?.onSelectCardOnce);
+    };
+    const buckets = computed(
+      () => buildKanbanBuckets(list.data ?? [], props.groupSource, props.columns)
+    );
+    const grabbed = shallowRef(null);
+    const draggingId = ref();
+    const overColumn = ref();
+    function clearDrag() {
+      grabbed.value = null;
+      draggingId.value = void 0;
+      overColumn.value = void 0;
+    }
+    function move(record, targetColumnId) {
+      const plan = planKanbanMove(
+        record,
+        props.groupSource,
+        props.columns,
+        targetColumnId
+      );
+      if (!plan) return;
+      update.mutateAsync(plan).catch(() => {
+        notifications?.notify("chelone.notification.http_error", {
+          type: "error"
+        });
+      });
+    }
+    const type = computed(
+      () => props.linkType ?? (definition.value.hasEdit ? "edit" : definition.value.hasShow ? "show" : false)
+    );
+    const linkTo = (record) => resource && type.value ? createPath({ resource, id: record.id, type: type.value }) : void 0;
+    const selectable = computed(
+      () => hasListener() || !!resource && type.value !== false
+    );
+    function select(record) {
+      if (!selectable.value) return;
+      if (hasListener()) return emit("select-card", record);
+      const to = linkTo(record);
+      if (to) navigate(to);
+    }
+    function onCardKeydown(event, record) {
+      if (event.target !== event.currentTarget) return;
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      select(record);
+    }
+    function onDragStart(event, record) {
+      if (!draggable.value || !event.dataTransfer) return;
+      event.dataTransfer.effectAllowed = "move";
+      event.dataTransfer.setData("text/plain", String(record.id));
+      grabbed.value = record;
+      draggingId.value = String(record.id);
+    }
+    function onDragOver(event, columnId) {
+      if (!grabbed.value) return;
+      event.preventDefault();
+      if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+      overColumn.value = columnId;
+    }
+    function onDragLeave(event, columnId) {
+      const into = event.relatedTarget;
+      const area = event.currentTarget;
+      if (into instanceof Node && area?.contains(into)) return;
+      if (overColumn.value === columnId) overColumn.value = void 0;
+    }
+    function onDrop(event, columnId) {
+      const record = grabbed.value;
+      if (!record || !draggable.value) return;
+      event.preventDefault();
+      clearDrag();
+      move(record, columnId);
+    }
+    const isEmpty = (value) => value == null || value === "";
+    const textOf = (record, source) => source ? getAtPath(record, source) : void 0;
+    const titleOf = (record) => {
+      const value = textOf(record, props.titleSource);
+      return value == null ? getRepresentation(record) : String(value);
+    };
+    const othersOf = (columnId) => props.columns.filter((other) => other.id !== columnId);
+    const moveLabel = (record) => translate("chelone.kanban_board.move", {
+      title: titleOf(record),
+      _: "Move {title}"
+    });
+    const emptyLabel = computed(
+      () => translate("chelone.kanban_board.empty", { _: "No items" })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "kanban-board",
+        class: normalizeClass(unref(cn)("flex items-start gap-4 overflow-x-auto pb-2", props.class))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(buckets.value, ({ column, records }) => {
+          return openBlock(), createElementBlock("div", {
+            key: column.id,
+            role: "group",
+            "aria-label": column.label,
+            "data-slot": "kanban-column",
+            "data-column-id": column.id,
+            class: normalizeClass(
+              unref(cn)(
+                "flex w-72 shrink-0 flex-col gap-2 rounded-lg bg-muted/50 p-2",
+                column.className
+              )
+            )
+          }, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("span", null, toDisplayString(column.label), 1),
+              createElementVNode("span", _hoisted_3, toDisplayString(records.length), 1)
+            ]),
+            createElementVNode("div", {
+              "data-slot": "kanban-column-cards",
+              "data-over": overColumn.value === column.id ? "" : void 0,
+              class: "flex min-h-16 flex-col gap-2 rounded-md data-[over]:bg-accent",
+              onDragover: ($event) => onDragOver($event, column.id),
+              onDragleave: ($event) => onDragLeave($event, column.id),
+              onDrop: ($event) => onDrop($event, column.id)
+            }, [
+              records.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(emptyLabel.value), 1)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(records, (record) => {
+                return openBlock(), createElementBlock("div", {
+                  key: record.id,
+                  role: "button",
+                  tabindex: "0",
+                  "data-slot": "kanban-card",
+                  "data-record-id": String(record.id),
+                  "data-dragging": draggingId.value === String(record.id) ? "" : void 0,
+                  draggable: draggable.value,
+                  class: "flex cursor-pointer items-start gap-2 rounded-md border bg-card p-3 text-sm shadow-xs data-[dragging]:opacity-50",
+                  onClick: ($event) => select(record),
+                  onKeydown: ($event) => onCardKeydown($event, record),
+                  onDragstart: ($event) => onDragStart($event, record),
+                  onDragend: clearDrag
+                }, [
+                  createElementVNode("div", _hoisted_7, [
+                    _ctx.$slots.card ? renderSlot(_ctx.$slots, "card", {
+                      key: 0,
+                      record
+                    }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createElementVNode("span", _hoisted_8, toDisplayString(titleOf(record)), 1),
+                      !isEmpty(textOf(record, props.descriptionSource)) ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(String(textOf(record, props.descriptionSource))), 1)) : createCommentVNode("", true)
+                    ], 64))
+                  ]),
+                  draggable.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, [
+                    createVNode(unref(_sfc_main$1), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$2), null, {
+                          default: withCtx(() => [
+                            createVNode(_sfc_main$3, {
+                              type: "button",
+                              variant: "ghost",
+                              size: "icon",
+                              "data-slot": "kanban-card-move",
+                              class: "size-6",
+                              "aria-label": moveLabel(record)
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(ArrowRightLeftIcon))
+                              ]),
+                              _: 1
+                            }, 8, ["aria-label"])
+                          ]),
+                          _: 2
+                        }, 1024),
+                        createVNode(unref(_sfc_main$4), { align: "end" }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(othersOf(column.id), (other) => {
+                              return openBlock(), createBlock(unref(_sfc_main$5), {
+                                key: other.id,
+                                onSelect: ($event) => move(record, other.id)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(other.label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["onSelect"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])) : createCommentVNode("", true)
+                ], 40, _hoisted_6);
+              }), 128))
+            ], 40, _hoisted_4)
+          ], 10, _hoisted_1);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/kanban-board2.vue.js

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

package/dist/components/admin/list/list-icons.d.ts

@@ -16,3 +16,5 @@ export declare const ChevronLeftIcon: FunctionalComponent;
 export declare const ChevronRightIcon: FunctionalComponent;
 /** Stacked up/down chevrons — the expand-all rows control. */
 export declare const ChevronsUpDownIcon: FunctionalComponent;
+/** Two opposing arrows — the kanban card "Move to" control. */
+export declare const ArrowRightLeftIcon: FunctionalComponent;

package/dist/components/admin/list/list-icons.js

@@ -35,7 +35,14 @@ const ChevronsUpDownIcon = icon(() => [
   h("path", { d: "m7 15 5 5 5-5" }),
   h("path", { d: "m7 9 5-5 5 5" })
 ]);
+const ArrowRightLeftIcon = icon(() => [
+  h("path", { d: "m16 3 4 4-4 4" }),
+  h("path", { d: "M20 7H4" }),
+  h("path", { d: "m8 21-4-4 4-4" }),
+  h("path", { d: "M4 17h16" })
+]);
 export {
+  ArrowRightLeftIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronsUpDownIcon,

package/dist/components/admin/list/tree-list.vue.d.ts

@@ -15,15 +15,16 @@
  * </List>
  */
 import { type LooseRecord } from "@chelone/core";
+import type { SourceProp } from "@chelone/core";
 import type { Component } from "vue";
 /** Props for {@link TreeList}. */
 export interface TreeListProps {
-    /** The field holding the parent's id; a dotted path reads a nested value. */
-    parentSource: string;
+    /** The field holding the parent's id; a dot or bracket path reads a nested value. */
+    parentSource: SourceProp;
     /** The string field shown as the row title; the record representation otherwise. */
-    titleSource?: string;
+    titleSource?: SourceProp;
     /** The field whose value picks a component from `iconMap`. */
-    iconSource?: string;
+    iconSource?: SourceProp;
     iconMap?: Record<string, Component>;
     /** Whether branches start open. Default `false`. */
     defaultExpanded?: boolean;
@@ -41,8 +42,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TreeListPr
     onSelect?: ((record: LooseRecord) => any) | undefined;
 }>, {
     linkType: "edit" | "show" | false;
-    titleSource: string;
-    iconSource: string;
+    titleSource: SourceProp;
+    iconSource: SourceProp;
     iconMap: Record<string, Component>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** Rendered while the list is pending, in place of `SimpleListLoading`. */

package/dist/components/admin/list/tree-list.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, computed, ref, provide, unref, openBlock, createElementBlock, Fragment, renderSlot, createBlock, normalizeClass, renderList } from "vue";
-import { buildRecordTree } from "@chelone/core";
+import { buildRecordTree, getAtPath } from "@chelone/core";
 import { useResourceDefinition } from "../../../admin/resource-registry.js";
 import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
 import { cn } from "../../../lib/utils.js";
@@ -58,22 +58,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const linkTo = (record) => resource && type.value ? createPath({ resource, id: record.id, type: type.value }) : void 0;
     function titleFor(record) {
       if (props.titleSource) {
-        const value = readPath(record, props.titleSource);
+        const value = getAtPath(record, props.titleSource);
         if (typeof value === "string") return value;
       }
       return getRepresentation(record);
     }
     function iconFor(record) {
       if (!props.iconSource || !props.iconMap) return void 0;
-      const value = readPath(record, props.iconSource);
+      const value = getAtPath(record, props.iconSource);
       return value == null ? void 0 : props.iconMap[String(value)];
     }
-    function readPath(record, path) {
-      return path.split(".").reduce(
-        (value, key) => value == null ? void 0 : value[key],
-        record
-      );
-    }
     provide(TreeListKey, {
       isExpanded,
       toggle(id) {

package/dist/components/admin/view/labeled.vue.d.ts

@@ -10,13 +10,14 @@
  * is a native element, a `<Labeled>` or a `<RecordField>`, which label
  * themselves.
  */
+import type { SourceProp } from "@chelone/core";
 import { type PropType, type VNode } from "vue";
 /** Props for {@link Labeled}. */
 export interface LabeledProps {
     /** Overrides the child's `label`; `false` renders no label. */
     label?: string | false;
     /** Overrides the child's `source` when resolving the label. */
-    source?: string;
+    source?: SourceProp;
     /** Overrides the child's `resource` when resolving the label. */
     resource?: string;
     isRequired?: boolean;
@@ -33,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     source: {
-        type: StringConstructor;
+        type: PropType<SourceProp>;
         default: undefined;
     };
     resource: {
@@ -68,7 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     source: {
-        type: StringConstructor;
+        type: PropType<SourceProp>;
         default: undefined;
     };
     resource: {
@@ -96,13 +97,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    source: string;
     class: string;
     label: string | false;
+    source: string;
     resource: string;
-    as: string;
     htmlFor: string;
     isRequired: boolean;
     fullWidth: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/admin/view/labeled.vue.js

@@ -23,7 +23,10 @@ const _sfc_main = defineComponent({
       type: [String, Boolean],
       default: void 0
     },
-    source: { type: String, default: void 0 },
+    source: {
+      type: String,
+      default: void 0
+    },
     resource: { type: String, default: void 0 },
     isRequired: { type: Boolean, default: false },
     htmlFor: { type: String, default: void 0 },

package/dist/components/admin/view/tabbed-show-layout-tab.vue.d.ts

@@ -75,9 +75,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    count: number;
-    path: string;
     icon: Component;
+    path: string;
+    count: number;
     contentClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/index.d.ts

@@ -326,6 +326,8 @@ export type { FilterLiveSearchProps } from "./admin/list/filter-live-search.vue.
 export { default as FilterLiveSearch } from "./admin/list/filter-live-search.vue.js";
 export type { InfinitePaginationProps } from "./admin/list/infinite-pagination.vue.js";
 export { default as InfinitePagination } from "./admin/list/infinite-pagination.vue.js";
+export type { KanbanBoardProps } from "./admin/list/kanban-board.vue.js";
+export { default as KanbanBoard } from "./admin/list/kanban-board.vue.js";
 export type { ListActionsProps } from "./admin/list/list-actions.vue.js";
 export { default as ListActions } from "./admin/list/list-actions.vue.js";
 export type { ListNoResultsProps } from "./admin/list/list-no-results.vue.js";

package/dist/components/maps/geo-json-field.vue.d.ts

@@ -1,8 +1,9 @@
+import type { SourceProp } from "@chelone/core";
 import type { GeoJsonViewProps } from "./geo-json-view.vue.js";
 /** Props for {@link GeoJsonField}. */
 export interface GeoJsonFieldProps extends Partial<Omit<GeoJsonViewProps, "data">> {
     /** The record property holding the GeoJSON value. */
-    source: string;
+    source: SourceProp;
     /** Defaults to the ambient record. */
     record?: Record<string, unknown>;
     /** Used when the property is `undefined`. */

package/dist/components/maps/lat-lng-field.vue.d.ts

@@ -1,10 +1,10 @@
-import type { MapStyleInput } from "@chelone/core";
+import type { MapStyleInput, SourceProp } from "@chelone/core";
 /** Props for {@link LatLngField}. */
 export interface LatLngFieldProps {
     /** The record property holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The record property holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** Defaults to the ambient record. */
     record?: Record<string, unknown>;
     zoom?: number;

package/dist/components/maps/lat-lng-input.vue.d.ts

@@ -1,10 +1,10 @@
-import type { MapStyleInput, Validator } from "@chelone/core";
+import type { MapStyleInput, SourceProp, Validator } from "@chelone/core";
 /** Props for {@link LatLngInput}. */
 export interface LatLngInputProps {
     /** The form field holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The form field holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** The legend. A string is translated; `false` renders none. */
     label?: string | false;
     helperText?: string;
@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<LatLngInputProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<LatLngInputProps> & Readonly<{
     onPositionChange?: ((lat: number, lng: number) => any) | undefined;
 }>, {
-    label: string | false;
     disabled: boolean;
+    label: string | false;
     height: number | string;
     zoom: number;
     defaultPosition: readonly [lat: number, lng: number];

package/dist/components/maps-draw/shape-input.vue.d.ts

@@ -1,10 +1,10 @@
-import { type MapStyleInput, type ShapeStyle, type ShapeValue, type ShapeValueKind, type Validator } from "@chelone/core";
+import { type MapStyleInput, type ShapeStyle, type ShapeValue, type ShapeValueKind, type SourceProp, type Validator } from "@chelone/core";
 import { type DrawTool } from "./use-terra-draw.js";
 type ToolbarTool = DrawTool | "delete";
 /** Props for {@link ShapeInput}. */
 export interface ShapeInputProps {
     /** The form field holding the GeoJSON value. */
-    source: string;
+    source: SourceProp;
     /** The kind of value the field holds, which decides what a drawing writes. */
     kind: ShapeValueKind;
     /** The legend. A string is translated; `false` renders none. */
@@ -62,11 +62,11 @@ declare const _default: import("vue").DefineComponent<ShapeInputProps, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<ShapeInputProps> & Readonly<{
     onCommit?: ((value: ShapeValue | null) => any) | undefined;
 }>, {
-    label: string | false;
     disabled: boolean;
+    label: string | false;
     height: number | string;
-    validate: Validator | readonly Validator[];
     helperText: string | false;
+    validate: Validator | readonly Validator[];
     mapStyle: MapStyleInput;
     zoom: number;
     tools: readonly ToolbarTool[];

package/dist/components/maps-draw/simplify-input.vue.d.ts

@@ -1,9 +1,9 @@
-import type { MapStyleInput, ShapeStyle } from "@chelone/core";
+import type { MapStyleInput, ShapeStyle, SourceProp } from "@chelone/core";
 export type SimplifyQuality = "Default" | "High";
 /** Props for {@link SimplifyInput}. */
 export interface SimplifyInputProps {
     /** The form field holding a Geometry, Feature or FeatureCollection. */
-    source: string;
+    source: SourceProp;
     /** The legend. A string is translated; `false` renders none. */
     label?: string | false;
     helperText?: string | false;

package/dist/components/maps-osm/geocoding-input.vue.d.ts

@@ -1,14 +1,14 @@
-import type { GeoBBox, GeocodingProvider } from "@chelone/core";
+import type { GeoBBox, GeocodingProvider, SourceProp } from "@chelone/core";
 /** Props for {@link GeocodingInput}. */
 export interface GeocodingInputProps {
     /** The form field holding the address text. */
-    source: string;
+    source: SourceProp;
     /** Written with the picked result's latitude. Left alone when unset. */
-    latSource?: string;
+    latSource?: SourceProp;
     /** Written with the picked result's longitude. Left alone when unset. */
-    lngSource?: string;
+    lngSource?: SourceProp;
     /** Written with the picked result's `[west, south, east, north]`, when it has one. */
-    bboxSource?: string;
+    bboxSource?: SourceProp;
     /** A string is translated; `false` renders none. Defaults to the label of `source`. */
     label?: string | false;
     /** Defaults to `chelone.map.search_placeholder`. */
@@ -26,8 +26,8 @@ export interface GeocodingInputProps {
     class?: string;
 }
 declare const _default: import("vue").DefineComponent<GeocodingInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GeocodingInputProps> & Readonly<{}>, {
-    label: string | false;
     disabled: boolean;
+    label: string | false;
     debounceMs: number;
     minChars: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/maps-osm/map-with-search.vue.d.ts

@@ -1,12 +1,12 @@
-import type { GeocodingProvider } from "@chelone/core";
+import type { GeocodingProvider, SourceProp } from "@chelone/core";
 /** Props for {@link MapWithSearch}. */
 export interface MapWithSearchProps {
     /** The form field holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The form field holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** The form field holding the address text. */
-    addressSource: string;
+    addressSource: SourceProp;
     /** In pixels, or any CSS length. Defaults to 400. */
     height?: number | string;
     /** Read once at mount. Defaults to 13. */

package/dist/components/maps-osm/osm-feature-operator.vue.d.ts

@@ -1,8 +1,8 @@
-import type { OsmPresetName, OsmTagInput, OverpassProvider } from "@chelone/core";
+import type { OsmPresetName, OsmTagInput, OverpassProvider, SourceProp } from "@chelone/core";
 /** Props for {@link OsmFeatureOperator}. */
 export interface OsmFeatureOperatorProps {
     /** The form field holding the Polygon or MultiPolygon. */
-    source: string;
+    source: SourceProp;
     /** `subtract` removes the matching OSM areas from the polygon; `add` merges them in. */
     mode: "subtract" | "add";
     /** Named OSM feature sets to query, such as `water`. */
@@ -17,8 +17,8 @@ export interface OsmFeatureOperatorProps {
     class?: string;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<OsmFeatureOperatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OsmFeatureOperatorProps> & Readonly<{}>, {
-    label: string;
     disabled: boolean;
+    label: string;
     provider: OverpassProvider;
     presets: readonly OsmPresetName[];
     tags: readonly OsmTagInput[];

package/dist/components/maps-osm/reverse-geocode-field.vue.d.ts

@@ -1,10 +1,10 @@
-import type { GeocodingProvider } from "@chelone/core";
+import type { GeocodingProvider, SourceProp } from "@chelone/core";
 /** Props for {@link ReverseGeocodeField}. */
 export interface ReverseGeocodeFieldProps {
     /** The record property holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The record property holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** Defaults to the ambient record. */
     record?: Record<string, unknown>;
     /** `full` is the whole name, `street` its first part and `city` its first two. Defaults to `full`. */

package/dist/components/mdx-editor/mdx-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 import type { CrepeEditorConfig } from "./internal/crepe-editor.vue.js";
 /** Props for {@link MdxField}. */
 export interface MdxFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     /** Used when the record has no value at `source`. */
     defaultValue?: unknown;

package/dist/components/mdx-editor/mdx-input.vue.d.ts

@@ -1,8 +1,8 @@
-import type { Validator } from "@chelone/core";
+import type { SourceProp, Validator } from "@chelone/core";
 import type { CrepeEditorConfig } from "./internal/crepe-editor.vue.js";
 /** Props for {@link MdxInput}. */
 export interface MdxInputProps {
-    source: string;
+    source: SourceProp;
     label?: string | false;
     /** Used when the record has no value at `source`. Defaults to `""`. */
     defaultValue?: unknown;