abckit 0.0.1

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

@@ -0,0 +1,191 @@
+<script setup>
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "abckit/shadcn/alert-dialog";
+import { Button } from "abckit/shadcn/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "abckit/shadcn/dialog";
+import { Input } from "abckit/shadcn/input";
+import { Label } from "abckit/shadcn/label";
+import { RadioGroup, RadioGroupItem } from "abckit/shadcn/radio-group";
+import { Icon } from "#components";
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  showDeleteDialog: { type: Boolean, required: true },
+  deleteTarget: { type: [Object, null], required: false },
+  isTrash: { type: Boolean, required: false, default: false },
+  selectedCount: { type: Number, required: false, default: 0 },
+  showRenameDialog: { type: Boolean, required: true },
+  renameTarget: { type: [Object, null], required: false },
+  showCreateFolderDialog: { type: Boolean, required: true },
+  showMoveDialog: { type: Boolean, required: true },
+  moveTarget: { type: [Object, null], required: false },
+  selectedTargetFolderId: { type: String, required: false }
+});
+const emit = defineEmits(["update:showDeleteDialog", "update:showRenameDialog", "update:showCreateFolderDialog", "update:showMoveDialog", "update:selectedTargetFolderId", "confirm-delete", "confirm-rename", "confirm-create-folder", "confirm-move"]);
+const newFileName = ref("");
+const newFolderName = ref("");
+const deleteDialogModel = computed({
+  get: () => props.showDeleteDialog,
+  set: (value) => emit("update:showDeleteDialog", value)
+});
+const renameDialogModel = computed({
+  get: () => props.showRenameDialog,
+  set: (value) => emit("update:showRenameDialog", value)
+});
+const createFolderDialogModel = computed({
+  get: () => props.showCreateFolderDialog,
+  set: (value) => emit("update:showCreateFolderDialog", value)
+});
+const moveDialogModel = computed({
+  get: () => props.showMoveDialog,
+  set: (value) => emit("update:showMoveDialog", value)
+});
+const selectedTargetFolderModel = computed({
+  get: () => props.selectedTargetFolderId,
+  set: (value) => emit("update:selectedTargetFolderId", value)
+});
+watch(() => props.renameTarget, (target) => {
+  if (target) {
+    newFileName.value = target.currentName;
+  }
+}, { immediate: true });
+watch([renameDialogModel, createFolderDialogModel], ([renameOpen, createOpen]) => {
+  if (!renameOpen) newFileName.value = "";
+  if (!createOpen) newFolderName.value = "";
+});
+function handleRename() {
+  if (newFileName.value.trim()) {
+    emit("confirm-rename", newFileName.value.trim());
+  }
+}
+function handleCreateFolder() {
+  if (newFolderName.value.trim()) {
+    emit("confirm-create-folder", newFolderName.value.trim());
+  }
+}
+</script>
+
+<template>
+  <!-- Delete Confirmation Dialog -->
+  <AlertDialog v-model:open="deleteDialogModel">
+    <AlertDialogContent>
+      <AlertDialogHeader>
+        <AlertDialogTitle>
+          {{ isTrash ? "Kal\u0131c\u0131 Olarak Sil" : "Dosyay\u0131 Sil" }}
+        </AlertDialogTitle>
+        <AlertDialogDescription>
+          <template v-if="deleteTarget?.type === 'single'">
+            Bu {{ deleteTarget?.isFolder ? "klas\xF6r\xFC" : "dosyay\u0131" }} 
+            {{ isTrash ? "kal\u0131c\u0131 olarak silmek" : "\xE7\xF6p kutusuna ta\u015F\u0131mak" }} istediğinize emin misiniz?
+            {{ isTrash ? "Bu i\u015Flem geri al\u0131namaz." : "" }}
+          </template>
+          <template v-else>
+            {{ selectedCount }} dosyayı {{ isTrash ? "kal\u0131c\u0131 olarak silmek" : "\xE7\xF6p kutusuna ta\u015F\u0131mak" }} istediğinize emin misiniz?
+            {{ isTrash ? "Bu i\u015Flem geri al\u0131namaz." : "" }}
+          </template>
+        </AlertDialogDescription>
+      </AlertDialogHeader>
+      <AlertDialogFooter>
+        <AlertDialogCancel>İptal</AlertDialogCancel>
+        <AlertDialogAction
+          class="bg-destructive text-white hover:bg-destructive/90"
+          @click="emit('confirm-delete')"
+        >
+          {{ isTrash ? "Kal\u0131c\u0131 Olarak Sil" : "Sil" }}
+        </AlertDialogAction>
+      </AlertDialogFooter>
+    </AlertDialogContent>
+  </AlertDialog>
+
+  <!-- Rename Dialog -->
+  <Dialog v-model:open="renameDialogModel">
+    <DialogContent>
+      <DialogHeader>
+        <DialogTitle>{{ renameTarget?.isFolder ? "Klas\xF6r\xFC" : "Dosyay\u0131" }} Yeniden Adlandır</DialogTitle>
+        <DialogDescription>
+          {{ renameTarget?.isFolder ? "Klas\xF6r" : "Dosya" }} için yeni bir isim girin.
+        </DialogDescription>
+      </DialogHeader>
+      <div class="grid gap-4 py-4">
+        <div class="grid gap-2">
+          <Label for="new-name">{{ renameTarget?.isFolder ? "Klas\xF6r" : "Dosya" }} Adı</Label>
+          <Input
+            id="new-name"
+            v-model="newFileName"
+            :placeholder="`Yeni ${renameTarget?.isFolder ? 'klas\xF6r' : 'dosya'} ad\u0131`"
+            @keyup.enter="handleRename"
+          />
+        </div>
+      </div>
+      <DialogFooter>
+        <Button variant="outline" @click="renameDialogModel = false">
+          İptal
+        </Button>
+        <Button @click="handleRename">
+          Kaydet
+        </Button>
+      </DialogFooter>
+    </DialogContent>
+  </Dialog>
+
+  <!-- Move Dialog -->
+  <Dialog v-model:open="moveDialogModel">
+    <DialogContent>
+      <DialogHeader>
+        <DialogTitle>Dosyayı Taşı</DialogTitle>
+        <DialogDescription>
+          "{{ moveTarget?.name }}" dosyasını taşımak istediğiniz klasörü seçin.
+        </DialogDescription>
+      </DialogHeader>
+      <div class="grid gap-4 py-4">
+        <RadioGroup v-model="selectedTargetFolderModel" class="space-y-2">
+          <div class="flex items-center space-x-2 p-2 rounded hover:bg-muted">
+            <RadioGroupItem value="" />
+            <Label for="root-folder" class="flex items-center gap-2 cursor-pointer flex-1">
+              <Icon name="lucide:home" class="h-4 w-4" />
+              Ana Klasör
+            </Label>
+          </div>
+          <slot name="folder-tree" />
+        </RadioGroup>
+      </div>
+      <DialogFooter>
+        <Button variant="outline" @click="moveDialogModel = false">
+          İptal
+        </Button>
+        <Button @click="emit('confirm-move')">
+          Taşı
+        </Button>
+      </DialogFooter>
+    </DialogContent>
+  </Dialog>
+
+  <!-- Create Folder Dialog -->
+  <Dialog v-model:open="createFolderDialogModel">
+    <DialogContent>
+      <DialogHeader>
+        <DialogTitle>Yeni Klasör Oluştur</DialogTitle>
+        <DialogDescription>
+          Klasör için bir isim girin.
+        </DialogDescription>
+      </DialogHeader>
+      <div class="grid gap-4 py-4">
+        <div class="grid gap-2">
+          <Label for="folder-name">Klasör Adı</Label>
+          <Input
+            id="folder-name"
+            v-model="newFolderName"
+            placeholder="Yeni klasör"
+            @keyup.enter="handleCreateFolder"
+          />
+        </div>
+      </div>
+      <DialogFooter>
+        <Button variant="outline" @click="createFolderDialogModel = false">
+          İptal
+        </Button>
+        <Button @click="handleCreateFolder">
+          Oluştur
+        </Button>
+      </DialogFooter>
+    </DialogContent>
+  </Dialog>
+</template>

package/dist/runtime/components/ui/storage/StorageDialogs.vue.d.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;
+    };
+};

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

@@ -0,0 +1,12 @@
+interface Props {
+    type?: 'empty' | 'search' | 'trash';
+    searchQuery?: string;
+    showUpload?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    upload: (files: FileList) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onUpload?: ((files: FileList) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,68 @@
+<script setup>
+import { Cloud, Trash2, Upload } from "lucide-vue-next";
+import { Icon } from "#components";
+import { ref } from "vue";
+const props = defineProps({
+  type: { type: String, required: false, default: "empty" },
+  searchQuery: { type: String, required: false },
+  showUpload: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["upload"]);
+const fileInputRef = ref();
+function handleUploadClick() {
+  fileInputRef.value?.click();
+}
+function handleFileInput(event) {
+  const target = event.target;
+  if (target.files?.length) {
+    emit("upload", target.files);
+    target.value = "";
+  }
+}
+</script>
+
+<template>
+  <div class="flex flex-col items-center justify-center py-12">
+    <!-- Icon -->
+    <div class="rounded-full bg-muted p-8 mb-4" :class="{ 'cursor-pointer': showUpload }" @click="showUpload ? handleUploadClick() : void 0">
+      <input
+        v-if="showUpload"
+        ref="fileInputRef"
+        type="file"
+        multiple
+        class="hidden"
+        @change="handleFileInput"
+      >
+      <Upload v-if="type === 'empty' && showUpload" class="h-16 w-16 text-muted-foreground" />
+      <Cloud v-else-if="type === 'empty'" class="h-16 w-16 text-muted-foreground" />
+      <Trash2 v-else-if="type === 'trash'" class="h-16 w-16 text-muted-foreground" />
+      <Icon v-else name="lucide:search-x" class="h-16 w-16 text-muted-foreground" />
+    </div>
+
+    <!-- Title -->
+    <h3 class="text-lg font-semibold">
+      <template v-if="type === 'search'">
+        Sonuç bulunamadı
+      </template>
+      <template v-else-if="type === 'empty'">
+        Henüz dosya yok
+      </template>
+      <template v-else-if="type === 'trash'">
+        Çöp kutusu boş
+      </template>
+    </h3>
+
+    <!-- Description -->
+    <p class="text-muted-foreground mt-1">
+      <template v-if="type === 'search'">
+        {{ searchQuery ? `"${searchQuery}" i\xE7in sonu\xE7 bulunamad\u0131` : "Farkl\u0131 bir arama terimi deneyin" }}
+      </template>
+      <template v-else-if="type === 'empty'">
+        {{ showUpload ? "Dosyalar\u0131 s\xFCr\xFCkleyip b\u0131rak\u0131n veya y\xFCkle butonunu kullan\u0131n" : "Dosya y\xFCklemek i\xE7in y\xFCkle butonunu kullan\u0131n" }}
+      </template>
+      <template v-else-if="type === 'trash'">
+        Silinen dosyalar burada görünecek
+      </template>
+    </p>
+  </div>
+</template>

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

@@ -0,0 +1,12 @@
+interface Props {
+    type?: 'empty' | 'search' | 'trash';
+    searchQuery?: string;
+    showUpload?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    upload: (files: FileList) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onUpload?: ((files: FileList) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,51 @@
+import type { FileType } from 'abckit/types/client';
+interface FileItem {
+    id: string;
+    filename: string;
+    originalName: string;
+    mimeType: string;
+    size: number;
+    r2Key: string;
+    type: FileType;
+    parentId?: string | null;
+    isFolder?: boolean;
+    path?: string;
+    createdAt: string;
+    updatedAt: string;
+    deletedAt?: string | null;
+    user?: {
+        id: string;
+        email: string;
+    } | null;
+}
+interface Props {
+    files: FileItem[];
+    selectedFiles?: Set<string>;
+    isSelectionMode?: boolean;
+    showActions?: boolean;
+}
+declare var __VLS_53: {
+    file: FileItem;
+};
+type __VLS_Slots = {} & {
+    'file-actions'?: (props: typeof __VLS_53) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    folderClick: (file: FileItem) => any;
+    fileClick: (file: FileItem) => any;
+    toggleSelection: (fileId: string) => any;
+    fileAction: (action: string, file: FileItem) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onFolderClick?: ((file: FileItem) => any) | undefined;
+    onFileClick?: ((file: FileItem) => any) | undefined;
+    onToggleSelection?: ((fileId: string) => any) | undefined;
+    onFileAction?: ((action: string, file: FileItem) => 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;
+    };
+};

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

@@ -0,0 +1,139 @@
+<script setup>
+import { Cloud, FileText, Film, Folder, Image, MoreVertical } from "lucide-vue-next";
+import { bytesToSize } from "abckit/shared/constants/r2";
+import { Button } from "abckit/shadcn/button";
+import { Checkbox } from "abckit/shadcn/checkbox";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "abckit/shadcn/dropdown-menu";
+import { AppImage } from "abckit/components/app";
+import { Icon } from "#components";
+const props = defineProps({
+  files: { type: Array, required: true },
+  selectedFiles: { type: Set, required: false },
+  isSelectionMode: { type: Boolean, required: false, default: false },
+  showActions: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["fileClick", "folderClick", "toggleSelection", "fileAction"]);
+const FILE_TYPE_ICONS = {
+  IMAGE: Image,
+  VIDEO: Film,
+  DOCUMENT: FileText,
+  OTHER: Cloud,
+  FOLDER: Folder
+};
+function getFileIcon(file) {
+  if (file.isFolder) return FILE_TYPE_ICONS.FOLDER;
+  return FILE_TYPE_ICONS[file.type];
+}
+function handleClick(file) {
+  if (props.isSelectionMode) {
+    emit("toggleSelection", file.id);
+  } else if (file.isFolder) {
+    emit("folderClick", file);
+  } else {
+    emit("fileClick", file);
+  }
+}
+function isSelected(fileId) {
+  return props.selectedFiles?.has(fileId) || false;
+}
+</script>
+
+<template>
+  <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
+    <div
+      v-for="file in files"
+      :key="file.id"
+      class="group relative cursor-pointer rounded-lg border bg-card transition-all hover:shadow-md"
+      :class="{ 'ring-2 ring-primary': isSelectionMode && isSelected(file.id) }"
+      @click="handleClick(file)"
+    >
+      <!-- Selection checkbox -->
+      <div
+        v-if="isSelectionMode"
+        class="absolute left-2 top-2 z-10"
+        @click.stop
+      >
+        <Checkbox
+          :model-value="isSelected(file.id)"
+          @update:model-value="emit('toggleSelection', file.id)"
+        />
+      </div>
+
+      <!-- File preview -->
+      <div class="aspect-square overflow-hidden rounded-t-lg bg-muted">
+        <AppImage
+          v-if="!file.isFolder && file.type === 'IMAGE'"
+          :src="file.r2Key"
+          :alt="file.originalName"
+          size="md"
+          class="h-full w-full"
+          fallback=""
+        />
+        <div v-else class="flex h-full items-center justify-center">
+          <component
+            :is="getFileIcon(file)"
+            class="h-12 w-12 text-muted-foreground"
+          />
+        </div>
+      </div>
+
+      <!-- File info -->
+      <div class="p-3">
+        <p class="truncate text-sm font-medium">{{ file.originalName }}</p>
+        <p class="text-xs text-muted-foreground">
+          <template v-if="file.isFolder">
+            Klasör
+          </template>
+          <template v-else>
+            {{ bytesToSize(file.size) }}
+          </template>
+        </p>
+      </div>
+
+      <!-- Actions -->
+      <div v-if="showActions" class="absolute right-2 top-2 opacity-0 group-hover:opacity-100 transition-opacity">
+        <DropdownMenu>
+          <DropdownMenuTrigger as-child>
+            <Button
+              size="icon"
+              variant="ghost"
+              class="h-8 w-8 bg-background/80 backdrop-blur-sm"
+              @click.stop
+            >
+              <MoreVertical class="h-4 w-4" />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="end">
+            <slot name="file-actions" :file="file">
+              <!-- Default actions - can be overridden -->
+              <DropdownMenuItem @click.stop="emit('fileAction', 'view', file)">
+                <Icon name="lucide:eye" class="mr-2 h-4 w-4" />
+                {{ file.isFolder ? "A\xE7" : "G\xF6r\xFCnt\xFCle" }}
+              </DropdownMenuItem>
+              <DropdownMenuItem v-if="!file.isFolder" @click.stop="emit('fileAction', 'download', file)">
+                <Icon name="lucide:download" class="mr-2 h-4 w-4" />
+                İndir
+              </DropdownMenuItem>
+              <DropdownMenuItem @click.stop="emit('fileAction', 'rename', file)">
+                <Icon name="lucide:pencil" class="mr-2 h-4 w-4" />
+                Yeniden Adlandır
+              </DropdownMenuItem>
+              <DropdownMenuItem @click.stop="emit('fileAction', 'move', file)">
+                <Icon name="lucide:folder-input" class="mr-2 h-4 w-4" />
+                Taşı
+              </DropdownMenuItem>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem
+                class="text-destructive focus:text-destructive"
+                @click.stop="emit('fileAction', 'delete', file)"
+              >
+                <Icon name="lucide:trash-2" class="mr-2 h-4 w-4" />
+                Sil
+              </DropdownMenuItem>
+            </slot>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,51 @@
+import type { FileType } from 'abckit/types/client';
+interface FileItem {
+    id: string;
+    filename: string;
+    originalName: string;
+    mimeType: string;
+    size: number;
+    r2Key: string;
+    type: FileType;
+    parentId?: string | null;
+    isFolder?: boolean;
+    path?: string;
+    createdAt: string;
+    updatedAt: string;
+    deletedAt?: string | null;
+    user?: {
+        id: string;
+        email: string;
+    } | null;
+}
+interface Props {
+    files: FileItem[];
+    selectedFiles?: Set<string>;
+    isSelectionMode?: boolean;
+    showActions?: boolean;
+}
+declare var __VLS_53: {
+    file: FileItem;
+};
+type __VLS_Slots = {} & {
+    'file-actions'?: (props: typeof __VLS_53) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    folderClick: (file: FileItem) => any;
+    fileClick: (file: FileItem) => any;
+    toggleSelection: (fileId: string) => any;
+    fileAction: (action: string, file: FileItem) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onFolderClick?: ((file: FileItem) => any) | undefined;
+    onFileClick?: ((file: FileItem) => any) | undefined;
+    onToggleSelection?: ((fileId: string) => any) | undefined;
+    onFileAction?: ((action: string, file: FileItem) => 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;
+    };
+};

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

@@ -0,0 +1,20 @@
+interface Props {
+    selectedCount: number;
+    isSelectionMode: boolean;
+    isTrash?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "toggle-selection-mode": () => any;
+    "clear-selection": () => any;
+    "select-all": () => any;
+    "delete-selected": () => any;
+    "restore-selected": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onToggle-selection-mode"?: (() => any) | undefined;
+    "onClear-selection"?: (() => any) | undefined;
+    "onSelect-all"?: (() => any) | undefined;
+    "onDelete-selected"?: (() => any) | undefined;
+    "onRestore-selected"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,50 @@
+<script setup>
+import { RotateCcw, Trash2 } from "lucide-vue-next";
+import { Button } from "abckit/shadcn/button";
+const props = defineProps({
+  selectedCount: { type: Number, required: true },
+  isSelectionMode: { type: Boolean, required: true },
+  isTrash: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["toggle-selection-mode", "clear-selection", "select-all", "delete-selected", "restore-selected"]);
+</script>
+
+<template>
+  <div v-if="isSelectionMode" class="flex items-center gap-2">
+    <Button
+      variant="outline"
+      size="sm"
+      @click="emit('clear-selection')"
+    >
+      İptal
+    </Button>
+    
+    <Button
+      v-if="selectedCount === 0"
+      variant="outline"
+      size="sm"
+      @click="emit('select-all')"
+    >
+      Tümünü Seç
+    </Button>
+    
+    <Button
+      v-if="selectedCount > 0 && isTrash"
+      size="sm"
+      @click="emit('restore-selected')"
+    >
+      <RotateCcw class="mr-2 h-4 w-4" />
+      Geri Yükle ({{ selectedCount }})
+    </Button>
+    
+    <Button
+      v-if="selectedCount > 0"
+      variant="destructive"
+      size="sm"
+      @click="emit('delete-selected')"
+    >
+      <Trash2 class="mr-2 h-4 w-4" />
+      {{ isTrash ? "Kal\u0131c\u0131 Olarak" : "" }} Sil ({{ selectedCount }})
+    </Button>
+  </div>
+</template>