abckit 0.0.10 → 0.0.12

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

@@ -1,5 +1,4 @@
 <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";
@@ -14,13 +13,13 @@ const props = defineProps({
 });
 const emit = defineEmits(["fileClick", "folderClick", "toggleSelection", "fileAction"]);
 const FILE_TYPE_ICONS = {
-  IMAGE: Image,
-  VIDEO: Film,
-  AUDIO: FileText,
-  DOCUMENT: FileText,
-  ARCHIVE: Cloud,
-  OTHER: Cloud,
-  FOLDER: Folder
+  IMAGE: "lucide:image",
+  VIDEO: "lucide:film",
+  AUDIO: "lucide:file-text",
+  DOCUMENT: "lucide:file-text",
+  ARCHIVE: "lucide:cloud",
+  OTHER: "lucide:cloud",
+  FOLDER: "lucide:folder"
 };
 function getFileIcon(file) {
   if (file.isFolder) return FILE_TYPE_ICONS.FOLDER;
@@ -72,8 +71,8 @@ function isSelected(fileId) {
           fallback=""
         />
         <div v-else class="flex h-full items-center justify-center">
-          <component
-            :is="getFileIcon(file)"
+          <Icon
+            :name="getFileIcon(file)"
             class="h-12 w-12 text-muted-foreground"
           />
         </div>
@@ -102,7 +101,7 @@ function isSelected(fileId) {
               class="h-8 w-8 bg-background/80 backdrop-blur-sm"
               @click.stop
             >
-              <MoreVertical class="h-4 w-4" />
+              <Icon name="lucide:more-vertical" class="h-4 w-4" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">

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

@@ -1,5 +1,5 @@
 <script setup>
-import { RotateCcw, Trash2 } from "lucide-vue-next";
+import { Icon } from "#components";
 import { Button } from "abckit/shadcn/button";
 const props = defineProps({
   selectedCount: { type: Number, required: true },
@@ -33,7 +33,7 @@ const emit = defineEmits(["toggle-selection-mode", "clear-selection", "select-al
       size="sm"
       @click="emit('restore-selected')"
     >
-      <RotateCcw class="mr-2 h-4 w-4" />
+      <Icon name="lucide:rotate-ccw" class="mr-2 h-4 w-4" />
       Geri Yükle ({{ selectedCount }})
     </Button>
     
@@ -43,7 +43,7 @@ const emit = defineEmits(["toggle-selection-mode", "clear-selection", "select-al
       size="sm"
       @click="emit('delete-selected')"
     >
-      <Trash2 class="mr-2 h-4 w-4" />
+      <Icon name="lucide:trash-2" class="mr-2 h-4 w-4" />
       {{ isTrash ? "Kal\u0131c\u0131 Olarak" : "" }} Sil ({{ selectedCount }})
     </Button>
   </div>

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

@@ -1,5 +1,4 @@
 <script setup>
-import { Cloud, FileText, Film, Folder, Image, MoreVertical } from "lucide-vue-next";
 import { bytesToSize } from "abckit/shared/constants/r2";
 import { Badge } from "abckit/shadcn/badge";
 import { Button } from "abckit/shadcn/button";
@@ -18,13 +17,13 @@ const props = defineProps({
 });
 const emit = defineEmits(["fileClick", "folderClick", "toggleSelection", "selectAll", "fileAction"]);
 const FILE_TYPE_ICONS = {
-  IMAGE: Image,
-  VIDEO: Film,
-  AUDIO: FileText,
-  DOCUMENT: FileText,
-  ARCHIVE: Cloud,
-  OTHER: Cloud,
-  FOLDER: Folder
+  IMAGE: "lucide:image",
+  VIDEO: "lucide:film",
+  AUDIO: "lucide:file-text",
+  DOCUMENT: "lucide:file-text",
+  ARCHIVE: "lucide:cloud",
+  OTHER: "lucide:cloud",
+  FOLDER: "lucide:folder"
 };
 const FILE_TYPE_LABELS = {
   IMAGE: "Image",
@@ -113,9 +112,9 @@ const someSelected = computed(
                   class="h-full w-full"
                   fallback=""
                 />
-                <component
+                <Icon
                   v-else
-                  :is="getFileIcon(file)"
+                  :name="getFileIcon(file)"
                   class="h-5 w-5 text-muted-foreground"
                 />
               </div>
@@ -145,7 +144,7 @@ const someSelected = computed(
                   class="h-8 w-8"
                   @click.stop
                 >
-                  <MoreVertical class="h-4 w-4" />
+                  <Icon name="lucide:more-vertical" class="h-4 w-4" />
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align="end">

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

@@ -1,5 +1,5 @@
 <script setup>
-import { Upload } from "lucide-vue-next";
+import { Icon } from "#components";
 import { ref } from "vue";
 const props = defineProps({
   isDragging: { type: Boolean, required: false, default: false },
@@ -45,9 +45,10 @@ function handleClick() {
       @change="handleFileInput"
     >
     
-    <Upload 
-      class="mx-auto h-10 w-10 transition-colors" 
-      :class="isDragging ? 'text-primary' : 'text-muted-foreground'" 
+    <Icon
+      name="lucide:upload"
+      class="mx-auto h-10 w-10 transition-colors"
+      :class="isDragging ? 'text-primary' : 'text-muted-foreground'"
     />
     
     <p class="mt-3 text-base font-medium transition-colors" :class="isDragging ? 'text-primary' : 'text-foreground'">

package/dist/runtime/components/ui/tags-input/TagsInputItemDelete.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { X } from "lucide-vue-next";
+import { Icon } from "#components";
 import { TagsInputItemDelete, useForwardProps } from "reka-ui";
 import { cn } from "abckit/utils";
 const props = defineProps({
@@ -15,7 +15,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputItemDelete v-bind="forwardedProps" :class="cn('flex rounded bg-transparent mr-1', props.class)">
     <slot>
-      <X class="w-4 h-4" />
+      <Icon name="lucide:x" class="w-4 h-4" />
     </slot>
   </TagsInputItemDelete>
 </template>