@oneclick.dev/cms-kit 0.0.20 → 0.0.21

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { createElementBlock, openBlock, Fragment, renderList, normalizeStyle, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, toDisplayString, resolveComponent, createVNode, withDirectives, withKeys, vModelText, renderSlot, vShow, defineComponent, ref as ref$1, watch as watch$1, onMounted as onMounted$1, unref, computed as computed$1, mergeProps, h, createTextVNode, onBeforeUnmount, getCurrentScope, onScopeDispose, nextTick as nextTick$1, customRef, isRef, reactive, getCurrentInstance, hasInjectionContext, inject as inject$1, toRefs as toRefs$1, toValue as toValue$2, shallowRef, watchEffect as watchEffect$1, onUpdated, normalizeProps, guardReactiveProps, onUnmounted, Teleport, useSlots, withModifiers, effectScope, provide, useAttrs, createPropsRestProxy, toRef, markRaw, onBeforeMount, isMemoSame, readonly, toRaw, createSlots, Transition as Transition$2, vModelSelect, withAsyncContext, warn as warn$2, TransitionGroup, onBeforeUpdate, Comment, cloneVNode } from "vue";
+import { createElementBlock, openBlock, Fragment, renderList, normalizeStyle, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, toDisplayString, resolveComponent, createVNode, withDirectives, withKeys, vModelText, renderSlot, vShow, defineComponent, ref as ref$1, watch as watch$1, onMounted as onMounted$1, unref, computed as computed$1, mergeProps, h, createTextVNode, onBeforeUnmount, getCurrentScope, onScopeDispose, nextTick, customRef, isRef, reactive, getCurrentInstance, hasInjectionContext, inject as inject$1, toRefs as toRefs$1, toValue as toValue$2, shallowRef, watchEffect as watchEffect$1, onUpdated, normalizeProps, guardReactiveProps, onUnmounted, Teleport, useSlots, withModifiers, effectScope, provide, useAttrs, createPropsRestProxy, toRef, markRaw, onBeforeMount, isMemoSame, readonly, toRaw, createSlots, Transition as Transition$2, vModelSelect, withAsyncContext, warn as warn$2, TransitionGroup, onBeforeUpdate, Comment, cloneVNode } from "vue";
 import { AvatarRoot, AvatarFallback, AvatarImage, Primitive, useForwardPropsEmits, CalendarRoot, useForwardProps, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNext, CalendarPrev, CheckboxRoot, CheckboxIndicator, CollapsibleRoot, CollapsibleContent, CollapsibleTrigger, ComboboxRoot, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxContent, ComboboxSeparator, ComboboxViewport, ComboboxCancel, ComboboxTrigger, useFilter, ListboxRoot, DialogRoot, DialogClose, DialogOverlay, DialogPortal, DialogContent, DialogDescription, DialogTitle, DialogTrigger, useId, ListboxGroup, ListboxGroupLabel, ListboxFilter, ListboxItem, ListboxContent, Separator, createContext as createContext$1, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DropdownMenuRoot, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Slot, Label, MenubarRoot, MenubarCheckboxItem, MenubarItemIndicator, MenubarPortal, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationNext, PaginationPrev, PaginationRoot, PaginationList, PaginationListItem, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, RangeCalendarRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNext, RangeCalendarPrev, SplitterResizeHandle, SplitterPanel, SplitterGroup, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, SwitchRoot, SwitchThumb, TabsRoot, TabsContent, TabsList, TabsTrigger, Toggle } from "reka-ui";
 import { cva } from "class-variance-authority";
 import { useNuxtApp, useRoute } from "nuxt/app";
@@ -51039,7 +51039,7 @@ function tryOnMounted(fn2, sync = true, target) {
   else if (sync)
     fn2();
   else
-    nextTick$1(fn2);
+    nextTick(fn2);
 }
 function watchImmediate(source, cb, options) {
   return watch$1(
@@ -51393,7 +51393,7 @@ function useVModel$2(props, key, emit, options = {}) {
         if (!isUpdating) {
           isUpdating = true;
           proxy.value = cloneFn(v);
-          nextTick$1(() => isUpdating = false);
+          nextTick(() => isUpdating = false);
         }
       }
     );
@@ -52768,7 +52768,7 @@ function $e$1(e, n, s, i = {}) {
     return watch$1(
       () => e[n],
       (y) => {
-        f || (f = true, c.value = L(y), nextTick$1(() => f = false));
+        f || (f = true, c.value = L(y), nextTick(() => f = false));
       }
     ), watch$1(
       c,
@@ -52902,7 +52902,7 @@ function mt$1({
   ), m = (p2) => {
     var c, f, y, P;
     const a = ((c = l.value) == null ? void 0 : c.findIndex((x2) => x2 === p2)) ?? null;
-    nextTick$1(() => {
+    nextTick(() => {
       var x2;
       w(a, l.value), C((x2 = s.value) == null ? void 0 : x2.$el, {
         transition: `transform ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`,
@@ -54670,7 +54670,7 @@ function useVModel$1(props, key, emit, options = {}) {
         if (!isUpdating) {
           isUpdating = true;
           proxy.value = cloneFn(v);
-          nextTick$1(() => isUpdating = false);
+          nextTick(() => isUpdating = false);
         }
       }
     );
@@ -58180,7 +58180,7 @@ function applyChanges(changes, elements) {
               if (parent && isGraphNode(parent)) {
                 const parentInit = !!parent.dimensions.width && !!parent.dimensions.height;
                 if (!parentInit) {
-                  nextTick$1(() => {
+                  nextTick(() => {
                     handleParentExpand(element, parent);
                   });
                 } else {
@@ -58814,7 +58814,7 @@ function handleNodeClick(node, multiSelectionActive, addSelectedNodes, removeSel
     addSelectedNodes([node]);
   } else if (unselect || node.selected && multiSelectionActive) {
     removeSelectedNodes([node]);
-    nextTick$1(() => {
+    nextTick(() => {
       nodeEl.blur();
     });
   }
@@ -59889,7 +59889,7 @@ function useWatchProps(models, props, store2) {
             if (((_a2 = models.modelValue) == null ? void 0 : _a2.value) && Array.isArray(models.modelValue.value)) {
               pauseModel == null ? void 0 : pauseModel.pause();
               models.modelValue.value = [...nodes, ...edges];
-              nextTick$1(() => {
+              nextTick(() => {
                 pauseModel == null ? void 0 : pauseModel.resume();
               });
             }
@@ -59928,7 +59928,7 @@ function useWatchProps(models, props, store2) {
             if (((_a2 = models.nodes) == null ? void 0 : _a2.value) && Array.isArray(models.nodes.value)) {
               pauseModel == null ? void 0 : pauseModel.pause();
               models.nodes.value = [...nodes];
-              nextTick$1(() => {
+              nextTick(() => {
                 pauseModel == null ? void 0 : pauseModel.resume();
               });
             }
@@ -59967,7 +59967,7 @@ function useWatchProps(models, props, store2) {
             if (((_a2 = models.edges) == null ? void 0 : _a2.value) && Array.isArray(models.edges.value)) {
               pauseModel == null ? void 0 : pauseModel.pause();
               models.edges.value = [...edges];
-              nextTick$1(() => {
+              nextTick(() => {
                 pauseModel == null ? void 0 : pauseModel.resume();
               });
             }
@@ -63561,7 +63561,7 @@ const NodeWrapper = defineComponent({
       );
     });
     watch$1([() => node.type, () => node.sourcePosition, () => node.targetPosition], () => {
-      nextTick$1(() => {
+      nextTick(() => {
         updateNodeDimensions([{ id: props.id, nodeElement: nodeElement.value, forceUpdate: true }]);
       });
     });
@@ -63834,7 +63834,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
       nodesInitialized,
       (isInit) => {
         if (isInit) {
-          nextTick$1(() => {
+          nextTick(() => {
             emits.nodesInitialized(getNodes.value);
           });
         }
@@ -63851,7 +63851,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
             forceUpdate: true
           };
         });
-        nextTick$1(() => updateNodeDimensions(updates));
+        nextTick(() => updateNodeDimensions(updates));
       });
     });
     onBeforeUnmount(() => {
@@ -67559,7 +67559,7 @@ const Ve$1 = /* @__PURE__ */ defineComponent({
           );
           return;
         }
-        nextTick$1(() => {
+        nextTick(() => {
           const k = r2.value.findIndex(
             (b) => b.id === l.id
           );
@@ -77591,7 +77591,7 @@ function getCmsComposable(key) {
 const useIntegrationActionBuilder = () => getCmsComposable("cms-useIntegrationActionBuilder");
 const useIntegrations = () => getCmsComposable("cms-useIntegrations");
 const useIntegrationActions$1 = () => getCmsComposable("cms-useIntegrationActions");
-const useMediaLibrary$1 = () => getCmsComposable("cms-useMediaLibrary");
+const useMediaLibrary = () => getCmsComposable("cms-useMediaLibrary");
 const useProjectService = () => getCmsComposable("cms-useProjectService");
 const useBreadcrumbs$1 = () => getCmsComposable("cms-useBreadcrumbs");
 const useQueryBuilder = () => getCmsComposable("cms-useQueryBuilder");
@@ -77601,6 +77601,7 @@ const useNavigateToModuleRoute = () => getCmsComposable("cms-useNavigateToModule
 const useModuleStorage = () => getCmsComposable("cms-useModuleStorage");
 const useLogs = () => getCmsComposable("cms-useLogs");
 const useUtilsService = () => getCmsComposable("cms-useUtilsService");
+const useFormBuilder$1 = () => getCmsComposable("cms-useFormBuilder");
 const _sfc_main$3g = /* @__PURE__ */ defineComponent({
   __name: "InterpolationField",
   props: {
@@ -77654,7 +77655,7 @@ const _sfc_main$3f = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const form = computed({
+    const form = computed$1({
       get() {
         return props.modelValue;
       },
@@ -77669,23 +77670,23 @@ const _sfc_main$3f = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$G, [
             _cache2[3] || (_cache2[3] = createElementVNode("p", { class: "text-sm font-semibold" }, "Collection", -1)),
             createVNode(_sfc_main$3g, {
-              modelValue: unref(form).collection,
-              "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => unref(form).collection = $event)
+              modelValue: form.value.collection,
+              "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => form.value.collection = $event)
             }, null, 8, ["modelValue"])
           ]),
           createElementVNode("div", _hoisted_3$u, [
             _cache2[4] || (_cache2[4] = createElementVNode("p", { class: "text-sm font-semibold" }, "Document ID", -1)),
             createVNode(_sfc_main$3g, {
-              modelValue: unref(form).documentId,
-              "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => unref(form).documentId = $event)
+              modelValue: form.value.documentId,
+              "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => form.value.documentId = $event)
             }, null, 8, ["modelValue"]),
             _cache2[5] || (_cache2[5] = createElementVNode("p", { class: "text-xs text-muted-foreground" }, "Leave blank to let Firestore generate a random ID", -1))
           ]),
           createElementVNode("div", _hoisted_4$i, [
             _cache2[6] || (_cache2[6] = createElementVNode("p", { class: "text-sm font-semibold" }, "Data", -1)),
             createVNode(_sfc_main$3g, {
-              modelValue: unref(form).data,
-              "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => unref(form).data = $event)
+              modelValue: form.value.data,
+              "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => form.value.data = $event)
             }, null, 8, ["modelValue"])
           ])
         ])
@@ -77732,7 +77733,7 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const form = computed({
+    const form = computed$1({
       get() {
         return props.modelValue || {
           resource: "",
@@ -77801,8 +77802,8 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$F, [
             _cache2[6] || (_cache2[6] = createElementVNode("p", { class: "text-sm font-semibold" }, "Resource", -1)),
             createVNode(_sfc_main$3g, {
-              modelValue: unref(form).resource,
-              "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => unref(form).resource = $event)
+              modelValue: form.value.resource,
+              "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => form.value.resource = $event)
             }, null, 8, ["modelValue"])
           ]),
           createElementVNode("div", _hoisted_3$t, [
@@ -77814,7 +77815,7 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
               __: [7]
             }),
             createElementVNode("div", _hoisted_4$h, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(form).filters, (filter2, idx) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(form.value.filters, (filter2, idx) => {
                 return openBlock(), createElementBlock("div", {
                   key: idx,
                   class: "flex items-center gap-2"
@@ -77900,7 +77901,7 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
               __: [10]
             }),
             createElementVNode("div", _hoisted_5$c, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(form).sorts, (sort, idx) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(form.value.sorts, (sort, idx) => {
                 return openBlock(), createElementBlock("div", {
                   key: idx,
                   class: "flex items-center gap-2"
@@ -78011,8 +78012,8 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
                         __: [17]
                       }),
                       createVNode(_sfc_main$3g, {
-                        modelValue: unref(form).limit,
-                        "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => unref(form).limit = $event),
+                        modelValue: form.value.limit,
+                        "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => form.value.limit = $event),
                         placeholder: "Limit"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -78025,8 +78026,8 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
                         __: [18]
                       }),
                       createVNode(_sfc_main$3g, {
-                        modelValue: unref(form).offset,
-                        "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => unref(form).offset = $event),
+                        modelValue: form.value.offset,
+                        "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => form.value.offset = $event),
                         placeholder: "Offset"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -78039,8 +78040,8 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
                         __: [19]
                       }),
                       createVNode(_sfc_main$3g, {
-                        modelValue: unref(form).startAt,
-                        "onUpdate:modelValue": _cache2[3] || (_cache2[3] = ($event) => unref(form).startAt = $event),
+                        modelValue: form.value.startAt,
+                        "onUpdate:modelValue": _cache2[3] || (_cache2[3] = ($event) => form.value.startAt = $event),
                         placeholder: "StartAt"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -78053,8 +78054,8 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
                         __: [20]
                       }),
                       createVNode(_sfc_main$3g, {
-                        modelValue: unref(form).endAt,
-                        "onUpdate:modelValue": _cache2[4] || (_cache2[4] = ($event) => unref(form).endAt = $event),
+                        modelValue: form.value.endAt,
+                        "onUpdate:modelValue": _cache2[4] || (_cache2[4] = ($event) => form.value.endAt = $event),
                         placeholder: "EndAt"
                       }, null, 8, ["modelValue"])
                     ])
@@ -80325,7 +80326,7 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
       () => props.workflow,
       async () => {
         var _a2, _b;
-        await nextTick$1();
+        await nextTick();
         (_b = (_a2 = flowBuilder.value) == null ? void 0 : _a2.setState) == null ? void 0 : _b.call(_a2, props.workflow);
       },
       { immediate: true }
@@ -111084,7 +111085,7 @@ const _sfc_main$2t = /* @__PURE__ */ defineComponent({
       console.log(state);
       state.elementValues[props.variableName] = null;
       scanning.value = true;
-      await nextTick$1();
+      await nextTick();
       if (!codeReader) {
         codeReader = new BrowserMultiFormatReader();
       }
@@ -111352,7 +111353,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
       }
       if (mouseInGrid === true && state.layout.findIndex((item) => item.i === "drop") === -1) {
         await addElement(state.layout.length * 2 % (state.colNum || 12), state.layout.length + (state.colNum || 12), true);
-        await nextTick$1();
+        await nextTick();
       }
       if (!((_a2 = state.itemRefs) == null ? void 0 : _a2.drop)) {
         return;
@@ -111373,7 +111374,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
         if (mouseInGrid === false) {
           state.layoutRef.emitter.emit("dragEvent", ["dragend", "drop", new_pos.x, new_pos.y, ((_g = props.elementData) == null ? void 0 : _g.h) || 1, ((_h = props.elementData) == null ? void 0 : _h.w) || 1]);
           state.layout = state.layout.filter((obj) => obj.i !== "drop");
-          await nextTick$1();
+          await nextTick();
         }
       }
     }
@@ -111389,7 +111390,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
         state.layoutRef.emitter.emit("dragEvent", ["dragend", "drop", DragPos.x, DragPos.y, ((_a2 = props.elementData) == null ? void 0 : _a2.h) || 1, ((_b = props.elementData) == null ? void 0 : _b.w) || 1]);
         state.layout = state.layout.filter((obj) => obj.i !== "drop");
         await addElement(DragPos.x, DragPos.y);
-        await nextTick$1();
+        await nextTick();
         state.layoutRef.emitter.emit("dragEvent", ["dragend", DragPos.i, DragPos.x, DragPos.y, ((_c = props.elementData) == null ? void 0 : _c.h) || 1, ((_d = props.elementData) == null ? void 0 : _d.w) || 1]);
       }
     }
@@ -117362,7 +117363,7 @@ const Ss = {
     }), onBeforeUnmount(() => {
       s.off("resizeEvent", k), s.off("dragEvent", C2), ws("resize", g), l && a.el && l.uninstall(a.el);
     }), watch$1(() => c.width, async (u, w) => {
-      s.emit("updateWidth", c.width), m(), w === null && (await nextTick$1(), o("layout-ready", c.layout));
+      s.emit("updateWidth", c.width), m(), w === null && (await nextTick(), o("layout-ready", c.layout));
     }), watch$1(() => i.layout, () => {
       Wo(i.layout), c.originalLayout = i.layout, d();
     }, { deep: true, immediate: true }), watch$1(() => i.colNum, () => {
@@ -118030,13 +118031,13 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { closeFormBuilder } = useFormBuilder();
+    const { closeFormBuilder } = useFormBuilder$1();
     const formBuilder = ref$1();
     watch$1(
       () => props.config,
       async () => {
         var _a2;
-        await nextTick$1();
+        await nextTick();
         (_a2 = formBuilder.value) == null ? void 0 : _a2.setState(props.config);
       },
       { immediate: true }
@@ -118161,7 +118162,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     const props = __props;
     const form = ref$1();
     const loadForm = async () => {
-      await nextTick$1();
+      await nextTick();
       form.value.setState({
         ...props.settings,
         layoutRef: {},
@@ -118650,7 +118651,7 @@ function debounceNextTick(inner) {
   let lastTick = null;
   let resolves = [];
   return function(...args) {
-    const thisTick = nextTick$1(() => {
+    const thisTick = nextTick(() => {
       if (lastTick !== thisTick) {
         return;
       }
@@ -119318,7 +119319,7 @@ async function installDevtoolsPlugin(app) {
 }
 const refreshInspector = throttle(() => {
   setTimeout(async () => {
-    await nextTick$1();
+    await nextTick();
     API === null || API === void 0 ? void 0 : API.sendInspectorState(INSPECTOR_ID);
     API === null || API === void 0 ? void 0 : API.sendInspectorTree(INSPECTOR_ID);
   }, 100);
@@ -120264,7 +120265,7 @@ function useForm(opts) {
     pathStateLookup.value[pathValue] = state;
     rebuildPathLookup();
     if (errors.value[pathValue] && !initialErrors[pathValue]) {
-      nextTick$1(() => {
+      nextTick(() => {
         validateField(pathValue, { mode: "silent" });
       });
     }
@@ -120273,7 +120274,7 @@ function useForm(opts) {
         rebuildPathLookup();
         const nextValue = klona(currentValue.value);
         pathStateLookup.value[newPath] = state;
-        nextTick$1(() => {
+        nextTick(() => {
           setInPath(formValues, newPath, nextValue);
         });
       });
@@ -120364,7 +120365,7 @@ function useForm(opts) {
   function unsetPathValue(path) {
     UNSET_BATCH.push(path);
     if (!PENDING_UNSET) {
-      PENDING_UNSET = nextTick$1(() => {
+      PENDING_UNSET = nextTick(() => {
         const sortedPaths = [...UNSET_BATCH].sort().reverse();
         sortedPaths.forEach((p2) => {
           unsetPath(formValues, p2);
@@ -120435,7 +120436,7 @@ function useForm(opts) {
     if (idx === -1 || !pathState) {
       return;
     }
-    nextTick$1(() => {
+    nextTick(() => {
       validateField(path, { mode: "silent", warn: false });
     });
     if (pathState.multiple && pathState.fieldsCount) {
@@ -120462,7 +120463,7 @@ function useForm(opts) {
       }
     });
     pathStates.value = pathStates.value.filter((s) => !s.path.startsWith(path));
-    nextTick$1(() => {
+    nextTick(() => {
       rebuildPathLookup();
     });
   }
@@ -120602,7 +120603,7 @@ function useForm(opts) {
     setFieldValue(field, newValue, false);
     setFieldTouched(field, (_a3 = state === null || state === void 0 ? void 0 : state.touched) !== null && _a3 !== void 0 ? _a3 : false);
     setFieldError(field, (state === null || state === void 0 ? void 0 : state.errors) || []);
-    nextTick$1(() => {
+    nextTick(() => {
       if (pathState) {
         pathState.__flags.pendingReset = false;
       }
@@ -120624,7 +120625,7 @@ function useForm(opts) {
     (opts2 === null || opts2 === void 0 ? void 0 : opts2.force) ? forceSetValues(newValues, false) : setValues(newValues, false);
     setErrors((resetState === null || resetState === void 0 ? void 0 : resetState.errors) || {});
     submitCount.value = (resetState === null || resetState === void 0 ? void 0 : resetState.submitCount) || 0;
-    nextTick$1(() => {
+    nextTick(() => {
       validate2({ mode: "silent" });
       mutateAllPathState((state) => {
         state.__flags.pendingReset = false;
@@ -120781,7 +120782,7 @@ function useForm(opts) {
       var _a3;
       const validateOnInput = (_a3 = evalConfig().validateOnInput) !== null && _a3 !== void 0 ? _a3 : getConfig().validateOnInput;
       if (validateOnInput) {
-        nextTick$1(() => {
+        nextTick(() => {
           validateField(toValue$2(pathState.path));
         });
       }
@@ -120790,7 +120791,7 @@ function useForm(opts) {
       var _a3;
       const validateOnChange = (_a3 = evalConfig().validateOnChange) !== null && _a3 !== void 0 ? _a3 : getConfig().validateOnChange;
       if (validateOnChange) {
-        nextTick$1(() => {
+        nextTick(() => {
           validateField(toValue$2(pathState.path));
         });
       }
@@ -121718,7 +121719,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
       });
       serviceTypes.value = [];
       actionTypes.value = [];
-      await nextTick$1();
+      await nextTick();
     };
     const cancel = () => {
       resetForm();
@@ -122104,9 +122105,10 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { uploadFile } = useMediaLibrary();
-    const dropZoneRef = ref();
-    const PENDING_FILES = inject("pendingFiles", ref([]));
-    const reload = inject("reload");
+    const dropZoneRef = ref$1();
+    const PENDING_FILES = inject$1("pendingFiles", ref$1([]));
+    const reload = inject$1("reload", () => {
+    });
     async function onDrop(files) {
       for (let i = 0; i < (files == null ? void 0 : files.length); i++) {
         let randomID = crypto.randomUUID();
@@ -122520,7 +122522,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     const props = __props;
     const dialogOpen = ref$1(false);
     const project = ref$1(route.params.slug);
-    const { getMediaSource } = useMediaLibrary$1();
+    const { getMediaSource } = useMediaLibrary();
     const activeSourceId = ref$1("");
     const activeSource = ref$1({});
     const folders = ref$1([]);
@@ -122591,7 +122593,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
         path = path.substring(1);
       }
       try {
-        const { getStorageContent } = useMediaLibrary$1();
+        const { getStorageContent } = useMediaLibrary();
         if (effectiveBasePath.value && path !== void 0) {
           const normalizedPath = path === "" ? "" : path.endsWith("/") ? path : `${path}/`;
           const normalizedBasePath = effectiveBasePath.value === "" ? "" : effectiveBasePath.value.endsWith("/") ? effectiveBasePath.value : `${effectiveBasePath.value}/`;
@@ -129027,7 +129029,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
         }
       });
       draggableInstances = [];
-      nextTick$1(() => {
+      nextTick(() => {
         const elements = getDraggableElements();
         if (!elements.length) return;
         try {
@@ -130227,7 +130229,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     const dialogIsOpen = ref$1(false);
     const openDialog = async (query) => {
       dialogIsOpen.value = true;
-      await nextTick$1();
+      await nextTick();
       if (query) {
         selectedIntegrationId.value = query.integration.id;
         resource.value = query.resource;
@@ -130288,7 +130290,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     ];
     async function addFilter() {
       filters.value.push({ field: "", operator: "==", value: "" });
-      await nextTick$1();
+      await nextTick();
       const filterFields = document.querySelectorAll("#query_builder_dialog_filters .filter-field");
       if (filterFields.length) {
         filterFields[filterFields.length - 1].focus();
@@ -131708,7 +131710,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       }
     }
     function updateIndicatorPosition(index) {
-      nextTick$1(() => {
+      nextTick(() => {
         if (!activeIndicator.value || !buttonRefs[index]) return;
         const button = buttonRefs[index];
         const indicator = activeIndicator.value;
@@ -131724,7 +131726,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       }
     }, { immediate: true });
     onMounted$1(() => {
-      nextTick$1(() => {
+      nextTick(() => {
         updateIndicatorPosition(activeButtonIndex.value);
       });
     });
@@ -142312,12 +142314,13 @@ export {
   useBreadcrumbs$1 as useBreadcrumbs,
   useCms,
   useFirebaseIntegration,
+  useFormBuilder$1 as useFormBuilder,
   useIntegrationActionBuilder,
   useIntegrationActions$1 as useIntegrationActions,
   useIntegrations,
   useLayout,
   useLogs,
-  useMediaLibrary$1 as useMediaLibrary,
+  useMediaLibrary,
   useModulePermissions,
   useModuleStorage,
   useNavigateToModuleRoute,

package/dist/types/lib/composables.d.ts

@@ -48,4 +48,10 @@ type UseUtilsService = () => {
     }>;
 };
 export declare const useUtilsService: () => UseUtilsService;
+type UseFormBuilder = () => {
+    formBuilderStack: any[];
+    openFormBuilder: (config?: any) => Promise<any>;
+    closeFormBuilder: (id: number, result: any) => void;
+};
+export declare const useFormBuilder: () => UseFormBuilder;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneclick.dev/cms-kit",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",