@chelone/vue 0.7.0 → 0.10.0

package/dist/components/kanban/kanban-board.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ import { ArrowRightLeftIcon } from "../admin/list/list-icons.js";
 import kanban_draggable_card_default from "./kanban-draggable-card.js";
 import kanban_drop_area_default from "./kanban-drop-area.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
-import { buildKanbanBuckets, getAtPath, planKanbanMove } from "@chelone/core";
+import { buildKanbanBuckets, getAtPath, isLooseRecord, planKanbanMove } from "@chelone/core";
 import { PointerSensor } from "@dnd-kit/dom";
 import { DragDropProvider } from "@dnd-kit/vue";
 // src/components/kanban/kanban-board.vue?vue&type=script&setup=true&lang.ts
@@ -115,9 +115,14 @@ var kanban_board_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		};
 		const buckets = computed(() => buildKanbanBuckets(list.data ?? [], props.groupSource, props.columns));
 		function move(record, targetColumnId) {
+			if (!isLooseRecord(record)) return;
 			const plan = planKanbanMove(record, props.groupSource, props.columns, targetColumnId);
 			if (!plan) return;
-			update.mutateAsync(plan).catch(() => {
+			update.mutateAsync({
+				id: plan.id,
+				data: plan.data,
+				previousData: record
+			}).catch(() => {
 				notifications?.notify("chelone.notification.http_error", { type: "error" });
 			});
 		}

package/dist/components/maps/bbox-field.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useFieldValue } from "../../record/use-field-value.js";
 import geo_json_field_default from "./geo-json-field.js";
 import { computed, createBlock, defineComponent, normalizeClass, openBlock } from "vue";
-import { bboxToPolygon } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAP_HEIGHT, DEFAULT_MAX_FIT_ZOOM, bboxToPolygon } from "@chelone/core";
 // src/components/maps/bbox-field.vue?vue&type=script&setup=true&lang.ts
 var bbox_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "bbox-field",
@@ -10,7 +10,7 @@ var bbox_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		record: {},
 		defaultValue: {},
 		emptyText: {},
-		height: { default: 300 },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		scrollZoom: {
 			type: Boolean,
@@ -22,8 +22,8 @@ var bbox_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/geo-json-field.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { cn } from "../../lib/utils.js";
 import { useFieldValue } from "../../record/use-field-value.js";
 import geo_json_view_default from "./geo-json-view.js";
 import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
-import { geoBounds, isGeoJsonValue, isLngLatBox } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAP_HEIGHT, DEFAULT_MAX_FIT_ZOOM, geoBounds, isGeoJsonValue, isLngLatBox } from "@chelone/core";
 // src/components/maps/geo-json-field.vue?vue&type=script&setup=true&lang.ts
 var geo_json_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "geo-json-field",
@@ -12,7 +12,7 @@ var geo_json_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		record: {},
 		defaultValue: {},
 		emptyText: {},
-		height: { default: 300 },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		scrollZoom: {
 			type: Boolean,
@@ -24,8 +24,8 @@ var geo_json_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/geo-json-layers.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { uniqueGeoJsonSourceId, useGeoJsonSource } from "./use-geo-json-source.js";
 import { useMap } from "./use-map.js";
 import { computed, defineComponent, toRaw, watch } from "vue";
-import { asFeatureCollection, geoBounds, isLngLatBox } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAX_FIT_ZOOM, asFeatureCollection, geoBounds, isLngLatBox } from "@chelone/core";
 // src/components/maps/geo-json-layers.vue?vue&type=script&setup=true&lang.ts
 var geo_json_layers_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "geo-json-layers",
@@ -12,8 +12,8 @@ var geo_json_layers_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/geo-json-view.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import geo_json_layers_default from "./geo-json-layers.js";
 import map_canvas_default from "./map-canvas.js";
 import { createBlock, createVNode, defineComponent, normalizeClass, openBlock, withCtx } from "vue";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAX_FIT_ZOOM } from "@chelone/core";
 // src/components/maps/geo-json-view.vue?vue&type=script&setup=true&lang.ts
 var geo_json_view_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "geo-json-view",
@@ -18,8 +19,8 @@ var geo_json_view_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/lat-lng-field.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import map_canvas_default from "./map-canvas.js";
 import { useCoordinates } from "./use-coordinates.js";
 import { MapMarker } from "./use-map.js";
 import { computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { DEFAULT_MAP_HEIGHT, LATITUDE_LIMIT, LONGITUDE_LIMIT } from "@chelone/core";
 // src/components/maps/lat-lng-field.vue?vue&type=script&setup=true&lang.ts
 var lat_lng_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "lat-lng-field",
@@ -32,10 +33,10 @@ var lat_lng_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		function inRange(value, limit) {
 			return value !== null && Math.abs(value) <= limit ? value : null;
 		}
-		const lat = computed(() => inRange(coordinates.lat.value, 90));
-		const lng = computed(() => inRange(coordinates.lng.value, 180));
+		const lat = computed(() => inRange(coordinates.lat.value, LATITUDE_LIMIT));
+		const lng = computed(() => inRange(coordinates.lng.value, LONGITUDE_LIMIT));
 		const cssHeight = computed(() => {
-			const height = props.height ?? 300;
+			const height = props.height ?? DEFAULT_MAP_HEIGHT;
 			return typeof height === "number" ? `${height}px` : height;
 		});
 		return (_ctx, _cache) => {

package/dist/components/maps/lat-lng-input.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,7 @@ import input_default from "../ui/input.js";
 import map_canvas_default from "./map-canvas.js";
 import { MapMarker, useMap } from "./use-map.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
-import { latitude, longitude, toCoordinate } from "@chelone/core";
+import { DEFAULT_MAP_HEIGHT, DEFAULT_MAP_ZOOM, LATITUDE_LIMIT, LONGITUDE_LIMIT, latitude, longitude, toCoordinate, wrapLongitude } from "@chelone/core";
 // src/components/maps/lat-lng-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
@@ -80,8 +80,8 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		latValidate: {},
 		lngValidate: {},
 		defaultPosition: { default: () => [0, 0] },
-		zoom: { default: 13 },
-		height: { default: 300 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		disabled: {
 			type: Boolean,
@@ -111,8 +111,6 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		}
 		/** About 10 cm, so the text fields stay readable. */
 		const round6 = (value) => Math.round(value * 1e6) / 1e6;
-		/** A click on a repeated copy of the world reports a longitude past 180. */
-		const wrapLng = (lng) => Math.abs(lng) <= 180 ? lng : ((lng + 180) % 360 + 360) % 360 - 180;
 		/** Digits with an optional sign and point: what a coordinate looks like while it is typed. */
 		const TYPING = /^[+-]?\d*\.?\d*$/;
 		/** MapLibre throws on a coordinate outside its range. */
@@ -162,7 +160,7 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const position = computed(() => {
 			const a = lat.stored.value;
 			const b = lng.stored.value;
-			return inRange(a, 90) && inRange(b, 180) ? [a, b] : null;
+			return inRange(a, LATITUDE_LIMIT) && inRange(b, LONGITUDE_LIMIT) ? [a, b] : null;
 		});
 		const center = computed(() => position.value ?? props.defaultPosition);
 		const invalid = computed(() => lat.invalid.value || lng.invalid.value);
@@ -170,7 +168,7 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const gesture = { current: null };
 		function place(rawLat, rawLng) {
 			const nextLat = round6(rawLat);
-			const nextLng = round6(wrapLng(rawLng));
+			const nextLng = round6(wrapLongitude(rawLng));
 			gesture.current = [nextLat, nextLng];
 			lat.setValue(nextLat);
 			lat.blur();

package/dist/components/maps/map-canvas.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useTranslate } from "../../i18n/use-translate.js";
 import { cn } from "../../lib/utils.js";
 import { provideMap, useMapsConfig } from "./use-map.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref } from "vue";
-import { latLngToLngLat } from "@chelone/core";
+import { DEFAULT_MAP_HEIGHT, DEFAULT_MAP_ZOOM, latLngToLngLat } from "@chelone/core";
 import { Map } from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 // src/components/maps/map-canvas.vue?vue&type=script&setup=true&lang.ts
@@ -16,8 +16,8 @@ var map_canvas_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 	__name: "map-canvas",
 	props: {
 		center: { default: () => [0, 0] },
-		zoom: { default: 13 },
-		height: { default: 300 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		scrollZoom: {
 			type: Boolean,

package/dist/components/maps/use-map.js

@@ -1,5 +1,5 @@
 import { defineComponent, inject, onBeforeUnmount, provide, toValue, watch } from "vue";
-import { latLngToLngLat } from "@chelone/core";
+import { DEFAULT_PIN_COLOR, PIN_NS, latLngToLngLat } from "@chelone/core";
 import { Marker } from "maplibre-gl";
 // src/components/maps/use-map.ts
 var MapsConfigKey = Symbol("chelone-maps-config");
@@ -53,8 +53,6 @@ function useMap() {
 	if (!map) throw new Error("useMap must be used inside a <MapCanvas>.");
 	return map;
 }
-var PIN_NS = "http://www.w3.org/2000/svg";
-var DEFAULT_PIN_COLOR = "#dc2626";
 /** A pin whose tip is the bottom edge of the element. */
 function createPin(color) {
 	const svg = document.createElementNS(PIN_NS, "svg");

package/dist/components/maps-draw/shape-input.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ import { uniqueGeoJsonSourceId, useGeoJsonSource } from "../maps/use-geo-json-so
 import { useMap } from "../maps/use-map.js";
 import { useTerraDraw } from "./use-terra-draw.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, toDisplayString, toRaw, unref, watch, withCtx } from "vue";
-import { deepEqual, featuresToShape, geoBounds, heldFeatures, isLngLatBox, maxVertices, minAreaM2, minVertices, noSelfIntersection, shapeToFeatures } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAP_HEIGHT, DEFAULT_MAP_ZOOM, DEFAULT_MAX_FIT_ZOOM, deepEqual, featuresToShape, geoBounds, heldFeatures, isLngLatBox, maxVertices, minAreaM2, minVertices, noSelfIntersection, shapeToFeatures } from "@chelone/core";
 // src/components/maps-draw/shape-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
@@ -110,8 +110,8 @@ var Editor = defineComponent((props, { emit }) => {
 		if (props.getValue() === props.written.current) return;
 		if (!isLngLatBox(corners)) return;
 		map.fitBounds(corners, {
-			padding: 20,
-			maxZoom: 18,
+			padding: DEFAULT_FIT_PADDING,
+			maxZoom: DEFAULT_MAX_FIT_ZOOM,
 			duration: 0
 		});
 	}, { immediate: true });
@@ -200,8 +200,8 @@ var shape_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			default: false
 		},
 		defaultCenter: { default: () => [0, 0] },
-		zoom: { default: 13 },
-		height: { default: 300 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: { default: void 0 },
 		shapeStyle: { default: void 0 },
 		aspectRatio: { default: void 0 },

package/dist/components/maps-draw/simplify-input.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import button_default from "../ui/button.js";
 import { FieldError } from "../ui/field.js";
 import { simplifyGeo } from "./geometry-ops.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, toRaw, unref, watch, withCtx } from "vue";
-import { deepEqual, isGeoJsonValue } from "@chelone/core";
+import { DEFAULT_MAP_ZOOM, deepEqual, isGeoJsonValue } from "@chelone/core";
 // src/components/maps-draw/simplify-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
@@ -42,7 +42,7 @@ var simplify_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: [String, Boolean],
 			default: void 0
 		},
-		zoom: { default: 13 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
 		defaultCenter: { default: () => [0, 0] },
 		height: { default: 400 },
 		mapStyle: { default: void 0 },

package/dist/components/maps-osm/geocoding-input.vue_vue_type_script_setup_true_lang.js

@@ -155,7 +155,8 @@ var geocoding_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			const count = results.value.length;
 			if (count === 0) return;
 			open.value = true;
-			active.value = (active.value + step + count) % count;
+			const current = active.value;
+			active.value = current < 0 ? step === 1 ? 0 : count - 1 : (current + step + count) % count;
 		}
 		function onBlur() {
 			open.value = false;

package/dist/components/maps-osm/map-with-search.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import lat_lng_input_default from "../maps/lat-lng-input.js";
 import { useMapsConfig } from "../maps/use-map.js";
 import geocoding_input_default from "./geocoding-input.js";
 import { createElementBlock, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, unref } from "vue";
-import { reverseGeocodeQueryOptions } from "@chelone/core";
+import { DEFAULT_MAP_ZOOM, reverseGeocodeQueryOptions } from "@chelone/core";
 import { useQueryClient } from "@tanstack/vue-query";
 // src/components/maps-osm/map-with-search.vue?vue&type=script&setup=true&lang.ts
 var map_with_search_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -14,7 +14,7 @@ var map_with_search_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		lngSource: {},
 		addressSource: {},
 		height: { default: 400 },
-		zoom: { default: 13 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
 		provider: {},
 		class: {}
 	},

package/dist/components/mdx-editor/mdx-editor-theme.css

@@ -23,3 +23,50 @@
   --crepe-font-default: inherit;
   --crepe-font-title: inherit;
 }
+
+/*
+ * Crepe's own page spacing and display-size headings suit a full-page editor.
+ * Inside a form the content sits at the width of the other inputs, with
+ * headings sized like the rest of the admin.
+ */
+.chelone-mdx-editor .milkdown .ProseMirror {
+  padding: 12px 16px;
+}
+
+.chelone-mdx-editor .milkdown .ProseMirror h1,
+.chelone-mdx-editor .milkdown .ProseMirror h2,
+.chelone-mdx-editor .milkdown .ProseMirror h3,
+.chelone-mdx-editor .milkdown .ProseMirror h4 {
+  font-weight: 600;
+  line-height: 1.25;
+  margin: 1em 0 0.5em;
+}
+
+.chelone-mdx-editor .milkdown .ProseMirror h1 {
+  font-size: 1.875rem;
+}
+
+.chelone-mdx-editor .milkdown .ProseMirror h2 {
+  font-size: 1.5rem;
+}
+
+.chelone-mdx-editor .milkdown .ProseMirror h3 {
+  font-size: 1.25rem;
+}
+
+.chelone-mdx-editor .milkdown .ProseMirror h4 {
+  font-size: 1.125rem;
+}
+
+/* The outline color is a border color: too faint for a list marker. */
+.chelone-mdx-editor .milkdown .milkdown-list-item-block li .label-wrapper {
+  color: var(--crepe-color-on-surface-variant);
+}
+
+.chelone-mdx-editor .milkdown .milkdown-list-item-block li .label-wrapper svg {
+  fill: var(--crepe-color-on-surface-variant);
+}
+
+.chelone-mdx-editor .milkdown .ProseMirror > :first-child {
+  margin-top: 0;
+}

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

@@ -14,14 +14,14 @@
  * <MdxField source="body" empty="No content" />
  */
 import { type VNode } from "vue";
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 import type { CrepeEditorConfig } from "./internal/crepe-editor.vue.js";
 /** Props for {@link MdxField}. */
-export interface MdxFieldProps {
-    source: SourceProp;
-    record?: LooseRecord;
+export interface MdxFieldProps<RecordType extends ResourceRecord = LooseRecord> {
+    source: SourceProp<RecordType>;
+    record?: RecordType;
     /** Used when the record has no value at `source`. */
-    defaultValue?: unknown;
+    defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
     /** Shown as the markdown when the value is missing; translated if it is a message key. */
     empty?: string;
     /** Merged under the read-only defaults; `code-mirror` and `latex` stay off. */
@@ -30,11 +30,21 @@ export interface MdxFieldProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MdxFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MdxFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    empty?: () => VNode[];
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <RecordType extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<MdxFieldProps<RecordType>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        empty?: () => VNode[];
     };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/mdx-editor/mdx-input.vue_vue_type_script_setup_true_lang.js

@@ -73,7 +73,10 @@ var mdx_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						])]),
 						_: 1
 					}, 8, ["html-for"])) : createCommentVNode("", true),
-					createElementVNode("div", { id: unref(id) }, [createVNode(crepe_editor_default, {
+					createElementVNode("div", {
+						id: unref(id),
+						class: "overflow-hidden rounded-md border"
+					}, [createVNode(crepe_editor_default, {
 						markdown: markdown.value,
 						readonly: __props.disabled === true || __props.readOnly === true,
 						"crepe-config": __props.crepeConfig,

package/dist/components/monaco/internal/use-json-schema.js

@@ -1,7 +1,6 @@
 import { computed, toValue, watchEffect } from "vue";
+import { MODEL_PREFIX } from "@chelone/core";
 // src/components/monaco/internal/use-json-schema.ts
-/** Every model path this add-on creates starts with this. */
-var MODEL_PREFIX = "inmemory://monaco-json-input/";
 var shared = /* @__PURE__ */ new WeakMap();
 function apply(defaults, state) {
 	const current = defaults.diagnosticsOptions;

package/dist/components/monaco/internal/use-monaco-markers.d.ts

@@ -1,12 +1,6 @@
 import type * as Monaco from "monaco-editor";
 import type { editor } from "monaco-editor";
 import { type Ref } from "vue";
-/**
- * How long after the last edit `settled` waits for Monaco's markers. Monaco
- * posts them about 500 ms after an edit.
- */
-export declare const MARKERS_SETTLE_MS = 750;
-export declare const MONACO_DIAGNOSTICS_DELAY_MS = 500;
 export interface MonacoMarkers {
     markers: Ref<editor.IMarker[]>;
     /**

package/dist/components/monaco/internal/use-monaco-markers.js

@@ -1,4 +1,6 @@
 import { shallowRef, watch } from "vue";
+import { MARKERS_SETTLE_MS, MONACO_DIAGNOSTICS_DELAY_MS } from "@chelone/core";
+// src/components/monaco/internal/use-monaco-markers.ts
 /**
 * Keeps the editor model's current markers in a ref and calls `onChange` each
 * time Monaco reports a change for that model. The ref is what a validator
@@ -22,7 +24,7 @@ function useMonacoMarkers(instance, monaco, onChange) {
 		const subscription = currentMonaco.editor.onDidChangeMarkers((uris) => {
 			if (!uris.some((uri) => uri.toString() === model.uri.toString())) return;
 			markers.value = read();
-			if (Date.now() - lastEditAt >= 500) {
+			if (Date.now() - lastEditAt >= MONACO_DIAGNOSTICS_DELAY_MS) {
 				fresh = true;
 				for (const release of [...waiting]) release();
 			}
@@ -41,7 +43,7 @@ function useMonacoMarkers(instance, monaco, onChange) {
 				waiting.delete(release);
 				resolve(markers.value);
 			};
-			const timer = setTimeout(release, Math.max(0, lastEditAt + 750 - Date.now()));
+			const timer = setTimeout(release, Math.max(0, lastEditAt + MARKERS_SETTLE_MS - Date.now()));
 			waiting.add(release);
 		});
 	};

package/dist/components/monaco/monaco-json-field-lazy.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import { type LooseRecord, type ResourceRecord } from "@chelone/core";
 import { type VNode } from "vue";
 import type { MonacoJsonFieldProps } from "./monaco-json-field.vue.js";
-declare const __VLS_export: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <RecordType extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<MonacoJsonFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/monaco/monaco-json-field-lazy.vue_vue_type_script_setup_true_lang.js

@@ -3,10 +3,10 @@ import { cn } from "../../lib/utils.js";
 import { useFieldValue } from "../../record/use-field-value.js";
 import { useAutoHeight, useMonacoLayout, useMonacoTheme } from "./internal/monaco-composables.js";
 import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, shallowRef, toDisplayString, unref } from "vue";
+import { MONACO_MIN_HEIGHT } from "@chelone/core";
 import { VueMonacoEditor, loader } from "@guolao/vue-monaco-editor";
 import * as monaco from "monaco-editor";
 // src/components/monaco/monaco-json-field-lazy.vue?vue&type=script&setup=true&lang.ts
-var MIN_HEIGHT = 120;
 var monaco_json_field_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "monaco-json-field-lazy",
 	props: {
@@ -40,7 +40,7 @@ var monaco_json_field_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PU
 		const text = computed(() => typeof value.value === "string" ? value.value : JSON.stringify(value.value ?? null, null, 2));
 		const instance = shallowRef(null);
 		const theme = useMonacoTheme();
-		const contentHeight = useAutoHeight(instance, () => props.autoHeight, MIN_HEIGHT, () => props.maxHeight);
+		const contentHeight = useAutoHeight(instance, () => props.autoHeight, MONACO_MIN_HEIGHT, () => props.maxHeight);
 		const container = useMonacoLayout(instance);
 		const editorHeight = computed(() => `${props.autoHeight ? contentHeight.value : props.height}px`);
 		const options = computed(() => ({
@@ -48,6 +48,7 @@ var monaco_json_field_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PU
 			domReadOnly: true,
 			automaticLayout: false,
 			minimap: { enabled: false },
+			scrollBeyondLastLine: false,
 			lineNumbers: "on",
 			wordWrap: "on",
 			tabSize: 2,

package/dist/components/monaco/monaco-json-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
 import type { editor } from "monaco-editor";
 import type { FieldProps } from "../admin/fields/field-props.js";
 /** Props for {@link MonacoJsonField}. */
-export interface MonacoJsonFieldProps<RecordType extends LooseRecord = LooseRecord> extends FieldProps<RecordType> {
+export interface MonacoJsonFieldProps<RecordType extends ResourceRecord = LooseRecord> extends FieldProps<RecordType> {
     /** Editor height in pixels when `autoHeight` is false. Defaults to 200. */
     height?: number;
     /** Grow with the content up to `maxHeight`. Defaults to true. */
@@ -31,7 +31,7 @@ export interface MonacoJsonFieldProps<RecordType extends LooseRecord = LooseReco
  */
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+declare const __VLS_export: <RecordType extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: {
         empty?: () => import("vue").VNode[];

package/dist/components/monaco/monaco-json-input-lazy.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import { useAutoHeight, useMonacoLayout, useMonacoTheme } from "./internal/monac
 import { useJsonSchema } from "./internal/use-json-schema.js";
 import { useMonacoMarkers } from "./internal/use-monaco-markers.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
-import { composeValidators, detectJsonShape, fromJsonText, stripJsonComments, toJsonText } from "@chelone/core";
+import { ERROR_SEVERITY, MODEL_PREFIX, composeValidators, detectJsonShape, fromJsonText, stripJsonComments, toJsonText } from "@chelone/core";
 import { VueMonacoEditor, loader } from "@guolao/vue-monaco-editor";
 import * as monaco from "monaco-editor";
 // src/components/monaco/monaco-json-input-lazy.vue?vue&type=script&setup=true&lang.ts
@@ -20,7 +20,6 @@ var _hoisted_1 = {
 	class: "flex justify-end border-b px-1 py-0.5"
 };
 var _hoisted_2 = ["id"];
-var ERROR_SEVERITY = 8;
 var monaco_json_input_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "monaco-json-input-lazy",
 	props: {
@@ -92,7 +91,7 @@ var monaco_json_input_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PU
 			if (shape.value === "string") return void 0;
 			const { parseError } = parseText(text.value, "object");
 			return parseError ? translate("chelone.validation.invalid_json", {
-				_: "Invalid JSON: %{message}",
+				_: "Invalid JSON: {message}",
 				message: parseError.message
 			}) : void 0;
 		};
@@ -125,7 +124,7 @@ var monaco_json_input_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PU
 		const theme = useMonacoTheme();
 		const contentHeight = useAutoHeight(instance, () => props.autoHeight, props.minHeight, () => props.maxHeight);
 		const container = useMonacoLayout(instance);
-		const modelPath = `inmemory://monaco-json-input/${id.replace(/[^\w-]/g, "-")}.json`;
+		const modelPath = `${MODEL_PREFIX}${id.replace(/[^\w-]/g, "-")}.json`;
 		useJsonSchema(monacoApi, () => ({
 			path: modelPath,
 			schema: props.schema,
@@ -140,6 +139,7 @@ var monaco_json_input_lazy_vue_vue_type_script_setup_true_lang_default = /*@__PU
 		const options = computed(() => ({
 			automaticLayout: false,
 			minimap: { enabled: false },
+			scrollBeyondLastLine: false,
 			lineNumbers: "on",
 			wordWrap: "on",
 			tabSize: 2,

package/dist/components/rich-text-input/rich-text-field.vue.d.ts

@@ -1,7 +1,7 @@
 import { type VNode } from "vue";
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link RichTextField}. */
-export interface RichTextFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface RichTextFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     /** Used when the record has no value at `source`. */
@@ -14,7 +14,7 @@ export interface RichTextFieldProps<RecordType extends LooseRecord = LooseRecord
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <RecordType extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<RichTextFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/ui/avatar.js

@@ -64,7 +64,7 @@ var AvatarImage = defineComponent({
 /** The fallback shown when no image is present (typically the name's initial). */
 var AvatarFallback = (props, { slots }) => h("span", {
 	"data-slot": "avatar-fallback",
-	class: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm group-data-[size=sm]/avatar:text-xs", props.class)
+	class: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", props.class)
 }, slots.default?.());
 AvatarFallback.props = ["class"];
 AvatarFallback.displayName = "AvatarFallback";

package/dist/components/ui/badge.js

@@ -9,11 +9,11 @@ import { defineComponent, h } from "vue";
 * classes with `cva`; here the (small, fixed) variant set is a literal map — no
 * runtime cva dep — with the same visual contract.
 */
-var BADGE_BASE = "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] [&>svg]:pointer-events-none [&>svg]:size-3";
+var BADGE_BASE = "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] [&>svg]:pointer-events-none [&>svg]:size-3";
 var BADGE_VARIANTS = {
-	default: "bg-primary text-primary-foreground",
-	secondary: "bg-secondary text-secondary-foreground",
-	destructive: "bg-destructive text-white",
+	default: "border-transparent bg-primary text-primary-foreground",
+	secondary: "border-transparent bg-secondary text-secondary-foreground",
+	destructive: "border-transparent bg-destructive text-white",
 	outline: "border-border text-foreground"
 };
 var Badge = defineComponent({