@useupup/vue 3.3.0

package/dist/chunk-PPPFIWFQ.js

@@ -0,0 +1,1083 @@
+import {
+  Icon_default,
+  useSourceViewHeaderExtra
+} from "./chunk-RZ7RTSRZ.js";
+import {
+  SourceViewContainer_default
+} from "./chunk-M6AHIQ3M.js";
+import {
+  export_helper_default,
+  useUploaderI18n,
+  useUploaderOptions,
+  useUploaderRuntime,
+  useUploaderSource,
+  useUploaderTheme
+} from "./chunk-X6FZTCNT.js";
+
+// src/components/ServerModeDriveUploader.vue
+import { defineComponent as _defineComponent2 } from "vue";
+import { ref, computed as computed2 } from "vue";
+
+// src/composables/useServerModeDrive.ts
+import {
+  computed,
+  shallowRef,
+  onMounted,
+  onUnmounted
+} from "vue";
+import { ServerModeDriveController } from "@useupup/core/internal";
+function useServerModeDrive(provider) {
+  const { serverUrl } = useUploaderRuntime();
+  const controller = new ServerModeDriveController({
+    provider,
+    serverUrl: () => serverUrl
+  });
+  const snap = shallowRef(controller.getSnapshot());
+  let unsub = null;
+  onMounted(() => {
+    unsub = controller.subscribe(() => {
+      snap.value = controller.getSnapshot();
+    });
+    controller.init();
+  });
+  onUnmounted(() => {
+    controller.destroy();
+    unsub == null ? void 0 : unsub();
+  });
+  return {
+    state: computed(() => snap.value.state),
+    folderId: computed(() => snap.value.folderId),
+    setFolderId(id) {
+      controller.setFolderId(id);
+      void controller.refresh();
+    },
+    search: computed(() => snap.value.search),
+    setSearch(s) {
+      controller.setSearch(s);
+      void controller.refresh();
+    },
+    refresh: (opts) => controller.refresh(opts),
+    transfer: (file) => controller.transfer(file),
+    startAuth: () => {
+      controller.startAuth();
+    }
+  };
+}
+
+// src/components/shared/DriveAuthFallback.vue
+import { defineComponent as _defineComponent } from "vue";
+import { formatUiMessage as t } from "@useupup/core";
+import { cn } from "@useupup/core/internal";
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+var _sfc_main = /* @__PURE__ */ _defineComponent({
+  __name: "DriveAuthFallback",
+  props: {
+    providerName: {
+      type: String,
+      required: true
+    },
+    onRetry: {
+      type: Function,
+      required: true
+    },
+    error: {
+      type: null,
+      required: false
+    },
+    dataUpupSlot: {
+      type: String,
+      required: false,
+      default: "drive-auth-fallback"
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+    const { translations: tr } = useUploaderI18n();
+    const __returned__ = {
+      props,
+      dark,
+      slotClasses,
+      tr,
+      get t() {
+        return t;
+      },
+      get cn() {
+        return cn;
+      },
+      SourceViewContainer: SourceViewContainer_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = { class: "upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-6 upup-text-center" };
+var _hoisted_2 = {
+  key: 0,
+  "data-testid": "upup-drive-error",
+  "data-upup-slot": "drive-error",
+  role: "alert",
+  class: "upup-p-4 upup-text-sm upup-text-red-600 dark:upup-text-red-400"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createBlock($setup["SourceViewContainer"], { "data-upup-slot": $setup.props.dataUpupSlot }, {
+    default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [
+      !!$setup.props.error ? (_openBlock(), _createElementBlock(
+        "p",
+        _hoisted_2,
+        _toDisplayString($setup.t($setup.tr.driveLoadError, { message: $setup.props.error.message })),
+        1
+        /* TEXT */
+      )) : _createCommentVNode("v-if", true),
+      _createElementVNode(
+        "p",
+        { class: _normalizeClass($setup.cn("upup-text-sm upup-text-[#333]", { "upup-text-[#FAFAFA] dark:upup-text-[#FAFAFA]": $setup.dark }, $setup.slotClasses.sourceView)) },
+        _toDisplayString($setup.t($setup.tr.authenticatePrompt, { provider: $setup.props.providerName })),
+        3
+        /* TEXT, CLASS */
+      ),
+      _createElementVNode(
+        "button",
+        {
+          type: "button",
+          class: _normalizeClass($setup.cn("upup-rounded-md upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white upup-transition-all upup-duration-300 hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8] dark:hover:upup-bg-[#0ea5e9]": $setup.dark })),
+          onClick: _cache[0] || (_cache[0] = (...args) => $setup.props.onRetry && $setup.props.onRetry(...args))
+        },
+        _toDisplayString($setup.t($setup.tr.signInWith, { provider: $setup.props.providerName })),
+        3
+        /* TEXT, CLASS */
+      )
+    ])]),
+    _: 1
+  }, 8, ["data-upup-slot"]);
+}
+var DriveAuthFallback_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\shared\\DriveAuthFallback.vue"]]);
+
+// src/components/ServerModeDriveUploader.vue
+import { errorCodeToMessageKey } from "@useupup/core";
+import { cn as cn2 } from "@useupup/core/internal";
+import { openBlock as _openBlock2, createBlock as _createBlock2, createCommentVNode as _createCommentVNode2, resolveDynamicComponent as _resolveDynamicComponent, toDisplayString as _toDisplayString2, createElementVNode as _createElementVNode2, withKeys as _withKeys, normalizeClass as _normalizeClass2, createElementBlock as _createElementBlock2, renderList as _renderList, Fragment as _Fragment, withCtx as _withCtx2 } from "vue";
+var _sfc_main2 = /* @__PURE__ */ _defineComponent2({
+  __name: "ServerModeDriveUploader",
+  props: {
+    provider: {
+      type: String,
+      required: true
+    },
+    onBack: {
+      type: Function,
+      required: false
+    },
+    dataUpupSlot: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const PROVIDER_LABEL = {
+      "google-drive": "Google Drive",
+      "one-drive": "OneDrive",
+      "dropbox": "Dropbox",
+      "box": "Box"
+    };
+    const resolvedSlot = computed2(() => {
+      var _a;
+      return (_a = props.dataUpupSlot) != null ? _a : `drive-browser-${props.provider}`;
+    });
+    const { icons } = useUploaderOptions();
+    const { isDark: dark } = useUploaderTheme();
+    const { translator } = useUploaderI18n();
+    const { state, search, setSearch, refresh, transfer, startAuth } = useServerModeDrive(props.provider);
+    const errorText = computed2(() => {
+      if (state.value.status !== "error") return "";
+      return state.value.code && translator ? translator(`errors.${errorCodeToMessageKey(state.value.code)}`, { code: state.value.code }) : state.value.message;
+    });
+    const selected = ref(/* @__PURE__ */ new Set());
+    const transferring = ref(false);
+    const isLoading = computed2(() => state.value.status === "loading" || state.value.status === "idle");
+    const files = computed2(() => state.value.status === "ready" ? state.value.files : []);
+    function toggle(id) {
+      const next = new Set(selected.value);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      selected.value = next;
+    }
+    async function handleTransfer() {
+      var _a;
+      transferring.value = true;
+      try {
+        for (const file of files.value.filter((f) => selected.value.has(f.id))) {
+          const result = await transfer(file);
+          if (result.status === "reauth") {
+            startAuth();
+            return;
+          }
+        }
+        selected.value = /* @__PURE__ */ new Set();
+        (_a = props.onBack) == null ? void 0 : _a.call(props);
+      } finally {
+        transferring.value = false;
+      }
+    }
+    function formatBytes(bytes) {
+      if (bytes < 1024) return `${bytes} B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+      if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+      return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+    }
+    const __returned__ = {
+      props,
+      PROVIDER_LABEL,
+      resolvedSlot,
+      icons,
+      dark,
+      translator,
+      state,
+      search,
+      setSearch,
+      refresh,
+      transfer,
+      startAuth,
+      errorText,
+      selected,
+      transferring,
+      isLoading,
+      files,
+      toggle,
+      handleTransfer,
+      formatBytes,
+      SourceViewContainer: SourceViewContainer_default,
+      DriveAuthFallback: DriveAuthFallback_default,
+      get cn() {
+        return cn2;
+      }
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_12 = {
+  key: 1,
+  "data-testid": "upup-server-drive-browser",
+  class: "upup-grid upup-h-full upup-w-full upup-grid-rows-[auto,1fr,auto] upup-overflow-auto"
+};
+var _hoisted_22 = { class: "upup-text-sm upup-font-medium" };
+var _hoisted_3 = ["value"];
+var _hoisted_4 = { class: "upup-overflow-auto upup-p-2" };
+var _hoisted_5 = ["data-selected", "onClick"];
+var _hoisted_6 = {
+  class: "upup-flex upup-h-[30px] upup-w-[30px] upup-flex-none upup-items-center upup-justify-center upup-rounded-[8px] upup-bg-white/[0.05]",
+  "aria-hidden": "true"
+};
+var _hoisted_7 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "17",
+  height: "17",
+  fill: "none",
+  stroke: "#38bdf8",
+  "stroke-width": "1.7",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var _hoisted_8 = ["stroke"];
+var _hoisted_9 = { class: "upup-flex-1 upup-truncate" };
+var _hoisted_10 = {
+  key: 0,
+  class: "upup-text-xs upup-opacity-60"
+};
+var _hoisted_11 = ["disabled"];
+function _sfc_render2(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.state.status === "reauth" ? (_openBlock2(), _createBlock2($setup["DriveAuthFallback"], {
+    key: 0,
+    "provider-name": $setup.PROVIDER_LABEL[$setup.props.provider],
+    "on-retry": $setup.startAuth
+  }, null, 8, ["provider-name", "on-retry"])) : (_openBlock2(), _createBlock2($setup["SourceViewContainer"], {
+    key: 1,
+    "is-loading": $setup.isLoading,
+    "data-upup-slot": $setup.resolvedSlot
+  }, {
+    default: _withCtx2(() => [$setup.isLoading ? (_openBlock2(), _createBlock2(_resolveDynamicComponent($setup.icons.LoaderIcon), { key: 0 })) : (_openBlock2(), _createElementBlock2("div", _hoisted_12, [
+      _createElementVNode2(
+        "div",
+        {
+          class: _normalizeClass2($setup.cn("upup-flex upup-items-center upup-gap-2 upup-border-b upup-px-3 upup-py-2.5", $setup.dark ? "upup-border-white/[0.06] upup-text-[#e2e8f0]" : "upup-border-black/[0.06] upup-text-gray-800")),
+          "data-upup-slot": "drive-browser-header"
+        },
+        [_createElementVNode2(
+          "span",
+          _hoisted_22,
+          _toDisplayString2($setup.PROVIDER_LABEL[$setup.props.provider]),
+          1
+          /* TEXT */
+        ), _createElementVNode2("input", {
+          type: "search",
+          name: "upup-drive-search",
+          "aria-label": "Search",
+          value: $setup.search,
+          onInput: _cache[0] || (_cache[0] = ($event) => $setup.setSearch($event.target.value)),
+          onKeydown: _cache[1] || (_cache[1] = _withKeys(($event) => $setup.refresh({ search: $event.target.value }), ["enter"])),
+          placeholder: "Search\u2026",
+          class: _normalizeClass2($setup.cn("upup-ml-auto upup-rounded upup-border upup-px-2 upup-py-1 upup-text-xs", $setup.dark ? "upup-border-gray-700 upup-bg-gray-800 upup-text-gray-100" : "upup-border-gray-300 upup-bg-white"))
+        }, null, 42, _hoisted_3)],
+        2
+        /* CLASS */
+      ),
+      _createElementVNode2("div", _hoisted_4, [$setup.state.status === "error" ? (_openBlock2(), _createElementBlock2(
+        "p",
+        {
+          key: 0,
+          "data-testid": "upup-drive-error",
+          "data-upup-slot": "drive-error",
+          role: "alert",
+          class: _normalizeClass2($setup.cn("upup-p-4 upup-text-sm", $setup.dark ? "upup-text-red-400" : "upup-text-red-600"))
+        },
+        _toDisplayString2($setup.errorText),
+        3
+        /* TEXT, CLASS */
+      )) : _createCommentVNode2("v-if", true), (_openBlock2(true), _createElementBlock2(
+        _Fragment,
+        null,
+        _renderList($setup.files, (file) => {
+          return _openBlock2(), _createElementBlock2("button", {
+            key: file.id,
+            type: "button",
+            "data-upup-slot": "drive-browser-item",
+            "data-selected": $setup.selected.has(file.id),
+            class: _normalizeClass2($setup.cn("upup-fx-hover-lift upup-mb-1.5 upup-flex upup-w-full upup-items-center upup-gap-3 upup-rounded-[11px] upup-px-3 upup-py-2.5 upup-text-left upup-text-sm upup-ring-1", $setup.selected.has(file.id) ? "upup-bg-[#0ea5e9]/10 upup-ring-[#38bdf8]/35" : $setup.dark ? "upup-bg-white/[0.04] upup-text-[#e2e8f0] upup-ring-white/[0.06] hover:upup-bg-white/[0.07]" : "upup-bg-black/[0.03] upup-text-gray-800 upup-ring-black/[0.06] hover:upup-bg-black/[0.05]")),
+            onClick: ($event) => file.isFolder ? $setup.refresh({ folderId: file.id }) : $setup.toggle(file.id)
+          }, [
+            _createElementVNode2("span", _hoisted_6, [file.isFolder ? (_openBlock2(), _createElementBlock2("svg", _hoisted_7, [..._cache[4] || (_cache[4] = [_createElementVNode2(
+              "path",
+              { d: "M3 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" },
+              null,
+              -1
+              /* CACHED */
+            )])])) : (_openBlock2(), _createElementBlock2("svg", {
+              key: 1,
+              viewBox: "0 0 24 24",
+              width: "17",
+              height: "17",
+              fill: "none",
+              stroke: $setup.dark ? "#94a3b8" : "#64748b",
+              "stroke-width": "1.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [..._cache[5] || (_cache[5] = [_createElementVNode2(
+              "path",
+              { d: "M6 3h8l4 4v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" },
+              null,
+              -1
+              /* CACHED */
+            ), _createElementVNode2(
+              "path",
+              { d: "M14 3v4h4" },
+              null,
+              -1
+              /* CACHED */
+            )])], 8, _hoisted_8))]),
+            _createElementVNode2(
+              "span",
+              _hoisted_9,
+              _toDisplayString2(file.name),
+              1
+              /* TEXT */
+            ),
+            file.size != null && !file.isFolder ? (_openBlock2(), _createElementBlock2(
+              "span",
+              _hoisted_10,
+              _toDisplayString2($setup.formatBytes(file.size)),
+              1
+              /* TEXT */
+            )) : _createCommentVNode2("v-if", true)
+          ], 10, _hoisted_5);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))]),
+      _createElementVNode2(
+        "div",
+        { class: _normalizeClass2($setup.cn("upup-flex upup-items-center upup-justify-between upup-gap-2 upup-border-t upup-p-3", $setup.dark ? "upup-border-white/[0.06]" : "upup-border-black/[0.06]")) },
+        [_createElementVNode2("button", {
+          type: "button",
+          class: "upup-text-sm upup-opacity-70 hover:upup-opacity-100",
+          onClick: _cache[2] || (_cache[2] = ($event) => {
+            var _a, _b;
+            return (_b = (_a = $setup.props).onBack) == null ? void 0 : _b.call(_a);
+          })
+        }, " Cancel "), _createElementVNode2("button", {
+          type: "button",
+          disabled: $setup.selected.size === 0 || $setup.transferring,
+          class: "upup-fx-press upup-rounded-lg upup-bg-[#0ea5e9] upup-px-3 upup-py-1.5 upup-text-sm upup-font-medium upup-text-white hover:upup-bg-[#0284c7] disabled:upup-opacity-50",
+          onClick: _cache[3] || (_cache[3] = ($event) => $setup.handleTransfer())
+        }, _toDisplayString2($setup.transferring ? "Uploading\u2026" : `Add files${$setup.selected.size ? ` (${$setup.selected.size})` : ""}`), 9, _hoisted_11)],
+        2
+        /* CLASS */
+      )
+    ]))]),
+    _: 1
+  }, 8, ["is-loading", "data-upup-slot"]));
+}
+var ServerModeDriveUploader_default = /* @__PURE__ */ export_helper_default(_sfc_main2, [["render", _sfc_render2], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\ServerModeDriveUploader.vue"]]);
+
+// src/components/shared/DriveBrowser.vue
+import { defineComponent as _defineComponent6 } from "vue";
+import { ref as ref3, computed as computed5 } from "vue";
+import { formatUiMessage as t2, pluralUiMessage as plural } from "@useupup/core";
+import { searchDriveFiles } from "@useupup/core/internal";
+import { cn as cn6 } from "@useupup/core/internal";
+
+// src/components/shared/DriveBrowserHeader.vue
+import { defineComponent as _defineComponent3 } from "vue";
+import { computed as computed3, nextTick, ref as ref2, watch } from "vue";
+import { cn as cn3 } from "@useupup/core/internal";
+import { createCommentVNode as _createCommentVNode3, openBlock as _openBlock3, createElementBlock as _createElementBlock3, createBlock as _createBlock3, createElementVNode as _createElementVNode3, toDisplayString as _toDisplayString3, normalizeClass as _normalizeClass3, Teleport as _Teleport, createVNode as _createVNode, withKeys as _withKeys2 } from "vue";
+var _sfc_main3 = /* @__PURE__ */ _defineComponent3({
+  __name: "DriveBrowserHeader",
+  props: {
+    path: {
+      type: Array,
+      required: true
+    },
+    setPath: {
+      type: Function,
+      required: true
+    },
+    handleSignOut: {
+      type: Function,
+      required: true
+    },
+    showSearch: {
+      type: Boolean,
+      required: true
+    },
+    searchTerm: {
+      type: String,
+      required: true
+    },
+    onSearch: {
+      type: Function,
+      required: true
+    },
+    user: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { setActiveSource } = useUploaderSource();
+    const { translations: tr } = useUploaderI18n();
+    const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+    const headerExtraHostRef = useSourceViewHeaderExtra();
+    const headerExtraHost = computed3(() => {
+      var _a;
+      return (_a = headerExtraHostRef == null ? void 0 : headerExtraHostRef.value) != null ? _a : null;
+    });
+    const navigated = computed3(() => props.path.length > 1);
+    const currentFolder = computed3(() => props.path[props.path.length - 1]);
+    const hasFilter = computed3(() => props.searchTerm.trim().length > 0);
+    const searchOpen = ref2(false);
+    const searchInputRef = ref2(null);
+    watch(searchOpen, (open) => {
+      if (open) void nextTick(() => {
+        var _a;
+        return (_a = searchInputRef.value) == null ? void 0 : _a.focus();
+      });
+    });
+    function onLogout() {
+      void props.handleSignOut();
+      setActiveSource(void 0);
+    }
+    const __returned__ = {
+      props,
+      setActiveSource,
+      tr,
+      dark,
+      slotClasses,
+      headerExtraHostRef,
+      headerExtraHost,
+      navigated,
+      currentFolder,
+      hasFilter,
+      searchOpen,
+      searchInputRef,
+      onLogout,
+      get cn() {
+        return cn3;
+      },
+      get Icon() {
+        return Icon_default;
+      }
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_13 = {
+  key: 0,
+  "data-upup-slot": "drive-browser-header"
+};
+var _hoisted_23 = { class: "upup-relative upup-flex upup-h-6 upup-w-6 upup-items-center upup-justify-center upup-overflow-hidden upup-rounded-full" };
+var _hoisted_32 = ["alt", "src"];
+var _hoisted_42 = ["aria-label"];
+var _hoisted_52 = ["title"];
+var _hoisted_62 = ["aria-label"];
+var _hoisted_72 = [
+  "aria-label",
+  "placeholder",
+  "value"
+];
+function _sfc_render3(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b;
+  return $setup.props.user ? (_openBlock3(), _createElementBlock3("div", _hoisted_13, [
+    _createCommentVNode3(" Account controls live in the SourceView header row (portal), next\r\n             to Back, separated by a hairline \u2014 not in their own strip. "),
+    $setup.headerExtraHost ? (_openBlock3(), _createBlock3(_Teleport, {
+      key: 0,
+      to: $setup.headerExtraHost
+    }, [
+      _createElementVNode3("div", _hoisted_23, [!!$setup.props.user.picture ? (_openBlock3(), _createElementBlock3("img", {
+        key: 0,
+        alt: $setup.props.user.name,
+        src: $setup.props.user.picture,
+        class: "upup-bg-center upup-object-cover"
+      }, null, 8, _hoisted_32)) : (_openBlock3(), _createBlock3($setup["Icon"], {
+        key: 1,
+        name: "user",
+        class: "upup-text-xl"
+      }))]),
+      _createElementVNode3(
+        "button",
+        {
+          class: _normalizeClass3($setup.cn("upup-hover:upup-underline upup-text-xs upup-font-medium upup-text-[#0284c7]", { "upup-text-[#38bdf8] dark:upup-text-[#38bdf8]": $setup.dark }, $setup.slotClasses.driveLogoutButton)),
+          onClick: $setup.onLogout
+        },
+        _toDisplayString3($setup.tr.logOut),
+        3
+        /* TEXT, CLASS */
+      ),
+      _createElementVNode3(
+        "span",
+        {
+          "aria-hidden": "true",
+          class: _normalizeClass3($setup.cn("upup-h-4 upup-w-px", $setup.dark ? "upup-bg-white/15" : "upup-bg-black/15"))
+        },
+        null,
+        2
+        /* CLASS */
+      )
+    ], 8, ["to"])) : _createCommentVNode3("v-if", true),
+    $setup.props.showSearch || $setup.navigated ? (_openBlock3(), _createElementBlock3(
+      "div",
+      {
+        key: 1,
+        class: _normalizeClass3($setup.cn("upup-flex upup-items-center upup-gap-2.5 upup-px-3 upup-py-2 upup-text-xs upup-font-medium upup-text-[#333]", { "upup-text-[#FAFAFA] dark:upup-text-[#FAFAFA]": $setup.dark }, $setup.slotClasses.driveHeader))
+      },
+      [
+        $setup.navigated ? (_openBlock3(), _createElementBlock3("button", {
+          key: 0,
+          type: "button",
+          "data-testid": "upup-drive-back",
+          "data-upup-slot": "drive-back",
+          "aria-label": $setup.tr.overlayBack,
+          class: _normalizeClass3($setup.cn("upup-fx-hover-lift upup-fx-press upup-flex upup-h-7 upup-w-7 upup-shrink-0 upup-items-center upup-justify-center upup-rounded-lg", $setup.dark ? "upup-text-[#e2e8f0] hover:upup-bg-white/[0.08]" : "upup-text-[#334155] hover:upup-bg-black/[0.05]")),
+          onClick: _cache[0] || (_cache[0] = ($event) => $setup.props.setPath($setup.props.path.slice(0, -1)))
+        }, [_createVNode($setup["Icon"], { name: "chevron-left" })], 10, _hoisted_42)) : _createCommentVNode3("v-if", true),
+        $setup.navigated && !$setup.searchOpen ? (_openBlock3(), _createElementBlock3("span", {
+          key: 1,
+          "data-upup-slot": "drive-current-folder",
+          title: (_a = $setup.currentFolder) == null ? void 0 : _a.name,
+          class: "upup-min-w-0 upup-flex-1 upup-truncate upup-font-medium"
+        }, _toDisplayString3((_b = $setup.currentFolder) == null ? void 0 : _b.name), 9, _hoisted_52)) : _createCommentVNode3("v-if", true),
+        $setup.navigated && $setup.props.showSearch && !$setup.searchOpen ? (_openBlock3(), _createElementBlock3("button", {
+          key: 2,
+          type: "button",
+          "data-testid": "upup-drive-search-toggle",
+          "data-upup-slot": "drive-search-toggle",
+          "aria-label": $setup.tr.search,
+          "aria-expanded": false,
+          class: _normalizeClass3($setup.cn("upup-fx-hover-lift upup-fx-press upup-ml-auto upup-flex upup-h-7 upup-w-7 upup-shrink-0 upup-items-center upup-justify-center upup-rounded-lg", $setup.hasFilter ? "upup-text-[#0ea5e9]" : $setup.dark ? "upup-text-[#94a3b8] hover:upup-bg-white/[0.08]" : "upup-text-[#64748b] hover:upup-bg-black/[0.05]")),
+          onClick: _cache[1] || (_cache[1] = ($event) => $setup.searchOpen = true)
+        }, [_createVNode($setup["Icon"], { name: "search" })], 10, _hoisted_62)) : _createCommentVNode3("v-if", true),
+        $setup.props.showSearch && (!$setup.navigated || $setup.searchOpen) ? (_openBlock3(), _createElementBlock3(
+          "div",
+          {
+            key: 3,
+            class: _normalizeClass3($setup.cn("upup-relative upup-min-w-0 upup-flex-1", $setup.navigated && "upup-fx-search-expand", $setup.slotClasses.driveSearchContainer))
+          },
+          [_createElementVNode3("input", {
+            ref: "searchInputRef",
+            type: "search",
+            name: "upup-drive-search",
+            "data-testid": "upup-drive-search-input",
+            "data-upup-slot": "drive-search-input",
+            "aria-label": $setup.tr.search,
+            class: _normalizeClass3($setup.cn("upup-w-full upup-rounded-lg upup-px-3 upup-py-1.5 upup-pl-8 upup-text-xs upup-outline-none upup-ring-1 upup-transition-shadow focus:upup-ring-2 focus:upup-ring-[#38bdf8]", $setup.dark ? "upup-bg-white/[0.06] upup-text-[#e2e8f0] upup-ring-white/[0.1] placeholder:upup-text-[#64748b]" : "upup-bg-white upup-text-[#0f172a] upup-ring-black/[0.08] placeholder:upup-text-[#94a3b8]", $setup.slotClasses.driveSearchInput)),
+            placeholder: $setup.tr.search,
+            value: $setup.props.searchTerm,
+            onInput: _cache[2] || (_cache[2] = ($event) => $setup.props.onSearch($event.target.value)),
+            onKeydown: _cache[3] || (_cache[3] = _withKeys2(($event) => $setup.searchOpen = false, ["esc"])),
+            onBlur: _cache[4] || (_cache[4] = () => {
+              if (!$setup.props.searchTerm) $setup.searchOpen = false;
+            })
+          }, null, 42, _hoisted_72), _createVNode($setup["Icon"], {
+            name: "search",
+            class: "upup-absolute upup-left-2.5 upup-top-1/2 upup--translate-y-1/2 upup-text-[#939393]"
+          })],
+          2
+          /* CLASS */
+        )) : _createCommentVNode3("v-if", true)
+      ],
+      2
+      /* CLASS */
+    )) : _createCommentVNode3("v-if", true)
+  ])) : _createCommentVNode3("v-if", true);
+}
+var DriveBrowserHeader_default = /* @__PURE__ */ export_helper_default(_sfc_main3, [["render", _sfc_render3], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\shared\\DriveBrowserHeader.vue"]]);
+
+// src/components/shared/DriveBrowserItem.vue
+import { defineComponent as _defineComponent5 } from "vue";
+import { computed as computed4 } from "vue";
+import { cn as cn5 } from "@useupup/core/internal";
+
+// src/components/shared/DriveBrowserIcon.vue
+import { defineComponent as _defineComponent4 } from "vue";
+import { cn as cn4, b64EncodeUnicode } from "@useupup/core/internal";
+import { createCommentVNode as _createCommentVNode4, createVNode as _createVNode2, openBlock as _openBlock4, createElementBlock as _createElementBlock4, normalizeClass as _normalizeClass4 } from "vue";
+var _sfc_main4 = /* @__PURE__ */ _defineComponent4({
+  __name: "DriveBrowserIcon",
+  props: { file: {
+    type: Object,
+    required: true
+  } },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { isDark: dark } = useUploaderTheme();
+    function handleImgError(e) {
+      const img = e.target;
+      const svg = `<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg>`;
+      img.src = `data:image/svg+xml;base64,${b64EncodeUnicode(svg)}`;
+      img.onerror = null;
+    }
+    const __returned__ = {
+      props,
+      dark,
+      handleImgError,
+      get cn() {
+        return cn4;
+      },
+      get Icon() {
+        return Icon_default;
+      }
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_14 = {
+  key: 0,
+  class: "upup-flex-grow upup-text-lg"
+};
+var _hoisted_24 = {
+  key: 1,
+  class: "upup-flex-grow upup-text-lg"
+};
+var _hoisted_33 = ["src", "alt"];
+function _sfc_render4(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.props.file.isFolder ? (_openBlock4(), _createElementBlock4("i", _hoisted_14, [_createCommentVNode4(" Amber filled folder in both themes \u2014 folders read\r\n             unmistakably as folders. "), _createVNode2($setup["Icon"], {
+    name: "folder-filled",
+    class: "upup-text-[#fbbf24]"
+  })])) : !$setup.props.file.thumbnail ? (_openBlock4(), _createElementBlock4("i", _hoisted_24, [_createVNode2($setup["Icon"], {
+    name: "file",
+    class: _normalizeClass4($setup.cn({ "upup-text-[#6D6D6D] dark:upup-text-[#6D6D6D]": $setup.dark }))
+  }, null, 8, ["class"])])) : (_openBlock4(), _createElementBlock4("img", {
+    key: 2,
+    src: $setup.props.file.thumbnail,
+    alt: $setup.props.file.name,
+    class: "upup-h-5 upup-w-5 upup-flex-grow upup-rounded-md upup-shadow",
+    onError: $setup.handleImgError
+  }, null, 40, _hoisted_33));
+}
+var DriveBrowserIcon_default = /* @__PURE__ */ export_helper_default(_sfc_main4, [["render", _sfc_render4], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\shared\\DriveBrowserIcon.vue"]]);
+
+// src/components/shared/DriveBrowserItem.vue
+import { createVNode as _createVNode3, toDisplayString as _toDisplayString4, normalizeClass as _normalizeClass5, createElementVNode as _createElementVNode4, openBlock as _openBlock5, createElementBlock as _createElementBlock5 } from "vue";
+var _sfc_main5 = /* @__PURE__ */ _defineComponent5({
+  __name: "DriveBrowserItem",
+  props: {
+    file: {
+      type: Object,
+      required: true
+    },
+    handleClick: {
+      type: Function,
+      required: true
+    },
+    selectedFiles: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+    const isFolder = computed4(() => props.file.isFolder);
+    const isFileSelected = computed4(() => props.selectedFiles.filter((f) => f.id === props.file.id).length);
+    const __returned__ = {
+      props,
+      dark,
+      slotClasses,
+      isFolder,
+      isFileSelected,
+      get cn() {
+        return cn5;
+      },
+      DriveBrowserIcon: DriveBrowserIcon_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+function _sfc_render5(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock5(), _createElementBlock5(
+    "div",
+    {
+      "data-upup-slot": "drive-browser-item",
+      class: _normalizeClass5($setup.cn("upup-fx-hover-lift upup-group upup-mb-1.5 upup-flex upup-cursor-pointer upup-items-center upup-justify-between upup-gap-2 upup-rounded-[11px] upup-px-3 upup-py-2.5 upup-ring-1", { "upup-font-medium": $setup.isFolder }, $setup.isFileSelected ? $setup.dark ? "upup-bg-[#0ea5e9]/10 upup-ring-[#38bdf8]/35" : "upup-bg-[#0ea5e9]/10 upup-ring-[#0ea5e9]/40" : $setup.dark ? "upup-bg-white/[0.04] upup-ring-white/[0.06] hover:upup-bg-white/[0.07]" : "upup-bg-black/[0.03] upup-ring-black/[0.06] hover:upup-bg-black/[0.05]", {
+        [$setup.slotClasses.driveItemContainerDefault]: !$setup.isFileSelected && $setup.slotClasses.driveItemContainerDefault,
+        [$setup.slotClasses.driveItemContainerSelected]: $setup.isFileSelected && $setup.slotClasses.driveItemContainerSelected
+      })),
+      onClick: _cache[0] || (_cache[0] = ($event) => $setup.props.handleClick($setup.props.file))
+    },
+    [_createElementVNode4(
+      "div",
+      { class: _normalizeClass5($setup.cn("upup-flex upup-items-center upup-gap-2", $setup.slotClasses.driveItemContainerInner)) },
+      [_createVNode3($setup["DriveBrowserIcon"], { file: $setup.props.file }, null, 8, ["file"]), _createElementVNode4(
+        "h1",
+        { class: _normalizeClass5($setup.cn("upup-text-wrap upup-break-all upup-text-xs", { "upup-text-[#e0e0e0] dark:upup-text-[#e0e0e0]": $setup.dark }, $setup.slotClasses.driveItemInnerText)) },
+        _toDisplayString4($setup.props.file.name),
+        3
+        /* TEXT, CLASS */
+      )],
+      2
+      /* CLASS */
+    )],
+    2
+    /* CLASS */
+  );
+}
+var DriveBrowserItem_default = /* @__PURE__ */ export_helper_default(_sfc_main5, [["render", _sfc_render5], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\shared\\DriveBrowserItem.vue"]]);
+
+// src/components/shared/DriveBrowser.vue
+import { resolveDynamicComponent as _resolveDynamicComponent2, openBlock as _openBlock6, createBlock as _createBlock4, createCommentVNode as _createCommentVNode5, createVNode as _createVNode4, toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode5, createElementBlock as _createElementBlock6, renderList as _renderList2, Fragment as _Fragment2, normalizeClass as _normalizeClass6, withCtx as _withCtx3 } from "vue";
+var _sfc_main6 = /* @__PURE__ */ _defineComponent6({
+  __name: "DriveBrowser",
+  props: {
+    isClickLoading: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    driveFiles: {
+      type: null,
+      required: false
+    },
+    path: {
+      type: Array,
+      required: true
+    },
+    setPath: {
+      type: Function,
+      required: true
+    },
+    user: {
+      type: null,
+      required: false
+    },
+    handleSignOut: {
+      type: Function,
+      required: true
+    },
+    handleClick: {
+      type: Function,
+      required: true
+    },
+    selectedFiles: {
+      type: Array,
+      required: true
+    },
+    showLoader: {
+      type: Boolean,
+      required: true
+    },
+    handleSubmit: {
+      type: Function,
+      required: true
+    },
+    handleCancelDownload: {
+      type: Function,
+      required: true
+    },
+    onSelectCurrentFolder: {
+      type: Function,
+      required: false
+    },
+    error: {
+      type: null,
+      required: false
+    },
+    hasMore: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isLoadingMore: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    loadMore: {
+      type: Function,
+      required: false
+    },
+    dataUpupSlot: {
+      type: String,
+      required: false,
+      default: "drive-browser"
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { allowedFileTypes, icons } = useUploaderOptions();
+    const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+    const { translations: tr } = useUploaderI18n();
+    const searchTerm = ref3("");
+    function filterItems(item, accept) {
+      if (item.isFolder) return true;
+      if (!accept || accept === "*") return true;
+      return accept.split(",").some((pattern) => {
+        const p = pattern.trim();
+        if (p.startsWith(".")) return item.name.endsWith(p);
+        if (p.endsWith("/*")) return item.mimeType.startsWith(p.replace("/*", "/"));
+        return item.mimeType === p;
+      });
+    }
+    const items = computed5(() => {
+      var _a, _b;
+      return (_b = (_a = props.path[props.path.length - 1]) == null ? void 0 : _a.children) == null ? void 0 : _b.filter((item) => filterItems(item, allowedFileTypes));
+    });
+    const displayedItems = computed5(() => {
+      var _a;
+      return searchDriveFiles((_a = items.value) != null ? _a : [], searchTerm.value) || [];
+    });
+    const isLoading = computed5(() => !props.error && (props.isClickLoading || !props.driveFiles));
+    function noopClick() {
+    }
+    const __returned__ = {
+      props,
+      allowedFileTypes,
+      icons,
+      dark,
+      slotClasses,
+      tr,
+      searchTerm,
+      filterItems,
+      items,
+      displayedItems,
+      isLoading,
+      noopClick,
+      get t() {
+        return t2;
+      },
+      get plural() {
+        return plural;
+      },
+      get cn() {
+        return cn6;
+      },
+      SourceViewContainer: SourceViewContainer_default,
+      DriveBrowserHeader: DriveBrowserHeader_default,
+      DriveBrowserItem: DriveBrowserItem_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_15 = {
+  key: 1,
+  "data-testid": "upup-drive-browser",
+  class: "upup-grid upup-h-full upup-w-full upup-grid-rows-[auto,1fr,auto] upup-overflow-auto"
+};
+var _hoisted_25 = {
+  key: 0,
+  class: "upup-flex upup-h-full upup-flex-col upup-items-center upup-justify-center upup-px-6 upup-text-center"
+};
+var _hoisted_34 = {
+  "data-testid": "upup-drive-error",
+  "data-upup-slot": "drive-error",
+  role: "alert",
+  class: "upup-text-sm upup-text-red-600 dark:upup-text-red-400"
+};
+var _hoisted_43 = {
+  key: 1,
+  class: "upup-p-2"
+};
+var _hoisted_53 = {
+  key: 2,
+  class: "upup-flex upup-h-full upup-flex-col upup-items-center upup-justify-center"
+};
+var _hoisted_63 = { class: "upup-text-xs upup-opacity-70" };
+var _hoisted_73 = ["disabled"];
+var _hoisted_82 = ["disabled"];
+var _hoisted_92 = ["disabled"];
+var _hoisted_102 = ["disabled"];
+function _sfc_render6(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock6(), _createBlock4($setup["SourceViewContainer"], {
+    "is-loading": $setup.isLoading,
+    "data-upup-slot": $setup.props.dataUpupSlot
+  }, {
+    default: _withCtx3(() => {
+      var _a;
+      return [$setup.isLoading ? (_openBlock6(), _createBlock4(_resolveDynamicComponent2($setup.icons.LoaderIcon), { key: 0 })) : (_openBlock6(), _createElementBlock6("div", _hoisted_15, [
+        _createVNode4($setup["DriveBrowserHeader"], {
+          "show-search": !!((_a = $setup.items) == null ? void 0 : _a.length),
+          path: $setup.props.path,
+          "set-path": $setup.props.setPath,
+          "search-term": $setup.searchTerm,
+          "on-search": (v) => $setup.searchTerm = v,
+          user: $setup.props.user,
+          "handle-sign-out": $setup.props.handleSignOut
+        }, null, 8, [
+          "show-search",
+          "path",
+          "set-path",
+          "search-term",
+          "on-search",
+          "user",
+          "handle-sign-out"
+        ]),
+        !!$setup.props.path ? (_openBlock6(), _createElementBlock6(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass6($setup.cn("upup-h-full upup-overflow-y-auto upup-pt-2", { "upup-text-[#fafafa] dark:upup-text-[#fafafa]": $setup.dark }, $setup.slotClasses.driveBody))
+          },
+          [
+            !!$setup.props.error ? (_openBlock6(), _createElementBlock6("div", _hoisted_25, [_createElementVNode5(
+              "p",
+              _hoisted_34,
+              _toDisplayString5($setup.t($setup.tr.driveLoadError, { message: $setup.props.error.message })),
+              1
+              /* TEXT */
+            )])) : _createCommentVNode5("v-if", true),
+            !!$setup.displayedItems.length ? (_openBlock6(), _createElementBlock6("ul", _hoisted_43, [(_openBlock6(true), _createElementBlock6(
+              _Fragment2,
+              null,
+              _renderList2($setup.displayedItems, (file) => {
+                return _openBlock6(), _createBlock4($setup["DriveBrowserItem"], {
+                  key: file.id,
+                  file,
+                  "handle-click": $setup.props.isClickLoading || $setup.props.showLoader ? $setup.noopClick : $setup.props.handleClick,
+                  "selected-files": $setup.props.selectedFiles
+                }, null, 8, [
+                  "file",
+                  "handle-click",
+                  "selected-files"
+                ]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))])) : _createCommentVNode5("v-if", true),
+            !$setup.displayedItems.length && !$setup.props.error ? (_openBlock6(), _createElementBlock6("div", _hoisted_53, [_createElementVNode5(
+              "p",
+              _hoisted_63,
+              _toDisplayString5($setup.tr.noAcceptedFilesFound),
+              1
+              /* TEXT */
+            )])) : _createCommentVNode5("v-if", true),
+            !!$setup.props.hasMore ? (_openBlock6(), _createElementBlock6("button", {
+              key: 3,
+              "data-testid": "upup-drive-load-more",
+              "data-upup-slot": "drive-load-more",
+              class: "upup-mx-auto upup-my-2 upup-block upup-rounded-md upup-px-3 upup-py-1.5 upup-text-sm upup-text-[#0284c7] disabled:upup-opacity-50",
+              disabled: $setup.props.isLoadingMore,
+              onClick: _cache[0] || (_cache[0] = ($event) => {
+                var _a2, _b;
+                return (_b = (_a2 = $setup.props).loadMore) == null ? void 0 : _b.call(_a2);
+              })
+            }, _toDisplayString5($setup.props.isLoadingMore ? $setup.tr.loading : $setup.tr.loadMore), 9, _hoisted_73)) : _createCommentVNode5("v-if", true)
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode5("v-if", true),
+        (!!$setup.props.selectedFiles.length || !!$setup.props.onSelectCurrentFolder) && !$setup.props.error ? (_openBlock6(), _createElementBlock6(
+          "div",
+          {
+            key: 1,
+            class: _normalizeClass6($setup.cn("upup-flex upup-origin-bottom upup-items-center upup-justify-start upup-gap-4 upup-border-t upup-px-3 upup-py-2", $setup.dark ? "upup-border-white/[0.08] upup-text-[#fafafa]" : "upup-border-black/[0.06]", $setup.slotClasses.driveFooter))
+          },
+          [
+            !!$setup.props.onSelectCurrentFolder ? (_openBlock6(), _createElementBlock6("button", {
+              key: 0,
+              class: _normalizeClass6($setup.cn("upup-rounded-md upup-bg-transparent upup-px-3 upup-py-2 upup-text-sm upup-font-medium upup-text-[#0284c7] upup-transition-all upup-duration-300", { "upup-text-[#38bdf8] dark:upup-text-[#38bdf8]": $setup.dark })),
+              disabled: $setup.props.showLoader,
+              onClick: _cache[1] || (_cache[1] = ($event) => {
+                var _a2, _b;
+                return (_b = (_a2 = $setup.props).onSelectCurrentFolder) == null ? void 0 : _b.call(_a2);
+              })
+            }, _toDisplayString5($setup.tr.selectThisFolder), 11, _hoisted_82)) : _createCommentVNode5("v-if", true),
+            _createElementVNode5("button", {
+              class: _normalizeClass6($setup.cn("upup-rounded-md upup-bg-[#0ea5e9] upup-px-3 upup-py-2 upup-text-sm upup-font-medium upup-text-white upup-transition-all upup-duration-300", {
+                "upup-animate-pulse": $setup.props.showLoader,
+                "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark
+              }, $setup.slotClasses.driveAddFilesButton)),
+              disabled: $setup.props.showLoader,
+              onClick: _cache[2] || (_cache[2] = (...args) => $setup.props.handleSubmit && $setup.props.handleSubmit(...args))
+            }, _toDisplayString5($setup.t($setup.plural($setup.tr, "addFiles", $setup.props.selectedFiles.length), { count: $setup.props.selectedFiles.length })), 11, _hoisted_92),
+            _createElementVNode5("button", {
+              class: _normalizeClass6($setup.cn("upup-ml-auto upup-rounded-md upup-p-1 upup-text-sm upup-text-[#0284c7] upup-transition-all upup-duration-300", { "upup-text-[#38bdf8] dark:upup-text-[#38bdf8]": $setup.dark }, $setup.slotClasses.driveCancelFilesButton)),
+              disabled: $setup.props.showLoader,
+              onClick: _cache[3] || (_cache[3] = (...args) => $setup.props.handleCancelDownload && $setup.props.handleCancelDownload(...args))
+            }, _toDisplayString5($setup.tr.cancel), 11, _hoisted_102)
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode5("v-if", true)
+      ]))];
+    }),
+    _: 1
+  }, 8, ["is-loading", "data-upup-slot"]);
+}
+var DriveBrowser_default = /* @__PURE__ */ export_helper_default(_sfc_main6, [["render", _sfc_render6], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\shared\\DriveBrowser.vue"]]);
+
+export {
+  DriveAuthFallback_default,
+  DriveBrowser_default,
+  ServerModeDriveUploader_default
+};
+//# sourceMappingURL=chunk-PPPFIWFQ.js.map