@polymarbot/nuxt-layer-shadcn-ui 0.10.0 → 0.10.1

package/app/components/ui/Upload/en.json

@@ -1,13 +1,19 @@
 {
   "drag": {
     "title": "Click or drag file to this area to upload",
+    "titleDirectory": "Click or drag a directory to this area to upload",
     "titleMultiple": "Click or drag files to this area to upload"
   },
   "empty": "No files",
   "error": {
+    "accept": "{files} is not an accepted file type ({accept}).",
     "oversize": "{files} exceeds the {size} size limit."
   },
   "hint": {
+    "accept": "Accepted: {types}.",
+    "acceptAudio": "audio",
+    "acceptImage": "images",
+    "acceptVideo": "videos",
     "max": "Up to {max} files can be selected.",
     "maxSize": "Max size per file: {size}.",
     "multiple": "Multiple files can be selected.",

package/app/components/ui/Upload/index.stories.ts

@@ -103,7 +103,18 @@ export const AcceptImagesOnly: Story = {
 // --- Selection behavior (all three variants side by side) ---
 
 export const Multiple: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload v-model:fileList="fileList" variant="drag" multiple />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
     setup: () => ({ variants }),
@@ -116,7 +127,18 @@ export const Multiple: Story = {
 }
 
 export const MaxCount: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload v-model:fileList="fileList" variant="drag" multiple :maxCount="3" />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
     setup: () => ({ variants }),
@@ -129,42 +151,61 @@ export const MaxCount: Story = {
 }
 
 export const MaxSize: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload v-model:fileList="fileList" variant="drag" multiple :maxSize="50 * 1024" />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
-    setup () {
-      const errorMessage = ref('')
-      const onError = (e: unknown) => {
-        errorMessage.value = e instanceof Error ? e.message : String(e)
-      }
-      return { variants, errorMessage, onError }
-    },
+    setup: () => ({ variants }),
     template: `
       <div class="max-w-2xl space-y-6">
-        <Upload
-          v-for="v in variants"
-          :key="v"
-          :variant="v"
-          multiple
-          :maxSize="50 * 1024"
-          @error="onError"
-        />
-        <p v-if="errorMessage" class="text-sm text-danger">
-          {{ errorMessage }}
-        </p>
+        <Upload v-for="v in variants" :key="v" :variant="v" multiple :maxSize="50 * 1024" />
       </div>
     `,
   }),
 }
 
 export const Directory: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload
+    v-model:fileList="fileList"
+    variant="button"
+    directory
+    accept="image/*"
+    :maxCount="5"
+  />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
     setup: () => ({ variants }),
     template: `
       <div class="max-w-2xl space-y-6">
-        <Upload v-for="v in variants" :key="v" :variant="v" directory :maxCount="5" />
+        <Upload
+          v-for="v in variants"
+          :key="v"
+          :variant="v"
+          directory
+          accept="image/*"
+          :maxCount="5"
+        />
       </div>
     `,
   }),
@@ -173,7 +214,18 @@ export const Directory: Story = {
 // --- States ---
 
 export const Disabled: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload v-model:fileList="fileList" variant="drag" disabled multiple />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
     setup () {
@@ -196,7 +248,18 @@ export const Disabled: Story = {
 }
 
 export const Readonly: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload v-model:fileList="fileList" variant="drag" readonly multiple />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
     setup () {
@@ -219,7 +282,18 @@ export const Readonly: Story = {
 }
 
 export const ReadonlyEmpty: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload variant="drag" readonly />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload },
     setup: () => ({ variants }),
@@ -358,8 +432,63 @@ async function upload (files: (File | Blob)[]) {
   }),
 }
 
+export const CustomHint: Story = {
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload variant="drag" multiple accept="image/*" :maxSize="50 * 1024">
+    <template #hint="{ lines }">
+      <ul class="list-disc pl-5 text-primary inline-block text-left">
+        <li v-for="line in lines" :key="line">{{ line }}</li>
+      </ul>
+    </template>
+  </Upload>
+</template>
+`.trim(),
+      },
+    },
+  },
+  render: () => ({
+    components: { Upload },
+    template: `
+      <div class="max-w-2xl">
+        <Upload variant="drag" multiple accept="image/*" :maxSize="50 * 1024">
+          <template #hint="{ lines }">
+            <ul class="list-disc pl-5 text-primary inline-block text-left">
+              <li v-for="line in lines" :key="line">{{ line }}</li>
+            </ul>
+          </template>
+        </Upload>
+      </div>
+    `,
+  }),
+}
+
 export const EventHandling: Story = {
-  parameters: noControls,
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <Upload
+    v-model:fileList="fileList"
+    variant="drag"
+    multiple
+    @update:fileList="onUpdate"
+    @change="onChange"
+    @remove="onRemove"
+    @preview="onPreview"
+    @error="onError"
+  />
+</template>
+`.trim(),
+      },
+    },
+  },
   render: () => ({
     components: { Upload, EventLog },
     setup: () => ({ fileList: ref<UploadFile[]>([]) }),

package/app/components/ui/Upload/index.vue

@@ -34,6 +34,7 @@ const inputRef = ref<HTMLInputElement | null>(null)
 const isDragOver = ref(false)
 const uploadingFiles = ref<UploadFile[]>([])
 const imageLoadErrors = ref<Set<string | number>>(new Set())
+const internalError = ref('')
 const internalFileList = ref<UploadFile[]>([])
 
 const previewVisible = ref(false)
@@ -93,6 +94,24 @@ function formatBytes (bytes: number) {
 
 const maxSizeLabel = computed(() => props.maxSize ? formatBytes(props.maxSize) : '')
 
+const acceptLabel = computed(() => {
+  if (!props.accept) return ''
+  return props.accept
+    .split(',')
+    .map(s => s.trim())
+    .filter(Boolean)
+    .map(s => {
+      if (s === 'image/*') return T('hint.acceptImage')
+      if (s === 'video/*') return T('hint.acceptVideo')
+      if (s === 'audio/*') return T('hint.acceptAudio')
+      if (s.startsWith('.')) return s.slice(1).toUpperCase()
+      if (s.endsWith('/*')) return s
+      if (s.includes('/')) return s.split('/')[1]!.toUpperCase()
+      return s
+    })
+    .join(', ')
+})
+
 const allowMany = computed(() => props.multiple || props.directory)
 
 const hintLines = computed(() => {
@@ -100,17 +119,21 @@ const hintLines = computed(() => {
   if (!allowMany.value) lines.push(T('hint.single'))
   else if (props.maxCount) lines.push(T('hint.max', { max: props.maxCount }))
   else lines.push(T('hint.multiple'))
+  if (acceptLabel.value) lines.push(T('hint.accept', { types: acceptLabel.value }))
   if (maxSizeLabel.value) lines.push(T('hint.maxSize', { size: maxSizeLabel.value }))
   return lines
 })
 
-const dragTitleText = computed(() => {
-  if (props.text) return props.text
-  return allowMany.value ? T('drag.titleMultiple') : T('drag.title')
-})
+defineSlots<{
+  hint?: (props: { lines: string[] }) => unknown
+}>()
 
 const triggerLabel = computed(() => {
   if (props.text) return props.text
+  if (props.variant === 'drag') {
+    if (props.directory) return T('drag.titleDirectory')
+    return allowMany.value ? T('drag.titleMultiple') : T('drag.title')
+  }
   return props.directory ? T('uploadDirectory') : T('upload')
 })
 
@@ -197,12 +220,43 @@ function onImageError (file: UploadFile) {
   if (file.uid != null) imageLoadErrors.value.add(file.uid)
 }
 
+// Native <input accept> only filters in the file picker; drag-drop bypasses it,
+// so we mirror the same patterns in JS for both paths.
+function matchesAccept (file: File, accept: string) {
+  const patterns = accept.split(',').map(s => s.trim()).filter(Boolean)
+  if (!patterns.length) return true
+  const name = file.name.toLowerCase()
+  const type = file.type.toLowerCase()
+  return patterns.some(raw => {
+    const p = raw.toLowerCase()
+    if (p.startsWith('.')) return name.endsWith(p)
+    if (p.endsWith('/*')) return type.startsWith(p.slice(0, -1))
+    return type === p
+  })
+}
+
+function reportError (err: Error) {
+  internalError.value = err.message
+  emit('error', err)
+}
+
 async function processFiles (files: File[]) {
   if (!files.length) return
+  internalError.value = ''
 
   let candidates = files
   if (!allowMany.value && candidates.length > 1) candidates = [ candidates[0]! ]
 
+  if (props.accept) {
+    const accept = props.accept
+    const rejected = candidates.filter(f => !matchesAccept(f, accept))
+    if (rejected.length) {
+      const names = rejected.map(f => f.name).join(', ')
+      reportError(new Error(T('error.accept', { files: names, accept: acceptLabel.value })))
+      candidates = candidates.filter(f => matchesAccept(f, accept))
+    }
+  }
+
   if (props.maxCount) {
     const remaining = props.maxCount - displayList.value.length
     if (remaining <= 0) return
@@ -214,7 +268,7 @@ async function processFiles (files: File[]) {
     const oversize = candidates.filter(f => f.size > limit)
     if (oversize.length) {
       const names = oversize.map(f => f.name).join(', ')
-      emit('error', new Error(T('error.oversize', { files: names, size: formatBytes(limit) })))
+      reportError(new Error(T('error.oversize', { files: names, size: formatBytes(limit) })))
       candidates = candidates.filter(f => f.size <= limit)
     }
   }
@@ -266,7 +320,7 @@ async function processFiles (files: File[]) {
     finishUpload(entries, true)
   } catch (err) {
     finishUpload(entries, false)
-    emit('error', err)
+    reportError(err instanceof Error ? err : new Error(String(err)))
   }
 }
 
@@ -326,10 +380,48 @@ function onDragLeave (e: DragEvent) {
   e.preventDefault()
   isDragOver.value = false
 }
-function onDrop (e: DragEvent) {
+
+// Recursively read a FileSystemEntry into a flat File[] so dropped directories
+// expand to their contents. readEntries returns at most ~100 children per call
+// and must be looped until it yields an empty batch.
+async function readEntry (entry: FileSystemEntry): Promise<File[]> {
+  if (entry.isFile) {
+    return new Promise(resolve => {
+      (entry as FileSystemFileEntry).file(f => resolve([ f ]), () => resolve([]))
+    })
+  }
+  if (entry.isDirectory) {
+    const reader = (entry as FileSystemDirectoryEntry).createReader()
+    const children: FileSystemEntry[] = []
+    while (true) {
+      const batch = await new Promise<FileSystemEntry[]>(resolve => {
+        reader.readEntries(entries => resolve(entries), () => resolve([]))
+      })
+      if (!batch.length) break
+      children.push(...batch)
+    }
+    const nested = await Promise.all(children.map(readEntry))
+    return nested.flat()
+  }
+  return []
+}
+
+async function onDrop (e: DragEvent) {
   e.preventDefault()
   isDragOver.value = false
   if (!canPickMore.value) return
+
+  const items = e.dataTransfer?.items
+  if (items?.length && typeof items[0]?.webkitGetAsEntry === 'function') {
+    const entries = Array.from(items)
+      .map(item => item.webkitGetAsEntry())
+      .filter((entry): entry is FileSystemEntry => !!entry)
+    const nested = await Promise.all(entries.map(readEntry))
+    const files = nested.flat()
+    if (files.length) processFiles(files)
+    return
+  }
+
   const files = e.dataTransfer?.files
   if (files?.length) processFiles(Array.from(files))
 }
@@ -363,12 +455,17 @@ function onDrop (e: DragEvent) {
         {{ triggerLabel }}
       </Button>
       <div class="text-xs text-muted-foreground py-1.5">
-        <div
-          v-for="line in hintLines"
-          :key="line"
+        <slot
+          name="hint"
+          :lines="hintLines"
         >
-          {{ line }}
-        </div>
+          <div
+            v-for="line in hintLines"
+            :key="line"
+          >
+            {{ line }}
+          </div>
+        </slot>
       </div>
     </div>
 
@@ -389,15 +486,20 @@ function onDrop (e: DragEvent) {
         :class="isInvalid && 'text-danger'"
       />
       <div class="text-foreground font-medium">
-        {{ dragTitleText }}
+        {{ triggerLabel }}
       </div>
       <div class="text-xs text-muted-foreground">
-        <div
-          v-for="line in hintLines"
-          :key="line"
+        <slot
+          name="hint"
+          :lines="hintLines"
         >
-          {{ line }}
-        </div>
+          <div
+            v-for="line in hintLines"
+            :key="line"
+          >
+            {{ line }}
+          </div>
+        </slot>
       </div>
     </div>
 
@@ -557,15 +659,27 @@ function onDrop (e: DragEvent) {
         v-if="showTrigger"
         class="mt-2 text-xs text-muted-foreground"
       >
-        <div
-          v-for="line in hintLines"
-          :key="line"
+        <slot
+          name="hint"
+          :lines="hintLines"
         >
-          {{ line }}
-        </div>
+          <div
+            v-for="line in hintLines"
+            :key="line"
+          >
+            {{ line }}
+          </div>
+        </slot>
       </div>
     </template>
 
+    <p
+      v-if="internalError"
+      class="mt-2 text-sm text-danger"
+    >
+      {{ internalError }}
+    </p>
+
     <!-- Image preview modal (box variant only) -->
     <Modal
       v-if="variant === 'box'"

package/i18n/messages/ar.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "انقر أو اسحب الملف إلى هذه المنطقة للتحميل",
+          "titleDirectory": "انقر أو اسحب مجلداً إلى هذه المنطقة للتحميل",
           "titleMultiple": "انقر أو اسحب الملفات إلى هذه المنطقة للتحميل"
         },
         "empty": "لا توجد ملفات",
         "error": {
+          "accept": "{files} ليس نوع ملف مقبول ({accept}).",
           "oversize": "{files} يتجاوز حد الحجم {size}."
         },
         "hint": {
+          "accept": "مقبول: {types}.",
+          "acceptAudio": "صوت",
+          "acceptImage": "صور",
+          "acceptVideo": "فيديوهات",
           "max": "يمكن تحديد {max} ملفات بحد أقصى.",
           "maxSize": "الحد الأقصى للحجم لكل ملف: {size}.",
           "multiple": "يمكن تحديد ملفات متعددة.",

package/i18n/messages/de.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Klicken oder ziehen Sie eine Datei in diesen Bereich, um sie hochzuladen",
+          "titleDirectory": "Klicken oder ziehen Sie ein Verzeichnis in diesen Bereich, um es hochzuladen",
           "titleMultiple": "Klicken oder ziehen Sie Dateien in diesen Bereich, um sie hochzuladen"
         },
         "empty": "Keine Dateien",
         "error": {
+          "accept": "{files} ist kein akzeptierter Dateityp ({accept}).",
           "oversize": "{files} überschreitet das {size} Größenlimit."
         },
         "hint": {
+          "accept": "Akzeptiert: {types}.",
+          "acceptAudio": "Audio",
+          "acceptImage": "Bilder",
+          "acceptVideo": "Videos",
           "max": "Es können bis zu {max} Dateien ausgewählt werden.",
           "maxSize": "Maximale Dateigröße: {size}.",
           "multiple": "Es können mehrere Dateien ausgewählt werden.",

package/i18n/messages/en.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Click or drag file to this area to upload",
+          "titleDirectory": "Click or drag a directory to this area to upload",
           "titleMultiple": "Click or drag files to this area to upload"
         },
         "empty": "No files",
         "error": {
+          "accept": "{files} is not an accepted file type ({accept}).",
           "oversize": "{files} exceeds the {size} size limit."
         },
         "hint": {
+          "accept": "Accepted: {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "images",
+          "acceptVideo": "videos",
           "max": "Up to {max} files can be selected.",
           "maxSize": "Max size per file: {size}.",
           "multiple": "Multiple files can be selected.",

package/i18n/messages/es.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Haz clic o arrastra un archivo a esta área para subir",
+          "titleDirectory": "Haz clic o arrastra una carpeta a esta área para subir",
           "titleMultiple": "Haz clic o arrastra archivos a esta área para subir"
         },
         "empty": "Sin archivos",
         "error": {
+          "accept": "{files} no es un tipo de archivo aceptado ({accept}).",
           "oversize": "{files} excede el límite de tamaño de {size}."
         },
         "hint": {
+          "accept": "Aceptado: {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "imágenes",
+          "acceptVideo": "vídeos",
           "max": "Se pueden seleccionar hasta {max} archivos.",
           "maxSize": "Tamaño máximo por archivo: {size}.",
           "multiple": "Se pueden seleccionar varios archivos.",

package/i18n/messages/fr.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Cliquez ou glissez un fichier dans cette zone pour télécharger",
+          "titleDirectory": "Cliquez ou glissez un répertoire dans cette zone pour télécharger",
           "titleMultiple": "Cliquez ou glissez des fichiers dans cette zone pour télécharger"
         },
         "empty": "Aucun fichier",
         "error": {
+          "accept": "{files} n'est pas un type de fichier accepté ({accept}).",
           "oversize": "{files} dépasse la limite de taille {size}."
         },
         "hint": {
+          "accept": "Accepté : {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "images",
+          "acceptVideo": "vidéos",
           "max": "Jusqu'à {max} fichiers peuvent être sélectionnés.",
           "maxSize": "Taille maximale par fichier : {size}.",
           "multiple": "Plusieurs fichiers peuvent être sélectionnés.",

package/i18n/messages/hi.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "इस क्षेत्र में फ़ाइल को क्लिक करें या खींचें और अपलोड करें",
+          "titleDirectory": "इस क्षेत्र में निर्देशिका को क्लिक करें या खींचें और अपलोड करें",
           "titleMultiple": "इस क्षेत्र में फ़ाइलों को क्लिक करें या खींचें और अपलोड करें"
         },
         "empty": "कोई फ़ाइल नहीं",
         "error": {
+          "accept": "{files} स्वीकृत फ़ाइल प्रकार नहीं है ({accept}).",
           "oversize": "{files} {size} आकार सीमा से अधिक है।"
         },
         "hint": {
+          "accept": "स्वीकृत: {types}।",
+          "acceptAudio": "ऑडियो",
+          "acceptImage": "छवियाँ",
+          "acceptVideo": "वीडियो",
           "max": "{max} तक फ़ाइलों का चयन किया जा सकता है।",
           "maxSize": "प्रति फ़ाइल अधिकतम आकार: {size}।",
           "multiple": "एकाधिक फ़ाइलों का चयन किया जा सकता है।",

package/i18n/messages/id.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Klik atau seret file ke area ini untuk mengunggah",
+          "titleDirectory": "Klik atau seret direktori ke area ini untuk mengunggah",
           "titleMultiple": "Klik atau seret file ke area ini untuk mengunggah"
         },
         "empty": "Tidak ada file",
         "error": {
+          "accept": "{files} bukan tipe file yang didukung ({accept}).",
           "oversize": "{files} melebihi batas ukuran {size}."
         },
         "hint": {
+          "accept": "Diterima: {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "gambar",
+          "acceptVideo": "video",
           "max": "Hingga {max} file dapat dipilih.",
           "maxSize": "Ukuran maksimal per file: {size}.",
           "multiple": "Beberapa file dapat dipilih.",

package/i18n/messages/it.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Fai clic o trascina il file in quest'area per caricarlo",
+          "titleDirectory": "Fai clic o trascina una cartella in quest'area per caricarla",
           "titleMultiple": "Fai clic o trascina i file in quest'area per caricarli"
         },
         "empty": "Nessun file",
         "error": {
+          "accept": "{files} non è un tipo di file accettato ({accept}).",
           "oversize": "{files} supera il limite di dimensione {size}."
         },
         "hint": {
+          "accept": "Accettato: {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "immagini",
+          "acceptVideo": "video",
           "max": "Possono essere selezionati fino a {max} file.",
           "maxSize": "Dimensione massima per file: {size}.",
           "multiple": "Possono essere selezionati più file.",

package/i18n/messages/ja.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "ファイルをクリックまたはドラッグしてこのエリアにアップロード",
+          "titleDirectory": "ディレクトリをクリックまたはドラッグしてこのエリアにアップロード",
           "titleMultiple": "ファイルをクリックまたはドラッグしてこのエリアにアップロード"
         },
         "empty": "ファイルなし",
         "error": {
+          "accept": "{files} は受け入れられていないファイル形式です ({accept})。",
           "oversize": "{files} は {size} のサイズ制限を超えています。"
         },
         "hint": {
+          "accept": "対応形式: {types}。",
+          "acceptAudio": "オーディオ",
+          "acceptImage": "画像",
+          "acceptVideo": "動画",
           "max": "最大 {max} 個のファイルを選択できます。",
           "maxSize": "ファイルあたりの最大サイズ: {size}。",
           "multiple": "複数のファイルを選択できます。",

package/i18n/messages/ko.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "이 영역에 파일을 클릭하거나 드래그하여 업로드하세요",
+          "titleDirectory": "이 영역에 디렉토리를 클릭하거나 드래그하여 업로드하세요",
           "titleMultiple": "이 영역에 파일들을 클릭하거나 드래그하여 업로드하세요"
         },
         "empty": "파일 없음",
         "error": {
+          "accept": "{files}는 허용되지 않는 파일 형식입니다({accept}).",
           "oversize": "{files}는 {size} 크기 제한을 초과합니다."
         },
         "hint": {
+          "accept": "허용됨: {types}.",
+          "acceptAudio": "오디오",
+          "acceptImage": "이미지",
+          "acceptVideo": "비디오",
           "max": "최대 {max}개의 파일을 선택할 수 있습니다.",
           "maxSize": "파일당 최대 크기: {size}.",
           "multiple": "여러 파일을 선택할 수 있습니다.",

package/i18n/messages/nl.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Klik of sleep bestand naar dit gebied om te uploaden",
+          "titleDirectory": "Klik of sleep een map naar dit gebied om te uploaden",
           "titleMultiple": "Klik of sleep bestanden naar dit gebied om te uploaden"
         },
         "empty": "Geen bestanden",
         "error": {
+          "accept": "{files} is geen geaccepteerd bestandstype ({accept}).",
           "oversize": "{files} overschrijdt de limiet van {size}."
         },
         "hint": {
+          "accept": "Geaccepteerd: {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "afbeeldingen",
+          "acceptVideo": "video's",
           "max": "U kunt tot {max} bestanden selecteren.",
           "maxSize": "Maximale grootte per bestand: {size}.",
           "multiple": "Meerdere bestanden kunnen worden geselecteerd.",

package/i18n/messages/pl.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Kliknij lub przeciągnij plik do tego obszaru, aby przesłać",
+          "titleDirectory": "Kliknij lub przeciągnij katalog do tego obszaru, aby przesłać",
           "titleMultiple": "Kliknij lub przeciągnij pliki do tego obszaru, aby przesłać"
         },
         "empty": "Brak plików",
         "error": {
+          "accept": "{files} nie jest akceptowanym typem pliku ({accept}).",
           "oversize": "{files} przekracza limit wielkości {size}."
         },
         "hint": {
+          "accept": "Zaakceptowano: {types}.",
+          "acceptAudio": "audio",
+          "acceptImage": "obrazy",
+          "acceptVideo": "wideo",
           "max": "Można wybrać do {max} plików.",
           "maxSize": "Maksymalna wielkość pliku: {size}.",
           "multiple": "Można wybrać wiele plików.",

package/i18n/messages/pt.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Clique ou arraste um arquivo para esta área para fazer upload",
+          "titleDirectory": "Clique ou arraste um diretório para esta área para fazer upload",
           "titleMultiple": "Clique ou arraste arquivos para esta área para fazer upload"
         },
         "empty": "Sem arquivos",
         "error": {
+          "accept": "{files} não é um tipo de arquivo aceito ({accept}).",
           "oversize": "{files} ultrapassa o limite de tamanho de {size}."
         },
         "hint": {
+          "accept": "Aceitos: {types}.",
+          "acceptAudio": "áudio",
+          "acceptImage": "imagens",
+          "acceptVideo": "vídeos",
           "max": "Até {max} arquivos podem ser selecionados.",
           "maxSize": "Tamanho máximo por arquivo: {size}.",
           "multiple": "Vários arquivos podem ser selecionados.",

package/i18n/messages/ru.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Нажмите или перетащите файл в эту область для загрузки",
+          "titleDirectory": "Нажмите или перетащите папку в эту область для загрузки",
           "titleMultiple": "Нажмите или перетащите файлы в эту область для загрузки"
         },
         "empty": "Нет файлов",
         "error": {
+          "accept": "{files} не является приемлемым типом файла ({accept}).",
           "oversize": "{files} превышает лимит размера {size}."
         },
         "hint": {
+          "accept": "Принято: {types}.",
+          "acceptAudio": "аудио",
+          "acceptImage": "изображения",
+          "acceptVideo": "видео",
           "max": "Можно выбрать до {max} файлов.",
           "maxSize": "Максимальный размер файла: {size}.",
           "multiple": "Можно выбрать несколько файлов.",

package/i18n/messages/th.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "คลิกหรือลากไฟล์ไปยังพื้นที่นี้เพื่ออัปโหลด",
+          "titleDirectory": "คลิกหรือลากโฟลเดอร์ไปยังพื้นที่นี้เพื่ออัปโหลด",
           "titleMultiple": "คลิกหรือลากไฟล์ไปยังพื้นที่นี้เพื่ออัปโหลด"
         },
         "empty": "ไม่มีไฟล์",
         "error": {
+          "accept": "{files} ไม่ใช่ประเภทไฟล์ที่ยอมรับได้ ({accept})",
           "oversize": "{files} เกินขีด จำกัด ขนาด {size}"
         },
         "hint": {
+          "accept": "ยอมรับ: {types}.",
+          "acceptAudio": "เสียง",
+          "acceptImage": "รูปภาพ",
+          "acceptVideo": "วิดีโอ",
           "max": "สามารถเลือกได้ถึง {max} ไฟล์",
           "maxSize": "ขนาดสูงสุดต่อไฟล์: {size}",
           "multiple": "สามารถเลือกไฟล์หลายไฟล์ได้",

package/i18n/messages/tr.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Bu alana dosya gömmek veya sürüklemek için tıklayın",
+          "titleDirectory": "Bu alana bir dizin sürüklemek veya tıklamak için yükleyin",
           "titleMultiple": "Bu alana dosyaları gömmek veya sürüklemek için tıklayın"
         },
         "empty": "Dosya yok",
         "error": {
+          "accept": "{files} kabul edilen bir dosya türü değildir ({accept}).",
           "oversize": "{files} {size} boyutu sınırını aşıyor."
         },
         "hint": {
+          "accept": "Kabul edilen: {types}.",
+          "acceptAudio": "ses",
+          "acceptImage": "görseller",
+          "acceptVideo": "videolar",
           "max": "{max}'a kadar dosya seçilebilir.",
           "maxSize": "Dosya başına max boyut: {size}.",
           "multiple": "Birden çok dosya seçilebilir.",

package/i18n/messages/vi.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "Nhấp hoặc kéo tệp vào khu vực này để tải lên",
+          "titleDirectory": "Nhấp hoặc kéo một thư mục vào khu vực này để tải lên",
           "titleMultiple": "Nhấp hoặc kéo các tệp vào khu vực này để tải lên"
         },
         "empty": "Không có tệp",
         "error": {
+          "accept": "{files} không phải là một loại tệp được chấp nhận ({accept}).",
           "oversize": "{files} vượt quá giới hạn kích thước {size}."
         },
         "hint": {
+          "accept": "Chấp nhận: {types}.",
+          "acceptAudio": "âm thanh",
+          "acceptImage": "hình ảnh",
+          "acceptVideo": "video",
           "max": "Có thể chọn tối đa {max} tệp.",
           "maxSize": "Kích thước tối đa cho mỗi tệp: {size}.",
           "multiple": "Có thể chọn nhiều tệp.",

package/i18n/messages/zh-CN.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "点击或拖动文件到此区域上传",
+          "titleDirectory": "点击或拖动目录到此区域上传",
           "titleMultiple": "点击或拖动文件到此区域上传"
         },
         "empty": "无文件",
         "error": {
+          "accept": "{files} 不是支持的文件类型 ({accept})。",
           "oversize": "{files} 超过 {size} 大小限制。"
         },
         "hint": {
+          "accept": "支持的格式：{types}。",
+          "acceptAudio": "音频",
+          "acceptImage": "图片",
+          "acceptVideo": "视频",
           "max": "最多可选择 {max} 个文件。",
           "maxSize": "单个文件最大大小：{size}。",
           "multiple": "可以选择多个文件。",

package/i18n/messages/zh-TW.json

@@ -81,13 +81,19 @@
       "Upload": {
         "drag": {
           "title": "在此點擊或拖曳檔案以上傳",
+          "titleDirectory": "在此點擊或拖曳資料夾以上傳",
           "titleMultiple": "在此點擊或拖曳檔案以上傳"
         },
         "empty": "無檔案",
         "error": {
+          "accept": "{files} 不是可接受的檔案類型（{accept}）。",
           "oversize": "{files} 超過 {size} 的大小限制。"
         },
         "hint": {
+          "accept": "接受：{types}。",
+          "acceptAudio": "音訊",
+          "acceptImage": "圖片",
+          "acceptVideo": "影片",
           "max": "最多可選擇 {max} 個檔案。",
           "maxSize": "每個檔案的最大大小：{size}。",
           "multiple": "可選擇多個檔案。",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "87dafc13dde0f3841ebfd7c4028b78499507c83d"
+  "gitHead": "d2dff840130e925b9459c2df9dd60b7b7b548bfb"
 }