@bagelink/vue 0.0.1092 → 0.0.1094

package/dist/components/layout/TabsNav.d.ts

@@ -0,0 +1,35 @@
+import { MaterialIcons } from '../..';
+
+interface TabType {
+    id?: string;
+    label?: string;
+    icon?: MaterialIcons;
+}
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    tabs: (TabType | string)[];
+    modelValue?: string;
+    sideTabs?: boolean;
+    group: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    tabs: (TabType | string)[];
+    modelValue?: string;
+    sideTabs?: boolean;
+    group: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=TabsNav.vue.d.ts.map

package/dist/components/layout/TabsNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAMxD,UAAU,OAAO;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB;;YA8KQ,MAAM;UACR,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;iBACb,MAAM;eACR,OAAO;WACX,MAAM;;;;YAJL,MAAM;UACR,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;iBACb,MAAM;eACR,OAAO;WACX,MAAM;;;;AAVd,wBAaG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/layout/TabsNav.vue.d.ts

@@ -36,9 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    tabsWrap: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/layout/TabsNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAsMA,OAAO,EAAE,KAAK,aAAa,EAAQ,MAAM,eAAe,CAAA;AAIxD,UAAU,OAAO;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB;AAED,KAAK,WAAW,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAwBF,iBAAS,SAAS,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,QAIvC;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,WAGtC;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,sBAGtC;AAsBD,iBAAS,cAAc;WA6DT,OAAO,IAA6B;;;;;;;YAXxB,GAAG;;;;;;EAgB5B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAsMA,OAAO,EAAE,KAAK,aAAa,EAAQ,MAAM,eAAe,CAAA;AAMxD,UAAU,OAAO;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB;AAED,KAAK,WAAW,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAwBF,iBAAS,SAAS,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,QAIvC;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,WAGtC;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,sBAGtC;AA0BD,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;;;;;;YATxB,GAAG;;;;;;EAc5B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/lightbox/Lightbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/Lightbox.vue"],"names":[],"mappings":"AAiRA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAUpD,iBAAS,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,QAO5D;AAED,iBAAS,KAAK,SAGb;;;;;AA4hBD,wBAOG"}
+{"version":3,"file":"Lightbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/Lightbox.vue"],"names":[],"mappings":"AAiRA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAYpD,iBAAS,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,QAO5D;AAED,iBAAS,KAAK,SAGb;;;;;AA4fD,wBAOG"}

package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts

@@ -1,14 +1,15 @@
-import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
+import { RouteLocationNormalizedLoaded, Router } from 'vue-router';
 import { BglFormSchemaT } from '../../..';
 import { LocalTemplateData } from '../interfaces';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     whatsappTemplateSchema: BglFormSchemaT<LocalTemplateData>;
     router: Router;
     route: RouteLocationNormalizedLoaded;
     previewLabel?: string | undefined;
 }>, {
     previewLabel: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     whatsappTemplateSchema: BglFormSchemaT<LocalTemplateData>;
     router: Router;
     route: RouteLocationNormalizedLoaded;

package/dist/components/whatsapp/form/TextVariableExamples.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     context: ObjectConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     context: ObjectConstructor;
 }>>, {}, {}>;
 export default _default;

package/dist/index.cjs

@@ -7739,9 +7739,10 @@ async function convertValueToCoords(state2, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
   };
   if (alignment && typeof alignmentAxis === "number") {
     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -7846,11 +7847,7 @@ const shift = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x2,
-          y: limitedCoords.y - y2,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
+          y: limitedCoords.y - y2
         }
       };
     }
@@ -7864,7 +7861,6 @@ const size = function(options) {
     name: "size",
     options,
     async fn(state2) {
-      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -7900,11 +7896,10 @@ const size = function(options) {
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
-        availableWidth = maximumClippingWidth;
-      }
-      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
-        availableHeight = maximumClippingHeight;
+      if (isYAxis) {
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+      } else {
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -19400,7 +19395,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     let imageSrc = vue.ref(null);
     const fileBaseUrl = vue.computed(() => "https://files.bagel.design".replace(/\/$/, ""));
-    const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
+    function pathToUrl() {
+      var _a2;
+      if ((_a2 = __props.pathKey) == null ? void 0 : _a2.startsWith("static/")) return `${void 0}/${__props.pathKey}`;
+      return `${fileBaseUrl.value}/${__props.pathKey}`;
+    }
     async function loadImage() {
       var _a2;
       const url = __props.src || pathToUrl();
@@ -19478,7 +19477,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-29509e85"]]);
 const _hoisted_1$z = { class: "bagel-input" };
 const _hoisted_2$o = {
   key: 0,
@@ -25795,7 +25794,7 @@ const endsWith = (str, searchString, position) => {
   const lastIndex = str.indexOf(searchString, position);
   return lastIndex !== -1 && lastIndex === position;
 };
-const toArray$1 = (thing) => {
+const toArray = (thing) => {
   if (!thing) return null;
   if (isArray(thing)) return thing;
   let i2 = thing.length;
@@ -25981,7 +25980,7 @@ const utils$1 = {
   kindOf,
   kindOfTest,
   endsWith,
-  toArray: toArray$1,
+  toArray,
   forEachEntry,
   matchAll,
   isHTMLForm,
@@ -30637,18 +30636,18 @@ const files = {
     axios$1.defaults.baseURL = baseUrl;
   },
   get: async (pathKey) => {
-    return axios$1.get("/files/", { params: { path_key: pathKey } });
+    return axios$1.get("/files_v2/", { params: { path_key: pathKey } });
   },
   put: async (bglFilePatch, pathKey) => {
-    return axios$1.put("/files/", bglFilePatch, { params: { path_key: pathKey } });
+    return axios$1.put("/files_v2/", bglFilePatch, { params: { path_key: pathKey } });
   },
   delete: async (pathKey) => {
-    return axios$1.delete("/files/", { params: { path_key: pathKey } });
+    return axios$1.delete("/files_v2/", { params: { path_key: pathKey } });
   },
   upload: async (file, options) => {
     const formData = new FormData();
     formData.append("upload", file);
-    return axios$1.post("/files/upload", formData, {
+    return axios$1.post("/files_v2/upload", formData, {
       headers: { "Content-Type": "multipart/form-data" },
       onUploadProgress: options == null ? void 0 : options.onUploadProgress,
       params: { dir_path: options == null ? void 0 : options.dirPath, tags: options == null ? void 0 : options.tags }
@@ -32227,6 +32226,9 @@ function tryOnScopeDispose(fn2) {
   }
   return false;
 }
+function toValue(r2) {
+  return typeof r2 === "function" ? r2() : vue.unref(r2);
+}
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const notNullish = (val) => val != null;
@@ -32250,8 +32252,8 @@ function debounceFilter(ms, options = {}) {
     lastRejector = noop;
   };
   const filter3 = (invoke) => {
-    const duration = vue.toValue(ms);
-    const maxDuration = vue.toValue(options.maxWait);
+    const duration = toValue(ms);
+    const maxDuration = toValue(options.maxWait);
     if (timer)
       _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -32292,9 +32294,6 @@ function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
 function getLifeCycleTarget(target) {
   return vue.getCurrentInstance();
 }
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
 function useDebounceFn(fn2, ms = 200, options = {}) {
   return createFilterWrapper(
     debounceFilter(ms, options),
@@ -32335,7 +32334,7 @@ function createUntil(r2, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => vue.toValue(r2)).finally(() => stop == null ? void 0 : stop())
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => stop == null ? void 0 : stop())
       );
     }
     return Promise.race(promises);
@@ -32367,9 +32366,9 @@ function createUntil(r2, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => vue.toValue(r2)).finally(() => {
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => {
           stop == null ? void 0 : stop();
-          return vue.toValue(r2);
+          return toValue(r2);
         })
       );
     }
@@ -32390,7 +32389,7 @@ function createUntil(r2, isNot = false) {
   function toContains(value, options) {
     return toMatch((v2) => {
       const array2 = Array.from(v2);
-      return array2.includes(value) || array2.includes(vue.toValue(value));
+      return array2.includes(value) || array2.includes(toValue(value));
     }, options);
   }
   function changed(options) {
@@ -32403,7 +32402,7 @@ function createUntil(r2, isNot = false) {
       return count2 >= n2;
     }, options);
   }
-  if (Array.isArray(vue.toValue(r2))) {
+  if (Array.isArray(toValue(r2))) {
     const instance = {
       toMatch,
       toContains,
@@ -32437,7 +32436,7 @@ function until(r2) {
 const defaultWindow = isClient ? window : void 0;
 function unrefElement(elRef) {
   var _a2;
-  const plain = vue.toValue(elRef);
+  const plain = toValue(elRef);
   return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
 }
 function useMounted() {
@@ -32468,7 +32467,7 @@ function useResizeObserver(target, callback, options = {}) {
     }
   };
   const targets = vue.computed(() => {
-    const _targets = vue.toValue(target);
+    const _targets = toValue(target);
     return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
   });
   const stopWatch = vue.watch(
@@ -32516,7 +32515,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
         }
       } else {
         if (boxSize) {
-          const formatBoxSize = toArray(boxSize);
+          const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
           width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
           height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
         } else {
@@ -32561,8 +32560,8 @@ function useIntersectionObserver(target, callback, options = {}) {
   } = options;
   const isSupported = useSupported(() => window2 && "IntersectionObserver" in window2);
   const targets = vue.computed(() => {
-    const _target = vue.toValue(target);
-    return toArray(_target).map(unrefElement).filter(notNullish);
+    const _target = toValue(target);
+    return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
   });
   let cleanup = noop;
   const isActive = vue.ref(immediate);
@@ -33672,14 +33671,12 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, fileBaseUrl, onError }) {
+  constructor({ host, onError }) {
     __publicField(this, "host");
-    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
-    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, onMounted, onUnmounted, mergeModels, useModel, pushScopeId, popScopeId, nextTick, normalizeProps, guardReactiveProps, withScopeId, createApp, h as h$2, onBeforeUnmount, vModelCheckbox, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, TransitionGroup, vModelDynamic, useCssVars, toValue, getCurrentInstance, shallowRef, markRaw } from "vue";
+import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, onMounted, onUnmounted, mergeModels, useModel, pushScopeId, popScopeId, nextTick, normalizeProps, guardReactiveProps, withScopeId, createApp, h as h$2, onBeforeUnmount, vModelCheckbox, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, TransitionGroup, vModelDynamic, useCssVars, getCurrentInstance, shallowRef, markRaw } from "vue";
 import { RouterLink } from "vue-router";
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -7737,9 +7737,10 @@ async function convertValueToCoords(state2, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
   };
   if (alignment && typeof alignmentAxis === "number") {
     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -7844,11 +7845,7 @@ const shift = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x2,
-          y: limitedCoords.y - y2,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
+          y: limitedCoords.y - y2
         }
       };
     }
@@ -7862,7 +7859,6 @@ const size = function(options) {
     name: "size",
     options,
     async fn(state2) {
-      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -7898,11 +7894,10 @@ const size = function(options) {
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
-        availableWidth = maximumClippingWidth;
-      }
-      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
-        availableHeight = maximumClippingHeight;
+      if (isYAxis) {
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+      } else {
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -19398,7 +19393,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   setup(__props) {
     let imageSrc = ref(null);
     const fileBaseUrl = computed(() => "https://files.bagel.design".replace(/\/$/, ""));
-    const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
+    function pathToUrl() {
+      var _a2;
+      if ((_a2 = __props.pathKey) == null ? void 0 : _a2.startsWith("static/")) return `${void 0}/${__props.pathKey}`;
+      return `${fileBaseUrl.value}/${__props.pathKey}`;
+    }
     async function loadImage() {
       var _a2;
       const url = __props.src || pathToUrl();
@@ -19476,7 +19475,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-29509e85"]]);
 const _hoisted_1$z = { class: "bagel-input" };
 const _hoisted_2$o = {
   key: 0,
@@ -25793,7 +25792,7 @@ const endsWith = (str, searchString, position) => {
   const lastIndex = str.indexOf(searchString, position);
   return lastIndex !== -1 && lastIndex === position;
 };
-const toArray$1 = (thing) => {
+const toArray = (thing) => {
   if (!thing) return null;
   if (isArray(thing)) return thing;
   let i2 = thing.length;
@@ -25979,7 +25978,7 @@ const utils$1 = {
   kindOf,
   kindOfTest,
   endsWith,
-  toArray: toArray$1,
+  toArray,
   forEachEntry,
   matchAll,
   isHTMLForm,
@@ -30635,18 +30634,18 @@ const files = {
     axios$1.defaults.baseURL = baseUrl;
   },
   get: async (pathKey) => {
-    return axios$1.get("/files/", { params: { path_key: pathKey } });
+    return axios$1.get("/files_v2/", { params: { path_key: pathKey } });
   },
   put: async (bglFilePatch, pathKey) => {
-    return axios$1.put("/files/", bglFilePatch, { params: { path_key: pathKey } });
+    return axios$1.put("/files_v2/", bglFilePatch, { params: { path_key: pathKey } });
   },
   delete: async (pathKey) => {
-    return axios$1.delete("/files/", { params: { path_key: pathKey } });
+    return axios$1.delete("/files_v2/", { params: { path_key: pathKey } });
   },
   upload: async (file, options) => {
     const formData = new FormData();
     formData.append("upload", file);
-    return axios$1.post("/files/upload", formData, {
+    return axios$1.post("/files_v2/upload", formData, {
       headers: { "Content-Type": "multipart/form-data" },
       onUploadProgress: options == null ? void 0 : options.onUploadProgress,
       params: { dir_path: options == null ? void 0 : options.dirPath, tags: options == null ? void 0 : options.tags }
@@ -32225,6 +32224,9 @@ function tryOnScopeDispose(fn2) {
   }
   return false;
 }
+function toValue(r2) {
+  return typeof r2 === "function" ? r2() : unref(r2);
+}
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const notNullish = (val) => val != null;
@@ -32290,9 +32292,6 @@ function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
 function getLifeCycleTarget(target) {
   return getCurrentInstance();
 }
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
 function useDebounceFn(fn2, ms = 200, options = {}) {
   return createFilterWrapper(
     debounceFilter(ms, options),
@@ -32514,7 +32513,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
         }
       } else {
         if (boxSize) {
-          const formatBoxSize = toArray(boxSize);
+          const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
           width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
           height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
         } else {
@@ -32560,7 +32559,7 @@ function useIntersectionObserver(target, callback, options = {}) {
   const isSupported = useSupported(() => window2 && "IntersectionObserver" in window2);
   const targets = computed(() => {
     const _target = toValue(target);
-    return toArray(_target).map(unrefElement).filter(notNullish);
+    return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
   });
   let cleanup = noop;
   const isActive = ref(immediate);
@@ -33670,14 +33669,12 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, fileBaseUrl, onError }) {
+  constructor({ host, onError }) {
     __publicField(this, "host");
-    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
-    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }

package/dist/style.css

@@ -860,7 +860,7 @@ pre code.hljs{
 }
 }
 
-.img-web-kit[data-v-3aff6eb2] {
+.img-web-kit[data-v-29509e85] {
 	max-width: 100%;
 	vertical-align: middle;
 	border: 0;
@@ -16611,8 +16611,9 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 }
 [dir='rtl'] .data-row .bgl_icon-font,
 [dir='rtl'] .embedded-field .bgl_icon-font,
-:not(.toolbar) .bgl_icon-font {
+[dir='rtl'] .rich-text-editor .toolbar .bgl_icon-font {
     transform: rotateY(180deg) !important;
+
 }
 .copy-url {
     background-color: var(--bgl-gray-light);