@oneclick.dev/cms-kit 0.0.50 → 0.0.51

package/dist/cms-kit.js

@@ -51065,6 +51065,8 @@ const _sfc_main$4N = /* @__PURE__ */ defineComponent({
     defaultOpen: { type: Boolean },
     resetSearchTermOnBlur: { type: Boolean },
     resetSearchTermOnSelect: { type: Boolean },
+    openOnFocus: { type: Boolean },
+    openOnClick: { type: Boolean },
     ignoreFilter: { type: Boolean },
     modelValue: {},
     defaultValue: {},
@@ -51381,7 +51383,7 @@ function reactiveOmit(obj, ...keys) {
 }
 const isClient$3 = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const isDef$3 = (val) => typeof val !== "undefined";
+const isDef$2 = (val) => typeof val !== "undefined";
 const toString$1 = Object.prototype.toString;
 const isObject$3 = (val) => toString$1.call(val) === "[object Object]";
 function pxValue(px2) {
@@ -51735,7 +51737,7 @@ function useVModel$2(props, key, emit, options = {}) {
   }
   event = event || `update:${key.toString()}`;
   const cloneFn = (val) => !clone ? val : typeof clone === "function" ? clone(val) : cloneFnJSON$1(val);
-  const getValue = () => isDef$3(props[key]) ? cloneFn(props[key]) : defaultValue;
+  const getValue = () => isDef$2(props[key]) ? cloneFn(props[key]) : defaultValue;
   const triggerEmit = (value) => {
     if (shouldEmit) {
       if (shouldEmit(value))
@@ -51786,8 +51788,10 @@ const _sfc_main$4G = /* @__PURE__ */ defineComponent({
     bodyLock: { type: Boolean },
     side: {},
     sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
     align: { default: "center" },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -52671,7 +52675,9 @@ const _sfc_main$4i = /* @__PURE__ */ defineComponent({
   props: {
     forceMount: { type: Boolean },
     loop: { type: Boolean },
+    sideFlip: { type: Boolean },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -52929,7 +52935,9 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
     forceMount: { type: Boolean },
     loop: { type: Boolean },
     sideOffset: {},
+    sideFlip: { type: Boolean },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -54203,8 +54211,10 @@ const _sfc_main$3W = /* @__PURE__ */ defineComponent({
     loop: { type: Boolean },
     side: {},
     sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
     align: {},
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -54451,7 +54461,9 @@ const _sfc_main$3N = /* @__PURE__ */ defineComponent({
     forceMount: { type: Boolean },
     loop: { type: Boolean },
     sideOffset: {},
+    sideFlip: { type: Boolean },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -58235,8 +58247,8 @@ function parseNode(node, existingNode, parentNode) {
       x: 0,
       y: 0
     },
-    data: isDef$2(node.data) ? node.data : {},
-    events: markRaw(isDef$2(node.events) ? node.events : {})
+    data: isDef(node.data) ? node.data : {},
+    events: markRaw(isDef(node.events) ? node.events : {})
   };
   return Object.assign(existingNode ?? initialState, node, { id: node.id.toString(), parentNode });
 }
@@ -58252,8 +58264,8 @@ function parseEdge(edge, existingEdge, defaultEdgeOptions) {
     updatable: edge.updatable ?? (defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.updatable),
     selectable: edge.selectable ?? (defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.selectable),
     focusable: edge.focusable ?? (defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.focusable),
-    data: isDef$2(edge.data) ? edge.data : {},
-    events: markRaw(isDef$2(edge.events) ? edge.events : {}),
+    data: isDef(edge.data) ? edge.data : {},
+    events: markRaw(isDef(edge.events) ? edge.events : {}),
     label: edge.label ?? "",
     interactionWidth: edge.interactionWidth ?? (defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.interactionWidth),
     ...defaultEdgeOptions ?? {}
@@ -59220,7 +59232,7 @@ function handleNodeClick(node, multiSelectionActive, addSelectedNodes, removeSel
     });
   }
 }
-function isDef$2(val) {
+function isDef(val) {
   const unrefVal = unref(val);
   return typeof unrefVal !== "undefined";
 }
@@ -60386,7 +60398,7 @@ function useWatchProps(models, props, store2) {
         watch$1(
           () => props.maxZoom,
           () => {
-            if (props.maxZoom && isDef$2(props.maxZoom)) {
+            if (props.maxZoom && isDef(props.maxZoom)) {
               store2.setMaxZoom(props.maxZoom);
             }
           },
@@ -60401,7 +60413,7 @@ function useWatchProps(models, props, store2) {
         watch$1(
           () => props.minZoom,
           () => {
-            if (props.minZoom && isDef$2(props.minZoom)) {
+            if (props.minZoom && isDef(props.minZoom)) {
               store2.setMinZoom(props.minZoom);
             }
           },
@@ -60414,7 +60426,7 @@ function useWatchProps(models, props, store2) {
         watch$1(
           () => props.translateExtent,
           () => {
-            if (props.translateExtent && isDef$2(props.translateExtent)) {
+            if (props.translateExtent && isDef(props.translateExtent)) {
               store2.setTranslateExtent(props.translateExtent);
             }
           },
@@ -60429,7 +60441,7 @@ function useWatchProps(models, props, store2) {
         watch$1(
           () => props.nodeExtent,
           () => {
-            if (props.nodeExtent && isDef$2(props.nodeExtent)) {
+            if (props.nodeExtent && isDef(props.nodeExtent)) {
               store2.setNodeExtent(props.nodeExtent);
             }
           },
@@ -60444,7 +60456,7 @@ function useWatchProps(models, props, store2) {
         watch$1(
           () => props.applyDefault,
           () => {
-            if (isDef$2(props.applyDefault)) {
+            if (isDef(props.applyDefault)) {
               store2.applyDefault.value = props.applyDefault;
             }
           },
@@ -60468,7 +60480,7 @@ function useWatchProps(models, props, store2) {
         watch$1(
           () => props.autoConnect,
           () => {
-            if (isDef$2(props.autoConnect)) {
+            if (isDef(props.autoConnect)) {
               store2.autoConnect.value = props.autoConnect;
             }
           },
@@ -60513,7 +60525,7 @@ function useWatchProps(models, props, store2) {
               watch$1(
                 propValue,
                 (nextValue) => {
-                  if (isDef$2(nextValue)) {
+                  if (isDef(nextValue)) {
                     storeRef.value = nextValue;
                   }
                 },
@@ -61004,7 +61016,7 @@ function useActions(state, nodeLookup, edgeLookup) {
     function createEdgeRemovalChanges(nodes2) {
       const connectedEdges = getConnectedEdges$1(nodes2);
       for (const edge of connectedEdges) {
-        if (isDef$2(edge.deletable) ? edge.deletable : true) {
+        if (isDef(edge.deletable) ? edge.deletable : true) {
           edgeChanges.push(createEdgeRemoveChange(edge.id, edge.source, edge.target, edge.sourceHandle, edge.targetHandle));
         }
       }
@@ -61033,7 +61045,7 @@ function useActions(state, nodeLookup, edgeLookup) {
       if (!currNode) {
         continue;
       }
-      if (isDef$2(currNode.deletable) && !currNode.deletable) {
+      if (isDef(currNode.deletable) && !currNode.deletable) {
         continue;
       }
       nodeChanges.push(createNodeRemoveChange(currNode.id));
@@ -61060,7 +61072,7 @@ function useActions(state, nodeLookup, edgeLookup) {
       if (!currEdge) {
         continue;
       }
-      if (isDef$2(currEdge.deletable) && !currEdge.deletable) {
+      if (isDef(currEdge.deletable) && !currEdge.deletable) {
         continue;
       }
       changes.push(
@@ -61227,7 +61239,7 @@ function useActions(state, nodeLookup, edgeLookup) {
       "dimensions",
       "hooks"
     ];
-    if (isDef$2(opts.defaultEdgeOptions)) {
+    if (isDef(opts.defaultEdgeOptions)) {
       state.defaultEdgeOptions = opts.defaultEdgeOptions;
     }
     const elements = opts.modelValue || opts.nodes || opts.edges ? [] : void 0;
@@ -61244,20 +61256,20 @@ function useActions(state, nodeLookup, edgeLookup) {
       setElements(elements);
     }
     const setSkippedOptions = () => {
-      if (isDef$2(opts.maxZoom)) {
+      if (isDef(opts.maxZoom)) {
         setMaxZoom(opts.maxZoom);
       }
-      if (isDef$2(opts.minZoom)) {
+      if (isDef(opts.minZoom)) {
         setMinZoom(opts.minZoom);
       }
-      if (isDef$2(opts.translateExtent)) {
+      if (isDef(opts.translateExtent)) {
         setTranslateExtent(opts.translateExtent);
       }
     };
     for (const o of Object.keys(opts)) {
       const key = o;
       const option = opts[key];
-      if (![...storeOptionsToSkip, ...exclude].includes(key) && isDef$2(option)) {
+      if (![...storeOptionsToSkip, ...exclude].includes(key) && isDef(option)) {
         state[key] = option;
       }
     }
@@ -61477,7 +61489,7 @@ const _sfc_main$f$1 = /* @__PURE__ */ defineComponent({
       if (typeof __props.connectable === "function") {
         return __props.connectable(node, connectedEdges.value);
       }
-      return isDef$2(__props.connectable) ? __props.connectable : nodesConnectable.value;
+      return isDef(__props.connectable) ? __props.connectable : nodesConnectable.value;
     });
     onMounted$1(() => {
       var _a2;
@@ -68898,7 +68910,7 @@ const _sfc_main$3E = {
         toolbarPosition: __props.data.toolbarPosition
       }, {
         default: withCtx(() => [
-          _cache2[0] || (_cache2[0] = createTextVNode(" START ")),
+          _cache2[0] || (_cache2[0] = createTextVNode(" START ", -1)),
           createVNode(unref(_sfc_main$f$1), {
             type: "source",
             id: "success",
@@ -78536,7 +78548,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_3$t, [
             createVNode(_component_Label, { class: "block text-sm font-medium text-muted-foreground mb-2" }, {
               default: withCtx(() => _cache2[7] || (_cache2[7] = [
-                createTextVNode("Filters")
+                createTextVNode("Filters", -1)
               ])),
               _: 1,
               __: [7]
@@ -78600,7 +78612,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                     title: "Remove filter"
                   }, {
                     default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                      createTextVNode("✕")
+                      createTextVNode("✕", -1)
                     ])),
                     _: 2,
                     __: [8]
@@ -78612,7 +78624,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                 onClick: addFilter
               }, {
                 default: withCtx(() => _cache2[9] || (_cache2[9] = [
-                  createTextVNode("+ Add Filter")
+                  createTextVNode("+ Add Filter", -1)
                 ])),
                 _: 1,
                 __: [9]
@@ -78622,7 +78634,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, [
             createVNode(_component_Label, { class: "block text-sm font-medium text-muted-foreground mb-2" }, {
               default: withCtx(() => _cache2[10] || (_cache2[10] = [
-                createTextVNode("Sort")
+                createTextVNode("Sort", -1)
               ])),
               _: 1,
               __: [10]
@@ -78656,14 +78668,14 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createVNode(_component_SelectItem, { value: "asc" }, {
                                 default: withCtx(() => _cache2[11] || (_cache2[11] = [
-                                  createTextVNode("ASC")
+                                  createTextVNode("ASC", -1)
                                 ])),
                                 _: 1,
                                 __: [11]
                               }),
                               createVNode(_component_SelectItem, { value: "desc" }, {
                                 default: withCtx(() => _cache2[12] || (_cache2[12] = [
-                                  createTextVNode("DESC")
+                                  createTextVNode("DESC", -1)
                                 ])),
                                 _: 1,
                                 __: [12]
@@ -78683,7 +78695,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                     title: "Remove sort"
                   }, {
                     default: withCtx(() => _cache2[13] || (_cache2[13] = [
-                      createTextVNode("✕")
+                      createTextVNode("✕", -1)
                     ])),
                     _: 2,
                     __: [13]
@@ -78695,7 +78707,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                 onClick: addSort
               }, {
                 default: withCtx(() => _cache2[14] || (_cache2[14] = [
-                  createTextVNode("+ Add Sort")
+                  createTextVNode("+ Add Sort", -1)
                 ])),
                 _: 1,
                 __: [14]
@@ -78733,7 +78745,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", null, [
                       createVNode(_component_Label, { for: "limit" }, {
                         default: withCtx(() => _cache2[17] || (_cache2[17] = [
-                          createTextVNode("Limit")
+                          createTextVNode("Limit", -1)
                         ])),
                         _: 1,
                         __: [17]
@@ -78747,7 +78759,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", null, [
                       createVNode(_component_Label, { for: "offset" }, {
                         default: withCtx(() => _cache2[18] || (_cache2[18] = [
-                          createTextVNode("Offset")
+                          createTextVNode("Offset", -1)
                         ])),
                         _: 1,
                         __: [18]
@@ -78761,7 +78773,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", null, [
                       createVNode(_component_Label, { for: "startAt" }, {
                         default: withCtx(() => _cache2[19] || (_cache2[19] = [
-                          createTextVNode("StartAt")
+                          createTextVNode("StartAt", -1)
                         ])),
                         _: 1,
                         __: [19]
@@ -78775,7 +78787,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", null, [
                       createVNode(_component_Label, { for: "endAt" }, {
                         default: withCtx(() => _cache2[20] || (_cache2[20] = [
-                          createTextVNode("EndAt")
+                          createTextVNode("EndAt", -1)
                         ])),
                         _: 1,
                         __: [20]
@@ -79042,112 +79054,112 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(_component_SelectLabel, null, {
                     default: withCtx(() => _cache2[1] || (_cache2[1] = [
-                      createTextVNode("Reasoning models")
+                      createTextVNode("Reasoning models", -1)
                     ])),
                     _: 1,
                     __: [1]
                   }),
                   createVNode(_component_SelectItem, { value: "o4-mini" }, {
                     default: withCtx(() => _cache2[2] || (_cache2[2] = [
-                      createTextVNode(" o4-mini ")
+                      createTextVNode(" o4-mini ", -1)
                     ])),
                     _: 1,
                     __: [2]
                   }),
                   createVNode(_component_SelectItem, { value: "o3" }, {
                     default: withCtx(() => _cache2[3] || (_cache2[3] = [
-                      createTextVNode(" o3 ")
+                      createTextVNode(" o3 ", -1)
                     ])),
                     _: 1,
                     __: [3]
                   }),
                   createVNode(_component_SelectItem, { value: "o3-pro" }, {
                     default: withCtx(() => _cache2[4] || (_cache2[4] = [
-                      createTextVNode(" o3-pro ")
+                      createTextVNode(" o3-pro ", -1)
                     ])),
                     _: 1,
                     __: [4]
                   }),
                   createVNode(_component_SelectItem, { value: "o3-mini" }, {
                     default: withCtx(() => _cache2[5] || (_cache2[5] = [
-                      createTextVNode(" o3-mini ")
+                      createTextVNode(" o3-mini ", -1)
                     ])),
                     _: 1,
                     __: [5]
                   }),
                   createVNode(_component_SelectItem, { value: "o1" }, {
                     default: withCtx(() => _cache2[6] || (_cache2[6] = [
-                      createTextVNode(" o1 ")
+                      createTextVNode(" o1 ", -1)
                     ])),
                     _: 1,
                     __: [6]
                   }),
                   createVNode(_component_SelectItem, { value: "o1-pro" }, {
                     default: withCtx(() => _cache2[7] || (_cache2[7] = [
-                      createTextVNode(" o1-pro ")
+                      createTextVNode(" o1-pro ", -1)
                     ])),
                     _: 1,
                     __: [7]
                   }),
                   createVNode(_component_SelectLabel, null, {
                     default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                      createTextVNode("Flagship chat models")
+                      createTextVNode("Flagship chat models", -1)
                     ])),
                     _: 1,
                     __: [8]
                   }),
                   createVNode(_component_SelectItem, { value: "gpt-4.1" }, {
                     default: withCtx(() => _cache2[9] || (_cache2[9] = [
-                      createTextVNode(" GPT-4.1 ")
+                      createTextVNode(" GPT-4.1 ", -1)
                     ])),
                     _: 1,
                     __: [9]
                   }),
                   createVNode(_component_SelectItem, { value: "gpt-4o" }, {
                     default: withCtx(() => _cache2[10] || (_cache2[10] = [
-                      createTextVNode(" GPT-4o ")
+                      createTextVNode(" GPT-4o ", -1)
                     ])),
                     _: 1,
                     __: [10]
                   }),
                   createVNode(_component_SelectLabel, null, {
                     default: withCtx(() => _cache2[11] || (_cache2[11] = [
-                      createTextVNode("Cost-optimized models")
+                      createTextVNode("Cost-optimized models", -1)
                     ])),
                     _: 1,
                     __: [11]
                   }),
                   createVNode(_component_SelectItem, { value: "o4-mini" }, {
                     default: withCtx(() => _cache2[12] || (_cache2[12] = [
-                      createTextVNode(" o4-mini ")
+                      createTextVNode(" o4-mini ", -1)
                     ])),
                     _: 1,
                     __: [12]
                   }),
                   createVNode(_component_SelectItem, { value: "gpt-4.1-mini" }, {
                     default: withCtx(() => _cache2[13] || (_cache2[13] = [
-                      createTextVNode(" GPT-4.1 mini ")
+                      createTextVNode(" GPT-4.1 mini ", -1)
                     ])),
                     _: 1,
                     __: [13]
                   }),
                   createVNode(_component_SelectItem, { value: "gpt-4.1-nano" }, {
                     default: withCtx(() => _cache2[14] || (_cache2[14] = [
-                      createTextVNode(" GPT-4.1 nano ")
+                      createTextVNode(" GPT-4.1 nano ", -1)
                     ])),
                     _: 1,
                     __: [14]
                   }),
                   createVNode(_component_SelectItem, { value: "o3-mini" }, {
                     default: withCtx(() => _cache2[15] || (_cache2[15] = [
-                      createTextVNode(" o3-mini ")
+                      createTextVNode(" o3-mini ", -1)
                     ])),
                     _: 1,
                     __: [15]
                   }),
                   createVNode(_component_SelectItem, { value: "gpt-4o-mini" }, {
                     default: withCtx(() => _cache2[16] || (_cache2[16] = [
-                      createTextVNode(" GPT-4o mini ")
+                      createTextVNode(" GPT-4o mini ", -1)
                     ])),
                     _: 1,
                     __: [16]
@@ -79795,7 +79807,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(_component_Button, { onClick: addNewUpdateAction }, {
           default: withCtx(() => _cache2[1] || (_cache2[1] = [
-            createTextVNode("Update another variable")
+            createTextVNode("Update another variable", -1)
           ])),
           _: 1,
           __: [1]
@@ -80003,7 +80015,7 @@ const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_3$m, [
             createVNode(_component_Label, { class: "text-sm font-semibold mb-2" }, {
               default: withCtx(() => _cache2[1] || (_cache2[1] = [
-                createTextVNode("Module")
+                createTextVNode("Module", -1)
               ])),
               _: 1,
               __: [1]
@@ -80047,7 +80059,7 @@ const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_4$e, [
             createVNode(_component_Label, { class: "text-sm font-semibold mb-2" }, {
               default: withCtx(() => _cache2[2] || (_cache2[2] = [
-                createTextVNode("Data")
+                createTextVNode("Data", -1)
               ])),
               _: 1,
               __: [2]
@@ -80086,7 +80098,7 @@ const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(unref(Plus), { class: "size-4" }),
-                  _cache2[3] || (_cache2[3] = createTextVNode(" Add Key-Value Pair "))
+                  _cache2[3] || (_cache2[3] = createTextVNode(" Add Key-Value Pair ", -1))
                 ]),
                 _: 1,
                 __: [3]
@@ -80182,35 +80194,35 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(_component_SelectItem, { value: "GET" }, {
                         default: withCtx(() => _cache2[7] || (_cache2[7] = [
-                          createTextVNode("GET")
+                          createTextVNode("GET", -1)
                         ])),
                         _: 1,
                         __: [7]
                       }),
                       createVNode(_component_SelectItem, { value: "POST" }, {
                         default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                          createTextVNode("POST")
+                          createTextVNode("POST", -1)
                         ])),
                         _: 1,
                         __: [8]
                       }),
                       createVNode(_component_SelectItem, { value: "PUT" }, {
                         default: withCtx(() => _cache2[9] || (_cache2[9] = [
-                          createTextVNode("PUT")
+                          createTextVNode("PUT", -1)
                         ])),
                         _: 1,
                         __: [9]
                       }),
                       createVNode(_component_SelectItem, { value: "PATCH" }, {
                         default: withCtx(() => _cache2[10] || (_cache2[10] = [
-                          createTextVNode("PATCH")
+                          createTextVNode("PATCH", -1)
                         ])),
                         _: 1,
                         __: [10]
                       }),
                       createVNode(_component_SelectItem, { value: "DELETE" }, {
                         default: withCtx(() => _cache2[11] || (_cache2[11] = [
-                          createTextVNode("DELETE")
+                          createTextVNode("DELETE", -1)
                         ])),
                         _: 1,
                         __: [11]
@@ -80228,7 +80240,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_4$d, [
           createVNode(_component_Label, { class: "text-sm font-semibold mb-2" }, {
             default: withCtx(() => _cache2[13] || (_cache2[13] = [
-              createTextVNode("URL parameters")
+              createTextVNode("URL parameters", -1)
             ])),
             _: 1,
             __: [13]
@@ -80267,7 +80279,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Plus), { class: "size-4" }),
-                _cache2[14] || (_cache2[14] = createTextVNode(" Add Key-Value Pair "))
+                _cache2[14] || (_cache2[14] = createTextVNode(" Add Key-Value Pair ", -1))
               ]),
               _: 1,
               __: [14]
@@ -80277,7 +80289,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_7$8, [
           createVNode(_component_Label, { class: "text-sm font-semibold mb-2" }, {
             default: withCtx(() => _cache2[15] || (_cache2[15] = [
-              createTextVNode("Headers")
+              createTextVNode("Headers", -1)
             ])),
             _: 1,
             __: [15]
@@ -80316,7 +80328,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Plus), { class: "size-4" }),
-                _cache2[16] || (_cache2[16] = createTextVNode(" Add Key-Value Pair "))
+                _cache2[16] || (_cache2[16] = createTextVNode(" Add Key-Value Pair ", -1))
               ]),
               _: 1,
               __: [16]
@@ -80326,7 +80338,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
         ["POST", "PUT", "PATCH"].includes(node.value.data.method) ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
           createVNode(_component_Label, { class: "text-sm font-semibold mb-2" }, {
             default: withCtx(() => _cache2[17] || (_cache2[17] = [
-              createTextVNode("Body")
+              createTextVNode("Body", -1)
             ])),
             _: 1,
             __: [17]
@@ -80365,7 +80377,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Plus), { class: "size-4" }),
-                _cache2[18] || (_cache2[18] = createTextVNode(" Add Key-Value Pair "))
+                _cache2[18] || (_cache2[18] = createTextVNode(" Add Key-Value Pair ", -1))
               ]),
               _: 1,
               __: [18]
@@ -80375,7 +80387,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_13$1, [
           createVNode(_component_Label, { class: "text-sm font-semibold mb-2" }, {
             default: withCtx(() => _cache2[19] || (_cache2[19] = [
-              createTextVNode("Cookies")
+              createTextVNode("Cookies", -1)
             ])),
             _: 1,
             __: [19]
@@ -80414,7 +80426,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Plus), { class: "size-4" }),
-                _cache2[20] || (_cache2[20] = createTextVNode(" Add Key-Value Pair "))
+                _cache2[20] || (_cache2[20] = createTextVNode(" Add Key-Value Pair ", -1))
               ]),
               _: 1,
               __: [20]
@@ -80663,7 +80675,7 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
             onClick: _cache2[12] || (_cache2[12] = ($event) => emit("remove"))
           }, {
             default: withCtx(() => _cache2[15] || (_cache2[15] = [
-              createTextVNode("Delete node")
+              createTextVNode("Delete node", -1)
             ])),
             _: 1,
             __: [15]
@@ -81093,14 +81105,14 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
                     onClick: cancel
                   }, {
                     default: withCtx(() => _cache2[0] || (_cache2[0] = [
-                      createTextVNode("Cancel")
+                      createTextVNode("Cancel", -1)
                     ])),
                     _: 1,
                     __: [0]
                   }),
                   createVNode(_component_Button, { onClick: saveForm }, {
                     default: withCtx(() => _cache2[1] || (_cache2[1] = [
-                      createTextVNode("Save")
+                      createTextVNode("Save", -1)
                     ])),
                     _: 1,
                     __: [1]
@@ -81284,42 +81296,42 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(_component_SelectItem, { value: "default" }, {
                   default: withCtx(() => _cache2[3] || (_cache2[3] = [
-                    createTextVNode("Primary")
+                    createTextVNode("Primary", -1)
                   ])),
                   _: 1,
                   __: [3]
                 }),
                 createVNode(_component_SelectItem, { value: "secondary" }, {
                   default: withCtx(() => _cache2[4] || (_cache2[4] = [
-                    createTextVNode("Secondary")
+                    createTextVNode("Secondary", -1)
                   ])),
                   _: 1,
                   __: [4]
                 }),
                 createVNode(_component_SelectItem, { value: "destructive" }, {
                   default: withCtx(() => _cache2[5] || (_cache2[5] = [
-                    createTextVNode("Destructive")
+                    createTextVNode("Destructive", -1)
                   ])),
                   _: 1,
                   __: [5]
                 }),
                 createVNode(_component_SelectItem, { value: "outline" }, {
                   default: withCtx(() => _cache2[6] || (_cache2[6] = [
-                    createTextVNode("Outline")
+                    createTextVNode("Outline", -1)
                   ])),
                   _: 1,
                   __: [6]
                 }),
                 createVNode(_component_SelectItem, { value: "ghost" }, {
                   default: withCtx(() => _cache2[7] || (_cache2[7] = [
-                    createTextVNode("Ghost")
+                    createTextVNode("Ghost", -1)
                   ])),
                   _: 1,
                   __: [7]
                 }),
                 createVNode(_component_SelectItem, { value: "link" }, {
                   default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                    createTextVNode("Link")
+                    createTextVNode("Link", -1)
                   ])),
                   _: 1,
                   __: [8]
@@ -81503,7 +81515,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", _hoisted_3$i, [
                       createVNode(_component_Label, { for: "option.id + '_label'" }, {
                         default: withCtx(() => _cache2[4] || (_cache2[4] = [
-                          createTextVNode("Label")
+                          createTextVNode("Label", -1)
                         ])),
                         _: 1,
                         __: [4]
@@ -81517,7 +81529,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["id", "modelValue", "onUpdate:modelValue"]),
                       createVNode(_component_Label, { for: "option.id + '_value'" }, {
                         default: withCtx(() => _cache2[5] || (_cache2[5] = [
-                          createTextVNode("Value")
+                          createTextVNode("Value", -1)
                         ])),
                         _: 1,
                         __: [5]
@@ -81535,7 +81547,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
                       onClick: ($event) => removeOption(option.id)
                     }, {
                       default: withCtx(() => _cache2[6] || (_cache2[6] = [
-                        createTextVNode("Remove")
+                        createTextVNode("Remove", -1)
                       ])),
                       _: 2,
                       __: [6]
@@ -81627,14 +81639,14 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(_component_SelectItem, { value: "vertical" }, {
                   default: withCtx(() => _cache2[3] || (_cache2[3] = [
-                    createTextVNode("Vertical")
+                    createTextVNode("Vertical", -1)
                   ])),
                   _: 1,
                   __: [3]
                 }),
                 createVNode(_component_SelectItem, { value: "horizontal" }, {
                   default: withCtx(() => _cache2[4] || (_cache2[4] = [
-                    createTextVNode("Horizontal")
+                    createTextVNode("Horizontal", -1)
                   ])),
                   _: 1,
                   __: [4]
@@ -81676,7 +81688,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", _hoisted_3$h, [
                       createVNode(_component_Label, { for: "option.id + '_label'" }, {
                         default: withCtx(() => _cache2[6] || (_cache2[6] = [
-                          createTextVNode("Label")
+                          createTextVNode("Label", -1)
                         ])),
                         _: 1,
                         __: [6]
@@ -81690,7 +81702,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["id", "modelValue", "onUpdate:modelValue"]),
                       createVNode(_component_Label, { for: "option.id + '_value'" }, {
                         default: withCtx(() => _cache2[7] || (_cache2[7] = [
-                          createTextVNode("Value")
+                          createTextVNode("Value", -1)
                         ])),
                         _: 1,
                         __: [7]
@@ -81708,7 +81720,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
                       onClick: ($event) => removeOption(option.id)
                     }, {
                       default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                        createTextVNode("Remove")
+                        createTextVNode("Remove", -1)
                       ])),
                       _: 2,
                       __: [8]
@@ -111886,7 +111898,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createElementVNode("div", _hoisted_2$m, [
           uniqueDevices.value.length > 1 ? (openBlock(), createElementBlock("label", _hoisted_3$f, [
-            _cache2[1] || (_cache2[1] = createTextVNode(" Camera: ")),
+            _cache2[1] || (_cache2[1] = createTextVNode(" Camera: ", -1)),
             withDirectives(createElementVNode("select", {
               "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => selectedDeviceId.value = $event),
               class: "border rounded px-2 py-1 ml-2"
@@ -112452,7 +112464,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
         ], -1)),
         createVNode(_component_Button, { onClick: showIntegrationActionBuilder }, {
           default: withCtx(() => _cache2[0] || (_cache2[0] = [
-            createTextVNode("+ Integration action")
+            createTextVNode("+ Integration action", -1)
           ])),
           _: 1,
           __: [0]
@@ -112496,14 +112508,14 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
                         onClick: ($event) => editIntegrationActionName(action)
                       }, {
                         default: withCtx(() => _cache2[1] || (_cache2[1] = [
-                          createTextVNode(" Rename Action ")
+                          createTextVNode(" Rename Action ", -1)
                         ])),
                         _: 2,
                         __: [1]
                       }, 1032, ["onClick"]),
                       createVNode(_component_ContextMenuItem, { inset: "" }, {
                         default: withCtx(() => _cache2[2] || (_cache2[2] = [
-                          createTextVNode(" View Data ")
+                          createTextVNode(" View Data ", -1)
                         ])),
                         _: 1,
                         __: [2]
@@ -112513,7 +112525,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
                         onClick: ($event) => executeAction(action)
                       }, {
                         default: withCtx(() => _cache2[3] || (_cache2[3] = [
-                          createTextVNode(" Execute Action ")
+                          createTextVNode(" Execute Action ", -1)
                         ])),
                         _: 2,
                         __: [3]
@@ -112524,7 +112536,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
                         onClick: ($event) => removeAction(action)
                       }, {
                         default: withCtx(() => _cache2[4] || (_cache2[4] = [
-                          createTextVNode(" Remove Action ")
+                          createTextVNode(" Remove Action ", -1)
                         ])),
                         _: 2,
                         __: [4]
@@ -112535,7 +112547,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": ($event) => action.fireOnStart = $event
                       }, {
                         default: withCtx(() => _cache2[5] || (_cache2[5] = [
-                          createTextVNode(" Fire on start ")
+                          createTextVNode(" Fire on start ", -1)
                         ])),
                         _: 2,
                         __: [5]
@@ -112604,7 +112616,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
                       size: "sm"
                     }, {
                       default: withCtx(() => _cache2[0] || (_cache2[0] = [
-                        createTextVNode(" Add new variable ")
+                        createTextVNode(" Add new variable ", -1)
                       ])),
                       _: 1,
                       __: [0]
@@ -112717,7 +112729,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
               onClick: addTransformer
             }, {
               default: withCtx(() => _cache2[0] || (_cache2[0] = [
-                createTextVNode(" Add new transformer ")
+                createTextVNode(" Add new transformer ", -1)
               ])),
               _: 1,
               __: [0]
@@ -112974,7 +112986,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
           class: "mt-4"
         }, {
           default: withCtx(() => _cache2[2] || (_cache2[2] = [
-            createTextVNode("Remove Element")
+            createTextVNode("Remove Element", -1)
           ])),
           _: 1,
           __: [2]
@@ -118802,14 +118814,14 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
                     onClick: cancel
                   }, {
                     default: withCtx(() => _cache2[0] || (_cache2[0] = [
-                      createTextVNode("Cancel")
+                      createTextVNode("Cancel", -1)
                     ])),
                     _: 1,
                     __: [0]
                   }),
                   createVNode(_component_Button, { onClick: save }, {
                     default: withCtx(() => _cache2[1] || (_cache2[1] = [
-                      createTextVNode("Save")
+                      createTextVNode("Save", -1)
                     ])),
                     _: 1,
                     __: [1]
@@ -122340,7 +122352,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
         "data-slot": "input",
         class: normalizeClass(unref(cn$2)(
-          "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-background px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input flex h-9 w-full min-w-0 rounded-md border bg-background dark:bg-input/30 px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
           "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
           props.class
@@ -122494,14 +122506,14 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(_component_SheetTitle, null, {
                         default: withCtx(() => _cache2[5] || (_cache2[5] = [
-                          createTextVNode("New integration action")
+                          createTextVNode("New integration action", -1)
                         ])),
                         _: 1,
                         __: [5]
                       }),
                       createVNode(_component_SheetDescription, null, {
                         default: withCtx(() => _cache2[6] || (_cache2[6] = [
-                          createTextVNode(" Make external calls to your integrations or APIs. ")
+                          createTextVNode(" Make external calls to your integrations or APIs. ", -1)
                         ])),
                         _: 1,
                         __: [6]
@@ -122615,14 +122627,14 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
                           onClick: cancel
                         }, {
                           default: withCtx(() => _cache2[11] || (_cache2[11] = [
-                            createTextVNode("Cancel")
+                            createTextVNode("Cancel", -1)
                           ])),
                           _: 1,
                           __: [11]
                         }),
                         createVNode(_component_Button, { onClick: createIntegrationAction }, {
                           default: withCtx(() => _cache2[12] || (_cache2[12] = [
-                            createTextVNode("Create")
+                            createTextVNode("Create", -1)
                           ])),
                           _: 1,
                           __: [12]
@@ -122958,7 +122970,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
               createVNode(_component_SelectTrigger, { class: "w-[100px]" }, {
                 default: withCtx(() => [
                   createVNode(unref(ArrowUpDown), { class: "size-4" }),
-                  _cache2[5] || (_cache2[5] = createTextVNode(" Sort "))
+                  _cache2[5] || (_cache2[5] = createTextVNode(" Sort ", -1))
                 ]),
                 _: 1,
                 __: [5]
@@ -122969,42 +122981,42 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(_component_SelectItem, { value: "name" }, {
                         default: withCtx(() => _cache2[6] || (_cache2[6] = [
-                          createTextVNode(" Name (A-Z) ")
+                          createTextVNode(" Name (A-Z) ", -1)
                         ])),
                         _: 1,
                         __: [6]
                       }),
                       createVNode(_component_SelectItem, { value: "name-desc" }, {
                         default: withCtx(() => _cache2[7] || (_cache2[7] = [
-                          createTextVNode(" Name (Z-A) ")
+                          createTextVNode(" Name (Z-A) ", -1)
                         ])),
                         _: 1,
                         __: [7]
                       }),
                       createVNode(_component_SelectItem, { value: "size" }, {
                         default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                          createTextVNode(" Size (smallest first) ")
+                          createTextVNode(" Size (smallest first) ", -1)
                         ])),
                         _: 1,
                         __: [8]
                       }),
                       createVNode(_component_SelectItem, { value: "size-desc" }, {
                         default: withCtx(() => _cache2[9] || (_cache2[9] = [
-                          createTextVNode(" Size (largest first) ")
+                          createTextVNode(" Size (largest first) ", -1)
                         ])),
                         _: 1,
                         __: [9]
                       }),
                       createVNode(_component_SelectItem, { value: "date" }, {
                         default: withCtx(() => _cache2[10] || (_cache2[10] = [
-                          createTextVNode(" Date (oldest first) ")
+                          createTextVNode(" Date (oldest first) ", -1)
                         ])),
                         _: 1,
                         __: [10]
                       }),
                       createVNode(_component_SelectItem, { value: "date-desc" }, {
                         default: withCtx(() => _cache2[11] || (_cache2[11] = [
-                          createTextVNode(" Date (newest first) ")
+                          createTextVNode(" Date (newest first) ", -1)
                         ])),
                         _: 1,
                         __: [11]
@@ -123170,7 +123182,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(unref(Image), { class: "size-4" }),
-                  _cache2[4] || (_cache2[4] = createTextVNode(" Edit image "))
+                  _cache2[4] || (_cache2[4] = createTextVNode(" Edit image ", -1))
                 ]),
                 _: 1,
                 __: [4]
@@ -123179,7 +123191,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               createVNode(_component_ContextMenuItem, null, {
                 default: withCtx(() => [
                   createVNode(unref(Copy), { class: "size-4" }),
-                  _cache2[5] || (_cache2[5] = createTextVNode(" Duplicate... "))
+                  _cache2[5] || (_cache2[5] = createTextVNode(" Duplicate... ", -1))
                 ]),
                 _: 1,
                 __: [5]
@@ -123187,7 +123199,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               createVNode(_component_ContextMenuItem, null, {
                 default: withCtx(() => [
                   createVNode(unref(FolderInput), { class: "size-4" }),
-                  _cache2[6] || (_cache2[6] = createTextVNode(" Move... "))
+                  _cache2[6] || (_cache2[6] = createTextVNode(" Move... ", -1))
                 ]),
                 _: 1,
                 __: [6]
@@ -123195,7 +123207,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               createVNode(_component_ContextMenuItem, null, {
                 default: withCtx(() => [
                   createVNode(unref(Pencil), { class: "size-4" }),
-                  _cache2[7] || (_cache2[7] = createTextVNode(" Rename... "))
+                  _cache2[7] || (_cache2[7] = createTextVNode(" Rename... ", -1))
                 ]),
                 _: 1,
                 __: [7]
@@ -123203,7 +123215,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               createVNode(_component_ContextMenuItem, { variant: "destructive" }, {
                 default: withCtx(() => [
                   createVNode(unref(Trash2), { class: "size-4" }),
-                  _cache2[8] || (_cache2[8] = createTextVNode(" Delete "))
+                  _cache2[8] || (_cache2[8] = createTextVNode(" Delete ", -1))
                 ]),
                 _: 1,
                 __: [8]
@@ -123240,9 +123252,13 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     },
     maxFiles: {
       type: Number
+    },
+    initialValue: {
+      type: Array,
+      default: () => []
     }
   },
-  emits: ["submit"],
+  emits: ["submit", "select-image"],
   setup(__props, { emit: __emit }) {
     const route = useRoute();
     const emit = __emit;
@@ -123297,6 +123313,10 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
         return 0;
       });
     });
+    watch$1(() => dialogOpen.value, () => {
+      console.log(props.initialValue);
+      selectedFiles.value = props.initialValue;
+    });
     watch$1(() => activeSourceId.value, async () => {
       activeSource.value = await getMediaSource(project.value, activeSourceId.value);
       setEffectiveBasePath();
@@ -123333,12 +123353,15 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
           currentPath.value = path;
         }
         const res = await getStorageContent(activeSource.value.id, currentPath.value);
-        folders.value = (res.folders || []).filter((folder) => {
+        folders.value = (res.folders || []).map((folder) => {
           const folderPath = folder.path;
           const parentPath = currentPath.value ? currentPath.value : "";
           const relativePath = folderPath.startsWith(parentPath) ? folderPath.substring(parentPath.length) : folderPath;
           const pathParts = relativePath.split("/").filter(Boolean);
-          return pathParts.length === 1;
+          return {
+            name: pathParts[0],
+            path: parentPath + pathParts[0] + "/"
+          };
         });
         files.value = (res.files || []).filter((file) => {
           const filePath = file.name;
@@ -123475,7 +123498,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                     variant: "outline"
                   }, {
                     default: withCtx(() => _cache2[4] || (_cache2[4] = [
-                      createTextVNode("Retry")
+                      createTextVNode("Retry", -1)
                     ])),
                     _: 1,
                     __: [4]
@@ -123494,10 +123517,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                         return openBlock(), createElementBlock("div", {
                           key: folder.path,
                           onClick: ($event) => navigateToFolder(folder.path),
-                          class: normalizeClass(unref(cn$2)(
-                            "cursor-pointer border rounded-md p-2 hover:bg-muted dark:hover:bg-muted/30 transition-colors flex items-center gap-2",
-                            selectedFiles.value
-                          ))
+                          class: normalizeClass(unref(cn$2)("cursor-pointer border rounded-md p-2 hover:bg-muted dark:hover:bg-muted/30 transition-colors flex items-center gap-2", selectedFiles.value))
                         }, [
                           createVNode(unref(Folder), { class: "size-5 text-blue-600" }),
                           createElementVNode("span", _hoisted_8$2, toDisplayString(folder.name), 1)
@@ -123523,13 +123543,11 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                       onClick: onSubmit,
                       disabled: ((_a2 = selectedFiles.value) == null ? void 0 : _a2.length) === 0
                     }, {
-                      default: withCtx(() => {
-                        var _a3, _b, _c;
-                        return [
-                          createTextVNode(toDisplayString(((_a3 = selectedFiles.value) == null ? void 0 : _a3.length) > 0 ? `Add ${(_b = selectedFiles.value) == null ? void 0 : _b.length} ${((_c = selectedFiles.value) == null ? void 0 : _c.length) === 1 ? "file" : "files"}` : "0 files selected"), 1)
-                        ];
-                      }),
-                      _: 1
+                      default: withCtx(() => _cache2[5] || (_cache2[5] = [
+                        createTextVNode(" Save selection ", -1)
+                      ])),
+                      _: 1,
+                      __: [5]
                     }, 8, ["disabled"])
                   ];
                 }),
@@ -123550,7 +123568,7 @@ const _hoisted_1$g = {
 };
 const _hoisted_2$5 = { class: "text-muted-foreground text-sm ml-1" };
 const _hoisted_3$4 = { class: "relative" };
-const _hoisted_4$2 = { class: "background-grid absolute w-full grid grid-cols-6 gap-2 top-4" };
+const _hoisted_4$2 = { class: "background-grid absolute w-full grid grid-cols-6 gap-2 pointer-events-none" };
 const _hoisted_5$2 = ["data-index"];
 const _hoisted_6$2 = {
   key: 0,
@@ -123569,6 +123587,7 @@ const _hoisted_12$1 = ["onClick"];
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   __name: "MediaPickerItems",
   setup(__props) {
+    gsap.registerPlugin(Draggable);
     const sources = inject$1("sources");
     const items = inject$1("media-items", { value: [] });
     const updateItems = inject$1("update-media-items", () => {
@@ -123620,6 +123639,8 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     let rafId = null;
     let lastDragEvent = null;
     let currentDragTarget = null;
+    let startLarge = false;
+    let offsetLarge = { x: 0, y: 0 };
     const onDragHandler = () => {
       if (!lastDragEvent || !currentDragTarget) return;
       const e = lastDragEvent;
@@ -123635,13 +123656,19 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
           const itemRect = item.getBoundingClientRect();
           if (mouseX >= itemRect.left && mouseX <= itemRect.right && mouseY >= itemRect.top && mouseY <= itemRect.bottom) {
             const dataIndex = parseInt(item.getAttribute("data-index"), 10);
-            item.classList.contains("col-span-2");
+            if (items.value.length > 8 && dataIndex == 7 && !showAll.value) break;
             if (dataIndex !== lastHoveredIndex.value && originalItemsArray.value) {
               lastHoveredIndex.value = dataIndex;
+              const newLarge = item.classList.contains("col-span-2");
               let { x: x1, y: y1 } = document.querySelector('.background-grid [data-index="' + draggingItemIndex.value + '"]').getBoundingClientRect();
-              let { x: x2, y: y2 } = document.querySelector('.background-grid [data-index="' + dataIndex + '"]').getBoundingClientRect();
-              currentDragTarget.style.top = y1 - y2 + "px";
-              currentDragTarget.style.left = x1 - x2 + "px";
+              let { x: x2, y: y2, width: w2, height: h2 } = document.querySelector('.background-grid [data-index="' + dataIndex + '"]').getBoundingClientRect();
+              if (startLarge && !newLarge) {
+                currentDragTarget.style.top = y1 - y2 + offsetLarge.y - h2 / 2 + "px";
+                currentDragTarget.style.left = x1 - x2 + offsetLarge.x - w2 / 2 + "px";
+              } else {
+                currentDragTarget.style.top = y1 - y2 + "px";
+                currentDragTarget.style.left = x1 - x2 + "px";
+              }
               const newOrder = [...originalItemsArray.value];
               const draggedItem = newOrder[draggingItemIndex.value];
               newOrder.splice(draggingItemIndex.value, 1);
@@ -123654,6 +123681,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
       }
       rafId = requestAnimationFrame(onDragHandler);
     };
+    let centeringTween = null;
     const initDraggable = () => {
       draggableInstances.forEach((instance) => {
         if (instance && instance.kill) {
@@ -123662,17 +123690,23 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
       });
       draggableInstances = [];
       nextTick(() => {
-        const elements = getDraggableElements();
+        const elements = Array.from(getDraggableElements());
         if (!elements.length) return;
         try {
-          const instance = Draggable.create(elements, {
+          const instances = Draggable.create(elements, {
             type: "x,y",
-            edgeResistance: 0.65,
+            edgeResistance: 0,
             bounds: itemsContainer.value,
-            onPress: function() {
+            onPress: function(e) {
+              console.log("press", e);
               originalItemsArray.value = [...items.value];
               draggingItemIndex.value = parseInt(this.target.getAttribute("data-index"), 10);
               lastHoveredIndex.value = -1;
+              startLarge = this.target.classList.contains("col-span-2");
+              offsetLarge = startLarge ? {
+                x: e.clientX - this.target.getBoundingClientRect().left,
+                y: e.clientY - this.target.getBoundingClientRect().top
+              } : { x: 0, y: 0 };
               this.target.classList.add("dragging");
               currentDragTarget = this.target;
             },
@@ -123696,6 +123730,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                   lastHoveredIndex.value = -1;
                 }
               });
+              if (centeringTween) ;
             },
             onDrag: function(e) {
               lastDragEvent = e;
@@ -123704,17 +123739,21 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
               }
             }
           });
-          draggableInstances.push(instance);
+          instances.forEach((inst) => draggableInstances.push(inst));
         } catch (err) {
           console.error("Error initializing draggable:", err);
         }
       });
     };
+    const expandItems = () => {
+      showAll.value = true;
+      initDraggable();
+    };
     const openMedia = (e, id2) => {
       console.log("open media", id2);
     };
     const addMedia = (urls) => {
-      items.value.push(...urls);
+      items.value = [...urls];
       updateItems(items.value);
     };
     onMounted$1(() => {
@@ -123729,9 +123768,10 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache2) => {
       const _component_Checkbox = resolveComponent("Checkbox");
+      const _component_Button = resolveComponent("Button");
       return openBlock(), createElementBlock(Fragment, null, [
         selectedItems.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-          createVNode(_sfc_main$5a, {
+          createVNode(_component_Button, {
             onClick: onFileSelectorCheckboxClick,
             variant: "ghost",
             size: "sm"
@@ -123757,17 +123797,17 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$5a, {
+          createVNode(_component_Button, {
             variant: "outline",
             size: "sm",
             class: "text-red-500 hover:text-red-600",
             onClick: onRemoveSelectedClick
           }, {
-            default: withCtx(() => _cache2[1] || (_cache2[1] = [
-              createTextVNode("Remove")
+            default: withCtx(() => _cache2[0] || (_cache2[0] = [
+              createTextVNode("Remove", -1)
             ])),
             _: 1,
-            __: [1]
+            __: [0]
           })
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$4, [
@@ -123780,17 +123820,17 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                 }]),
                 "data-index": index
               }, [
-                _cache2[2] || (_cache2[2] = createElementVNode("div", { class: "w-full h-full bg-muted/80 rounded-md aspect-square" }, null, -1)),
+                _cache2[1] || (_cache2[1] = createElementVNode("div", { class: "w-full h-full bg-muted/80 rounded-md aspect-square" }, null, -1)),
                 !showAll.value && unref(items).length > 8 && index === 7 ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  onClick: _cache2[0] || (_cache2[0] = ($event) => showAll.value = true),
-                  class: "absolute top-0 left-0 w-[calc(100%-8px)] h-[calc(100%-8px)] bg-black/30 rounded-md aspect-square z-10 flex items-center justify-center backdrop-blur-sm m-1 cursor-pointer"
+                  onClick: expandItems,
+                  class: "absolute top-0 left-0 w-[calc(100%-8px)] h-[calc(100%-8px)] bg-black/30 rounded-md aspect-square z-10 flex items-center justify-center backdrop-blur-sm m-1 cursor-pointer pointer-events-auto"
                 }, " + " + toDisplayString(unref(items).length - 7), 1)) : createCommentVNode("", true)
               ], 10, _hoisted_5$2);
             }), 128)),
-            unref(items).length == 0 ? (openBlock(), createElementBlock("div", _hoisted_6$2, _cache2[3] || (_cache2[3] = [
+            unref(items).length == 0 ? (openBlock(), createElementBlock("div", _hoisted_6$2, _cache2[2] || (_cache2[2] = [
               createElementVNode("div", { class: "w-full h-full bg-muted/80 rounded-md aspect-square" }, null, -1)
-            ]))) : (openBlock(), createElementBlock("div", _hoisted_7$2, _cache2[4] || (_cache2[4] = [
+            ]))) : (openBlock(), createElementBlock("div", _hoisted_7$2, _cache2[3] || (_cache2[3] = [
               createElementVNode("div", { class: "w-full h-full bg-muted/80 rounded-md aspect-square" }, null, -1)
             ])))
           ]),
@@ -123809,7 +123849,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: url || index,
                     "data-index": index,
-                    class: normalizeClass(["draggable-item w-full relative", { "col-start-1 col-span-2 row-start-1 row-span-2": index === 0 }])
+                    class: normalizeClass(["draggable-item touch-none w-full aspect-square relative cursor-grab", { "col-start-1 col-span-2 row-start-1 row-span-2": index === 0 }])
                   }, [
                     createElementVNode("button", {
                       class: "relative flex justify-center items-center w-full h-full rounded-md outline outline-border group overflow-hidden focus-visible:outline-none focus-visible:ring-ring/80 focus-visible:ring-[3px] transition-all duration-200 cursor-grab active:cursor-grabbing",
@@ -123843,6 +123883,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
             }),
             createVNode(_sfc_main$20, {
               sources: unref(sources),
+              "initial-value": unref(items),
               onSubmit: addMedia
             }, {
               default: withCtx(() => {
@@ -123857,14 +123898,14 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                 ];
               }),
               _: 1
-            }, 8, ["sources"])
+            }, 8, ["sources", "initial-value"])
           ], 512)
         ])
       ], 64);
     };
   }
 });
-const MediaPickerItems = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$, [["__scopeId", "data-v-7c702095"]]);
+const MediaPickerItems = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$, [["__scopeId", "data-v-ece8cc15"]]);
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   __name: "MediaPicker",
   props: {
@@ -124071,8 +124112,10 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     loop: { type: Boolean },
     side: {},
     sideOffset: { default: 8 },
+    sideFlip: { type: Boolean },
     align: { default: "start" },
     alignOffset: { default: -4 },
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -124342,7 +124385,9 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     forceMount: { type: Boolean },
     loop: { type: Boolean },
     sideOffset: {},
+    sideFlip: { type: Boolean },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -124480,6 +124525,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     formatOptions: {},
     locale: {},
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     disableWheelChange: { type: Boolean },
     invertWheelChange: { type: Boolean },
     id: {},
@@ -124594,7 +124640,11 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache2) => {
       return openBlock(), createBlock(unref(NumberFieldInput), {
         "data-slot": "input",
-        class: normalizeClass(unref(cn$2)("flex h-9 w-full rounded-md border border-input bg-transparent py-1 text-sm text-center shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", props.class))
+        class: normalizeClass(unref(cn$2)(
+          "flex h-9 w-full rounded-md border border-input bg-background dark:bg-input/30 py-1 text-sm text-center shadow-xs transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+          props.class
+        ))
       }, null, 8, ["class"]);
     };
   }
@@ -124827,8 +124877,10 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     forceMount: { type: Boolean },
     side: {},
     sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
     align: { default: "center" },
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -125179,7 +125231,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(_component_DialogTitle, null, {
                     default: withCtx(() => _cache2[10] || (_cache2[10] = [
-                      createTextVNode("Query Builder")
+                      createTextVNode("Query Builder", -1)
                     ])),
                     _: 1,
                     __: [10]
@@ -125198,7 +125250,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                     class: "block text-sm font-medium text-muted-foreground mb-2"
                   }, {
                     default: withCtx(() => _cache2[11] || (_cache2[11] = [
-                      createTextVNode("Resource")
+                      createTextVNode("Resource", -1)
                     ])),
                     _: 1,
                     __: [11]
@@ -125213,7 +125265,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_4$1, [
                   createVNode(_component_Label, { class: "block text-sm font-medium text-muted-foreground mb-2" }, {
                     default: withCtx(() => _cache2[12] || (_cache2[12] = [
-                      createTextVNode("Filters")
+                      createTextVNode("Filters", -1)
                     ])),
                     _: 1,
                     __: [12]
@@ -125277,7 +125329,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                           title: "Remove filter"
                         }, {
                           default: withCtx(() => _cache2[13] || (_cache2[13] = [
-                            createTextVNode("✕")
+                            createTextVNode("✕", -1)
                           ])),
                           _: 2,
                           __: [13]
@@ -125289,7 +125341,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                       onClick: addFilter
                     }, {
                       default: withCtx(() => _cache2[14] || (_cache2[14] = [
-                        createTextVNode("+ Add Filter")
+                        createTextVNode("+ Add Filter", -1)
                       ])),
                       _: 1,
                       __: [14]
@@ -125299,7 +125351,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", null, [
                   createVNode(_component_Label, { class: "block text-sm font-medium text-muted-foreground mb-2" }, {
                     default: withCtx(() => _cache2[15] || (_cache2[15] = [
-                      createTextVNode("Sort")
+                      createTextVNode("Sort", -1)
                     ])),
                     _: 1,
                     __: [15]
@@ -125333,14 +125385,14 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                                   default: withCtx(() => [
                                     createVNode(_component_SelectItem, { value: "asc" }, {
                                       default: withCtx(() => _cache2[16] || (_cache2[16] = [
-                                        createTextVNode("ASC")
+                                        createTextVNode("ASC", -1)
                                       ])),
                                       _: 1,
                                       __: [16]
                                     }),
                                     createVNode(_component_SelectItem, { value: "desc" }, {
                                       default: withCtx(() => _cache2[17] || (_cache2[17] = [
-                                        createTextVNode("DESC")
+                                        createTextVNode("DESC", -1)
                                       ])),
                                       _: 1,
                                       __: [17]
@@ -125360,7 +125412,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                           title: "Remove sort"
                         }, {
                           default: withCtx(() => _cache2[18] || (_cache2[18] = [
-                            createTextVNode("✕")
+                            createTextVNode("✕", -1)
                           ])),
                           _: 2,
                           __: [18]
@@ -125372,7 +125424,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                       onClick: addSort
                     }, {
                       default: withCtx(() => _cache2[19] || (_cache2[19] = [
-                        createTextVNode("+ Add Sort")
+                        createTextVNode("+ Add Sort", -1)
                       ])),
                       _: 1,
                       __: [19]
@@ -125412,7 +125464,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", null, [
                               createVNode(_component_Label, { for: "limit" }, {
                                 default: withCtx(() => _cache2[22] || (_cache2[22] = [
-                                  createTextVNode("Limit")
+                                  createTextVNode("Limit", -1)
                                 ])),
                                 _: 1,
                                 __: [22]
@@ -125427,7 +125479,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", null, [
                               createVNode(_component_Label, { for: "offset" }, {
                                 default: withCtx(() => _cache2[23] || (_cache2[23] = [
-                                  createTextVNode("Offset")
+                                  createTextVNode("Offset", -1)
                                 ])),
                                 _: 1,
                                 __: [23]
@@ -125442,7 +125494,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", null, [
                               createVNode(_component_Label, { for: "startAt" }, {
                                 default: withCtx(() => _cache2[24] || (_cache2[24] = [
-                                  createTextVNode("StartAt")
+                                  createTextVNode("StartAt", -1)
                                 ])),
                                 _: 1,
                                 __: [24]
@@ -125456,7 +125508,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", null, [
                               createVNode(_component_Label, { for: "endAt" }, {
                                 default: withCtx(() => _cache2[25] || (_cache2[25] = [
-                                  createTextVNode("EndAt")
+                                  createTextVNode("EndAt", -1)
                                 ])),
                                 _: 1,
                                 __: [25]
@@ -125470,7 +125522,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                             ((_a2 = integration.value) == null ? void 0 : _a2.type) !== "FIREBASE" ? (openBlock(), createElementBlock("div", _hoisted_9, [
                               createVNode(_component_Label, { for: "groupBy" }, {
                                 default: withCtx(() => _cache2[26] || (_cache2[26] = [
-                                  createTextVNode("Group By")
+                                  createTextVNode("Group By", -1)
                                 ])),
                                 _: 1,
                                 __: [26]
@@ -125489,7 +125541,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                               }, null, 8, ["modelValue"]),
                               createVNode(_component_Label, { for: "distinct" }, {
                                 default: withCtx(() => _cache2[27] || (_cache2[27] = [
-                                  createTextVNode("DISTINCT")
+                                  createTextVNode("DISTINCT", -1)
                                 ])),
                                 _: 1,
                                 __: [27]
@@ -125507,7 +125559,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_12, [
                     createVNode(_component_Button, { onClick: previewQuery }, {
                       default: withCtx(() => _cache2[28] || (_cache2[28] = [
-                        createTextVNode("Preview Query")
+                        createTextVNode("Preview Query", -1)
                       ])),
                       _: 1,
                       __: [28]
@@ -125517,7 +125569,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                       onClick: runQuery
                     }, {
                       default: withCtx(() => _cache2[29] || (_cache2[29] = [
-                        createTextVNode("Run Query")
+                        createTextVNode("Run Query", -1)
                       ])),
                       _: 1,
                       __: [29]
@@ -125534,7 +125586,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(_component_Button, { size: "sm" }, {
                         default: withCtx(() => [
-                          _cache2[30] || (_cache2[30] = createTextVNode("Create index in Firebase Console ")),
+                          _cache2[30] || (_cache2[30] = createTextVNode("Create index in Firebase Console ", -1)),
                           createVNode(unref(ExternalLink), { class: "size-3.5 ml-0.5" })
                         ]),
                         _: 1,
@@ -125551,14 +125603,14 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                     onClick: closeDialog
                   }, {
                     default: withCtx(() => _cache2[31] || (_cache2[31] = [
-                      createTextVNode("Close")
+                      createTextVNode("Close", -1)
                     ])),
                     _: 1,
                     __: [31]
                   }),
                   createVNode(_component_Button, { onClick: saveQuery }, {
                     default: withCtx(() => _cache2[32] || (_cache2[32] = [
-                      createTextVNode("Save Query")
+                      createTextVNode("Save Query", -1)
                     ])),
                     _: 1,
                     __: [32]
@@ -126088,6 +126140,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     hitAreaMargins: {},
     tabindex: {},
     disabled: { type: Boolean },
+    nonce: {},
     asChild: { type: Boolean },
     as: {},
     class: {},
@@ -126674,8 +126727,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     bodyLock: { type: Boolean },
     side: {},
     sideOffset: {},
+    sideFlip: { type: Boolean },
     align: {},
     alignOffset: {},
+    alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -127306,14 +127361,14 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(_sfc_main$P, null, {
                     default: withCtx(() => _cache2[2] || (_cache2[2] = [
-                      createTextVNode("Sidebar")
+                      createTextVNode("Sidebar", -1)
                     ])),
                     _: 1,
                     __: [2]
                   }),
                   createVNode(_sfc_main$S, null, {
                     default: withCtx(() => _cache2[3] || (_cache2[3] = [
-                      createTextVNode("Displays the mobile sidebar.")
+                      createTextVNode("Displays the mobile sidebar.", -1)
                     ])),
                     _: 1,
                     __: [3]
@@ -128220,6 +128275,177 @@ const __vite_glob_0_66 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   Toaster: _sfc_main$k
 }, Symbol.toStringTag, { value: "Module" }));
+const stepsOrder = [
+  "setup",
+  // Compute
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
+function createRenderStep(runNextFrame, stepName) {
+  let thisFrame = /* @__PURE__ */ new Set();
+  let nextFrame = /* @__PURE__ */ new Set();
+  let isProcessing = false;
+  let flushNextFrame = false;
+  const toKeepAlive = /* @__PURE__ */ new WeakSet();
+  let latestFrameData = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: false
+  };
+  function triggerCallback(callback) {
+    if (toKeepAlive.has(callback)) {
+      step.schedule(callback);
+      runNextFrame();
+    }
+    callback(latestFrameData);
+  }
+  const step = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (callback, keepAlive = false, immediate = false) => {
+      const addToCurrentFrame = immediate && isProcessing;
+      const queue = addToCurrentFrame ? thisFrame : nextFrame;
+      if (keepAlive)
+        toKeepAlive.add(callback);
+      if (!queue.has(callback))
+        queue.add(callback);
+      return callback;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (callback) => {
+      nextFrame.delete(callback);
+      toKeepAlive.delete(callback);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (frameData2) => {
+      latestFrameData = frameData2;
+      if (isProcessing) {
+        flushNextFrame = true;
+        return;
+      }
+      isProcessing = true;
+      [thisFrame, nextFrame] = [nextFrame, thisFrame];
+      thisFrame.forEach(triggerCallback);
+      thisFrame.clear();
+      isProcessing = false;
+      if (flushNextFrame) {
+        flushNextFrame = false;
+        step.process(frameData2);
+      }
+    }
+  };
+  return step;
+}
+const MotionGlobalConfig = {};
+const maxElapsed = 40;
+function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
+  let runNextFrame = false;
+  let useDefaultElapsed = true;
+  const state = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: false
+  };
+  const flagRunNextFrame = () => runNextFrame = true;
+  const steps = stepsOrder.reduce((acc, key) => {
+    acc[key] = createRenderStep(flagRunNextFrame);
+    return acc;
+  }, {});
+  const { setup, read, resolveKeyframes, preUpdate, update: update2, preRender, render: render2, postRender } = steps;
+  const processBatch = () => {
+    const timestamp = MotionGlobalConfig.useManualTiming ? state.timestamp : performance.now();
+    runNextFrame = false;
+    if (!MotionGlobalConfig.useManualTiming) {
+      state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
+    }
+    state.timestamp = timestamp;
+    state.isProcessing = true;
+    setup.process(state);
+    read.process(state);
+    resolveKeyframes.process(state);
+    preUpdate.process(state);
+    update2.process(state);
+    preRender.process(state);
+    render2.process(state);
+    postRender.process(state);
+    state.isProcessing = false;
+    if (runNextFrame && allowKeepAlive) {
+      useDefaultElapsed = false;
+      scheduleNextBatch(processBatch);
+    }
+  };
+  const wake2 = () => {
+    runNextFrame = true;
+    useDefaultElapsed = true;
+    if (!state.isProcessing) {
+      scheduleNextBatch(processBatch);
+    }
+  };
+  const schedule2 = stepsOrder.reduce((acc, key) => {
+    const step = steps[key];
+    acc[key] = (process2, keepAlive = false, immediate = false) => {
+      if (!runNextFrame)
+        wake2();
+      return step.schedule(process2, keepAlive, immediate);
+    };
+    return acc;
+  }, {});
+  const cancel = (process2) => {
+    for (let i = 0; i < stepsOrder.length; i++) {
+      steps[stepsOrder[i]].cancel(process2);
+    }
+  };
+  return { schedule: schedule2, cancel, state, steps };
+}
+const noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
+const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
+let now;
+function clearTime() {
+  now = void 0;
+}
+const time = {
+  now: () => {
+    if (now === void 0) {
+      time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming ? frameData.timestamp : performance.now());
+    }
+    return now;
+  },
+  set: (newTime) => {
+    now = newTime;
+    queueMicrotask(clearTime);
+  }
+};
+const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
+const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
+function delay(callback, timeout2) {
+  const start2 = time.now();
+  const checkElapsed = ({ timestamp }) => {
+    const elapsed = timestamp - start2;
+    if (elapsed >= timeout2) {
+      cancelFrame(checkElapsed);
+      callback(elapsed - timeout2);
+    }
+  };
+  frame.setup(checkElapsed, true);
+  return () => cancelFrame(checkElapsed);
+}
 const checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
 const isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
 const startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
@@ -128448,147 +128674,6 @@ const [injectAnimatePresence, provideAnimatePresence] = createContext("AnimatePr
 function isVariantLabels(value) {
   return typeof value === "string" || value === false || Array.isArray(value);
 }
-const noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
-const stepsOrder = [
-  "setup",
-  // Compute
-  "read",
-  // Read
-  "resolveKeyframes",
-  // Write/Read/Write/Read
-  "preUpdate",
-  // Compute
-  "update",
-  // Compute
-  "preRender",
-  // Compute
-  "render",
-  // Write
-  "postRender"
-  // Compute
-];
-function createRenderStep(runNextFrame, stepName) {
-  let thisFrame = /* @__PURE__ */ new Set();
-  let nextFrame = /* @__PURE__ */ new Set();
-  let isProcessing = false;
-  let flushNextFrame = false;
-  const toKeepAlive = /* @__PURE__ */ new WeakSet();
-  let latestFrameData = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: false
-  };
-  function triggerCallback(callback) {
-    if (toKeepAlive.has(callback)) {
-      step.schedule(callback);
-      runNextFrame();
-    }
-    callback(latestFrameData);
-  }
-  const step = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (callback, keepAlive = false, immediate = false) => {
-      const addToCurrentFrame = immediate && isProcessing;
-      const queue = addToCurrentFrame ? thisFrame : nextFrame;
-      if (keepAlive)
-        toKeepAlive.add(callback);
-      if (!queue.has(callback))
-        queue.add(callback);
-      return callback;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (callback) => {
-      nextFrame.delete(callback);
-      toKeepAlive.delete(callback);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (frameData2) => {
-      latestFrameData = frameData2;
-      if (isProcessing) {
-        flushNextFrame = true;
-        return;
-      }
-      isProcessing = true;
-      [thisFrame, nextFrame] = [nextFrame, thisFrame];
-      thisFrame.forEach(triggerCallback);
-      thisFrame.clear();
-      isProcessing = false;
-      if (flushNextFrame) {
-        flushNextFrame = false;
-        step.process(frameData2);
-      }
-    }
-  };
-  return step;
-}
-const MotionGlobalConfig = {};
-const maxElapsed = 40;
-function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
-  let runNextFrame = false;
-  let useDefaultElapsed = true;
-  const state = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: false
-  };
-  const flagRunNextFrame = () => runNextFrame = true;
-  const steps = stepsOrder.reduce((acc, key) => {
-    acc[key] = createRenderStep(flagRunNextFrame);
-    return acc;
-  }, {});
-  const { setup, read, resolveKeyframes, preUpdate, update: update2, preRender, render: render2, postRender } = steps;
-  const processBatch = () => {
-    const timestamp = MotionGlobalConfig.useManualTiming ? state.timestamp : performance.now();
-    runNextFrame = false;
-    if (!MotionGlobalConfig.useManualTiming) {
-      state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
-    }
-    state.timestamp = timestamp;
-    state.isProcessing = true;
-    setup.process(state);
-    read.process(state);
-    resolveKeyframes.process(state);
-    preUpdate.process(state);
-    update2.process(state);
-    preRender.process(state);
-    render2.process(state);
-    postRender.process(state);
-    state.isProcessing = false;
-    if (runNextFrame && allowKeepAlive) {
-      useDefaultElapsed = false;
-      scheduleNextBatch(processBatch);
-    }
-  };
-  const wake2 = () => {
-    runNextFrame = true;
-    useDefaultElapsed = true;
-    if (!state.isProcessing) {
-      scheduleNextBatch(processBatch);
-    }
-  };
-  const schedule2 = stepsOrder.reduce((acc, key) => {
-    const step = steps[key];
-    acc[key] = (process2, keepAlive = false, immediate = false) => {
-      if (!runNextFrame)
-        wake2();
-      return step.schedule(process2, keepAlive, immediate);
-    };
-    return acc;
-  }, {});
-  const cancel = (process2) => {
-    for (let i = 0; i < stepsOrder.length; i++) {
-      steps[stepsOrder[i]].cancel(process2);
-    }
-  };
-  return { schedule: schedule2, cancel, state, steps };
-}
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 const mountedStates = /* @__PURE__ */ new WeakMap();
 let id$1 = 0;
 const mountedLayoutIds = /* @__PURE__ */ new Set();
@@ -128956,8 +129041,6 @@ function convertSvgStyleToAttributes(keyframes2) {
     style: styleProps
   };
 }
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const isDef = (val) => typeof val !== "undefined";
 function convertBoundingBoxToBox$1({ top: top2, left, right, bottom }) {
   return {
     x: { min: left, max: right },
@@ -129058,22 +129141,6 @@ function isControllingVariants(props) {
 function isVariantNode(props) {
   return Boolean(isControllingVariants(props) || props.variants);
 }
-let now;
-function clearTime() {
-  now = void 0;
-}
-const time = {
-  now: () => {
-    if (now === void 0) {
-      time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming ? frameData.timestamp : performance.now());
-    }
-    return now;
-  },
-  set: (newTime) => {
-    now = newTime;
-    queueMicrotask(clearTime);
-  }
-};
 const warned = /* @__PURE__ */ new Set();
 function warnOnce(condition, message, element) {
   if (condition || warned.has(message))
@@ -130954,8 +131021,6 @@ function calcGeneratorDuration(generator) {
   }
   return duration >= maxGeneratorDuration ? Infinity : duration;
 }
-const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
-const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
 function createGeneratorEasing(options, scale2 = 100, createGenerator) {
   const generator = createGenerator({ ...options, keyframes: [0, scale2] });
   const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
@@ -132984,7 +133049,7 @@ class AnimationFeature extends Feature {
       if (!hasChanged(prevTarget[key], this.state.target[key]))
         return;
       (_a2 = this.state.baseTarget)[key] ?? (_a2[key] = style.get(this.state.element, key));
-      const keyValue = this.state.target[key] === "none" && isDef(transformResetValue[key]) ? transformResetValue[key] : this.state.target[key];
+      const keyValue = this.state.target[key] === "none" && isDef$2(transformResetValue[key]) ? transformResetValue[key] : this.state.target[key];
       factories.push(() => {
         var _a22;
         return animate(
@@ -133013,7 +133078,7 @@ class AnimationFeature extends Feature {
       if (!this.state.activeStates[name2] || isAnimationControls$1(this.state.options[name2]))
         return;
       const definition = this.state.options[name2];
-      let resolvedVariant = isDef(definition) ? resolveVariant$1(definition, variants, customValue) : void 0;
+      let resolvedVariant = isDef$2(definition) ? resolveVariant$1(definition, variants, customValue) : void 0;
       if (this.state.visualElement.isVariantNode) {
         const controlVariant = resolveVariant$1(this.state.context[name2], variants, customValue);
         resolvedVariant = controlVariant ? Object.assign(controlVariant || {}, resolvedVariant) : variant;
@@ -133442,18 +133507,6 @@ class FlatTree {
     this.children.forEach(callback);
   }
 }
-function delay(callback, timeout2) {
-  const start2 = time.now();
-  const checkElapsed = ({ timestamp }) => {
-    const elapsed = timestamp - start2;
-    if (elapsed >= timeout2) {
-      cancelFrame(checkElapsed);
-      callback(elapsed - timeout2);
-    }
-  };
-  frame.setup(checkElapsed, true);
-  return () => cancelFrame(checkElapsed);
-}
 function resolveMotionValue(value) {
   return isMotionValue(value) ? value.get() : value;
 }
@@ -135986,7 +136039,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     transition: {},
     reduceMotion: {},
     reducedMotion: { default: ({ reduceMotion }) => {
-      if (isDef(reduceMotion)) {
+      if (isDef$2(reduceMotion)) {
         warning$1(false, "`reduceMotion` is deprecated. Use `reducedMotion` instead.");
         return reduceMotion;
       }
@@ -136011,8 +136064,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 function getMotionElement(el) {
-  if ((el == null ? void 0 : el.nodeType) === 3 || (el == null ? void 0 : el.nodeType) === 8)
+  if (!el)
+    return void 0;
+  if (el.nodeType === 3 || el.nodeType === 8) {
     return getMotionElement(el.nextSibling);
+  }
   return el;
 }
 const [useLazyMotionContext, lazyMotionContextProvider] = createContext("LazyMotionContext");