abckit 0.0.1

package/dist/runtime/components/ui/stepper/StepperTitle.d.vue.ts

@@ -0,0 +1,18 @@
+import type { StepperTitleProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = StepperTitleProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/stepper/StepperTitle.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperTitle, useForwardProps } from "reka-ui";
+import { cn } from "abckit/utils";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperTitle v-bind="forwarded" :class="cn('text-md font-semibold whitespace-nowrap', props.class)">
+    <slot />
+  </StepperTitle>
+</template>

package/dist/runtime/components/ui/stepper/StepperTitle.vue.d.ts

@@ -0,0 +1,18 @@
+import type { StepperTitleProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = StepperTitleProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/stepper/StepperTrigger.d.vue.ts

@@ -0,0 +1,18 @@
+import type { StepperTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = StepperTriggerProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/stepper/StepperTrigger.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperTrigger, useForwardProps } from "reka-ui";
+import { cn } from "abckit/utils";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperTrigger
+    v-bind="forwarded"
+    :class="cn('p-1 flex flex-col items-center text-center gap-1 rounded-md', props.class)"
+  >
+    <slot />
+  </StepperTrigger>
+</template>

package/dist/runtime/components/ui/stepper/StepperTrigger.vue.d.ts

@@ -0,0 +1,18 @@
+import type { StepperTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = StepperTriggerProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/stepper/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Stepper } from "./Stepper.vue.js";
+export { default as StepperDescription } from "./StepperDescription.vue.js";
+export { default as StepperIndicator } from "./StepperIndicator.vue.js";
+export { default as StepperItem } from "./StepperItem.vue.js";
+export { default as StepperSeparator } from "./StepperSeparator.vue.js";
+export { default as StepperTitle } from "./StepperTitle.vue.js";
+export { default as StepperTrigger } from "./StepperTrigger.vue.js";

package/dist/runtime/components/ui/stepper/index.js

@@ -0,0 +1,7 @@
+export { default as Stepper } from "./Stepper.vue";
+export { default as StepperDescription } from "./StepperDescription.vue";
+export { default as StepperIndicator } from "./StepperIndicator.vue";
+export { default as StepperItem } from "./StepperItem.vue";
+export { default as StepperSeparator } from "./StepperSeparator.vue";
+export { default as StepperTitle } from "./StepperTitle.vue";
+export { default as StepperTrigger } from "./StepperTrigger.vue";

package/dist/runtime/components/ui/storage/StorageActionBar.d.vue.ts

@@ -0,0 +1,26 @@
+import type { FileType } from 'abckit/types/client';
+type ViewMode = 'grid' | 'list';
+interface Props {
+    searchQuery?: string;
+    viewMode?: ViewMode;
+    selectedType?: FileType | 'all';
+    showCreateFolder?: boolean;
+    showViewToggle?: boolean;
+    showTypeFilter?: boolean;
+    showSelectionMode?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:searchQuery": (value: string) => any;
+    "update:viewMode": (value: ViewMode) => any;
+    "update:selectedType": (value: any) => any;
+    "create-folder": () => any;
+    "toggle-selection-mode": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+    "onUpdate:viewMode"?: ((value: ViewMode) => any) | undefined;
+    "onUpdate:selectedType"?: ((value: any) => any) | undefined;
+    "onCreate-folder"?: (() => any) | undefined;
+    "onToggle-selection-mode"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/storage/StorageActionBar.vue

@@ -0,0 +1,109 @@
+<script setup>
+import { FolderPlus, Search } from "lucide-vue-next";
+import { Button } from "abckit/shadcn/button";
+import { Input } from "abckit/shadcn/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "abckit/shadcn/select";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "abckit/shadcn/tooltip";
+import { Icon } from "#components";
+import { computed } from "vue";
+const props = defineProps({
+  searchQuery: { type: String, required: false, default: "" },
+  viewMode: { type: String, required: false, default: "grid" },
+  selectedType: { type: null, required: false, default: "all" },
+  showCreateFolder: { type: Boolean, required: false, default: true },
+  showViewToggle: { type: Boolean, required: false, default: true },
+  showTypeFilter: { type: Boolean, required: false, default: true },
+  showSelectionMode: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["update:searchQuery", "update:viewMode", "update:selectedType", "create-folder", "toggle-selection-mode"]);
+const searchModel = computed({
+  get: () => props.searchQuery,
+  set: (value) => emit("update:searchQuery", value)
+});
+const viewModeModel = computed({
+  get: () => props.viewMode,
+  set: (value) => emit("update:viewMode", value)
+});
+const selectedTypeModel = computed({
+  get: () => props.selectedType,
+  set: (value) => emit("update:selectedType", value)
+});
+</script>
+
+<template>
+  <div class="flex gap-2">
+    <!-- Search -->
+    <div class="relative flex-1">
+      <Search class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+      <Input
+        v-model="searchModel"
+        placeholder="Dosya ara..."
+        class="pl-9 h-10"
+      />
+    </div>
+
+    <!-- Type filter -->
+    <Select v-if="showTypeFilter" v-model="selectedTypeModel">
+      <SelectTrigger class="w-[180px]">
+        <SelectValue placeholder="Dosya türü" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value="all">Tüm dosyalar</SelectItem>
+        <SelectItem value="IMAGE">Resimler</SelectItem>
+        <SelectItem value="VIDEO">Videolar</SelectItem>
+        <SelectItem value="DOCUMENT">Belgeler</SelectItem>
+        <SelectItem value="OTHER">Diğer</SelectItem>
+      </SelectContent>
+    </Select>
+
+    <!-- View mode toggle -->
+    <div v-if="showViewToggle" class="flex rounded-lg border bg-muted/50 p-1">
+      <Button
+        size="icon"
+        variant="ghost"
+        class="h-8 w-8"
+        :class="{ 'bg-background shadow-sm': viewMode === 'grid' }"
+        @click="viewModeModel = 'grid'"
+      >
+        <Icon name="lucide:layout-grid" class="h-4 w-4" />
+      </Button>
+      <Button
+        size="icon"
+        variant="ghost"
+        class="h-8 w-8"
+        :class="{ 'bg-background shadow-sm': viewMode === 'list' }"
+        @click="viewModeModel = 'list'"
+      >
+        <Icon name="lucide:layout-list" class="h-4 w-4" />
+      </Button>
+    </div>
+
+    <!-- Selection mode toggle -->
+    <TooltipProvider v-if="showSelectionMode">
+      <Tooltip>
+        <TooltipTrigger as-child>
+          <Button variant="outline" size="icon" class="h-10 w-10" @click="emit('toggle-selection-mode')">
+            <Icon name="lucide:check-square" class="h-4 w-4" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>Seçim modu</p>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+
+    <!-- Create folder -->
+    <TooltipProvider v-if="showCreateFolder">
+      <Tooltip>
+        <TooltipTrigger as-child>
+          <Button variant="outline" size="icon" class="h-10 w-10" @click="emit('create-folder')">
+            <FolderPlus class="h-4 w-4" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>Yeni klasör oluştur</p>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  </div>
+</template>

package/dist/runtime/components/ui/storage/StorageActionBar.vue.d.ts

@@ -0,0 +1,26 @@
+import type { FileType } from 'abckit/types/client';
+type ViewMode = 'grid' | 'list';
+interface Props {
+    searchQuery?: string;
+    viewMode?: ViewMode;
+    selectedType?: FileType | 'all';
+    showCreateFolder?: boolean;
+    showViewToggle?: boolean;
+    showTypeFilter?: boolean;
+    showSelectionMode?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:searchQuery": (value: string) => any;
+    "update:viewMode": (value: ViewMode) => any;
+    "update:selectedType": (value: any) => any;
+    "create-folder": () => any;
+    "toggle-selection-mode": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+    "onUpdate:viewMode"?: ((value: ViewMode) => any) | undefined;
+    "onUpdate:selectedType"?: ((value: any) => any) | undefined;
+    "onCreate-folder"?: (() => any) | undefined;
+    "onToggle-selection-mode"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/storage/StorageBreadcrumb.d.vue.ts

@@ -0,0 +1,17 @@
+interface FolderPathItem {
+    id: string;
+    originalName: string;
+}
+interface Props {
+    folderPath?: FolderPathItem[];
+    currentFolderId?: string | null;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigateToRoot: () => any;
+    navigateToFolder: (folderId: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onNavigateToRoot?: (() => any) | undefined;
+    onNavigateToFolder?: ((folderId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/storage/StorageBreadcrumb.vue

@@ -0,0 +1,184 @@
+<script setup>
+import { Button } from "abckit/shadcn/button";
+import { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from "abckit/shadcn/drawer";
+import { Icon } from "#components";
+import { ref } from "vue";
+defineProps({
+  folderPath: { type: Array, required: false },
+  currentFolderId: { type: [String, null], required: false }
+});
+const emit = defineEmits(["navigateToRoot", "navigateToFolder"]);
+const isDrawerOpen = ref(false);
+</script>
+
+<template>
+  <nav
+    v-if="currentFolderId || folderPath?.length"
+    class="flex items-center gap-2 text-sm py-3"
+    aria-label="Breadcrumb"
+  >
+    <!-- Home -->
+    <Button
+      variant="ghost"
+      size="sm"
+      class="h-8 px-3 text-muted-foreground hover:text-foreground flex-shrink-0"
+      @click="emit('navigateToRoot')"
+    >
+      <Icon name="lucide:home" class="h-4 w-4" />
+      <span class="ml-2 text-sm hidden sm:inline">Ana Klasör</span>
+    </Button>
+
+    <!-- Folder Path -->
+    <template v-if="folderPath?.length">
+      <!-- Desktop: Show breadcrumb path -->
+      <div class="hidden sm:contents">
+        <!-- Show first folders -->
+        <template v-for="(folder, index) in folderPath.slice(0, 2)" :key="`desktop-${folder.id}`">
+          <Icon name="lucide:chevron-right" class="h-4 w-4 text-muted-foreground flex-shrink-0" />
+          
+          <Button
+            v-if="index < folderPath.length - 1"
+            variant="ghost"
+            size="sm"
+            class="h-8 px-3 text-muted-foreground hover:text-foreground max-w-[140px]"
+            @click="emit('navigateToFolder', folder.id)"
+          >
+            <Icon name="lucide:folder" class="h-4 w-4 mr-2 flex-shrink-0" />
+            <span class="truncate text-sm">{{ folder.originalName }}</span>
+          </Button>
+          
+          <div
+            v-else
+            class="flex items-center px-3 py-1.5 text-foreground font-medium max-w-[160px]"
+          >
+            <Icon name="lucide:folder-open" class="h-4 w-4 mr-2 flex-shrink-0 text-primary" />
+            <span class="truncate text-sm">{{ folder.originalName }}</span>
+          </div>
+        </template>
+
+        <!-- Show drawer trigger for middle folders if path is long -->
+        <template v-if="folderPath.length > 3">
+          <Icon name="lucide:chevron-right" class="h-4 w-4 text-muted-foreground flex-shrink-0" />
+          
+          <button 
+            class="inline-flex items-center justify-center h-6 px-2 text-xs font-semibold text-white bg-muted-foreground hover:bg-foreground rounded transition-colors min-w-[24px]"
+            @click="isDrawerOpen = true"
+          >
+            +{{ folderPath.slice(2, -1).length }}
+          </button>
+        </template>
+
+        <!-- Show last folder -->
+        <template v-if="folderPath.length > 2">
+          <Icon name="lucide:chevron-right" class="h-4 w-4 text-muted-foreground flex-shrink-0" />
+          
+          <div class="flex items-center px-3 py-1.5 text-foreground font-medium max-w-[160px]">
+            <Icon name="lucide:folder-open" class="h-4 w-4 mr-2 flex-shrink-0 text-primary" />
+            <span class="truncate text-sm">{{ folderPath?.[folderPath.length - 1]?.originalName }}</span>
+          </div>
+        </template>
+      </div>
+
+      <!-- Mobile: Show folder count button -->
+      <div class="contents sm:hidden">
+        <Icon name="lucide:chevron-right" class="h-3 w-3 text-muted-foreground flex-shrink-0" />
+        
+        <button 
+          class="inline-flex items-center justify-center h-6 px-2 text-xs font-semibold text-white bg-muted-foreground hover:bg-foreground rounded transition-colors min-w-[20px]"
+          @click="isDrawerOpen = true"
+        >
+          {{ folderPath.length }}
+        </button>
+
+        <Icon name="lucide:chevron-right" class="h-3 w-3 text-muted-foreground flex-shrink-0" />
+        
+        <div class="flex items-center px-2 py-1 text-foreground font-medium max-w-[120px] flex-shrink-0">
+          <Icon name="lucide:folder-open" class="h-3 w-3 mr-1 flex-shrink-0 text-primary" />
+          <span class="truncate text-xs">{{ folderPath?.[folderPath.length - 1]?.originalName }}</span>
+        </div>
+      </div>
+    </template>
+
+    <!-- Single responsive drawer -->
+    <Drawer v-model:open="isDrawerOpen">
+      <DrawerContent class="max-h-[80vh] sm:max-h-[90vh]">
+        <DrawerHeader>
+          <DrawerTitle>Klasör Yolu</DrawerTitle>
+          <DrawerDescription>
+            {{ folderPath?.length || 0 }} seviye klasör hiyerarşisi
+          </DrawerDescription>
+        </DrawerHeader>
+        
+        <div class="px-3 pb-3 overflow-y-auto">
+          <div class="space-y-1">
+            <!-- Home folder -->
+            <button
+              @click="emit('navigateToRoot');
+  isDrawerOpen = false"
+              class="w-full flex items-center gap-3 px-3 py-3 sm:py-2 text-left hover:bg-muted/50 rounded-lg transition-colors min-h-[44px] sm:min-h-0"
+            >
+              <div class="h-7 w-7 sm:h-6 sm:w-6 rounded bg-primary/10 flex items-center justify-center">
+                <Icon name="lucide:home" class="h-4 w-4 sm:h-3.5 sm:w-3.5 text-primary" />
+              </div>
+              <p class="font-medium text-base sm:text-sm">Ana Klasör</p>
+            </button>
+            
+            <!-- Hierarchical folder structure -->
+            <div class="relative">
+              <!-- Vertical line for hierarchy -->
+              <div class="absolute left-5 sm:left-4 top-0 bottom-0 w-px bg-border/60"></div>
+              
+              <div class="space-y-1">
+                <button
+                  v-for="(folder, index) in folderPath || []"
+                  :key="folder.id"
+                  @click="emit('navigateToFolder', folder.id);
+  isDrawerOpen = false"
+                  class="w-full flex items-center gap-3 sm:gap-2 text-left hover:bg-muted/50 rounded-lg sm:rounded-md transition-colors group relative min-h-[44px] sm:min-h-0 py-3 px-3 sm:py-1.5 sm:px-2"
+                  :class="{ 'bg-primary/5': index === (folderPath?.length ?? 0) - 1 }"
+                  :style="{
+  paddingLeft: `${12 + (index + 1) * 10}px`
+}"
+                >
+                  <!-- Hierarchy connector -->
+                  <div 
+                    class="absolute bg-border/60" 
+                    :style="{
+  left: `${12 + (index + 1) * 10 - 8}px`,
+  top: '50%',
+  width: '8px',
+  height: '1px'
+}"
+                  ></div>
+                  
+                  <!-- Folder icon -->
+                  <div class="h-6 w-6 sm:h-5 sm:w-5 rounded bg-amber-50 flex items-center justify-center flex-shrink-0">
+                    <Icon 
+                      :name="index === (folderPath?.length ?? 0) - 1 ? 'lucide:folder-open' : 'lucide:folder'" 
+                      class="h-4 w-4 sm:h-3 sm:w-3"
+                      :class="index === (folderPath?.length ?? 0) - 1 ? 'text-primary' : 'text-amber-600'"
+                    />
+                  </div>
+                  
+                  <!-- Folder info -->
+                  <div class="flex-1 min-w-0">
+                    <p class="font-medium text-base sm:text-xs truncate" :class="{ 'text-primary': index === (folderPath?.length ?? 0) - 1 }">
+                      {{ folder.originalName }}
+                    </p>
+                  </div>
+                  
+                  <!-- Current indicator -->
+                  <Icon 
+                    v-if="index === (folderPath?.length ?? 0) - 1" 
+                    name="lucide:circle-dot" 
+                    class="h-4 w-4 sm:h-3 sm:w-3 text-primary flex-shrink-0" 
+                  />
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </DrawerContent>
+    </Drawer>
+  </nav>
+</template>

package/dist/runtime/components/ui/storage/StorageBreadcrumb.vue.d.ts

@@ -0,0 +1,17 @@
+interface FolderPathItem {
+    id: string;
+    originalName: string;
+}
+interface Props {
+    folderPath?: FolderPathItem[];
+    currentFolderId?: string | null;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigateToRoot: () => any;
+    navigateToFolder: (folderId: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onNavigateToRoot?: (() => any) | undefined;
+    onNavigateToFolder?: ((folderId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/storage/StorageDialogs.d.vue.ts

@@ -0,0 +1,60 @@
+interface DeleteTarget {
+    id: string;
+    type: 'single' | 'multiple';
+    isFolder?: boolean;
+}
+interface RenameTarget {
+    id: string;
+    currentName: string;
+    isFolder?: boolean;
+}
+interface MoveTarget {
+    id: string;
+    name: string;
+    currentParentId?: string | null;
+}
+interface Props {
+    showDeleteDialog: boolean;
+    deleteTarget?: DeleteTarget | null;
+    isTrash?: boolean;
+    selectedCount?: number;
+    showRenameDialog: boolean;
+    renameTarget?: RenameTarget | null;
+    showCreateFolderDialog: boolean;
+    showMoveDialog: boolean;
+    moveTarget?: MoveTarget | null;
+    selectedTargetFolderId?: string;
+}
+declare var __VLS_171: {};
+type __VLS_Slots = {} & {
+    'folder-tree'?: (props: typeof __VLS_171) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:showDeleteDialog": (value: boolean) => any;
+    "update:showRenameDialog": (value: boolean) => any;
+    "update:showCreateFolderDialog": (value: boolean) => any;
+    "update:showMoveDialog": (value: boolean) => any;
+    "update:selectedTargetFolderId": (value: string | undefined) => any;
+    "confirm-delete": () => any;
+    "confirm-rename": (name: string) => any;
+    "confirm-create-folder": (name: string) => any;
+    "confirm-move": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:showDeleteDialog"?: ((value: boolean) => any) | undefined;
+    "onUpdate:showRenameDialog"?: ((value: boolean) => any) | undefined;
+    "onUpdate:showCreateFolderDialog"?: ((value: boolean) => any) | undefined;
+    "onUpdate:showMoveDialog"?: ((value: boolean) => any) | undefined;
+    "onUpdate:selectedTargetFolderId"?: ((value: string | undefined) => any) | undefined;
+    "onConfirm-delete"?: (() => any) | undefined;
+    "onConfirm-rename"?: ((name: string) => any) | undefined;
+    "onConfirm-create-folder"?: ((name: string) => any) | undefined;
+    "onConfirm-move"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};