@koumoul/vjsf 3.25.4 → 3.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.25.4",
+  "version": "3.26.0",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test-tz1": "TZ=Europe/Paris vitest run",
@@ -72,8 +72,8 @@
     "vuetify": "^3.8.12"
   },
   "dependencies": {
-    "@json-layout/core": "~2.3.0",
-    "@json-layout/vocabulary": "~2.11.0",
+    "@json-layout/core": "~2.4.0",
+    "@json-layout/vocabulary": "~2.12.0",
     "@vueuse/core": "^12.5.0",
     "debug": "^4.3.4"
   },
@@ -81,6 +81,6 @@
     "@types/debug": "^4.1.8",
     "vitest": "^1.1.1",
     "vue": "^3.5.6",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^3.2.2"
   }
 }

package/src/components/nodes/color-picker.vue

@@ -41,7 +41,7 @@ const menuProps = computed(() => {
     :model-value="modelValue"
     v-bind="menuProps"
     :stateful-layout="statefulLayout"
-    :formatted-value="modelValue.data"
+    :formatted-value="modelValue.data ?? undefined"
   >
     <template
       v-if="modelValue.data"

package/src/components/nodes/date-picker.vue

@@ -61,13 +61,13 @@ const datePickerProps = computed(() => {
   return datePickerProps
 })
 
-/** @type {import('vue').Ref<string | null>} */
-const formattedValue = ref('')
+/** @type {import('vue').Ref<string | undefined>} */
+const formattedValue = ref()
 const setFormattedValue = () => {
   if (localDateTime.value) {
     formattedValue.value = localeKeyboardFormat(props.modelValue.options.locale).format(localDateTime.value)
   } else {
-    formattedValue.value = null
+    formattedValue.value = undefined
   }
 }
 watch(localDateTime, setFormattedValue, { immediate: true })

package/src/components/nodes/date-time-picker.vue

@@ -73,7 +73,7 @@ const timePickerProps = computed(() => {
     v-model:menu-opened="menuOpened"
     :model-value="modelValue"
     :stateful-layout="statefulLayout"
-    :formatted-value="modelValue.data && vDate.format(modelValue.data, 'fullDateTime')"
+    :formatted-value="modelValue.data ? vDate.format(modelValue.data, 'fullDateTime') : undefined"
   >
     <template #prepend-inner>
       <v-icon :icon="statefulLayout.options.icons.calendar" />

package/src/components/nodes/list.vue

@@ -26,9 +26,10 @@ import useZIndexStack from '../../composables/use-z-index-stack.js'
 useDefaults({}, 'VjsfList')
 const vCardProps = useCompDefaults('VjsfList-VCard', { border: true, flat: true, tile: true })
 const vListProps = useCompDefaults('VjsfList-VList', { class: 'py-0' })
-const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500, persistent: true })
+const vListItemProps = useCompDefaults('VjsfList-VListItem', { variant: 'flat', class: 'pa-1' })
+const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { persistent: true })
 const vEditDialogVSheetProps = useCompDefaults('VjsfList-Edit-VDialog-VSheet', {})
-const vEditMenuProps = useCompDefaults('VjsfList-Edit-VMenu', { width: 500 })
+const vEditMenuProps = useCompDefaults('VjsfList-Edit-VMenu', {})
 const theme = useTheme()
 
 const props = defineProps({
@@ -243,11 +244,10 @@ const toggleDialog = (/** @type {boolean} */value) => {
         :key="children.findIndex(c => c === child)"
       >
         <v-list-item
-          v-bind="itemBind(childIndex)"
+          v-bind="itemBind(childIndex, vListItemProps)"
           :draggable="draggable === childIndex"
-          variant="flat"
           :style="`border: 1px solid ${itemBorderColor(child, childIndex)}`"
-          class="pa-1 vjsf-list-item"
+          class="vjsf-list-item"
         >
           <v-list-item-title
             v-if="itemTitles?.[childIndex]"
@@ -346,6 +346,7 @@ const toggleDialog = (/** @type {boolean} */value) => {
                         :model-value="editedItem !== undefined"
                         :close-on-content-click="false"
                         v-bind="vEditMenuProps"
+                        :width="modelValue.options.listMenuWidth"
                         @update:model-value="value => value || statefulLayout.deactivateItem(modelValue)"
                       >
                         <template #activator="{props: listItemProps}">
@@ -524,6 +525,7 @@ const toggleDialog = (/** @type {boolean} */value) => {
         v-if="layout.listEditMode === 'dialog'"
         :model-value="editedItem !== undefined"
         v-bind="vEditDialogProps"
+        :width="options.listDialogWidth"
         :z-index="zIndex"
         class="vjsf-list-dialog"
         @update:model-value="toggleDialog"
@@ -568,7 +570,4 @@ const toggleDialog = (/** @type {boolean} */value) => {
 .vjsf-list-item .v-list-item__content {
   padding-right: 4px;
 }
-.vjsf-list-item-actions-wrapper {
-  /*margin: -4px;*/
-}
 </style>

package/src/composables/use-dnd.js

@@ -24,7 +24,8 @@ export default function useDnd (array, callback) {
 
   hovered.value = 1
 
-  const itemBind = (/** @type {number} */itemIndex) => ({
+  const itemBind = (/** @type {number} */itemIndex, /** @type {Record<String, any>} */defaultItemProps) => ({
+    ...defaultItemProps,
     // hover the item
     onMouseenter: () => {
       hovered.value = itemIndex

package/src/composables/use-get-items.js

@@ -3,6 +3,13 @@ import { watch, shallowRef, ref, computed } from 'vue'
 /**
  * @param {import('vue').Ref<import('../types.js').VjsfNode>} nodeRef
  * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
+ * @returns {{
+ * hasItems: import('vue').ComputedRef<boolean>,
+ * items: import('vue').Ref<import('@json-layout/vocabulary').SelectItems>,
+ * loading: import('vue').Ref<boolean>,
+ * search: import('vue').Ref<string>,
+ * prepareSelectedItem: (selectedItem: any, itemValue: any) => any
+ * }}
  */
 export default function (nodeRef, statefulLayout) {
   /** @type import('vue').Ref<import('@json-layout/vocabulary').SelectItems> */

package/src/composables/use-node.js

@@ -41,6 +41,17 @@ export function mergePropsLevels (propsLevels) {
  * @param {import('vue').Ref<import('../types.js').VjsfNode>} nodeRef
  * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
  * @param {{isMainComp?: boolean, bindData?: boolean, layoutPropsMap?: (string | [string, string])[]}} [opts]
+ * @returns {{
+ * localData: import('vue').Ref<any>,
+ * inputProps: import('vue').ComputedRef<Record<string, any> & { class: string[]; }>,
+ * compProps: import('vue').ComputedRef<Record<string, any> & { class: string[]; }>,
+ * compSlots: import('vue').ComputedRef<Record<string, any>>,
+ * options: import('vue').ComputedRef<Required<import('../types.js').VjsfOptions>>,
+ * skeleton: import('vue').ComputedRef<import('@json-layout/core').SkeletonNode>,
+ * layout: import('vue').ComputedRef<import('@json-layout/vocabulary').BaseCompObject>,
+ * data: import('vue').ComputedRef<unknown>,
+ * children: import('vue').ComputedRef<import('@json-layout/core').StateNode[] | undefined>
+ * }}
  */
 export default function (nodeRef, statefulLayout, opts = {}) {
   if (opts.bindData === undefined) opts.bindData = true

package/src/composables/use-vjsf.js

@@ -32,6 +32,11 @@ export const emits = {
  * @param {typeof import('@json-layout/core/compile').compile} [compile]
  * @param {typeof import('@json-layout/core/compile').produceCompileOptions} [produceCompileOptions]
  * @param {import('vue').Ref<import('@json-layout/core').CompiledLayout>} [precompiledLayout]
+ * @returns {{
+ * el: import('vue').Ref<null>,
+ * statefulLayout: import('vue').ShallowRef<import('../types.js').VjsfStatefulLayout | null>,
+ * stateTree: import('vue').ShallowRef<import('@json-layout/core').StateTree | null>
+ * }}
  */
 export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compile, produceCompileOptions, precompiledLayout) => {
   const el = ref(null)

package/types/compat/v2.d.ts

@@ -5,6 +5,6 @@
  * @param {string} lang
  * @returns
  */
-export function v2compat(_schema: object, _ajv?: ajvModule.Ajv | undefined, lang?: string): ajvModule.SchemaObject;
+export function v2compat(_schema: object, _ajv?: import("ajv").default, lang?: string): ajvModule.SchemaObject;
 import ajvModule from 'ajv';
 //# sourceMappingURL=v2.d.ts.map

package/types/compat/v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAsOA;;;;;;GAMG;AACH,kCALW,MAAM,2CAEN,MAAM,0BAoBhB;sBA9PqB,KAAK"}
+{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAsOA;;;;;;GAMG;AACH,kCALW,MAAM,SACN,OAAO,KAAK,EAAE,OAAO,SACrB,MAAM,0BAoBhB;sBA9PqB,KAAK"}

package/types/components/fragments/child-subtitle.vue.d.ts

@@ -1,8 +1,16 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    modelValue: import("../../../../node_modules/@json-layout/core/types/state/types.js").StateNode;
-    $props: {
-        modelValue?: import("../../../../node_modules/@json-layout/core/types/state/types.js").StateNode | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    modelValue: {
+        /** @type import('vue').PropType<import('@json-layout/core').StateNode> */
+        type: import("vue").PropType<import("@json-layout/core").StateNode>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    modelValue: {
+        /** @type import('vue').PropType<import('@json-layout/core').StateNode> */
+        type: import("vue").PropType<import("@json-layout/core").StateNode>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=child-subtitle.vue.d.ts.map

package/types/components/fragments/child-subtitle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"child-subtitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/child-subtitle.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"child-subtitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/child-subtitle.vue"],"names":[],"mappings":"wBAkFqB,OAAO,YAAY;;AATxC;;QAGI,0EAA0E;cAAhE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,mBAAmB,EAAE,SAAS,CAAC;;;;;QAAvE,0EAA0E;cAAhE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,mBAAmB,EAAE,SAAS,CAAC;;;6IAKxE"}

package/types/components/fragments/help-message.vue.d.ts

@@ -1,8 +1,16 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    node: import("../../types.js").VjsfNode;
-    $props: {
-        readonly node?: import("../../types.js").VjsfNode | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    node: {
+        /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
+        type: import("vue").PropType<import("../../types.js").VjsfNode>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    node: {
+        /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
+        type: import("vue").PropType<import("../../types.js").VjsfNode>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=help-message.vue.d.ts.map

package/types/components/fragments/help-message.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"help-message.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/help-message.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"help-message.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/help-message.vue"],"names":[],"mappings":"wBA0NqB,OAAO,YAAY;;AATxC;;QAGI,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;;QAAnE,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;6IAKpE"}

package/types/components/fragments/list-select-key.vue.d.ts

@@ -1,16 +1,18 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         required: true;
     };
     listNode: {
         /** @type import('vue').PropType<import('../../types.js').VjsfListNode> */
-        type: import('vue').PropType<import('../../types.js').VjsfListNode>;
+        type: import("vue").PropType<import("../../types.js").VjsfListNode>;
         required: true;
     };
     statefulLayout: {
         /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
-        type: import('vue').PropType<import('../../types.js').VjsfStatefulLayout>;
+        type: import("vue").PropType<import("../../types.js").VjsfStatefulLayout>;
         required: true;
     };
     rules: {
@@ -18,21 +20,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<((v: string) => boolean)[]>;
         required: true;
     };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue", { with: { "resolution-mode": "import" } }).VNode<import("vue", { with: { "resolution-mode": "import" } }).RendererNode, import("vue", { with: { "resolution-mode": "import" } }).RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         required: true;
     };
     listNode: {
         /** @type import('vue').PropType<import('../../types.js').VjsfListNode> */
-        type: import('vue').PropType<import('../../types.js').VjsfListNode>;
+        type: import("vue").PropType<import("../../types.js").VjsfListNode>;
         required: true;
     };
     statefulLayout: {
         /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
-        type: import('vue').PropType<import('../../types.js').VjsfStatefulLayout>;
+        type: import("vue").PropType<import("../../types.js").VjsfStatefulLayout>;
         required: true;
     };
     rules: {
@@ -42,6 +44,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=list-select-key.vue.d.ts.map

package/types/components/fragments/list-select-key.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-select-key.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/list-select-key.vue.js"],"names":[],"mappings":";;;;;;QAiBM,0EAA0E;cAAhE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,YAAY,CAAC;;;;QAKvE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,+DAA+D;0CAAzB,MAAM,KAAK,OAAO;;;;;;;;;;;QAVxD,0EAA0E;cAAhE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,YAAY,CAAC;;;;QAKvE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,+DAA+D;0CAAzB,MAAM,KAAK,OAAO"}
+{"version":3,"file":"list-select-key.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/list-select-key.vue"],"names":[],"mappings":"wBAsFqB,OAAO,YAAY;;AAQxC;;;;;;QAOM,0EAA0E;cAAhE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,YAAY,CAAC;;;;QAKvE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,+DAA+D;cAArD,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,EAAE,CAAC;;;;;;;;;;;QAV5D,0EAA0E;cAAhE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,YAAY,CAAC;;;;QAKvE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,+DAA+D;cAArD,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,EAAE,CAAC;;;;;6HA8C/D"}

package/types/components/fragments/node-slot.vue.d.ts

@@ -1,58 +1,59 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     layoutSlot: {
         /** @type import('vue').PropType<import('@json-layout/vocabulary').Slot> */
-        type: import('vue').PropType<import('@json-layout/vocabulary').Slot>;
+        type: import("vue").PropType<import("@json-layout/vocabulary").Slot>;
         required: true;
     };
     node: {
         /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
-        type: import('vue').PropType<import('../../types.js').VjsfNode>;
+        type: import("vue").PropType<import("../../types.js").VjsfNode>;
         required: true;
     };
     statefulLayout: {
         /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
-        type: import('vue').PropType<import('../../types.js').VjsfStatefulLayout>;
+        type: import("vue").PropType<import("../../types.js").VjsfStatefulLayout>;
         required: true;
     };
     initialContext: {
         /** @type import('vue').PropType<Record<string, any>> */
-        type: import('vue').PropType<Record<string, any>>;
+        type: import("vue").PropType<Record<string, any>>;
         default: () => void;
     };
     tag: {
         /** @type import('vue').PropType<string> */
-        type: import('vue').PropType<string>;
+        type: import("vue").PropType<string>;
         default: null;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     layoutSlot: {
         /** @type import('vue').PropType<import('@json-layout/vocabulary').Slot> */
-        type: import('vue').PropType<import('@json-layout/vocabulary').Slot>;
+        type: import("vue").PropType<import("@json-layout/vocabulary").Slot>;
         required: true;
     };
     node: {
         /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
-        type: import('vue').PropType<import('../../types.js').VjsfNode>;
+        type: import("vue").PropType<import("../../types.js").VjsfNode>;
         required: true;
     };
     statefulLayout: {
         /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
-        type: import('vue').PropType<import('../../types.js').VjsfStatefulLayout>;
+        type: import("vue").PropType<import("../../types.js").VjsfStatefulLayout>;
         required: true;
     };
     initialContext: {
         /** @type import('vue').PropType<Record<string, any>> */
-        type: import('vue').PropType<Record<string, any>>;
+        type: import("vue").PropType<Record<string, any>>;
         default: () => void;
     };
     tag: {
         /** @type import('vue').PropType<string> */
-        type: import('vue').PropType<string>;
+        type: import("vue").PropType<string>;
         default: null;
     };
 }>> & Readonly<{}>, {
     tag: string;
     initialContext: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
+}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=node-slot.vue.d.ts.map

package/types/components/fragments/node-slot.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-slot.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/node-slot.vue.js"],"names":[],"mappings":";;QAUM,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,IAAI,CAAC;;;;QAKxE,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;QAKnE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,wDAAwD;cAA9C,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC;;;;QAKrD,2CAA2C;cAAjC,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;QApBxC,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,IAAI,CAAC;;;;QAKxE,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;QAKnE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,wDAAwD;cAA9C,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC;;;;QAKrD,2CAA2C;cAAjC,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC"}
+{"version":3,"file":"node-slot.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/node-slot.vue"],"names":[],"mappings":"wBAoEqB,OAAO,YAAY;;AAQxC;;QAGM,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,IAAI,CAAC;;;;QAKxE,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;QAKnE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,wDAAwD;cAA9C,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;QAKrD,2CAA2C;cAAjC,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;QApBxC,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,IAAI,CAAC;;;;QAKxE,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;QAKnE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,wDAAwD;cAA9C,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;QAKrD,2CAA2C;cAAjC,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;wHA6B3C"}

package/types/components/fragments/section-header.vue.d.ts

@@ -1,10 +1,26 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    node: import("../../types.js").VjsfNode;
-    hideTitle: boolean;
-    $props: {
-        readonly node?: import("../../types.js").VjsfNode | undefined;
-        readonly hideTitle?: boolean | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    node: {
+        /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
+        type: import("vue").PropType<import("../../types.js").VjsfNode>;
+        required: true;
+    };
+    hideTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    node: {
+        /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
+        type: import("vue").PropType<import("../../types.js").VjsfNode>;
+        required: true;
+    };
+    hideTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    hideTitle: boolean;
+}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=section-header.vue.d.ts.map

package/types/components/fragments/section-header.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-header.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/section-header.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"section-header.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/section-header.vue"],"names":[],"mappings":"wBAyKqB,OAAO,YAAY;;AAbxC;;QAGI,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;;;;;;QAAnE,sEAAsE;cAA5D,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,QAAQ,CAAC;;;;;;;;;wHASpE"}

package/types/components/fragments/select-item-header.vue.d.ts

@@ -1,10 +1,24 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItemHeader;
-    avatarProps: Record<string, any>;
-    $props: {
-        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItemHeader | undefined;
-        readonly avatarProps?: Record<string, any> | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    item: {
+        /** @type import('vue').PropType<import('@json-layout/vocabulary').SelectItemHeader> */
+        type: import("vue").PropType<import("@json-layout/vocabulary").SelectItemHeader>;
+        required: true;
+    };
+    avatarProps: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    item: {
+        /** @type import('vue').PropType<import('@json-layout/vocabulary').SelectItemHeader> */
+        type: import("vue").PropType<import("@json-layout/vocabulary").SelectItemHeader>;
+        required: true;
+    };
+    avatarProps: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=select-item-header.vue.d.ts.map

package/types/components/fragments/select-item-header.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item-header.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/select-item-header.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"select-item-header.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/select-item-header.vue"],"names":[],"mappings":"wBA0GqB,OAAO,YAAY;;AAbxC;;QAGI,uFAAuF;cAA7E,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,gBAAgB,CAAC;;;;;;;;;QAApF,uFAAuF;cAA7E,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,gBAAgB,CAAC;;;;;;;6IASrF"}

package/types/components/fragments/select-item-icon.vue.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -7,9 +9,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
         required: true;
     };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue", { with: { "resolution-mode": "import" } }).VNode<import("vue", { with: { "resolution-mode": "import" } }).RendererNode, import("vue", { with: { "resolution-mode": "import" } }).RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -18,6 +20,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=select-item-icon.vue.d.ts.map

package/types/components/fragments/select-item-icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item-icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/select-item-icon.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"select-item-icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/select-item-icon.vue"],"names":[],"mappings":"wBA0CqB,OAAO,YAAY;;AAQxC;;;;;;;;;;;;;;;;;;;;6IAwBG"}

package/types/components/fragments/select-item.vue.d.ts

@@ -1,14 +1,42 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    multiple: boolean;
-    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
-    avatarProps: Record<string, any>;
-    itemProps: Record<string, any>;
-    $props: {
-        readonly multiple?: boolean | undefined;
-        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
-        readonly avatarProps?: Record<string, any> | undefined;
-        readonly itemProps?: Record<string, any> | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemProps: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    item: {
+        /** @type import('vue').PropType<import('@json-layout/vocabulary').SelectItem> */
+        type: import("vue").PropType<import("@json-layout/vocabulary").SelectItem>;
+        required: true;
+    };
+    avatarProps: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemProps: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    item: {
+        /** @type import('vue').PropType<import('@json-layout/vocabulary').SelectItem> */
+        type: import("vue").PropType<import("@json-layout/vocabulary").SelectItem>;
+        required: true;
+    };
+    avatarProps: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    multiple: boolean;
+}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=select-item.vue.d.ts.map

package/types/components/fragments/select-item.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/select-item.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"select-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/select-item.vue"],"names":[],"mappings":"wBA6KqB,OAAO,YAAY;;AArBxC;;;;;;;;;;QAWI,iFAAiF;cAAvE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;QAA9E,iFAAiF;cAAvE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,yBAAyB,EAAE,UAAU,CAAC;;;;;;;;;wHAS/E"}