@polymarbot/nuxt-layer-shadcn-ui 0.1.0

package/app/composables/useDialog.ts

@@ -0,0 +1,76 @@
+import type { ModalContentProps } from '../components/ui/ModalContent/types'
+
+export type DialogType = NonNullable<ModalContentProps['type']>
+export type DialogMessageContent = NonNullable<ModalContentProps['content']>
+
+export interface DialogOptions {
+  type?: DialogType
+  title?: string
+  message?: DialogMessageContent
+  acceptLabel?: string
+  rejectLabel?: string
+}
+
+interface DialogQueueItem {
+  options: DialogOptions
+  resolve: (value: boolean) => void
+}
+
+const dialogQueue = reactive<DialogQueueItem[]>([])
+const isOpen = ref(false)
+
+function showDialog (options: DialogOptions): Promise<boolean> {
+  return new Promise<boolean>(resolve => {
+    dialogQueue.push({ options, resolve })
+    if (dialogQueue.length === 1) {
+      isOpen.value = true
+    }
+  })
+}
+
+/**
+ * Dialog utility composable
+ *
+ * Uses a reactive queue consumed by the AlertDialog UI component.
+ * Supports stacked dialogs — new dialogs wait until the current one is resolved.
+ */
+export function useDialog () {
+  const confirm = (options: DialogOptions): Promise<boolean> => {
+    return showDialog(options)
+  }
+
+  const alert = (options: DialogOptions): Promise<void> => {
+    return showDialog({ ...options, rejectLabel: '' }).then(() => {})
+  }
+
+  const destroy = (options: DialogOptions): Promise<boolean> => {
+    return showDialog({ ...options, type: options.type ?? 'danger' })
+  }
+
+  return { confirm, alert, destroy }
+}
+
+/**
+ * Internal composable for the AlertDialog component to access dialog queue.
+ */
+export function useDialogState () {
+  const current = computed(() => dialogQueue[0] ?? null)
+
+  /** Resolve current dialog and trigger close animation */
+  function close (value: boolean) {
+    dialogQueue[0]?.resolve(value)
+    isOpen.value = false
+  }
+
+  /** Called after close animation ends; advance queue */
+  function onClosed () {
+    dialogQueue.shift()
+    if (dialogQueue.length > 0) {
+      nextTick(() => {
+        isOpen.value = true
+      })
+    }
+  }
+
+  return { current, isOpen, close, onClosed }
+}

package/app/composables/useToast.ts

@@ -0,0 +1,49 @@
+import { toast } from 'vue-sonner'
+
+/**
+ * Toast utility composable
+ *
+ * Provides convenient methods for showing different types of toast messages.
+ * Built on top of vue-sonner.
+ */
+export function useToast () {
+  return {
+    success: (detail: string, summary?: string) =>
+      toast.success(summary ?? detail, {
+        description: summary ? detail : undefined,
+      }),
+
+    error: (detail: string, summary?: string) =>
+      toast.error(summary ?? detail, {
+        description: summary ? detail : undefined,
+      }),
+
+    warn: (detail: string, summary?: string) =>
+      toast.warning(summary ?? detail, {
+        description: summary ? detail : undefined,
+      }),
+
+    info: (detail: string, summary?: string) =>
+      toast.info(summary ?? detail, {
+        description: summary ? detail : undefined,
+      }),
+
+    // Generic method
+    custom: (options: { detail?: string, summary?: string, severity?: string }) => {
+      const method = options.severity === 'error'
+        ? toast.error
+        : options.severity === 'warn'
+          ? toast.warning
+          : options.severity === 'success'
+            ? toast.success
+            : toast.info
+      method(options.summary ?? options.detail ?? '', {
+        description: options.summary ? options.detail : undefined,
+      })
+    },
+
+    // Close methods
+    close: (toastId: string | number) => toast.dismiss(toastId),
+    closeAll: () => toast.dismiss(),
+  }
+}

package/app/en.json

@@ -0,0 +1,23 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Cancel",
+      "close": "Close",
+      "confirm": "Confirm"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "d",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  }
+}

package/app/types/index.ts

@@ -0,0 +1,7 @@
+/**
+ * Re-export `ClassValue` as a globally auto-imported type.
+ *
+ * Nuxt auto-imports everything exported from `app/types/**\/*.ts`. This file
+ * makes `ClassValue` available without explicit import across the layer.
+ */
+export type { ClassValue } from 'vue'

package/app/utils/index.ts

@@ -0,0 +1,6 @@
+// Re-export shared utilities used by this layer. Nuxt auto-imports everything
+// exported from `app/utils/**`, so listed symbols become global.
+// Also serves as the shadcn CLI `utils` alias (see components.json).
+export { cn } from '@polymarbot/uitls-shared/vue/utils'
+export { safeHtml } from '@polymarbot/uitls-shared/utils-browser'
+export { isUrl, formatCurrency } from '@polymarbot/uitls-shared/utils'

package/i18n/messages/ar.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "إلغاء",
+      "close": "إغلاق",
+      "confirm": "تأكيد"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "د",
+        "hours": "س",
+        "minutes": "د",
+        "seconds": "ث"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "الإجراءات"
+      },
+      "CopyButton": {
+        "copied": "تم النسخ",
+        "copyToClipboard": "نسخ"
+      },
+      "DataTable": {
+        "empty": "لا توجد بيانات"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "اختر تاريخا"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "تاريخ الانتهاء",
+        "startPlaceholder": "تاريخ البداية",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} من {total}"
+      },
+      "SearchSelect": {
+        "createNew": "إنشاء جديد",
+        "noItems": "لا توجد خيارات",
+        "noSearchItems": "لا توجد نتائج"
+      },
+      "Select": {
+        "itemsSelected": "{count} مختار",
+        "noItems": "لا توجد خيارات",
+        "placeholder": "يرجى اختيار",
+        "searchPlaceholder": "البحث..."
+      }
+    }
+  }
+}

package/i18n/messages/de.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Abbrechen",
+      "close": "Schließen",
+      "confirm": "Bestätigen"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "T",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "Aktionen"
+      },
+      "CopyButton": {
+        "copied": "Kopiert",
+        "copyToClipboard": "Kopieren"
+      },
+      "DataTable": {
+        "empty": "Keine Daten"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "Wählen Sie ein Datum"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "Enddatum",
+        "startPlaceholder": "Startdatum",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} von {total}"
+      },
+      "SearchSelect": {
+        "createNew": "Neu erstellen",
+        "noItems": "Keine Optionen",
+        "noSearchItems": "Keine Ergebnisse"
+      },
+      "Select": {
+        "itemsSelected": "{count} ausgewählt",
+        "noItems": "Keine Optionen",
+        "placeholder": "Bitte wählen",
+        "searchPlaceholder": "Suchen..."
+      }
+    }
+  }
+}

package/i18n/messages/en.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Cancel",
+      "close": "Close",
+      "confirm": "Confirm"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "d",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "Actions"
+      },
+      "CopyButton": {
+        "copied": "Copied",
+        "copyToClipboard": "Copy"
+      },
+      "DataTable": {
+        "empty": "No data"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "Select a date"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "End date",
+        "startPlaceholder": "Start date",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} of {total}"
+      },
+      "SearchSelect": {
+        "createNew": "Create new",
+        "noItems": "No options",
+        "noSearchItems": "No results"
+      },
+      "Select": {
+        "itemsSelected": "{count} selected",
+        "noItems": "No options",
+        "placeholder": "Please select",
+        "searchPlaceholder": "Search..."
+      }
+    }
+  }
+}

package/i18n/messages/es.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Cancelar",
+      "close": "Cerrar",
+      "confirm": "Confirmar"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "d",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "Acciones"
+      },
+      "CopyButton": {
+        "copied": "Copiado",
+        "copyToClipboard": "Copiar"
+      },
+      "DataTable": {
+        "empty": "Sin datos"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "Selecciona una fecha"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "Fecha final",
+        "startPlaceholder": "Fecha de inicio",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} de {total}"
+      },
+      "SearchSelect": {
+        "createNew": "Crear nuevo",
+        "noItems": "Sin opciones",
+        "noSearchItems": "Sin resultados"
+      },
+      "Select": {
+        "itemsSelected": "{count} seleccionados",
+        "noItems": "Sin opciones",
+        "placeholder": "Por favor selecciona",
+        "searchPlaceholder": "Buscar..."
+      }
+    }
+  }
+}

package/i18n/messages/fr.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Annuler",
+      "close": "Fermer",
+      "confirm": "Confirmer"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "j",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "Actions"
+      },
+      "CopyButton": {
+        "copied": "Copié",
+        "copyToClipboard": "Copier"
+      },
+      "DataTable": {
+        "empty": "Aucune donnée"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "Sélectionner une date"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "Date de fin",
+        "startPlaceholder": "Date de début",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} sur {total}"
+      },
+      "SearchSelect": {
+        "createNew": "Créer nouveau",
+        "noItems": "Aucune option",
+        "noSearchItems": "Aucun résultat"
+      },
+      "Select": {
+        "itemsSelected": "{count} sélectionnés",
+        "noItems": "Aucune option",
+        "placeholder": "Veuillez sélectionner",
+        "searchPlaceholder": "Rechercher..."
+      }
+    }
+  }
+}

package/i18n/messages/hi.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "रद्द करें",
+      "close": "बंद करें",
+      "confirm": "पुष्टि करें"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "d",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "क्रियाएं"
+      },
+      "CopyButton": {
+        "copied": "कॉपी किया गया",
+        "copyToClipboard": "कॉपी करें"
+      },
+      "DataTable": {
+        "empty": "कोई डेटा नहीं"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "एक तारीख चुनें"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "समाप्ति तारीख",
+        "startPlaceholder": "प्रारंभ तारीख",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} में से {total}"
+      },
+      "SearchSelect": {
+        "createNew": "नया बनाएं",
+        "noItems": "कोई विकल्प नहीं",
+        "noSearchItems": "कोई परिणाम नहीं"
+      },
+      "Select": {
+        "itemsSelected": "{count} चुना गया",
+        "noItems": "कोई विकल्प नहीं",
+        "placeholder": "कृपया चुनें",
+        "searchPlaceholder": "खोजें..."
+      }
+    }
+  }
+}

package/i18n/messages/id.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Batal",
+      "close": "Tutup",
+      "confirm": "Konfirmasi"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "h",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "d"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "Tindakan"
+      },
+      "CopyButton": {
+        "copied": "Disalin",
+        "copyToClipboard": "Salin"
+      },
+      "DataTable": {
+        "empty": "Tidak ada data"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "Pilih tanggal"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "Tanggal akhir",
+        "startPlaceholder": "Tanggal awal",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} dari {total}"
+      },
+      "SearchSelect": {
+        "createNew": "Buat baru",
+        "noItems": "Tidak ada opsi",
+        "noSearchItems": "Tidak ada hasil"
+      },
+      "Select": {
+        "itemsSelected": "{count} dipilih",
+        "noItems": "Tidak ada opsi",
+        "placeholder": "Silakan pilih",
+        "searchPlaceholder": "Cari..."
+      }
+    }
+  }
+}

package/i18n/messages/it.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Annulla",
+      "close": "Chiudi",
+      "confirm": "Conferma"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "D MMM",
+        "dateTime": "D MMM HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "g",
+        "hours": "h",
+        "minutes": "m",
+        "seconds": "s"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "Azioni"
+      },
+      "CopyButton": {
+        "copied": "Copiato",
+        "copyToClipboard": "Copia"
+      },
+      "DataTable": {
+        "empty": "Nessun dato"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "Seleziona una data"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "Data di fine",
+        "startPlaceholder": "Data di inizio",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} di {total}"
+      },
+      "SearchSelect": {
+        "createNew": "Crea nuovo",
+        "noItems": "Nessuna opzione",
+        "noSearchItems": "Nessun risultato"
+      },
+      "Select": {
+        "itemsSelected": "{count} selezionati",
+        "noItems": "Nessuna opzione",
+        "placeholder": "Seleziona",
+        "searchPlaceholder": "Cerca..."
+      }
+    }
+  }
+}