@chelone/vue 0.4.0 → 0.5.0

package/dist/admin/admin-shell.vue.js

@@ -4,7 +4,7 @@ import { useRoute, useRouter, START_LOCATION } from "vue-router";
 import _sfc_main$6 from "../components/admin/layout/layout.vue.js";
 import _sfc_main$1 from "../components/admin/layout/theme-provider.vue.js";
 import _sfc_main$4 from "../components/admin/auth/login-page.vue.js";
-import _sfc_main$3 from "../components/ui/spinner.vue.js";
+import _sfc_main$3 from "../components/ui/spinner2.vue.js";
 import { useBasename } from "../router/adapter.js";
 import { useWatchDataErrors } from "../auth/permissions-hooks.js";
 import { useAuthGate } from "./auth-gate.js";

package/dist/components/admin/auth/auth-callback.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, openBlock, createBlock, createElementBlock, createVNode } from "vue";
 import { useHandleAuthCallback } from "../../../admin/auth-gate.js";
-import _sfc_main$2 from "../../ui/spinner.vue.js";
+import _sfc_main$2 from "../../ui/spinner2.vue.js";
 import _sfc_main$1 from "./auth-error.vue.js";
 const _hoisted_1 = {
   key: 1,

package/dist/components/admin/auth/login-form.vue.js

@@ -6,7 +6,7 @@ import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import { useLogin } from "../../../auth/auth-hooks.js";
 import _sfc_main$2 from "../../ui/button.vue.js";
-import _sfc_main$3 from "../../ui/spinner.vue.js";
+import _sfc_main$3 from "../../ui/spinner2.vue.js";
 import _sfc_main$1 from "../inputs/text-input.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "login-form",

package/dist/components/admin/auth/login-with-email.vue.js

@@ -6,7 +6,7 @@ import { useForm } from "../../../form/use-form.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import _sfc_main$3 from "../../ui/button.vue.js";
-import _sfc_main$4 from "../../ui/spinner.vue.js";
+import _sfc_main$4 from "../../ui/spinner2.vue.js";
 import _sfc_main$2 from "../inputs/password-input.vue.js";
 import _sfc_main$1 from "../inputs/text-input.vue.js";
 import { LogInIcon } from "./icons.js";

package/dist/components/admin/feedback/loading-indicator.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, normalizeClas
 import { useLoading, useRefresh } from "../../../data/use-refresh.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
-import _sfc_main$2 from "../../ui/spinner.vue.js";
+import _sfc_main$2 from "../../ui/spinner2.vue.js";
 import { RotateCwIcon } from "../buttons/icons.js";
 import _sfc_main$1 from "../common/icon-button-with-tooltip.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/admin/feedback/spinner.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, normalizeClass, createCommentVNode } from "vue";
 import { cn } from "../../../lib/utils.js";
-import _sfc_main$1 from "../../ui/spinner.vue.js";
+import _sfc_main$1 from "../../ui/spinner2.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "spinner",
   props: {

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

@@ -1,20 +1,31 @@
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, SourcePath, SourceProp } from "@chelone/core";
 import type { ChoiceRecord, OptionText } from "../../../choices/use-choices.js";
 /** Props for {@link SelectField}. */
-export interface SelectFieldProps {
+export interface SelectFieldProps<TChoice extends ChoiceRecord = ChoiceRecord> {
     source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;
     /** The list of choices to map the value against. */
-    choices?: readonly ChoiceRecord[];
+    choices?: readonly TChoice[];
     /** The value path on a choice. Default `'id'`. */
-    optionValue?: string;
+    optionValue?: SourcePath<TChoice>;
     /** The display path or a formatter. Default `'name'`. */
-    optionText?: OptionText;
+    optionText?: OptionText<TChoice>;
     /** Translate a string-path text through the catalog. Default `true`. */
     translateChoice?: boolean;
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<SelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & SelectFieldProps<TChoice> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/admin/fields/select-field.vue.js

@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     empty: {},
     choices: {},
     optionValue: {},
-    optionText: {},
+    optionText: { type: Function },
     translateChoice: { type: Boolean },
     class: {}
   },

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

@@ -1,13 +1,20 @@
+import type { ChoiceRecord } from "../../../choices/use-choices.js";
 import type { ChoiceInputBaseProps } from "./choice-input-props.js";
 /** Props for {@link CheckboxGroupInput}. */
-export interface CheckboxGroupInputProps extends ChoiceInputBaseProps {
+export interface CheckboxGroupInputProps<TChoice extends ChoiceRecord = ChoiceRecord> extends ChoiceInputBaseProps<TChoice> {
     /** Lay the checkboxes out horizontally instead of stacked. */
     row?: boolean;
 }
-declare const _default: import("vue").DefineComponent<CheckboxGroupInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxGroupInputProps> & Readonly<{}>, {
-    label: string | false;
-    optionValue: string;
-    row: boolean;
-    disableValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & CheckboxGroupInputProps<TChoice> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -19,8 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     source: {},
     choices: {},
     optionText: {},
-    optionValue: { default: "id" },
-    disableValue: { default: "disabled" },
+    optionValue: {},
+    disableValue: {},
     translateChoice: { type: Boolean },
     label: { type: [String, Boolean], default: void 0 },
     helperText: {},

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

@@ -1,10 +1,25 @@
+import type { ChoiceRecord } from "../../../choices/use-choices.js";
 import type { ChoiceInputBaseProps } from "./choice-input-props.js";
-/** Props for {@link DatagridInput}. */
-export interface DatagridInputProps extends ChoiceInputBaseProps {
+/**
+ * Props for {@link DatagridInput}.
+ *
+ * `disableValue` comes in through the shared base and is unused: a datagrid row
+ * is never disabled. The React twin has no `disableValue` prop at all.
+ */
+export interface DatagridInputProps<TChoice extends ChoiceRecord = ChoiceRecord> extends ChoiceInputBaseProps<TChoice> {
     /** Column header for the choice column. Default empty. */
     optionLabel?: string;
 }
-declare const _default: import("vue").DefineComponent<DatagridInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DatagridInputProps> & Readonly<{}>, {
-    optionValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & DatagridInputProps<TChoice> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/admin/inputs/datagrid-input.vue.js

@@ -12,14 +12,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionLabel: {},
     source: {},
     choices: {},
-    optionText: {},
-    optionValue: { default: "id" },
+    optionText: { type: Function },
+    optionValue: {},
     disableValue: {},
     translateChoice: { type: Boolean },
     label: { type: [String, Boolean] },
     helperText: {},
     defaultValue: {},
-    validate: {},
+    validate: { type: [Function, Array] },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     class: {}
@@ -32,6 +32,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       componentName: "DatagridInput",
       choices: props.choices,
       source: props.source,
+      // The React twin defaults `optionText` to `"name"` in its own destructuring,
+      // so a `<DatagridInput>` under a reference wrapper labels the `name` field
+      // rather than the record representation. The literal has to be cast: a
+      // `SourcePath<TChoice>` is deferred while `TChoice` is open.
       optionText: props.optionText ?? "name",
       optionValue: props.optionValue,
       disableValue: props.disableValue,

package/dist/components/admin/inputs/radio-button-group-input.vue.d.ts

@@ -1,13 +1,20 @@
+import type { ChoiceRecord } from "../../../choices/use-choices.js";
 import type { ChoiceInputBaseProps } from "./choice-input-props.js";
 /** Props for {@link RadioButtonGroupInput}. */
-export interface RadioButtonGroupInputProps extends ChoiceInputBaseProps {
+export interface RadioButtonGroupInputProps<TChoice extends ChoiceRecord = ChoiceRecord> extends ChoiceInputBaseProps<TChoice> {
     /** Lay the radios out horizontally instead of stacked. */
     row?: boolean;
 }
-declare const _default: import("vue").DefineComponent<RadioButtonGroupInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioButtonGroupInputProps> & Readonly<{}>, {
-    label: string | false;
-    optionValue: string;
-    row: boolean;
-    disableValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & RadioButtonGroupInputProps<TChoice> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -19,8 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     source: {},
     choices: {},
     optionText: {},
-    optionValue: { default: "id" },
-    disableValue: { default: "disabled" },
+    optionValue: {},
+    disableValue: {},
     translateChoice: { type: Boolean },
     label: { type: [String, Boolean], default: void 0 },
     helperText: {},

package/dist/components/admin/list/count-spinner.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, unref, openBlock, createBlock, normalizeClass, createCommentVNode } from "vue";
-import _sfc_main$1 from "../../ui/spinner.vue.js";
+import _sfc_main$1 from "../../ui/spinner2.vue.js";
 import { useTimeout } from "../feedback/use-timeout.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "count-spinner",

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

@@ -6,7 +6,7 @@ import { useForm } from "../../../form/use-form.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import _sfc_main$2 from "../../ui/button.vue.js";
-import _sfc_main$3 from "../../ui/spinner.vue.js";
+import _sfc_main$3 from "../../ui/spinner2.vue.js";
 import _sfc_main$1 from "../inputs/text-input.vue.js";
 import { useResetPassword } from "./use-password-recovery.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -6,7 +6,7 @@ import { useForm } from "../../../form/use-form.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import _sfc_main$2 from "../../ui/button.vue.js";
-import _sfc_main$3 from "../../ui/spinner.vue.js";
+import _sfc_main$3 from "../../ui/spinner2.vue.js";
 import _sfc_main$1 from "../inputs/password-input.vue.js";
 import { useSupabaseUrlTokens, useSetPassword } from "./use-password-recovery.js";
 const _hoisted_1 = {

package/dist/components/maps-osm/osm-feature-operator.vue.js

@@ -6,7 +6,7 @@ import { useTranslate } from "../../i18n/use-translate.js";
 import { useNotify } from "../../notification-hooks.js";
 import { useMapsConfig } from "../maps/use-map.js";
 import _sfc_main$1 from "../ui/button.vue.js";
-import _sfc_main$2 from "../ui/spinner.vue.js";
+import _sfc_main$2 from "../ui/spinner2.vue.js";
 import { fetchOsmFeatures } from "./osm-features.js";
 import { subtractMask, unionAll } from "./osm-geometry-ops.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/ui/spinner.vue.js

@@ -1,32 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
-import { cn } from "../../lib/utils.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "spinner",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const classes = computed(() => cn("size-4 animate-spin", props.class));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        role: "status",
-        "aria-label": "Loading",
-        class: normalizeClass(classes.value),
-        "data-slot": "spinner",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "aria-hidden": "false"
-      }, [..._cache[0] || (_cache[0] = [
-        createElementVNode("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
-      ])], 2);
-    };
-  }
-});
+import _sfc_main from "./spinner2.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/ui/spinner2.vue.js

@@ -1,4 +1,32 @@
-import _sfc_main from "./spinner.vue.js";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
+import { cn } from "../../lib/utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "spinner",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = computed(() => cn("size-4 animate-spin", props.class));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        role: "status",
+        "aria-label": "Loading",
+        class: normalizeClass(classes.value),
+        "data-slot": "spinner",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "false"
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
+      ])], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/create-resource-components.d.ts

@@ -27,7 +27,8 @@
  * directly; their `source` keeps the registered union, or a plain string when
  * nothing is registered.
  */
-import type { RecordOf, RegisteredResourceName, RegisteredResources, ResourceMap, SourceProp } from "@chelone/core";
+import type { RecordOf, RegisteredResourceName, RegisteredResources, ResourceMap, SourceProp, SourceValue } from "@chelone/core";
+import { type VNode } from "vue";
 import Create from "./components/admin/view/create.vue.js";
 import Edit from "./components/admin/view/edit.vue.js";
 import List from "./components/admin/view/list.vue.js";
@@ -259,7 +260,29 @@ declare const sourceMembers: {
             }) => any;
         };
     });
-    SelectField: import("vue").DefineComponent<import("./index.js").SelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").SelectFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    SelectField: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        emit: {};
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            source: SourceProp;
+            record?: import("@chelone/core").LooseRecord | undefined;
+            defaultValue?: unknown;
+            empty?: string | undefined;
+            choices?: readonly TChoice[] | undefined;
+            optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            translateChoice?: boolean | undefined;
+            class?: string | undefined;
+        } & import("vue").PublicProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
     SubscriptionPlanField: import("vue").DefineComponent<import("./index.js").SubscriptionPlanFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").SubscriptionPlanFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     TextArrayField: import("vue").DefineComponent<import("./index.js").TextArrayFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TextArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     TextField: import("vue").DefineComponent<import("./index.js").TextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TextFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -438,12 +461,34 @@ declare const sourceMembers: {
     BooleanInput: import("vue").DefineComponent<import("./index.js").BooleanInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").BooleanInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    CheckboxGroupInput: import("vue").DefineComponent<import("./index.js").CheckboxGroupInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").CheckboxGroupInputProps> & Readonly<{}>, {
-        label: string | false;
-        optionValue: string;
-        row: boolean;
-        disableValue: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    CheckboxGroupInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        emit: {};
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            row?: boolean | undefined;
+            source?: string | undefined;
+            choices?: readonly (string | TChoice)[] | undefined;
+            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            translateChoice?: boolean | undefined;
+            label?: string | false | undefined;
+            helperText?: string | undefined;
+            defaultValue?: unknown;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            class?: string | undefined;
+        } & import("vue").PublicProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
     ColorInput: import("vue").DefineComponent<import("./index.js").ColorInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ColorInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -454,9 +499,34 @@ declare const sourceMembers: {
         label: string | false;
         storeAsMinorUnits: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    DatagridInput: import("vue").DefineComponent<import("./index.js").DatagridInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DatagridInputProps> & Readonly<{}>, {
-        optionValue: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    DatagridInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        emit: {};
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            optionLabel?: string | undefined;
+            source?: string | undefined;
+            choices?: readonly (string | TChoice)[] | undefined;
+            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            translateChoice?: boolean | undefined;
+            label?: string | false | undefined;
+            helperText?: string | undefined;
+            defaultValue?: unknown;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            class?: string | undefined;
+        } & import("vue").PublicProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
     DateInput: import("vue").DefineComponent<import("./index.js").DateInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DateInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -577,12 +647,34 @@ declare const sourceMembers: {
         label: string | false;
         defaultCountry: import("libphonenumber-js").CountryCode;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    RadioButtonGroupInput: import("vue").DefineComponent<import("./index.js").RadioButtonGroupInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").RadioButtonGroupInputProps> & Readonly<{}>, {
-        label: string | false;
-        optionValue: string;
-        row: boolean;
-        disableValue: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    RadioButtonGroupInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        emit: {};
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            row?: boolean | undefined;
+            source?: string | undefined;
+            choices?: readonly (string | TChoice)[] | undefined;
+            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            translateChoice?: boolean | undefined;
+            label?: string | false | undefined;
+            helperText?: string | undefined;
+            defaultValue?: unknown;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            class?: string | undefined;
+        } & import("vue").PublicProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
     RatingInput: import("vue").DefineComponent<import("./index.js").RatingInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").RatingInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -707,6 +799,38 @@ type WithSource<P, TSource> = "source" extends keyof P ? Omit<P, "source"> & (Pa
 type Retyped<TComponent extends Ctor, TSource> = Pick<TComponent, keyof TComponent> & (new (...args: ConstructorParameters<TComponent>) => Omit<InstanceType<TComponent>, "$props"> & {
     $props: WithSource<InstanceType<TComponent>["$props"], TSource>;
 });
+/** The return type of an optional callback prop. */
+type CallbackResult<TCallback> = NonNullable<TCallback> extends (...args: never[]) => infer TResult ? TResult : never;
+/** The first parameter of an optional callback prop. */
+type CallbackParam<TCallback> = NonNullable<TCallback> extends (value: infer TValue, ...args: never[]) => unknown ? TValue : never;
+/**
+ * The `format`, `parse` and `transform` entries of `P` with `TValue` in place
+ * of the value they took or returned. Each stays optional and keeps the rest
+ * of its signature, and one `P` lacks is not added.
+ */
+type ValueEntries<P, TValue> = {
+    [K in Extract<keyof P, "format" | "transform">]?: (value: TValue) => CallbackResult<P[K]>;
+} & {
+    [K in Extract<keyof P, "parse">]?: (value: CallbackParam<P[K]>) => TValue;
+};
+/**
+ * A member whose props have a `format`, `parse` or `transform`: a generic
+ * function component over the literal `source`, so those callbacks take the
+ * value at it. Volar reads a function component's props off its first
+ * parameter and its slots off the second. `NoInfer` keeps `TPath` from being inferred back through
+ * `SourceValue` out of a callback's parameter, which overflows the type depth.
+ */
+type ValueMember<TComponent extends Ctor, TRecord> = <TPath extends SourceProp<TRecord>>(props: Omit<InstanceType<TComponent>["$props"], "source" | "format" | "parse" | "transform"> & (Partial<Pick<InstanceType<TComponent>["$props"], "source">> extends Pick<InstanceType<TComponent>["$props"], "source"> ? {
+    source?: TPath;
+} : {
+    source: TPath;
+}) & ValueEntries<InstanceType<TComponent>["$props"], NoInfer<SourceValue<TRecord, TPath>>>, ctx?: {
+    slots?: InstanceType<TComponent>["$slots"];
+}) => VNode;
+/** The member type: {@link ValueMember} when the props have a value callback, else {@link Retyped}. */
+type ResourceMember<TComponent extends Ctor, TRecord> = [
+    keyof InstanceType<TComponent>["$props"] & ("format" | "parse" | "transform")
+] extends [never] ? Retyped<TComponent, SourceProp<TRecord>> : ValueMember<TComponent, TRecord>;
 /**
  * A view with its `resource` prop removed. Templates are not strict about
  * undeclared attributes, so the prop stays as `never` to make
@@ -722,7 +846,7 @@ type BoundView<TComponent extends Ctor> = Pick<TComponent, keyof TComponent> & (
  * `TName`, and every field and input with `source` typed by `TName`'s record.
  */
 export type ResourceComponents<TResources extends ResourceMap, TName extends keyof TResources & string> = {
-    [K in keyof SourceMembers as SourceMembers[K] extends Ctor ? K : never]: Retyped<Extract<SourceMembers[K], Ctor>, SourceProp<RecordOf<TResources, TName>>>;
+    [K in keyof SourceMembers as SourceMembers[K] extends Ctor ? K : never]: ResourceMember<Extract<SourceMembers[K], Ctor>, RecordOf<TResources, TName>>;
 } & {
     Edit: BoundView<typeof Edit>;
     Create: BoundView<typeof Create>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chelone/vue",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -57,7 +57,7 @@
   "dependencies": {
     "cronstrue": "^3.24.0",
     "libphonenumber-js": "^1.13.8",
-    "@chelone/core": "0.4.0"
+    "@chelone/core": "0.5.0"
   },
   "peerDependencies": {
     "@guolao/vue-monaco-editor": "^1.6.0",
@@ -76,7 +76,7 @@
     "terra-draw-maplibre-gl-adapter": "^1.5.0",
     "vue": "^3.4.0",
     "vue-router": "^4.0.0",
-    "@chelone/supabase": "0.4.0"
+    "@chelone/supabase": "0.5.0"
   },
   "peerDependenciesMeta": {
     "@chelone/supabase": {
@@ -150,7 +150,7 @@
     "vue-router": "^4.0.0",
     "vue-tsc": "^2.0.0",
     "zod": "^3.24.0",
-    "@chelone/supabase": "0.4.0"
+    "@chelone/supabase": "0.5.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json && node ../../scripts/strip-dts-css-imports.mjs dist && node ../../scripts/dts-extensions.mjs dist",