@chelone/vue 0.7.0 → 0.9.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({

package/dist/components/ui/button-variants.js

@@ -12,7 +12,7 @@ import { cn } from "../../lib/utils.js";
 var base = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50";
 var variantClasses = {
 	default: "bg-primary text-primary-foreground hover:bg-primary/90",
-	destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+	destructive: "bg-destructive text-white hover:bg-destructive/90",
 	outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
 	secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
 	ghost: "hover:bg-accent hover:text-accent-foreground",

package/dist/components/ui/chart/chart-container.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var chart_container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			return openBlock(), createElementBlock("div", {
 				"data-slot": "chart",
 				"data-chart": chartId,
-				class: normalizeClass(unref(cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", props.class))
+				class: normalizeClass(unref(cn)("[--vis-axis-grid-color:var(--border)] [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", props.class))
 			}, [createVNode(chart_style_default, {
 				id: chartId,
 				config: unref(config)

package/dist/components/ui/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -26,7 +26,7 @@ var checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		*/
 		const props = __props;
 		const emit = __emit;
-		const classes = computed(() => cn("h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", props.class));
+		const classes = computed(() => cn("h-4 w-4 shrink-0 rounded-sm border border-primary accent-primary shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", props.class));
 		function onChange(event) {
 			if (event.target instanceof HTMLInputElement) emit("update:modelValue", event.target.checked);
 		}

package/dist/components/ui/command/command-dialog.vue_vue_type_script_setup_true_lang.js

@@ -64,7 +64,7 @@ var command_dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				"aria-modal": "true",
 				"aria-labelledby": unref(titleId),
 				"aria-describedby": unref(descriptionId),
-				class: normalizeClass(unref(cn)("fixed top-1/3 left-1/2 w-full max-w-lg -translate-x-1/2 overflow-hidden rounded-lg border bg-background p-0 shadow-lg", props.class)),
+				class: normalizeClass(unref(cn)("fixed top-1/2 left-1/2 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border bg-background p-0 shadow-lg sm:max-w-lg", props.class)),
 				"data-slot": "command-dialog-content"
 			}, [
 				createElementVNode("h2", {

package/dist/components/ui/sidebar/sidebar-menu-button.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var sidebar_menu_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		* link target. `isActive` drives the `data-active` state + the active styling.
 		*/
 		const props = __props;
-		const classes = computed(() => cn("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", props.isActive && "bg-sidebar-accent font-medium text-sidebar-accent-foreground", props.size === "sm" && "h-7 text-xs", props.size === "lg" && "h-12 text-sm", props.class));
+		const classes = computed(() => cn("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", props.isActive && "bg-sidebar-accent font-medium text-sidebar-accent-foreground", props.size === "default" && "min-h-8 py-1.5", props.size === "sm" && "min-h-7 py-1.5 text-xs", props.size === "lg" && "h-12 text-sm", props.class));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
 				class: normalizeClass(classes.value),

package/dist/components/ui/sidebar/sidebar-parts.js

@@ -21,11 +21,11 @@ function structural(slot, tag, base) {
 	return component;
 }
 var SidebarHeader = structural("sidebar-header", "div", "flex flex-col gap-2 p-2");
-var SidebarContent = structural("sidebar-content", "div", "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2");
+var SidebarContent = structural("sidebar-content", "div", "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:p-0");
 var SidebarFooter = structural("sidebar-footer", "div", "flex flex-col gap-2 p-2");
 var SidebarGroup = structural("sidebar-group", "div", "relative flex w-full min-w-0 flex-col p-2");
 var SidebarGroupContent = structural("sidebar-group-content", "div", "w-full text-sm");
-var SidebarGroupLabel = structural("sidebar-group-label", "div", "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-sidebar-foreground/70");
+var SidebarGroupLabel = structural("sidebar-group-label", "div", "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-sidebar-foreground/70 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0");
 var SidebarMenu = structural("sidebar-menu", "ul", "flex w-full min-w-0 flex-col gap-1");
 var SidebarMenuItem = structural("sidebar-menu-item", "li", "group/menu-item relative");
 export { SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem };

package/dist/components/ui/sidebar/sidebar.vue_vue_type_script_setup_true_lang.js

@@ -53,7 +53,7 @@ var sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Sidebar",
-				class: normalizeClass(unref(cn)("absolute inset-y-0 flex h-svh w-[--sidebar-width] flex-col bg-sidebar shadow-lg", __props.side === "right" ? "right-0" : "left-0", props.class)),
+				class: normalizeClass(unref(cn)("absolute inset-y-0 flex h-svh w-(--sidebar-width) flex-col bg-sidebar shadow-lg", __props.side === "right" ? "right-0" : "left-0", props.class)),
 				"data-side": __props.side,
 				"data-slot": "sidebar-drawer"
 			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_2)])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", {
@@ -65,7 +65,7 @@ var sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"data-side": __props.side,
 				"data-slot": "sidebar"
 			}, [createElementVNode("div", {
-				class: normalizeClass(unref(cn)("flex h-svh flex-col bg-sidebar transition-[width] duration-200 ease-linear", unref(state) === "collapsed" && __props.collapsible === "icon" ? "w-[--sidebar-width-icon]" : "w-[--sidebar-width]", __props.variant === "floating" && "p-2", props.class)),
+				class: normalizeClass(unref(cn)("flex h-svh flex-col bg-sidebar transition-[width] duration-200 ease-linear", unref(state) === "collapsed" && __props.collapsible === "icon" ? __props.variant === "floating" ? "w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "w-(--sidebar-width-icon)" : "w-(--sidebar-width)", __props.variant === "floating" && "p-2", props.class)),
 				"data-slot": "sidebar-inner"
 			}, [renderSlot(_ctx.$slots, "default")], 2)], 8, _hoisted_3));
 		};

package/dist/controllers/use-controller-for-id.d.ts

@@ -5,7 +5,7 @@
  * the 4R release: the old controller's observer detaches the moment the id
  * moves on, and the last scope disposal releases the final one.
  */
-import { type Identifier, type MicroStore } from "@chelone/core";
+import { type Identifier, type MicroStore, type ResourceRecord } from "@chelone/core";
 import { type Ref } from "vue";
 import type { RecordValue } from "../record/record-context.js";
 export type SourceId = Identifier | undefined;
@@ -18,7 +18,7 @@ export interface BoundController<TController, TState> {
  * {@link getAtPath} so `source="author.id"` resolves the way the field
  * composables read it. Anything but a string or number reads as no key.
  */
-export declare function foreignKeyOf(record: RecordValue, source: string): SourceId;
+export declare function foreignKeyOf(record: RecordValue<ResourceRecord>, source: string): SourceId;
 /**
  * Builds `create(id)` inside a scope of its own and keeps it bound to `id`:
  * when `id` changes the new controller is built and bound first, then the

package/dist/controllers/use-prev-next-controller.d.ts

@@ -14,11 +14,11 @@
  * once, at call time. The store key is read once, in `setup`
  * (see `useStoreItem`).
  */
-import { type LooseRecord, type PrevNextOptions } from "@chelone/core";
+import { type PrevNextOptions, type ResourceRecord } from "@chelone/core";
 import { type MaybeRefOrGetter } from "vue";
 export interface UsePrevNextControllerOptions extends PrevNextOptions {
     /** Step from this record instead of the ambient one. */
-    record?: LooseRecord;
+    record?: ResourceRecord;
 }
 export interface UsePrevNextControllerReturn {
     hasPrev: boolean;

package/dist/controllers/use-reference-many-field-controller.d.ts

@@ -10,10 +10,10 @@
  * previous subscription is released. The other options are read at `setup`.
  * There is no location sync: the list is embedded in a record.
  */
-import { type FilterPayload, type ListControllerState, type MicroStore, type RecordOf, type ReferenceManyController, type ResourceMap, type SortPayload } from "@chelone/core";
+import { type FilterPayload, type ListControllerState, type LooseRecord, type MicroStore, type RecordOf, type ReferenceManyController, type ResourceMap, type ResourceRecord, type SortPayload } from "@chelone/core";
 import { type MaybeRefOrGetter } from "vue";
 import { type RecordValue } from "../record/record-context.js";
-export interface UseReferenceManyFieldControllerOptions<TName extends string = string> {
+export interface UseReferenceManyFieldControllerOptions<TName extends string = string, RecordType extends ResourceRecord = LooseRecord> {
     /** The resource whose rows point at the record. */
     reference: TName;
     /** The field on `reference` that holds the foreign key. */
@@ -21,7 +21,7 @@ export interface UseReferenceManyFieldControllerOptions<TName extends string = s
     /** The field on the record whose value `target` must equal. Default `"id"`. */
     source?: string;
     /** Defaults to the ambient record. */
-    record?: MaybeRefOrGetter<RecordValue>;
+    record?: MaybeRefOrGetter<RecordValue<RecordType>>;
     /** Permanent filter, merged over the user filter for every fetch. */
     filter?: FilterPayload;
     /** Initial sort when nothing is persisted. Default id ascending. */
@@ -43,4 +43,4 @@ export type UseReferenceManyFieldControllerReturn<TRecord> = ListControllerState
  * actions. A record without a usable id (absent, or not a string or number)
  * fetches nothing and reads as an empty, settled list.
  */
-export declare function useReferenceManyFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string>(options: UseReferenceManyFieldControllerOptions<TName>): UseReferenceManyFieldControllerReturn<RecordOf<TResources, TName>>;
+export declare function useReferenceManyFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string, RecordType extends ResourceRecord = LooseRecord>(options: UseReferenceManyFieldControllerOptions<TName, RecordType>): UseReferenceManyFieldControllerReturn<RecordOf<TResources, TName>>;

package/dist/controllers/use-reference-one-field-controller.d.ts

@@ -8,10 +8,10 @@
  * {@link useReferenceManyFieldController}: a new id builds a new controller and
  * releases the previous subscription.
  */
-import { type FilterPayload, type MicroStore, type RecordOf, type ReferenceOneController, type ReferenceOneControllerState, type ResourceMap, type SortPayload } from "@chelone/core";
+import { type FilterPayload, type LooseRecord, type MicroStore, type RecordOf, type ReferenceOneController, type ReferenceOneControllerState, type ResourceMap, type ResourceRecord, type SortPayload } from "@chelone/core";
 import { type MaybeRefOrGetter } from "vue";
 import { type RecordValue } from "../record/record-context.js";
-export interface UseReferenceOneFieldControllerOptions<TName extends string = string> {
+export interface UseReferenceOneFieldControllerOptions<TName extends string = string, RecordType extends ResourceRecord = LooseRecord> {
     /** The resource whose rows point at the record. */
     reference: TName;
     /** The field on `reference` that holds the foreign key. */
@@ -19,7 +19,7 @@ export interface UseReferenceOneFieldControllerOptions<TName extends string = st
     /** The field on the record whose value `target` must equal. Default `"id"`. */
     source?: string;
     /** Defaults to the ambient record. */
-    record?: MaybeRefOrGetter<RecordValue>;
+    record?: MaybeRefOrGetter<RecordValue<RecordType>>;
     /** Decides which row is first when several match. */
     sort?: SortPayload | SortPayload[];
     /** Narrows the lookup. */
@@ -33,4 +33,4 @@ export type UseReferenceOneFieldControllerReturn<TRecord> = ReferenceOneControll
  * The first row of `reference` whose `target` equals `record[source]`. A record
  * without a usable id fetches nothing and reads as settled with no record.
  */
-export declare function useReferenceOneFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string>(options: UseReferenceOneFieldControllerOptions<TName>): UseReferenceOneFieldControllerReturn<RecordOf<TResources, TName>>;
+export declare function useReferenceOneFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string, RecordType extends ResourceRecord = LooseRecord>(options: UseReferenceOneFieldControllerOptions<TName, RecordType>): UseReferenceOneFieldControllerReturn<RecordOf<TResources, TName>>;