@chelone/vue 0.7.0 → 0.10.0

package/dist/components/admin/realtime/menu-live.vue_vue_type_script_setup_true_lang.js

@@ -2,11 +2,17 @@ import { useCheloneContext, useCheloneStore } from "../../../context.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { useMatch } from "../../../router/nav-composables.js";
 import { Badge } from "../../ui/badge.js";
-import { Fragment, computed, createBlock, createElementBlock, defineComponent, h, mergeProps, openBlock, renderList, shallowRef, unref, watchEffect } from "vue";
+import { SidebarContextKey } from "../../ui/sidebar/sidebar-context.js";
+import sidebar_menu_button_default from "../../ui/sidebar/sidebar-menu-button.js";
+import { SidebarMenuItem } from "../../ui/sidebar/sidebar-parts.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, h, inject, mergeProps, openBlock, renderList, shallowRef, unref, watchEffect } from "vue";
 import { assertRealtimeDataProvider, clearUnread, subscribeUnreadCount, unreadKey } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/realtime/menu-live.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col gap-1" };
+var _hoisted_1 = {
+	key: 1,
+	class: "flex flex-col gap-1"
+};
 var subscriptions = /* @__PURE__ */ new WeakMap();
 var toEventsKey = (events) => [...new Set(events)].sort().join(",");
 var fromEventsKey = (eventsKey) => eventsKey.split(",").filter(Boolean);
@@ -51,7 +57,9 @@ function acquire(dataProvider, store, resource, eventsKey) {
 /**
 * A menu link with a badge counting the resource's new records. The count
 * lives in the store, so it survives a remount; it clears while the link's
-* route is active. Divergence from the React twin: the render props are slots.
+* route is active. Inside a `<SidebarProvider>` it is a sidebar menu button,
+* with the label as a `title` while the desktop rail is collapsed; elsewhere it is
+* a plain link. Divergence from the React twin: the render props are slots.
 * Declared as a render component so the file can also hold {@link MenuLive}.
 */
 var MenuLiveItemLink = defineComponent({
@@ -86,6 +94,7 @@ var MenuLiveItemLink = defineComponent({
 		const { dataProvider } = useCheloneContext();
 		const store = useCheloneStore();
 		const translate = useTranslate();
+		const sidebar = inject(SidebarContextKey, null);
 		const match = useMatch({
 			path: props.to,
 			end: false
@@ -111,15 +120,30 @@ var MenuLiveItemLink = defineComponent({
 		return () => {
 			const n = count.value ?? 0;
 			const text = translate(props.label, { _: props.label });
-			return h(RouterLink, {
-				to: props.to,
-				class: "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent"
-			}, () => [
+			const badge = n > 0 ? h(Badge, {
+				"data-testid": "menu-live-badge",
+				class: sidebar ? "group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:top-0 group-data-[collapsible=icon]:right-0 group-data-[collapsible=icon]:h-4 group-data-[collapsible=icon]:min-w-4 group-data-[collapsible=icon]:px-1 group-data-[collapsible=icon]:text-[10px]" : void 0
+			}, () => props.badgeLabel?.(n) ?? (n > 99 ? "99+" : String(n))) : null;
+			const content = () => [
 				props.icon ? h(props.icon) : null,
 				slots.icon?.(),
 				h("span", { class: "flex-1" }, text),
-				n > 0 ? h(Badge, { "data-testid": "menu-live-badge" }, () => props.badgeLabel?.(n) ?? (n > 99 ? "99+" : String(n))) : null
-			]);
+				badge
+			];
+			if (sidebar) return h(SidebarMenuItem, null, () => h(sidebar_menu_button_default, {
+				as: RouterLink,
+				to: props.to,
+				isActive: match.value != null,
+				class: "relative",
+				title: sidebar.state.value === "collapsed" && !sidebar.isMobile.value ? text : void 0,
+				onClick: () => {
+					if (sidebar.openMobile.value) sidebar.setOpenMobile(false);
+				}
+			}, content));
+			return h(RouterLink, {
+				to: props.to,
+				class: "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent"
+			}, content);
 		};
 	}
 });
@@ -128,12 +152,18 @@ var menu_live_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 	props: { items: {} },
 	setup(__props) {
 		/**
-		* `<MenuLive>` — a list of {@link MenuLiveItemLink}s, one per item.
+		* `<MenuLive>` — a list of {@link MenuLiveItemLink}s, one per item. Inside a
+		* sidebar it renders the items as sidebar menu entries with no wrapper, so
+		* place it in a `<SidebarMenu>`, such as a `<ResourceMenuItemGroup>`'s default
+		* slot.
 		*/
+		const sidebar = inject(SidebarContextKey, null);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			return unref(sidebar) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.items, (item) => {
+				return openBlock(), createBlock(unref(MenuLiveItemLink), mergeProps({ key: item.to }, { ref_for: true }, item), null, 16);
+			}), 128)) : (openBlock(), createElementBlock("nav", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createBlock(unref(MenuLiveItemLink), mergeProps({ key: item.to }, { ref_for: true }, item), null, 16);
-			}), 128))]);
+			}), 128))]));
 		};
 	}
 });

package/dist/components/admin/supabase/forgot-password-form.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import spinner_default from "../../ui/spinner.js";
 import text_input_default from "../inputs/text-input.js";
 import { useResetPassword } from "./use-password-recovery.js";
 import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
-import { errorMessageOf, required } from "@chelone/core";
+import { DEFAULT_LOGIN_PATH, errorMessageOf, required } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/supabase/forgot-password-form.vue?vue&type=script&setup=true&lang.ts
 var forgot_password_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -41,6 +41,7 @@ var forgot_password_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		const { submit, submitting } = useForm({
 			record: { email: "" },
 			onSubmit: save,
+			recordForm: false,
 			resetOnSuccess: false
 		});
 		function handleSubmit(event) {
@@ -70,12 +71,12 @@ var forgot_password_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 					_: 1
 				}, 8, ["disabled"]),
 				createVNode(unref(RouterLink), {
-					to: "/login",
+					to: unref(DEFAULT_LOGIN_PATH),
 					class: "text-center text-sm text-muted-foreground underline underline-offset-4 hover:text-primary"
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("ra-supabase.auth.back_to_login", { _: "Back to login" })), 1)]),
 					_: 1
-				})
+				}, 8, ["to"])
 			], 34);
 		};
 	}

package/dist/components/admin/supabase/set-password-form.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import spinner_default from "../../ui/spinner.js";
 import password_input_default from "../inputs/password-input.js";
 import { useSetPassword, useSupabaseUrlTokens } from "./use-password-recovery.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
-import { errorMessageOf, required } from "@chelone/core";
+import { DEFAULT_LOGIN_PATH, errorMessageOf, required } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/supabase/set-password-form.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -63,6 +63,7 @@ var set_password_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			},
 			validate: validateMatch,
 			onSubmit: save,
+			recordForm: false,
 			resetOnSuccess: false
 		});
 		function handleSubmit(event) {
@@ -75,12 +76,12 @@ var set_password_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 				key: 0,
 				class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class))
 			}, [createElementVNode("p", _hoisted_1, toDisplayString(unref(translate)("ra-supabase.auth.missing_tokens", { _: "Access and refresh tokens are missing from the link" })), 1), createVNode(unref(RouterLink), {
-				to: "/login",
+				to: unref(DEFAULT_LOGIN_PATH),
 				class: normalizeClass(linkClass)
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("ra-supabase.auth.back_to_login", { _: "Back to login" })), 1)]),
 				_: 1
-			})], 2)) : (openBlock(), createElementBlock("form", {
+			}, 8, ["to"])], 2)) : (openBlock(), createElementBlock("form", {
 				key: 1,
 				class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class)),
 				novalidate: "",

package/dist/components/admin/supabase/use-password-recovery.js

@@ -2,9 +2,19 @@ import { useCheloneAuthProvider } from "../../../context.js";
 import { useNotify } from "../../../notification-hooks.js";
 import { useLocation, useNavigate, useRedirect } from "../../../router/nav-composables.js";
 import { computed, ref, watch } from "vue";
+import { DEFAULT_LOGIN_PATH } from "@chelone/core";
 import { useMutation, useQueryClient } from "@tanstack/vue-query";
 import { readSupabaseUrlParams } from "@chelone/supabase";
 // src/components/admin/supabase/use-password-recovery.ts
+/**
+* Composables for the Supabase password-recovery flows: ask for a reset email,
+* set a new password from the emailed link, and read that link's tokens. The
+* Vue twin of `@chelone/react`'s `supabase/use-password-recovery.ts`.
+*
+* Vue-specific divergence: `useSupabaseUrlTokens` returns refs, because the
+* adapter's `useLocation()` is a `ComputedRef` that follows the route. Tokens
+* that arrive on a later navigation replace the kept ones.
+*/
 /** Whether `provider` carries the method the reset email flow calls. */
 function canResetPassword(provider) {
 	return "resetPassword" in provider && typeof provider.resetPassword === "function";
@@ -26,7 +36,7 @@ function useResetPassword(options = {}) {
 		},
 		onSuccess: (...args) => {
 			notify("ra-supabase.auth.password_reset", { type: "info" });
-			redirect("/login");
+			redirect(DEFAULT_LOGIN_PATH);
 			return options.onSuccess?.(...args);
 		}
 	});

package/dist/components/admin/view/create.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,7 @@ var _hoisted_3 = {
 	key: 0,
 	class: "text-2xl font-bold tracking-tight"
 };
-var _hoisted_4 = { class: "my-2" };
+var _hoisted_4 = { class: "my-2 space-y-4" };
 var create_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "create",
 	props: {

package/dist/components/admin/view/edit.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
 	key: 0,
-	class: "my-2"
+	class: "my-2 space-y-4"
 };
 var edit_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "edit",

package/dist/components/admin/view/show.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
 	key: 0,
-	class: "my-2"
+	class: "my-2 space-y-4"
 };
 var show_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "show",

package/dist/components/admin/widgets/job-monitor-row.vue.d.ts

@@ -4,10 +4,10 @@
  * unmounting when a tab is left or a poll moves the job.
  */
 import { type JobPlan } from "@chelone/core";
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
 /** The record fields a job row reads, each a path. */
-export interface JobFields {
-    statusSource: string;
+export interface JobFields<TRecord extends ResourceRecord = LooseRecord> {
+    statusSource: keyof TRecord & string;
     typeSource: string;
     payloadSource: string;
     errorSource: string;
@@ -22,18 +22,31 @@ export interface JobRules {
     cancelValue?: string;
 }
 /** Props for {@link JobMonitorRow}. */
-export interface JobMonitorRowProps {
-    job: LooseRecord;
+export interface JobMonitorRowProps<TRecord extends ResourceRecord = LooseRecord> {
+    job: TRecord;
     resource: string;
-    fields: JobFields;
+    fields: JobFields<TRecord>;
     rules: JobRules;
     actions: boolean;
     busy: boolean;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<JobMonitorRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    plan: (plan: JobPlan<LooseRecord> | null) => any;
-}, string, import("vue").PublicProps, Readonly<JobMonitorRowProps> & Readonly<{
-    onPlan?: ((plan: JobPlan<LooseRecord> | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: <TRecord 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<JobMonitorRowProps<TRecord> & {
+        onPlan?: ((plan: JobPlan<TRecord> | null) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (event: "plan", plan: JobPlan<TRecord> | null) => void;
+}>) => 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/admin/widgets/job-monitor.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SortPayload, SourceKey, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SortPayload, SourceKey, SourceProp } from "@chelone/core";
 /** Props for {@link JobMonitor}. */
-export interface JobMonitorProps<TRecord extends LooseRecord = LooseRecord> {
+export interface JobMonitorProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The jobs resource. Defaults to the resource context; with neither, nothing renders. */
     resource?: string;
     /** Milliseconds between reads. Default 5000, `0` turns polling off. */
@@ -39,7 +39,7 @@ export interface JobMonitorProps<TRecord extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <TRecord 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: <TRecord 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<JobMonitorProps<TRecord>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/widgets/job-monitor.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ import tabs_list_default from "../../ui/tabs/tabs-list.js";
 import tabs_trigger_default from "../../ui/tabs/tabs-trigger.js";
 import job_monitor_row_default from "./job-monitor-row.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
-import { DEFAULT_JOB_TABS, buildKanbanBuckets } from "@chelone/core";
+import { DEFAULT_JOB_TABS, buildKanbanBuckets, jobStatusSource } from "@chelone/core";
 // src/components/admin/widgets/job-monitor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -70,7 +70,7 @@ var job_monitor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const notifications = useCheloneNotifications();
 		const { mutate, isPending: isWriting } = useUpdate(resource ?? "", { mutationMode: "pessimistic" });
 		const fields = computed(() => ({
-			statusSource: props.statusSource ?? "status",
+			statusSource: jobStatusSource(props.statusSource),
 			typeSource: props.typeSource ?? "type",
 			payloadSource: props.payloadSource ?? "payload",
 			errorSource: props.errorSource ?? "lastError",

package/dist/components/block-editor/block-doc-field.vue.d.ts

@@ -1,8 +1,8 @@
 import { type VNode } from "vue";
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp } from "@chelone/core";
 import type { BlockDefinition } from "./block-nodes.js";
 /** Props for {@link BlockDocField}. */
-export interface BlockDocFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface BlockDocFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     /** Read once, when the editor mounts. Each block's `read` component draws it. */
@@ -13,7 +13,7 @@ export interface BlockDocFieldProps<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<BlockDocFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/block-editor/block-drag-handle.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { GripVerticalIcon } from "./block-icons.js";
 import block_drop_gap_default from "./block-drop-gap.js";
 import { moveTopLevelBlock } from "./block-toolbar.vue_vue_type_script_setup_true_lang.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, unref, watch } from "vue";
+import { GAP_PREFIX, HANDLE_ID } from "@chelone/core";
 import { Accessibility, PointerSensor } from "@dnd-kit/dom";
 import { useDragDropMonitor, useDraggable } from "@dnd-kit/vue";
 // src/components/block-editor/block-drag-handle.vue?vue&type=script&setup=true&lang.ts
@@ -21,8 +22,6 @@ var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		* `@chelone/react`'s `block-editor/block-drag-handle.tsx`, on `@dnd-kit/vue`.
 		*/
 		const props = __props;
-		const HANDLE_ID = "block-drag-handle";
-		const GAP_PREFIX = "block-gap-";
 		const sameBoxes = (a, b) => a.length === b.length && a.every((box, i) => box.top === b[i]?.top && box.bottom === b[i]?.bottom);
 		const translate = useTranslate();
 		const layer = ref();
@@ -101,7 +100,7 @@ var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			hovered.value = null;
 			if (canceled || typeof target !== "string") return;
 			if (!target.startsWith(GAP_PREFIX)) return;
-			const gap = Number(target.slice(10));
+			const gap = Number(target.slice(GAP_PREFIX.length));
 			const from = index.value;
 			moveTopLevelBlock(props.editor, from, gap > from ? gap - 1 : gap);
 		} });
@@ -142,7 +141,7 @@ var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			}, [createVNode(unref(GripVerticalIcon))], 14, _hoisted_1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(gaps.value, (gap) => {
 				return openBlock(), createBlock(block_drop_gap_default, {
 					key: gap.gap,
-					id: `${GAP_PREFIX}${gap.gap}`,
+					id: `${unref(GAP_PREFIX)}${gap.gap}`,
 					start: gap.start,
 					end: gap.end,
 					line: gap.line

package/dist/components/block-editor/image-block-config.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useTranslate } from "../../i18n/use-translate.js";
 import { FieldLabel } from "../ui/field.js";
 import input_default from "../ui/input.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, useId, withCtx } from "vue";
-import { isSafeImageSrc } from "@chelone/core";
+import { MAX_IMAGE_BYTES, isSafeImageSrc } from "@chelone/core";
 // src/components/block-editor/image-block-config.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid gap-3 sm:grid-cols-2" };
 var _hoisted_2 = { class: "flex flex-col gap-1.5" };
@@ -14,7 +14,6 @@ var _hoisted_6 = {
 	role: "alert",
 	class: "text-destructive text-sm"
 };
-var maxImageBytes = 5242880;
 var image_block_config_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "image-block-config",
 	props: {
@@ -48,7 +47,7 @@ var image_block_config_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 			input.value = "";
 			const { onChange } = props;
 			if (!file) return;
-			if (!file.type.startsWith("image/") || file.size > maxImageBytes) {
+			if (!file.type.startsWith("image/") || file.size > MAX_IMAGE_BYTES) {
 				failed.value = true;
 				return;
 			}

package/dist/components/charts/bar-chart.vue.d.ts

@@ -1,7 +1,11 @@
 import type { LooseRecord } from "@chelone/core";
 import type { SeriesChartProps } from "./series-chart.js";
-/** Props for {@link BarChart}. */
-export type BarChartProps<TRow extends object = LooseRecord, TX extends keyof TRow & string = keyof TRow & string> = SeriesChartProps<TRow, TX>;
+export interface BarChartProps<TRow extends object = LooseRecord, TX extends keyof TRow & string = keyof TRow & string> extends SeriesChartProps<TRow, TX> {
+    /** Any CSS color. Left out, each bar draws in the next theme chart color. */
+    color?: string;
+    /** Any CSS colors, cycled over the bars when `color` is left out. Defaults to the theme's chart colors. */
+    colors?: readonly string[];
+}
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <TRow extends object = LooseRecord, TX extends keyof TRow & string = keyof TRow & string>(__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<{

package/dist/components/charts/bar-chart.vue_vue_type_script_setup_true_lang.js

@@ -2,17 +2,18 @@ import chart_container_default from "../ui/chart/chart-container.js";
 import chart_frame_default from "./chart-frame.js";
 import { rowX, rowY, useSeriesRows } from "./series-chart.js";
 import { createBlock, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";
-import { hasChartValues } from "@chelone/core";
+import { DEFAULT_CHART_COLORS, chartColor, hasChartValues } from "@chelone/core";
 import { VisAxis, VisCrosshair, VisGroupedBar, VisTooltip, VisXYContainer } from "@unovis/vue";
 // src/components/charts/bar-chart.vue?vue&type=script&setup=true&lang.ts
 var bar_chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "bar-chart",
 	props: {
+		color: {},
+		colors: { default: () => DEFAULT_CHART_COLORS },
 		data: {},
 		xField: {},
 		yField: {},
 		title: {},
-		color: { default: "var(--primary)" },
 		height: { default: 200 },
 		loading: {
 			type: Boolean,
@@ -38,8 +39,9 @@ var bar_chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		*/
 		const props = __props;
 		const { rows, config, xAxis, tooltipFor } = useSeriesRows(props);
-		const color = () => props.color;
-		const tooltipTemplate = (row) => tooltipFor(row, row.y);
+		const colorOf = (index) => props.color ?? chartColor(index, props.colors);
+		const color = (row) => colorOf(row.index);
+		const tooltipTemplate = (row) => tooltipFor(row, row.y, colorOf(row.index));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(chart_frame_default, {
 				"data-slot": "bar-chart",

package/dist/components/charts/series-chart.d.ts

@@ -41,6 +41,6 @@ export declare function useSeriesRows<TRow extends object, TX extends keyof TRow
         tickValues: number[];
         tickFormat: (position: number | Date) => string;
     }>;
-    tooltipFor: (row: import("@chelone/core").CartesianRow<TRow[TX]>, value: number | string | null) => string;
+    tooltipFor: (row: import("@chelone/core").CartesianRow<TRow[TX]>, value: number | string | null, color?: string) => string;
 };
 export {};

package/dist/components/charts/series-chart.js

@@ -28,9 +28,15 @@ function useSeriesRows(props) {
 		const step = Math.max(1, Math.ceil(rows.value.length / 7));
 		return rows.value.filter((row) => row.index % step === 0).map(rowX);
 	});
-	const tooltip = computed(() => componentToString(config.value, chart_tooltip_content_default, { labelFormatter: xLabel }));
-	/** The crosshair's HTML for a row, with `value` shown in place of the row's y. */
-	const tooltipFor = (row, value) => tooltip.value?.({ [props.yField]: value }, row.index) ?? "";
+	/**
+	* The crosshair's HTML for a row, with `value` shown in place of the row's y.
+	* `color` draws the row's own indicator, for a chart whose color is not the
+	* same for every row.
+	*/
+	const tooltipFor = (row, value, color) => componentToString(config.value, chart_tooltip_content_default, {
+		labelFormatter: xLabel,
+		...color === void 0 ? {} : { color }
+	})?.({ [props.yField]: value }, row.index) ?? "";
 	return {
 		rows,
 		config,

package/dist/components/index.js

@@ -23,6 +23,7 @@ import skeleton_default from "./ui/skeleton.js";
 import logout_default from "./admin/auth/logout.js";
 import user_menu_default from "./admin/layout/user-menu.js";
 import app_bar_default from "./admin/layout/app-bar.js";
+import keyboard_shortcut_default from "./admin/common/keyboard-shortcut.js";
 import menu_item_link_default from "./admin/layout/menu-item-link.js";
 import dashboard_menu_item_default from "./admin/layout/dashboard-menu-item.js";
 import resource_menu_item_default from "./admin/layout/resource-menu-item.js";
@@ -90,7 +91,6 @@ import field_label_text_default from "./admin/common/field-label-text.js";
 import i18n_key_editor_default from "./admin/common/i18n-key-editor.js";
 import icon_button_with_tooltip_default from "./admin/common/icon-button-with-tooltip.js";
 import input_helper_text_default from "./admin/common/input-helper-text.js";
-import keyboard_shortcut_default from "./admin/common/keyboard-shortcut.js";
 import link_default from "./admin/common/link.js";
 import title_default from "./admin/layout/title.js";
 import error_default from "./admin/feedback/error.js";
@@ -201,7 +201,6 @@ import command_group_default from "./ui/command/command-group.js";
 import command_input_default from "./ui/command/command-input.js";
 import command_item_default from "./ui/command/command-item.js";
 import { CommandEmpty, CommandList, CommandSeparator, CommandShortcut } from "./ui/command/parts.js";
-import sheet_default from "./ui/sheet.js";
 import command_menu_default from "./admin/layout/command-menu.js";
 import data_provider_devtools_default from "./admin/layout/data-provider-devtools.js";
 import hide_on_scroll_default from "./admin/layout/hide-on-scroll.js";
@@ -209,6 +208,7 @@ import onboarding_tour_default from "./admin/layout/onboarding-tour.js";
 import top_toolbar_default from "./admin/layout/top-toolbar.js";
 import textarea_default from "./ui/textarea.js";
 import approval_queue_default from "./admin/list/approval-queue.js";
+import sheet_default from "./ui/sheet.js";
 import bulk_edit_drawer_default from "./admin/list/bulk-edit-drawer.js";
 import calendar_list_default from "./admin/list/calendar-list.js";
 import count_default from "./admin/list/count.js";

package/dist/components/inspector/configurable.vue.d.ts

@@ -1,24 +1,3 @@
-/**
- * `<Configurable>` — marks a piece of the page as configurable. While the
- * inspector's configure mode is on it is outlined and shows a Customize button
- * that opens its `#editor` slot in the panel. The Vue twin of
- * `@chelone/react`'s `Configurable`. Without an `<Inspector>` it renders its
- * default slot and nothing else.
- *
- * The wrapper is there whether or not the mode is on, so turning it on never
- * remounts the content.
- *
- * The editor is teleported into the panel, so it reads the contexts around this
- * (resource, list, record), not the ones around the `<Inspector>`.
- *
- * @example
- * <Configurable preference-key="posts.columns" title="Columns">
- *   <PostTable />
- *   <template #editor>
- *     <SortableFieldsSelector store-key="posts.datatable" />
- *   </template>
- * </Configurable>
- */
 import { type VNode } from "vue";
 /** Props for {@link Configurable}. */
 export interface ConfigurableProps {

package/dist/components/inspector/configurable.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import { SlidersHorizontalIcon } from "../admin/buttons/icons.js";
 import button_default from "../ui/button.js";
 import { useInspector, useInspectorBody } from "./inspector-context.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, onScopeDispose, openBlock, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
+import { INSPECTOR_OPEN_LABEL } from "@chelone/core";
 // src/components/inspector/configurable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-inspector-enabled", "data-selected"];
 var configurable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -40,7 +41,6 @@ var configurable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const translate = useTranslate();
 		const inspector = useInspector();
 		const body = useInspectorBody();
-		const defaultOpenLabel = "chelone.inspector.customize";
 		const enabled = computed(() => inspector?.value.enabled ?? false);
 		const isSelected = computed(() => inspector?.value.selected?.key === props.preferenceKey);
 		const editor = () => [];
@@ -71,7 +71,7 @@ var configurable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					class: "absolute top-1 right-1 z-10 h-6 gap-1 px-2 text-xs opacity-0 focus-visible:opacity-100 group-focus-within/configurable:opacity-100 group-hover/configurable:opacity-100 group-data-[selected]/configurable:opacity-100",
 					onClick: open
 				}, {
-					default: withCtx(() => [createVNode(unref(SlidersHorizontalIcon)), createTextVNode(" " + toDisplayString(unref(translate)(props.openButtonLabel ?? defaultOpenLabel, { _: props.openButtonLabel ?? "Customize" })), 1)]),
+					default: withCtx(() => [createVNode(unref(SlidersHorizontalIcon)), createTextVNode(" " + toDisplayString(unref(translate)(props.openButtonLabel ?? unref(INSPECTOR_OPEN_LABEL), { _: props.openButtonLabel ?? "Customize" })), 1)]),
 					_: 1
 				})) : createCommentVNode("", true),
 				isSelected.value && unref(body) ? (openBlock(), createBlock(Teleport, {

package/dist/components/inspector/inspector.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { XIcon } from "../admin/buttons/icons.js";
 import button_default from "../ui/button.js";
 import { provideInspector, provideInspectorBody } from "./inspector-context.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, withCtx } from "vue";
-import { clampInspectorPosition, createInspector, inspectorPositionKey } from "@chelone/core";
+import { INSPECTOR_KEY_STEP, PANEL_WIDTH, clampInspectorPosition, createInspector, inspectorPositionKey } from "@chelone/core";
 // src/components/inspector/inspector.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = ["aria-label"];
@@ -37,24 +37,22 @@ var inspector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		*   </template>
 		* </Admin>
 		*/
-		const PANEL_WIDTH = 320;
-		const KEY_STEP = 16;
 		const ARROWS = {
 			ArrowLeft: {
-				x: -16,
+				x: -INSPECTOR_KEY_STEP,
 				y: 0
 			},
 			ArrowRight: {
-				x: KEY_STEP,
+				x: INSPECTOR_KEY_STEP,
 				y: 0
 			},
 			ArrowUp: {
 				x: 0,
-				y: -16
+				y: -INSPECTOR_KEY_STEP
 			},
 			ArrowDown: {
 				x: 0,
-				y: KEY_STEP
+				y: INSPECTOR_KEY_STEP
 			}
 		};
 		const props = __props;
@@ -142,7 +140,7 @@ var inspector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				style: normalizeStyle({
 					left: `${position.value.x}px`,
 					top: `${position.value.y}px`,
-					width: `${PANEL_WIDTH}px`
+					width: `${unref(PANEL_WIDTH)}px`
 				}),
 				class: normalizeClass(unref(cn)("fixed z-50 flex max-h-[80vh] max-w-[calc(100vw-1rem)] flex-col rounded-lg border bg-popover text-popover-foreground shadow-lg", props.class))
 			}, [createElementVNode("div", {

package/dist/components/kanban/kanban-board.vue.d.ts

@@ -1,7 +1,7 @@
 import { type VNode } from "vue";
-import type { KanbanColumnDef, LooseRecord, SourceKey, SourceProp } from "@chelone/core";
+import type { KanbanColumnDef, LooseRecord, ResourceRecord, SourceKey, SourceProp } from "@chelone/core";
 /** Props for {@link KanbanBoard}. */
-export interface KanbanBoardProps<TRecord extends LooseRecord = LooseRecord> {
+export interface KanbanBoardProps<TRecord extends ResourceRecord = LooseRecord> {
     /**
      * The top-level field whose value names a column; a drop writes the target
      * column's `id` to it.
@@ -22,7 +22,7 @@ export interface KanbanBoardProps<TRecord extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <TRecord 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: <TRecord 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<KanbanBoardProps<TRecord> & {
         "onSelect-card"?: ((record: TRecord) => any) | undefined;
     }> & (typeof globalThis extends {