@chelone/vue 0.7.0 → 0.10.0

package/dist/components/admin/fields/url-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link UrlField}. */
-export interface UrlFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface UrlFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -15,7 +15,7 @@ export interface UrlFieldProps<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<UrlFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/usage-meter-field.vue.d.ts

@@ -1,11 +1,11 @@
-import type { LooseRecord, SourceKey, SourceProp, SourceValue } from "@chelone/core";
+import { type LooseRecord, type ResourceRecord, type SourceKey, type SourceProp, type SourceValue } from "@chelone/core";
 /** Ratio thresholds toggling the warning / critical bar color. */
 export interface UsageMeterThresholds {
     warning: number;
     critical: number;
 }
 /** Props for {@link UsageMeterField}. */
-export interface UsageMeterFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface UsageMeterFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     /** The record to render. Defaults to the ambient `RecordContext` value. */
     record?: RecordType;
@@ -23,7 +23,7 @@ export interface UsageMeterFieldProps<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?: __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<UsageMeterFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/usage-meter-field.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
 import { cn } from "../../../lib/utils.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useFieldValue } from "../../../record/use-field-value.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
+import { getAtPath } from "@chelone/core";
 // src/components/admin/fields/usage-meter-field.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-state"];
 var _hoisted_2 = ["aria-valuenow"];
@@ -42,12 +43,11 @@ var usage_meter_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			defaultValue: props.defaultValue
 		});
 		const used = computed(() => typeof value.value === "number" ? value.value : void 0);
-		const injectedRecord = inject(RecordContextKey, null);
-		const ctxRecord = computed(() => props.record ?? injectedRecord?.value);
+		const ctxRecord = useRecordContextRef(() => props.record);
 		const limit = computed(() => {
 			const rec = ctxRecord.value;
 			if (!props.limitSource || !rec) return void 0;
-			const l = rec[props.limitSource];
+			const l = getAtPath(rec, props.limitSource);
 			return typeof l === "number" ? l : void 0;
 		});
 		const thresholds = computed(() => props.thresholds ?? DEFAULT_THRESHOLDS);
@@ -59,7 +59,7 @@ var usage_meter_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			return "ok";
 		});
 		const pct = computed(() => Math.min(100, Math.round(ratio.value * 100)));
-		const indicatorClass = computed(() => cn("h-full rounded-full bg-primary transition-all", state.value === "warning" && "bg-yellow-500", state.value === "critical" && "bg-red-500"));
+		const indicatorClass = computed(() => cn("block h-full rounded-full bg-primary transition-all", state.value === "warning" && "bg-yellow-500", state.value === "critical" && "bg-red-500"));
 		return (_ctx, _cache) => {
 			return hasUsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [limit.value == null ? (openBlock(), createElementBlock("span", {
 				key: 0,

package/dist/components/admin/fields/webhook-endpoint-field.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** A webhook delivery outcome. */
 export type DeliveryStatus = "ok" | "failed" | "pending";
 /** The shape `<WebhookEndpointField>` reads from a record source. */
@@ -12,7 +12,7 @@ export interface WebhookEndpoint {
     };
 }
 /** Props for {@link WebhookEndpointField}. */
-export interface WebhookEndpointFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface WebhookEndpointFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -20,7 +20,7 @@ export interface WebhookEndpointFieldProps<RecordType extends LooseRecord = Loos
 }
 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<WebhookEndpointFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/webhook-endpoint-field.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,7 @@ var webhook_endpoint_field_vue_vue_type_script_setup_true_lang_default = /*@__PU
 			return raw && typeof raw === "object" ? raw : null;
 		});
 		const status = computed(() => endpoint.value?.lastDelivery?.status ?? "pending");
-		const statusClass = computed(() => cn("rounded px-2 py-0.5 text-xs font-medium", status.value === "ok" && "bg-green-500/10 text-green-700", status.value === "failed" && "bg-red-500/10 text-red-700", status.value === "pending" && "bg-muted text-muted-foreground"));
+		const statusClass = computed(() => cn("rounded px-2 py-0.5 text-xs font-medium", status.value === "ok" && "bg-green-500/10 text-green-700 dark:text-green-400", status.value === "failed" && "bg-red-500/10 text-red-700 dark:text-red-400", status.value === "pending" && "bg-muted text-muted-foreground"));
 		return (_ctx, _cache) => {
 			return endpoint.value ? (openBlock(), createElementBlock("span", {
 				key: 0,

package/dist/components/admin/fields/wrapper-field.vue.d.ts

@@ -1,24 +1,34 @@
 import type { VNode } from "vue";
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp } from "@chelone/core";
 /** Props for {@link WrapperField}. */
-export interface WrapperFieldProps {
+export interface WrapperFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     /**
      * A pseudo field path exposed to a parent layout (e.g. a sortable
      * `DataTable` header). Not read by the field itself — it only groups children.
      */
-    source?: SourceProp;
+    source?: SourceProp<RecordType>;
     label?: string | false;
-    record?: LooseRecord;
+    record?: RecordType;
     class?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WrapperFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WrapperFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    /** The wrapped fields, rendered as-is. */
-    default(): 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<WrapperFieldProps<RecordType>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        /** The wrapped fields, rendered as-is. */
+        default(): 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/admin/inputs/api-key-input.vue.d.ts

@@ -1,15 +1,30 @@
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp } from "@chelone/core";
 /** Props for {@link ApiKeyInput}. */
-export interface ApiKeyInputProps {
+export interface ApiKeyInputProps<TRecord extends ResourceRecord = LooseRecord> {
     /** Record field holding the API key. */
-    source: SourceProp;
+    source: SourceProp<TRecord>;
     /** Override resource. */
     resource?: string;
     /** Async side-effect on rotate. When provided, replaces the default update mutation. */
-    onRotate?: (record: LooseRecord) => Promise<void> | void;
+    onRotate?: (record: TRecord) => Promise<void> | void;
     /** Disable the button. */
     disabled?: boolean;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<ApiKeyInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ApiKeyInputProps> & Readonly<{}>, {}, {}, {}, {}, 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<ApiKeyInputProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    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/admin/inputs/api-key-input.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { useUpdate } from "../../../data/mutations.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useResourceContext } from "../../../resource-context.js";
 import button_default from "../../ui/button.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, toDisplayString, withCtx } from "vue";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, withCtx } from "vue";
 // src/components/admin/inputs/api-key-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -34,8 +34,7 @@ var api_key_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		* lightweight inline `role="alertdialog"` panel toggled by the trigger.
 		*/
 		const props = __props;
-		const recordRef = inject(RecordContextKey, void 0);
-		const record = computed(() => recordRef?.value);
+		const record = useRecordContextRef();
 		const resource = useResourceContext({ resource: props.resource });
 		const update = useUpdate(resource ?? "");
 		const open = ref(false);

package/dist/components/admin/inputs/array-input-row.vue_vue_type_script_setup_true_lang.js

@@ -67,7 +67,7 @@ var array_input_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				itemLabel.value != null ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(itemLabel.value), 1)) : createCommentVNode("", true),
-				createElementVNode("div", { class: normalizeClass(["flex flex-1 flex-col gap-2", __props.inline && "sm:flex-row sm:items-start"]) }, [renderSlot(_ctx.$slots, "default")], 2),
+				createElementVNode("div", { class: normalizeClass(["flex flex-1 flex-col gap-2", __props.inline && "sm:flex-row sm:items-start sm:[&>*]:min-w-0 sm:[&>*]:flex-1"]) }, [renderSlot(_ctx.$slots, "default")], 2),
 				!__props.disabled ? (openBlock(), createElementBlock("div", _hoisted_3, [!__props.disableReordering ? renderSlot(_ctx.$slots, "reorder-buttons", {
 					index: __props.row.index,
 					remove,

package/dist/components/admin/inputs/checkbox-group-input.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import { toChoiceValues } from "@chelone/core";
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
 	key: 0,
-	class: "text-sm font-medium leading-none"
+	class: "mb-3 text-sm font-medium leading-none"
 };
 var _hoisted_3 = { key: 0 };
 var _hoisted_4 = ["data-disabled"];

package/dist/components/admin/inputs/date-input-format.d.ts

@@ -1,5 +1,8 @@
 /**
  * The date, date-time and time format and parse helpers live in
- * `@chelone/core`; this file keeps the three SFCs' import path.
+ * `@chelone/core`; this file keeps the three SFCs' import path, and the class
+ * they share.
  */
+/** The native picker icon: right-aligned, and visible on a dark theme. */
+export declare const PICKER_INPUT_CLASS = "scheme-light dark:scheme-dark relative [&::-webkit-calendar-picker-indicator]:cursor-pointer [&::-webkit-calendar-picker-indicator]:absolute [&::-webkit-calendar-picker-indicator]:right-3 [&::-webkit-calendar-picker-indicator]:opacity-100 appearance-none";
 export { formatDate, formatDateTime, formatTime, isValidDate, isValidDateTime, isValidTime, parseDateTimeToISO, parseTimeToDate, } from "@chelone/core";

package/dist/components/admin/inputs/date-input-format.js

@@ -1 +1,10 @@
-export { formatDate, formatDateTime, formatTime, isValidDate, isValidDateTime, isValidTime, parseDateTimeToISO, parseTimeToDate } from "@chelone/core";
+import { formatDate, formatDateTime, formatTime, isValidDate, isValidDateTime, isValidTime, parseDateTimeToISO, parseTimeToDate } from "@chelone/core";
+// src/components/admin/inputs/date-input-format.ts
+/**
+* The date, date-time and time format and parse helpers live in
+* `@chelone/core`; this file keeps the three SFCs' import path, and the class
+* they share.
+*/
+/** The native picker icon: right-aligned, and visible on a dark theme. */
+var PICKER_INPUT_CLASS = "scheme-light dark:scheme-dark relative [&::-webkit-calendar-picker-indicator]:cursor-pointer [&::-webkit-calendar-picker-indicator]:absolute [&::-webkit-calendar-picker-indicator]:right-3 [&::-webkit-calendar-picker-indicator]:opacity-100 appearance-none";
+export { PICKER_INPUT_CLASS, formatDate, formatDateTime, formatTime, isValidDate, isValidDateTime, isValidTime, parseDateTimeToISO, parseTimeToDate };

package/dist/components/admin/inputs/date-input.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,9 @@
 import { useInput } from "../../../form/use-input.js";
 import { Field, FieldError, FieldLabel } from "../../ui/field.js";
+import { cn } from "../../../lib/utils.js";
 import input_default from "../../ui/input.js";
 import validation_error_default from "../common/validation-error.js";
-import { formatDate, isValidDate } from "./date-input-format.js";
+import { PICKER_INPUT_CLASS, formatDate, isValidDate } from "./date-input-format.js";
 import { humanizeSource } from "./label-text.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
 import { textOf, toDateInputValue, toTextValue } from "@chelone/core";
@@ -84,7 +85,7 @@ var date_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						disabled: __props.disabled,
 						readonly: __props.readonly,
 						"aria-invalid": invalid.value,
-						class: normalizeClass(__props.inputClass),
+						class: normalizeClass(unref(cn)(unref(PICKER_INPUT_CLASS), __props.inputClass)),
 						onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
 						"onUpdate:modelValue": onInput,
 						onBlur

package/dist/components/admin/inputs/date-time-input.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,9 @@
 import { useInput } from "../../../form/use-input.js";
 import { Field, FieldError, FieldLabel } from "../../ui/field.js";
+import { cn } from "../../../lib/utils.js";
 import input_default from "../../ui/input.js";
 import validation_error_default from "../common/validation-error.js";
-import { formatDateTime, isValidDateTime, parseDateTimeToISO } from "./date-input-format.js";
+import { PICKER_INPUT_CLASS, formatDateTime, isValidDateTime, parseDateTimeToISO } from "./date-input-format.js";
 import { humanizeSource } from "./label-text.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
 import { textOf, toDateInputValue, toTextValue } from "@chelone/core";
@@ -82,7 +83,7 @@ var date_time_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 						disabled: __props.disabled,
 						readonly: __props.readonly,
 						"aria-invalid": invalid.value,
-						class: normalizeClass(__props.inputClass),
+						class: normalizeClass(unref(cn)(unref(PICKER_INPUT_CLASS), __props.inputClass)),
 						onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
 						"onUpdate:modelValue": onInput,
 						onBlur

package/dist/components/admin/inputs/duration-input.vue_vue_type_script_setup_true_lang.js

@@ -73,7 +73,7 @@ var duration_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const invalid = computed(() => touched.value && error.value != null);
 		const labelText = computed(() => props.label === false ? null : props.label ?? humanizeSource(props.source));
 		const labelFor = computed(() => props.units.length > 0 ? `${id}-${props.units[0]}` : id);
-		const inputClass = "flex h-9 w-16 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive";
+		const inputClass = "flex h-9 w-16 rounded-md border border-input bg-transparent px-3 py-1 text-sm text-foreground shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive";
 		function writeBack(next) {
 			const dayPart = next.d ? `${+next.d}D` : "";
 			const timeParts = (next.h ? `${+next.h}H` : "") + (next.m ? `${+next.m}M` : "") + (next.s ? `${+next.s}S` : "");

package/dist/components/admin/inputs/image-input-thumbnail.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { useRecordContext } from "../../../record/record-context.js";
 import { createCommentVNode, createElementBlock, defineComponent, openBlock, unref } from "vue";
+import { fileEntryImage } from "@chelone/core";
 // src/components/admin/inputs/image-input-thumbnail.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"src",
@@ -16,13 +17,13 @@ var image_input_thumbnail_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		* {@link provideRecordContext}) and renders it as a thumbnail `<img>`. A stand-in
 		* for a ported `<ImageField>` default child; pass an explicit slot to override.
 		*/
-		const record = useRecordContext();
+		const image = fileEntryImage(useRecordContext());
 		return (_ctx, _cache) => {
-			return unref(record)?.src ? (openBlock(), createElementBlock("img", {
+			return unref(image) ? (openBlock(), createElementBlock("img", {
 				key: 0,
-				src: unref(record).src,
-				title: unref(record).title,
-				alt: unref(record).title,
+				src: unref(image).src,
+				title: unref(image).title,
+				alt: unref(image).title,
 				class: "h-24 w-24 rounded-md object-cover"
 			}, null, 8, _hoisted_1)) : createCommentVNode("", true);
 		};

package/dist/components/admin/inputs/image-input.vue.d.ts

@@ -4,6 +4,7 @@ export type ImageInputProps = FileInputProps;
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ImageInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageInputProps> & Readonly<{}>, {
+    label: string | false;
     accept: string;
     labelMultiple: string;
     labelSingle: string;

package/dist/components/admin/inputs/image-input.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,10 @@ var image_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		labelSingle: { default: "ra.input.image.upload_single" },
 		class: {},
 		source: {},
-		label: { type: [String, Boolean] },
+		label: {
+			type: [String, Boolean],
+			default: void 0
+		},
 		defaultValue: {},
 		validate: {}
 	},

package/dist/components/admin/inputs/in-place-editor-form.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
 /** Props for {@link InPlaceEditorForm}. */
-export interface InPlaceEditorFormProps<TRecord extends LooseRecord = LooseRecord> {
+export interface InPlaceEditorFormProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The record as it is when editing starts: the form's starting values and the save's `previousData`. */
     record: TRecord;
     /** Cancel on a focus move out of the editor; when false, save instead. */
@@ -10,7 +10,7 @@ export interface InPlaceEditorFormProps<TRecord extends LooseRecord = LooseRecor
 }
 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<InPlaceEditorFormProps<TRecord> & {
         onCancel?: (() => any) | undefined;
         onSave?: ((before: TRecord, dirty: Partial<TRecord>) => any) | undefined;

package/dist/components/admin/inputs/in-place-editor-form.vue_vue_type_script_setup_true_lang.js

@@ -50,7 +50,7 @@ var in_place_editor_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 					ref_key: "formElement",
 					ref: formElement,
 					"data-slot": "in-place-editor-editing",
-					class: "flex items-center gap-2",
+					class: "flex items-center gap-2 [&>:first-child]:min-w-0 [&>:first-child]:flex-1",
 					onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
 					onSubmit: _cache[4] || (_cache[4] = withModifiers(($event) => unref(submit)(), ["prevent", "stop"])),
 					onKeydown: _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => emit("cancel"), ["prevent", "stop"]), ["esc"])),

package/dist/components/admin/inputs/in-place-editor.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, MutationMode, SourceProp } from "@chelone/core";
+import type { LooseRecord, MutationMode, ResourceRecord, SourceProp } from "@chelone/core";
 /** Props for {@link InPlaceEditor}. */
-export interface InPlaceEditorProps<TRecord extends LooseRecord = LooseRecord> {
+export interface InPlaceEditorProps<TRecord extends ResourceRecord = LooseRecord> {
     /**
      * The field to show and edit. Required unless both the default slot and the
      * `#editor` slot are given.
@@ -22,7 +22,7 @@ export interface InPlaceEditorProps<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<InPlaceEditorProps<TRecord> & {
         onError?: ((error: unknown) => any) | undefined;
         onSuccess?: ((record: TRecord) => any) | undefined;

package/dist/components/admin/inputs/number-input.vue.d.ts

@@ -6,6 +6,12 @@ export interface NumberInputProps<RecordType = LooseRecord, TPath extends Source
     format?: (value: number | null) => string;
     /** The number to store for the text the user typed (`null` when empty or unparseable). */
     parse?: (value: string) => number | null;
+    /** Lowest value the native input accepts. */
+    min?: number;
+    /** Highest value the native input accepts. */
+    max?: number;
+    /** How far the native input's spinner steps. */
+    step?: number;
     class?: string;
 }
 declare const _default: typeof __VLS_export;

package/dist/components/admin/inputs/number-input.vue_vue_type_script_setup_true_lang.js

@@ -12,6 +12,9 @@ var number_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	props: {
 		format: {},
 		parse: {},
+		min: {},
+		max: {},
+		step: {},
 		class: {},
 		source: {},
 		label: {
@@ -74,6 +77,9 @@ var number_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					createVNode(input_default, {
 						id: unref(id),
 						type: "number",
+						min: __props.min,
+						max: __props.max,
+						step: __props.step,
 						"model-value": buffer.value,
 						"aria-invalid": invalid.value,
 						onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
@@ -81,6 +87,9 @@ var number_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 						onBlur
 					}, null, 8, [
 						"id",
+						"min",
+						"max",
+						"step",
 						"model-value",
 						"aria-invalid"
 					]),

package/dist/components/admin/inputs/password-input.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 button_default from "../../ui/button.js";
 import text_input_default from "./text-input.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref, withCtx } from "vue";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref, withCtx } from "vue";
 // src/components/admin/inputs/password-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -61,10 +61,9 @@ var password_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const props = __props;
 		const visible = ref(props.initiallyVisible === true);
 		const translate = useTranslate();
-		const hasLabel = computed(() => props.label !== false);
 		const toggleLabel = computed(() => visible.value ? translate("ra.input.password.toggle_visible", { _: "Hide password" }) : translate("ra.input.password.toggle_hidden", { _: "Show password" }));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("relative", props.class)) }, [createVNode(text_input_default, {
+			return openBlock(), createBlock(text_input_default, {
 				source: __props.source,
 				label: __props.label,
 				type: visible.value ? "text" : "password",
@@ -76,8 +75,37 @@ var password_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				readonly: __props.readonly,
 				autocomplete: __props.autocomplete,
 				autofocus: __props.autofocus,
+				class: normalizeClass(props.class),
 				"input-class": unref(cn)("pr-10", __props.inputClass)
-			}, null, 8, [
+			}, {
+				controlSuffix: withCtx(() => [createVNode(button_default, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					class: "absolute top-1/2 right-1 size-7 -translate-y-1/2 text-muted-foreground",
+					"aria-label": toggleLabel.value,
+					tabindex: -1,
+					onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value)
+				}, {
+					default: withCtx(() => [visible.value ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[1] || (_cache[1] = [
+						createElementVNode("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, null, -1),
+						createElementVNode("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, null, -1),
+						createElementVNode("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, null, -1),
+						createElementVNode("line", {
+							x1: "2",
+							x2: "22",
+							y1: "2",
+							y2: "22"
+						}, null, -1)
+					])])) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, null, -1), createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "3"
+					}, null, -1)])]))]),
+					_: 1
+				}, 8, ["aria-label"])]),
+				_: 1
+			}, 8, [
 				"source",
 				"label",
 				"type",
@@ -89,33 +117,9 @@ var password_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				"readonly",
 				"autocomplete",
 				"autofocus",
+				"class",
 				"input-class"
-			]), createVNode(button_default, {
-				type: "button",
-				variant: "ghost",
-				size: "icon",
-				class: normalizeClass(unref(cn)("absolute right-1 size-7 text-muted-foreground", hasLabel.value ? "top-6" : "top-1")),
-				"aria-label": toggleLabel.value,
-				tabindex: -1,
-				onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value)
-			}, {
-				default: withCtx(() => [visible.value ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[1] || (_cache[1] = [
-					createElementVNode("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, null, -1),
-					createElementVNode("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, null, -1),
-					createElementVNode("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, null, -1),
-					createElementVNode("line", {
-						x1: "2",
-						x2: "22",
-						y1: "2",
-						y2: "22"
-					}, null, -1)
-				])])) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, null, -1), createElementVNode("circle", {
-					cx: "12",
-					cy: "12",
-					r: "3"
-				}, null, -1)])]))]),
-				_: 1
-			}, 8, ["class", "aria-label"])], 2);
+			]);
 		};
 	}
 });

package/dist/components/admin/inputs/phone-input.vue_vue_type_script_setup_true_lang.js

@@ -100,7 +100,7 @@ var phone_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 						"aria-label": "Country",
 						value: country.value,
 						disabled: __props.disabled,
-						class: "rounded-md border border-input bg-background px-2 py-1 text-sm",
+						class: "h-9 rounded-md border border-input bg-background px-2 py-1 text-sm",
 						onChange: onCountryChange
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(countries.value, (c) => {
 						return openBlock(), createElementBlock("option", {

package/dist/components/admin/inputs/radio-button-group-input.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
 	key: 0,
-	class: "text-sm font-medium leading-none"
+	class: "mb-3 text-sm font-medium leading-none"
 };
 var _hoisted_3 = { key: 0 };
 var _hoisted_4 = ["data-disabled"];