@oneclick.dev/cms-kit 0.0.30 → 0.0.31

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, customRef, isRef, reactive, getCurrentInstance, hasInjectionContext, inject as inject$1, toRefs as toRefs$1, toValue as toValue$2, shallowRef, watchEffect, 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, 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, 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";
@@ -1875,7 +1875,7 @@ const _sfc_main$5k = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     let emojiIndex = new EmojiIndex(data);
-    const renderedEmoji = ref$1();
+    const renderedEmoji = ref();
     watch$1(() => props.emoji, () => {
       renderedEmoji.value = emojiIndex.findEmoji(`:${props.emoji}:`);
     });
@@ -50563,7 +50563,7 @@ const _sfc_main$4P = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const editor = ref$1(null);
+    const editor = ref(null);
     let view = null;
     function variableCompletion(context3) {
       const word = context3.matchBefore(/\w*/);
@@ -51385,7 +51385,7 @@ function useVModel$2(props, key, emit, options = {}) {
   };
   if (passive) {
     const initialValue = getValue();
-    const proxy = ref$1(initialValue);
+    const proxy = ref(initialValue);
     let isUpdating = false;
     watch$1(
       () => props[key],
@@ -51563,8 +51563,8 @@ const _sfc_main$4B = /* @__PURE__ */ defineComponent({
       return delegated;
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
-    const allItems = ref$1(/* @__PURE__ */ new Map());
-    const allGroups = ref$1(/* @__PURE__ */ new Map());
+    const allItems = ref(/* @__PURE__ */ new Map());
+    const allGroups = ref(/* @__PURE__ */ new Map());
     const { contains: contains2 } = useFilter({ sensitivity: "base" });
     const filterState = reactive({
       search: "",
@@ -52112,7 +52112,7 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
         return filteredCurrentItem > 0;
       }
     });
-    const itemRef = ref$1();
+    const itemRef = ref();
     const currentElement = useCurrentElement(itemRef);
     onMounted$1(() => {
       var _a2;
@@ -52763,7 +52763,7 @@ function $e$1(e, n, s, i = {}) {
     l ? l(a) && m(u, a) : m(u, a);
   };
   if (D) {
-    const a = H(), c = ref$1(a);
+    const a = H(), c = ref(a);
     let f = false;
     return watch$1(
       () => e[n],
@@ -52856,7 +52856,7 @@ function mt$1({
   onSnapPointChange: w,
   direction: d
 }) {
-  const v = ref$1(typeof window < "u" ? {
+  const v = ref(typeof window < "u" ? {
     innerWidth: window.innerWidth,
     innerHeight: window.innerHeight
   } : void 0);
@@ -53001,7 +53001,7 @@ function Te$2() {
 }
 let Q = null;
 function wt$1(e) {
-  const { isOpen: n, modal: s, nested: i, hasBeenOpened: t2, preventScrollRestoration: w, noBodyStyles: d } = e, v = ref$1(typeof window < "u" ? window.location.href : ""), D = ref$1(0);
+  const { isOpen: n, modal: s, nested: i, hasBeenOpened: t2, preventScrollRestoration: w, noBodyStyles: d } = e, v = ref(typeof window < "u" ? window.location.href : ""), D = ref(0);
   function $() {
     if (Te$2() && Q === null && n.value && !d.value) {
       Q = {
@@ -53072,20 +53072,20 @@ function yt(e) {
     noBodyStyles: L,
     handleOnly: H,
     preventScrollRestoration: p2
-  } = e, a = ref$1(w.value ?? false), c = ref$1(false), f = ref$1(false), y = ref$1(false), P = ref$1(null), x2 = ref$1(null), W = ref$1(null), te2 = ref$1(null), V = ref$1(null), j = ref$1(false), G2 = ref$1(null), z = ref$1(0), M2 = ref$1(false);
-  ref$1(0);
-  const g = ref$1(null);
-  ref$1(0);
+  } = e, a = ref(w.value ?? false), c = ref(false), f = ref(false), y = ref(false), P = ref(null), x2 = ref(null), W = ref(null), te2 = ref(null), V = ref(null), j = ref(false), G2 = ref(null), z = ref(0), M2 = ref(false);
+  ref(0);
+  const g = ref(null);
+  ref(0);
   const pe2 = computed$1(() => {
     var o;
     return ((o = g.value) == null ? void 0 : o.$el.getBoundingClientRect().height) || 0;
   }), U = ht$1(
     e.snapPoints,
-    ref$1(void 0)
+    ref(void 0)
   ), Ne2 = computed$1(() => {
     var o;
     return U && (((o = U.value) == null ? void 0 : o.length) ?? 0) > 0;
-  }), Ae2 = ref$1(null), {
+  }), Ae2 = ref(null), {
     activeSnapPointIndex: ge2,
     onRelease: xe2,
     snapPointsOffset: He2,
@@ -53439,7 +53439,7 @@ const St$1 = /* @__PURE__ */ defineComponent({
 }), Dt$1 = () => () => {
 };
 function bt() {
-  const { direction: e, isOpen: n, shouldScaleBackground: s, setBackgroundColorOnScale: i, noBodyStyles: t2 } = ee$1(), w = ref$1(null), d = ref$1(document.body.style.backgroundColor);
+  const { direction: e, isOpen: n, shouldScaleBackground: s, setBackgroundColorOnScale: i, noBodyStyles: t2 } = ee$1(), w = ref(null), d = ref(document.body.style.backgroundColor);
   function v() {
     return (window.innerWidth - Ce$2) / window.innerWidth;
   }
@@ -53496,7 +53496,7 @@ const Ct = /* @__PURE__ */ defineComponent({
       handleOnly: u
     } = ee$1();
     bt();
-    const L = ref$1(false), H = computed$1(() => i.value && i.value.length > 0 ? `${i.value[0]}px` : "0");
+    const L = ref(false), H = computed$1(() => i.value && i.value.length > 0 ? `${i.value[0]}px` : "0");
     function p2(f) {
       if (!$.value || f.defaultPrevented) {
         f.preventDefault();
@@ -54367,7 +54367,7 @@ const bypassFilter = (invoke) => {
   return invoke();
 };
 function pausableFilter(extendFilter = bypassFilter) {
-  const isActive = ref$1(true);
+  const isActive = ref(true);
   function pause() {
     isActive.value = false;
   }
@@ -54699,7 +54699,7 @@ function useVModel$1(props, key, emit, options = {}) {
   };
   if (passive) {
     const initialValue = getValue();
-    const proxy = ref$1(initialValue);
+    const proxy = ref(initialValue);
     let isUpdating = false;
     watch$1(
       () => props[key],
@@ -59602,7 +59602,7 @@ function useNodeId() {
 }
 function useNode(id2) {
   const nodeId = id2 ?? useNodeId() ?? "";
-  const nodeEl = inject$1(NodeRef, ref$1(null));
+  const nodeEl = inject$1(NodeRef, ref(null));
   const { findNode, edges, emits } = useVueFlow();
   const node = findNode(nodeId);
   if (!node) {
@@ -61070,7 +61070,7 @@ const _sfc_main$f$1 = /* @__PURE__ */ defineComponent({
       noPanClassName
     } = useVueFlow();
     const { id: nodeId, node, nodeEl, connectedEdges } = useNode();
-    const handle = ref$1();
+    const handle = ref();
     const isConnectableStart = toRef(() => typeof __props.connectableStart !== "undefined" ? __props.connectableStart : true);
     const isConnectableEnd = toRef(() => typeof __props.connectableEnd !== "undefined" ? __props.connectableEnd : true);
     const isConnecting = toRef(
@@ -61268,8 +61268,8 @@ const _sfc_main$e$1 = /* @__PURE__ */ defineComponent({
     labelBgBorderRadius: { default: 2 }
   },
   setup(__props) {
-    const box = ref$1({ x: 0, y: 0, width: 0, height: 0 });
-    const el = ref$1(null);
+    const box = ref({ x: 0, y: 0, width: 0, height: 0 });
+    const el = ref(null);
     const transform = computed$1(() => `translate(${__props.x - box.value.width / 2} ${__props.y - box.value.height / 2})`);
     onMounted$1(getBox);
     watch$1([() => __props.x, () => __props.y, el, () => __props.label], getBox);
@@ -61341,9 +61341,9 @@ const _sfc_main$d$1 = /* @__PURE__ */ defineComponent({
     labelBgBorderRadius: {}
   },
   setup(__props, { expose: __expose }) {
-    const pathEl = ref$1(null);
-    const interactionEl = ref$1(null);
-    const labelEl = ref$1(null);
+    const pathEl = ref(null);
+    const interactionEl = ref(null);
+    const labelEl = ref(null);
     const attrs = useAttrs();
     __expose({
       pathEl,
@@ -62229,7 +62229,7 @@ const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y, userSelectionActive } = useVueFlow();
     const updatePositions = useUpdateNodePositions();
-    const el = ref$1(null);
+    const el = ref(null);
     const dragging = useDrag({
       el,
       onStart(args) {
@@ -62333,10 +62333,10 @@ const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
       defaultEdgeOptions,
       connectionStartHandle
     } = useVueFlow();
-    const container = ref$1(null);
-    const selectedNodeIds = ref$1(/* @__PURE__ */ new Set());
-    const selectedEdgeIds = ref$1(/* @__PURE__ */ new Set());
-    const containerBounds = ref$1();
+    const container = ref(null);
+    const selectedNodeIds = ref(/* @__PURE__ */ new Set());
+    const selectedEdgeIds = ref(/* @__PURE__ */ new Set());
+    const containerBounds = ref();
     const hasActiveSelection = toRef(() => elementsSelectable.value && (__props.isSelecting || userSelectionActive.value));
     const connectionInProgress = toRef(() => connectionStartHandle.value !== null);
     let selectionInProgress = false;
@@ -62928,12 +62928,12 @@ const EdgeWrapper = defineComponent({
     const { emit, on: on2 } = useEdgeHooks(edge.value, emits);
     const slots = inject$1(Slots$1);
     const instance = getCurrentInstance();
-    const mouseOver = ref$1(false);
-    const updating = ref$1(false);
-    const nodeId = ref$1("");
-    const handleId = ref$1(null);
-    const edgeUpdaterType = ref$1("source");
-    const edgeEl = ref$1(null);
+    const mouseOver = ref(false);
+    const updating = ref(false);
+    const nodeId = ref("");
+    const handleId = ref(null);
+    const edgeUpdaterType = ref("source");
+    const edgeEl = ref(null);
     const isSelectable = toRef(
       () => typeof edge.value.selectable === "undefined" ? elementsSelectable.value : edge.value.selectable
     );
@@ -63506,7 +63506,7 @@ const NodeWrapper = defineComponent({
       nodesFocusable,
       hooks
     } = useVueFlow();
-    const nodeElement = ref$1(null);
+    const nodeElement = ref(null);
     provide(NodeRef, nodeElement);
     provide(NodeId, props.id);
     const slots = inject$1(Slots$1);
@@ -63866,7 +63866,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { getNodes, updateNodeDimensions, emits } = useVueFlow();
     const nodesInitialized = useNodesInitialized();
-    const resizeObserver = ref$1();
+    const resizeObserver = ref();
     watch$1(
       nodesInitialized,
       (isInit) => {
@@ -64056,8 +64056,8 @@ function useNodeConnections(params = {}) {
   const { handleType, handleId, nodeId, onConnect, onDisconnect } = params;
   const { connectionLookup } = useVueFlow();
   const _nodeId = useNodeId();
-  const prevConnections = ref$1(null);
-  const connections = ref$1();
+  const prevConnections = ref(null);
+  const connections = ref();
   const lookupKey = computed$1(() => {
     const currNodeId = toValue$2(nodeId) ?? _nodeId;
     const currentHandleType = toValue$2(handleType);
@@ -66672,7 +66672,7 @@ const _sfc_main$3G = /* @__PURE__ */ defineComponent({
     const defaultWidth = 200;
     const defaultHeight = 150;
     const { id: id2, edges, viewport, translateExtent, dimensions, emits, d3Selection, d3Zoom, getNodesInitialized } = useVueFlow();
-    const el = ref$1();
+    const el = ref();
     provide(Slots, slots);
     const elementWidth = toRef(() => {
       var _a2;
@@ -67135,7 +67135,7 @@ function ut$1(s) {
   return s.label !== void 0;
 }
 function ie$1() {
-  const s = ref$1(false);
+  const s = ref(false);
   return watchEffect(() => {
     const a = () => {
       s.value = document.hidden;
@@ -67177,15 +67177,15 @@ const le = ["aria-live", "data-rich-colors", "data-styled", "data-mounted", "dat
   },
   emits: ["update:heights", "removeToast"],
   setup(s, { emit: a }) {
-    const t2 = s, n = a, r2 = ref$1(false), g = ref$1(false), T = ref$1(false), P = ref$1(false), h2 = ref$1(false), u = ref$1(0), m = ref$1(0), y = ref$1(
+    const t2 = s, n = a, r2 = ref(false), g = ref(false), T = ref(false), P = ref(false), h2 = ref(false), u = ref(0), m = ref(0), y = ref(
       t2.toast.duration || t2.duration || Wt$1
-    ), H = ref$1(null), B = ref$1(null), pt2 = computed$1(() => t2.index === 0), ht2 = computed$1(() => t2.index + 1 <= t2.visibleToasts), I2 = computed$1(() => t2.toast.type), Y = computed$1(() => t2.toast.dismissible !== false), gt2 = computed$1(() => t2.toast.class || ""), o = computed$1(() => t2.descriptionClass || ""), i = t2.toast.style || {}, l = computed$1(
+    ), H = ref(null), B = ref(null), pt2 = computed$1(() => t2.index === 0), ht2 = computed$1(() => t2.index + 1 <= t2.visibleToasts), I2 = computed$1(() => t2.toast.type), Y = computed$1(() => t2.toast.dismissible !== false), gt2 = computed$1(() => t2.toast.class || ""), o = computed$1(() => t2.descriptionClass || ""), i = t2.toast.style || {}, l = computed$1(
       () => t2.heights.findIndex((e) => e.toastId === t2.toast.id) || 0
     ), k = computed$1(() => t2.toast.closeButton ?? t2.closeButton);
     computed$1(
       () => t2.toast.duration || t2.duration || Wt$1
     );
-    const b = ref$1(0), z = ref$1(0), O2 = ref$1(null), G2 = computed$1(() => t2.position.split("-")), Q2 = computed$1(() => G2.value[0]), ot = computed$1(() => G2.value[1]), st2 = computed$1(() => typeof t2.toast.title != "string"), nt = computed$1(
+    const b = ref(0), z = ref(0), O2 = ref(null), G2 = computed$1(() => t2.position.split("-")), Q2 = computed$1(() => G2.value[0]), ot = computed$1(() => G2.value[1]), st2 = computed$1(() => typeof t2.toast.title != "string"), nt = computed$1(
       () => typeof t2.toast.description != "string"
     ), rt2 = computed$1(() => t2.heights.reduce((e, c, S) => S >= l.value ? e : e + c.height, 0)), it = ie$1(), lt2 = computed$1(() => t2.toast.invert || t2.invert), j = computed$1(() => I2.value === "loading"), M2 = computed$1(() => l.value * t2.gap + rt2.value || 0);
     onMounted$1(() => {
@@ -67566,14 +67566,14 @@ const Ve$1 = /* @__PURE__ */ defineComponent({
       const o = document.documentElement.getAttribute("dir");
       return o === "auto" || !o ? window.getComputedStyle(document.documentElement).direction : o;
     }
-    const n = useAttrs(), r2 = ref$1([]), g = computed$1(() => (o, i) => r2.value.filter(
+    const n = useAttrs(), r2 = ref([]), g = computed$1(() => (o, i) => r2.value.filter(
       (l) => !l.position && i === 0 || l.position === o
     )), T = computed$1(() => {
       const o = r2.value.filter((i) => i.position).map((i) => i.position);
       return o.length > 0 ? Array.from(new Set([a.position].concat(o))) : [a.position];
-    }), P = ref$1([]), h2 = ref$1(false), u = ref$1(false), m = ref$1(
+    }), P = ref([]), h2 = ref(false), u = ref(false), m = ref(
       a.theme !== "system" ? a.theme : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-    ), y = ref$1(null), H = ref$1(null), B = ref$1(false), pt2 = a.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+    ), y = ref(null), H = ref(null), B = ref(false), pt2 = a.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
     function ht2(o) {
       var i;
       (i = r2.value.find((l) => l.id === o.id)) != null && i.delete || E.dismiss(o.id), r2.value = r2.value.filter(({ id: l }) => l !== o.id);
@@ -67991,11 +67991,11 @@ function useRunProcess({
   const nodeOutputs = /* @__PURE__ */ new Map();
   const nodeMap = new Map(nodes.map((node) => [node.id, node]));
   const graph2 = toRef(() => toValue$2(dagreGraph));
-  const isRunning = ref$1(false);
+  const isRunning = ref(false);
   const runningTasks = /* @__PURE__ */ new Map();
   const executedNodes = /* @__PURE__ */ new Set();
   const upcomingTasks = /* @__PURE__ */ new Set();
-  const localVariables = ref$1(variables ? JSON.parse(JSON.stringify(variables.map((v) => ({ ...v, value: Object.keys(v).includes("defaultValue") ? v.defaultValue : v.value ?? null })))) : []);
+  const localVariables = ref(variables ? JSON.parse(JSON.stringify(variables.map((v) => ({ ...v, value: Object.keys(v).includes("defaultValue") ? v.defaultValue : v.value ?? null })))) : []);
   async function runNode(nodeId, isStart = false) {
     var _a2, _b, _c, _d;
     if (executedNodes.has(nodeId)) {
@@ -77230,7 +77230,7 @@ function requireGraphlib() {
 var graphlibExports = requireGraphlib();
 function useLayout() {
   const { findNode } = useVueFlow();
-  const graph2 = ref$1(new graphlibExports.Graph({ directed: true }));
+  const graph2 = ref(new graphlibExports.Graph({ directed: true }));
   function layout(nodes, edges, direction = "TB") {
     const dagreGraph = new dagre.graphlib.Graph();
     dagreGraph.setDefaultEdgeLabel(() => ({}));
@@ -77283,8 +77283,8 @@ const _hoisted_10$3 = {
 const _sfc_main$3j = /* @__PURE__ */ defineComponent({
   __name: "Widget",
   setup(__props) {
-    const openVariableId = ref$1(null);
-    const variables = inject$1("variables", ref$1([]));
+    const openVariableId = ref(null);
+    const variables = inject$1("variables", ref([]));
     async function addVariable(type) {
       let id2 = crypto.randomUUID();
       let name2 = "New variable";
@@ -77980,8 +77980,8 @@ const _sfc_main$3b = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createVNode(_component_Collapsible, {
-            modelValue: unref(showAdvanced),
-            "onUpdate:modelValue": _cache2[5] || (_cache2[5] = ($event) => isRef(showAdvanced) ? showAdvanced.value = $event : null)
+            modelValue: showAdvanced.value,
+            "onUpdate:modelValue": _cache2[5] || (_cache2[5] = ($event) => showAdvanced.value = $event)
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_6$b, [
@@ -78975,7 +78975,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
-    const variables = inject$1("variables", ref$1([]));
+    const variables = inject$1("variables", ref([]));
     const props = __props;
     const emit = __emit;
     const node = computed$1({
@@ -79240,7 +79240,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
     const props = __props;
     const route = useRoute();
     const { getModules } = useProjectService();
-    const modules2 = ref$1([]);
+    const modules2 = ref([]);
     const emit = __emit;
     const projectId = computed$1(() => route.params.slug);
     const node = computed$1({
@@ -80087,10 +80087,10 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
     const { nodes, edges, fitView, onEdgesChange, applyEdgeChanges, onNodesChange, applyNodeChanges, findNode, findEdge, addNodes, removeNodes, addEdges, removeEdges, setNodes, setEdges, toObject } = useVueFlow();
     const overlayStack = useOverlayStack();
     const randomId = crypto.randomUUID();
-    const activeNodeId = ref$1(null);
-    const activeEdgeId = ref$1(null);
-    const variables = ref$1([]);
-    const computedVariables = ref$1([]);
+    const activeNodeId = ref(null);
+    const activeEdgeId = ref(null);
+    const variables = ref([]);
+    const computedVariables = ref([]);
     provide("variables", variables);
     provide("computedVariables", computedVariables);
     const activeNode = computed$1(() => {
@@ -80325,7 +80325,7 @@ const _sfc_main$2T = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { closeFlowBuilder } = useFlowBuilder();
-    const flowBuilder = ref$1();
+    const flowBuilder = ref();
     watch$1(
       () => props.workflow,
       async () => {
@@ -81078,8 +81078,8 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const isEditMode = inject$1("isEditMode", ref$1(false));
-    const allAvailableVariables = inject$1("allAvailableVariables", ref$1([]));
+    const isEditMode = inject$1("isEditMode", ref(false));
+    const allAvailableVariables = inject$1("allAvailableVariables", ref([]));
     const onFinish = inject$1("onFinish", () => {
     });
     const handleClick = () => {
@@ -111048,15 +111048,15 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const allAvailableVariables = inject$1("allAvailableVariables", ref$1([]));
+    const allAvailableVariables = inject$1("allAvailableVariables", ref([]));
     const state = inject$1("state");
-    const scanning = ref$1(false);
-    const error = ref$1(null);
-    const videoRef = ref$1(null);
+    const scanning = ref(false);
+    const error = ref(null);
+    const videoRef = ref(null);
     let codeReader = null;
-    const devices = ref$1([]);
-    const uniqueDevices = ref$1([]);
-    const selectedDeviceId = ref$1(void 0);
+    const devices = ref([]);
+    const uniqueDevices = ref([]);
+    const selectedDeviceId = ref(void 0);
     const getCameras = async () => {
       try {
         const mediaDevices = await navigator.mediaDevices.enumerateDevices();
@@ -112210,7 +112210,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
       emit("removeItem", activeElement.value.i);
       activeElement.value = null;
     }
-    const newName = ref$1("");
+    const newName = ref("");
     watch(activeElement, () => {
       newName.value = activeElement.value.variableName || "";
     });
@@ -117514,7 +117514,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     const isDragging2 = inject$1("isDragging");
     const activeElement = inject$1("activeElement");
     const selectedItems = inject$1("selectedItems");
-    const isEditMode = inject$1("isEditMode", ref$1(false));
+    const isEditMode = inject$1("isEditMode", ref(false));
     const allAvailableVariables = inject$1("allAvailableVariables");
     const containerRef = useTemplateRef("containerRef");
     const { width: containerWidth, height: containerHeight } = useElementSize(containerRef);
@@ -117530,7 +117530,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     let containerEl;
     let selectionBox;
     let startX, startY;
-    const isSelecting = ref$1(false);
+    const isSelecting = ref(false);
     const startSelectionDrag = (e) => {
       if (!isEditMode.value) return;
       const target = e.target;
@@ -117756,18 +117756,18 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { setModuleBreadcrumbs } = useBreadcrumbs();
     setModuleBreadcrumbs([]);
-    const adminPanel = ref$1("new-element");
-    const activeElement = ref$1(null);
-    const selectedItems = ref$1([]);
-    const isDragging2 = ref$1(false);
+    const adminPanel = ref("new-element");
+    const activeElement = ref(null);
+    const selectedItems = ref([]);
+    const isDragging2 = ref(false);
     const isEditMode = computed$1(() => !props.isPresentationMode);
     const layout = [
       { x: 0, y: 0, w: 2, h: 2, i: "0", resizable: true, draggable: true, static: false, minY: 0, maxY: 2 }
     ];
-    const previewSize = ref$1({ width: 400, height: 400 });
-    const builderContainer = ref$1(null);
-    const isResizing = ref$1(false);
-    const resizeStart = ref$1({ x: 0, y: 0, width: 0, height: 0 });
+    const previewSize = ref({ width: 400, height: 400 });
+    const builderContainer = ref(null);
+    const isResizing = ref(false);
+    const resizeStart = ref({ x: 0, y: 0, width: 0, height: 0 });
     function startResizing(e) {
       isResizing.value = true;
       resizeStart.value = {
@@ -118036,7 +118036,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { closeFormBuilder } = useFormBuilder();
-    const formBuilder = ref$1();
+    const formBuilder = ref();
     watch$1(
       () => props.config,
       async () => {
@@ -118164,7 +118164,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const form = ref$1();
+    const form = ref();
     const loadForm = async () => {
       await nextTick();
       form.value.setState({
@@ -118609,7 +118609,7 @@ function withLatest(fn2, onDone) {
   };
 }
 function computedDeep({ get: get2, set: set2 }) {
-  const baseRef = ref$1(klona(get2()));
+  const baseRef = ref(klona(get2()));
   watch$1(get2, (newValue) => {
     if (isEqual(newValue, baseRef.value)) {
       return;
@@ -119113,7 +119113,7 @@ function useFieldState(path, init5) {
   };
 }
 function _useFieldValue(path, modelValue, form) {
-  const modelRef = ref$1(unref(modelValue));
+  const modelRef = ref(unref(modelValue));
   function resolveInitialValue2() {
     if (!form) {
       return unref(modelRef);
@@ -119129,7 +119129,7 @@ function _useFieldValue(path, modelValue, form) {
   }
   const initialValue = computed$1(resolveInitialValue2);
   if (!form) {
-    const value2 = ref$1(resolveInitialValue2());
+    const value2 = ref(resolveInitialValue2());
     return {
       value: value2,
       initialValue,
@@ -119186,7 +119186,7 @@ function createFieldMeta(currentValue, initialValue, errors, schema) {
   return meta2;
 }
 function createFieldErrors() {
-  const errors = ref$1([]);
+  const errors = ref([]);
   return {
     errors,
     setErrors: (messages2) => {
@@ -120122,14 +120122,14 @@ function useForm(opts) {
   const formId = FORM_COUNTER++;
   const name2 = (opts === null || opts === void 0 ? void 0 : opts.name) || "Form";
   let FIELD_ID_COUNTER = 0;
-  const isSubmitting = ref$1(false);
-  const isValidating = ref$1(false);
-  const submitCount = ref$1(0);
+  const isSubmitting = ref(false);
+  const isValidating = ref(false);
+  const submitCount = ref(0);
   const fieldArrays = [];
   const formValues = reactive(resolveInitialValues(opts));
-  const pathStates = ref$1([]);
-  const extraErrorsBag = ref$1({});
-  const pathStateLookup = ref$1({});
+  const pathStates = ref([]);
+  const extraErrorsBag = ref({});
+  const pathStateLookup = ref({});
   const rebuildPathLookup = debounceNextTick(() => {
     pathStateLookup.value = pathStates.value.reduce((names, state) => {
       names[normalizeFormPath(toValue$2(state.path))] = state;
@@ -120895,8 +120895,8 @@ function useFormMeta(pathsState, currentValues, initialValues, errors) {
 }
 function useFormInitialValues(pathsState, formValues, opts) {
   const values = resolveInitialValues(opts);
-  const initialValues = ref$1(values);
-  const originalInitialValues = ref$1(klona(values));
+  const initialValues = ref(values);
+  const originalInitialValues = ref(klona(values));
   function setInitialValues(values2, opts2) {
     if (opts2 === null || opts2 === void 0 ? void 0 : opts2.force) {
       initialValues.value = klona(values2);
@@ -121080,7 +121080,7 @@ const FormImpl = /* @__PURE__ */ defineComponent({
 const Form = FormImpl;
 function useFieldArray(arrayPath) {
   const form = injectWithSelf(FormContextKey, void 0);
-  const fields = ref$1([]);
+  const fields = ref([]);
   const noOp = () => {
   };
   const noOpApi = {
@@ -121647,11 +121647,11 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
     const { builderState, onConfirm, onCancel } = ([__temp, __restore] = withAsyncContext(() => useIntegrationActionBuilder()), __temp = await __temp, __restore(), __temp);
     const route = useRoute();
     const { getProjectIntegrations } = useIntegrations();
-    const integrations = ref$1([]);
-    const serviceTypes = ref$1([]);
-    const actionTypes = ref$1([]);
+    const integrations = ref([]);
+    const serviceTypes = ref([]);
+    const actionTypes = ref([]);
     const projectId = computed$1(() => route.params.slug);
-    const integrationAction = ref$1({
+    const integrationAction = ref({
       integration: "",
       integrationType: "",
       serviceType: "",
@@ -121991,7 +121991,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     const modelValue = useVModel$2(props, "modelValue", emits, {
       passive: true
     });
-    const search = ref$1("");
+    const search = ref("");
     const filteredIcons = computed$1(() => {
       const searchTerm = search.value.toLowerCase();
       let filtered = Object.entries(icons).reduce((acc, [iconName, IconComponent]) => {
@@ -122109,8 +122109,8 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { uploadFile } = useMediaLibrary();
-    const dropZoneRef = ref$1();
-    const PENDING_FILES = inject$1("pendingFiles", ref$1([]));
+    const dropZoneRef = ref();
+    const PENDING_FILES = inject$1("pendingFiles", ref([]));
     const reload = inject$1("reload", () => {
     });
     async function onDrop(files) {
@@ -122188,7 +122188,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const focusSearch = ref$1(false);
+    const focusSearch = ref(false);
     const search = inject$1("search");
     const sort = inject$1("sort");
     return (_ctx, _cache2) => {
@@ -122351,7 +122351,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const focus = ref$1(false);
+    const focus = ref(false);
     const { urlToBase64 } = useUtilsService();
     const openImageEditor = inject$1("openImageEditor");
     const editImage = async (url) => {
@@ -122361,7 +122361,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     const isImageFile = (contentType) => {
       return contentType && contentType.startsWith("image/") || false;
     };
-    const imageFailed = ref$1(false);
+    const imageFailed = ref(false);
     const onImageError = () => {
       imageFailed.value = true;
     };
@@ -122524,23 +122524,23 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     const emit = __emit;
     const props = __props;
-    const dialogOpen = ref$1(false);
-    const project = ref$1(route.params.slug);
+    const dialogOpen = ref(false);
+    const project = ref(route.params.slug);
     const { getMediaSource } = useMediaLibrary();
-    const activeSourceId = ref$1("");
-    const activeSource = ref$1({});
-    const folders = ref$1([]);
-    const files = ref$1([]);
-    const fileCount = ref$1(0);
-    const currentPath = ref$1("");
-    const navigationHistory = ref$1([]);
-    const effectiveBasePath = ref$1("");
-    const search = ref$1("");
-    const sort = ref$1("name-asc");
-    const selectedFiles = ref$1([]);
+    const activeSourceId = ref("");
+    const activeSource = ref({});
+    const folders = ref([]);
+    const files = ref([]);
+    const fileCount = ref(0);
+    const currentPath = ref("");
+    const navigationHistory = ref([]);
+    const effectiveBasePath = ref("");
+    const search = ref("");
+    const sort = ref("name-asc");
+    const selectedFiles = ref([]);
     provide("search", search);
     provide("sort", sort);
-    const PENDING_FILES = ref$1([]);
+    const PENDING_FILES = ref([]);
     provide("pendingFiles", PENDING_FILES);
     const filteredFolders = computed$1(() => {
       let filtered = [...folders.value];
@@ -122582,8 +122582,8 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
       search.value = "";
       loadContent(activeSource.value.path);
     });
-    const loading = ref$1(false);
-    const error = ref$1("");
+    const loading = ref(false);
+    const error = ref("");
     const reload = () => {
       loadContent(currentPath.value, true);
     };
@@ -128945,12 +128945,12 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     const items = inject$1("media-items", { value: [] });
     const updateItems = inject$1("update-media-items", () => {
     });
-    const selectedItems = ref$1([]);
-    const itemsContainer = ref$1(null);
-    const originalItemsArray = ref$1(null);
-    const draggingItemIndex = ref$1(-1);
-    const lastHoveredIndex = ref$1(-1);
-    const showAll = ref$1(false);
+    const selectedItems = ref([]);
+    const itemsContainer = ref(null);
+    const originalItemsArray = ref(null);
+    const draggingItemIndex = ref(-1);
+    const lastHoveredIndex = ref(-1);
+    const showAll = ref(false);
     const fileSelectorCheckboxState = computed$1(() => {
       if (selectedItems.value.length === items.value.length) return true;
       if (selectedItems.value.length === 0) return false;
@@ -128988,7 +128988,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
       return itemsContainer.value.querySelectorAll(".draggable-item");
     };
     let draggableInstances = [];
-    ref$1({ row: 0, col: 0 });
+    ref({ row: 0, col: 0 });
     let rafId = null;
     let lastDragEvent = null;
     let currentDragTarget = null;
@@ -129250,7 +129250,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
     const updateItems = (newItems) => {
       emit("update:modelValue", newItems);
     };
-    const items = ref$1([...props.modelValue || []]);
+    const items = ref([...props.modelValue || []]);
     watch$1(() => props.modelValue, (newVal) => {
       items.value = [...newVal || []];
     }, { deep: true });
@@ -130230,7 +130230,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     const projectId = route.params.slug;
     const props = __props;
-    const dialogIsOpen = ref$1(false);
+    const dialogIsOpen = ref(false);
     const openDialog = async (query) => {
       dialogIsOpen.value = true;
       await nextTick();
@@ -130265,21 +130265,21 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     });
     const emit = __emit;
     const { getProjectIntegrations } = useIntegrations();
-    const integrations = ref$1([]);
+    const integrations = ref([]);
     integrations.value = ([__temp, __restore] = withAsyncContext(() => getProjectIntegrations(projectId)), __temp = await __temp, __restore(), __temp);
     const { buildFirebaseQuery, buildSQLQuery } = useQueryBuilder();
-    const selectedIntegrationId = ref$1(props.integrationId);
+    const selectedIntegrationId = ref(props.integrationId);
     const integration = computed$1(() => {
       if (props.integrationId) {
         return integrations.value.find((integration2) => integration2.id === props.integrationId);
       }
       return integrations.value.find((integration2) => integration2.id === selectedIntegrationId.value);
     });
-    const errorMessage = ref$1(null);
-    const indexUrl = ref$1(null);
-    const resource = ref$1("");
-    ref$1(["team-building-requests", "users", "projects"]);
-    const filters = ref$1([]);
+    const errorMessage = ref(null);
+    const indexUrl = ref(null);
+    const resource = ref("");
+    ref(["team-building-requests", "users", "projects"]);
+    const filters = ref([]);
     const operatorOptions = [
       { label: "=", value: "==" },
       { label: "≠", value: "!=" },
@@ -130303,22 +130303,22 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     function removeFilter(idx) {
       filters.value.splice(idx, 1);
     }
-    const sorts = ref$1([]);
+    const sorts = ref([]);
     function addSort() {
       sorts.value.push({ field: "", direction: "asc" });
     }
     function removeSort(idx) {
       sorts.value.splice(idx, 1);
     }
-    const showAdvanced = ref$1(false);
-    const limit = ref$1(null);
-    const offset = ref$1(null);
-    const startAt = ref$1(null);
-    const endAt = ref$1(null);
-    const groupBy = ref$1("");
-    const distinct = ref$1(false);
-    const queryPreview = ref$1("");
-    const queryResult = ref$1(null);
+    const showAdvanced = ref(false);
+    const limit = ref(null);
+    const offset = ref(null);
+    const startAt = ref(null);
+    const endAt = ref(null);
+    const groupBy = ref("");
+    const distinct = ref(false);
+    const queryPreview = ref("");
+    const queryResult = ref(null);
     function resetOutput() {
       queryPreview.value = "";
       queryResult.value = null;
@@ -131565,8 +131565,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const rippleButtonRef = ref$1(null);
-    const buttonRipples = ref$1([]);
+    const rippleButtonRef = ref(null);
+    const buttonRipples = ref([]);
     function handleClick(event) {
       createRipple(event);
       emit("click", event);
@@ -131781,9 +131781,9 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       return cn$1(props.class);
     });
     const emit = __emit;
-    const activeIndicator = ref$1(null);
-    const containerRef = ref$1(null);
-    const activeButtonIndex = ref$1(0);
+    const activeIndicator = ref(null);
+    const containerRef = ref(null);
+    const activeButtonIndex = ref(0);
     provide("segmentedControlValue", toRef(props, "modelValue"));
     provide("segmentedControlRegister", registerButton);
     provide("segmentedControlContainer", containerRef);
@@ -131860,7 +131860,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     });
     const registerButton = inject$1("segmentedControlRegister", () => {
     });
-    const buttonRef = ref$1(null);
+    const buttonRef = ref(null);
     const isActive = computed$1(() => (currentValue == null ? void 0 : currentValue.value) === props.value);
     const handleClick = () => {
       if (!props.disabled) {
@@ -133267,7 +133267,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const isMobile = useMediaQuery("(max-width: 768px)");
-    const openMobile = ref$1(false);
+    const openMobile = ref(false);
     const open = useVModel$2(props, "open", emits, {
       defaultValue: props.defaultOpen ?? false,
       passive: props.open === void 0
@@ -141286,7 +141286,7 @@ function useMotionState(props) {
   const config3 = useMotionConfig();
   const animatePresenceContext = injectAnimatePresence({});
   const lazyMotionContext = useLazyMotionContext({
-    features: ref$1([]),
+    features: ref([]),
     strict: false
   });
   if (process.env.NODE_ENV !== "production" && ((_a2 = props.features) == null ? void 0 : _a2.length) && lazyMotionContext.strict) {
@@ -141621,7 +141621,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const activeIndex = ref$1(props.initialIndex ?? 0);
+    const activeIndex = ref(props.initialIndex ?? 0);
     function setActive2(index) {
       activeIndex.value = index;
       emit("update:activeIndex", index);
@@ -141731,14 +141731,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const text1Ref = ref$1();
-    const text2Ref = ref$1();
-    const previousText = ref$1(props.text);
-    const currentText = ref$1(props.text);
-    const morph = ref$1(0);
-    const coolDown = ref$1(0);
-    const time2 = ref$1(/* @__PURE__ */ new Date());
-    const isAnimating = ref$1(false);
+    const text1Ref = ref();
+    const text2Ref = ref();
+    const previousText = ref(props.text);
+    const currentText = ref(props.text);
+    const morph = ref(0);
+    const coolDown = ref(0);
+    const time2 = ref(/* @__PURE__ */ new Date());
+    const isAnimating = ref(false);
     let animationFrameId = 0;
     function setStyles(fraction) {
       if (!text1Ref.value || !text2Ref.value) return;