@chelone/vue 0.2.0 → 0.4.0

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

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 import type { editor } from "monaco-editor";
 /** Props for {@link MonacoJsonField}. */
 export interface MonacoJsonFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     /** Shown when the record has no value at `source`. */
     defaultValue?: unknown;

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

@@ -1,8 +1,8 @@
-import type { Validator } from "@chelone/core";
+import type { SourceProp, Validator } from "@chelone/core";
 import type { editor } from "monaco-editor";
 /** Props for {@link MonacoJsonInput}. */
 export interface MonacoJsonInputProps {
-    source: string;
+    source: SourceProp;
     label?: string | false;
     defaultValue?: unknown;
     validate?: Validator | readonly Validator[];

package/dist/components/ui/alert.d.ts

@@ -27,8 +27,8 @@ export declare const Alert: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     variant: AlertVariant;
+    class: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AlertDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     class: {

package/dist/components/ui/badge.d.ts

@@ -29,6 +29,6 @@ export declare const Badge: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     variant: BadgeVariant;
+    class: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/ui/button.vue.d.ts

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: ButtonVariant;
     size: ButtonSize;
     type: "button" | "submit" | "reset";
-    variant: ButtonVariant;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/ui/command/command-dialog.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CommandDia
 }, string, import("vue").PublicProps, Readonly<CommandDialogProps> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-    description: string;
     title: string;
+    description: string;
     open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/components/ui/dropdown-menu/dropdown-menu-item.vue.js

@@ -11,10 +11,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { setOpen } = useDropdownMenu();
-    function onClick() {
+    function select() {
       setOpen(false);
       emit("select");
     }
+    function onKeydown(event) {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      select();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         role: "menuitem",
@@ -26,10 +31,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           )
         ),
         "data-slot": "dropdown-menu-item",
-        onClick
+        onClick: select,
+        onKeydown
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 34);
     };
   }
 });

package/dist/components/ui/input.vue.d.ts

@@ -10,12 +10,12 @@ type __VLS_Props = {
     class?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/ui/sidebar/sidebar-menu-button.vue.d.ts

@@ -17,8 +17,8 @@ export interface SidebarMenuButtonProps {
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidebarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarMenuButtonProps> & Readonly<{}>, {
     size: "default" | "sm" | "lg";
-    as: string | Component;
     isActive: boolean;
+    as: string | Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/components/ui/textarea.vue.d.ts

@@ -9,12 +9,12 @@ type __VLS_Props = {
     class?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

package/dist/controllers/use-controller-for-id.js

@@ -1,7 +1,8 @@
+import { getAtPath } from "@chelone/core";
 import { shallowRef, watch, onScopeDispose, effectScope } from "vue";
 import { useMicroStore } from "../store/use-micro-store.js";
 function foreignKeyOf(record, source) {
-  const value = record?.[source];
+  const value = getAtPath(record, source);
   return typeof value === "string" || typeof value === "number" ? value : void 0;
 }
 function useControllerForId(id, create) {