@brumaombra/ui-vintage 0.7.13 → 0.8.0

package/src/components/ui/toggle-group/index.ts

@@ -0,0 +1,69 @@
+import type { ClassProp } from 'class-variance-authority/types';
+import type { InjectionKey, Ref } from 'vue';
+import { cva } from 'class-variance-authority';
+
+export { default as Toggle } from './Toggle.vue';
+export { default as ToggleGroup } from './ToggleGroup.vue';
+export { default as ToggleGroupItem } from './ToggleGroupItem.vue';
+
+export type ToggleVariants = {
+    variant?: 'default' | 'outline' | null | undefined;
+    size?: 'default' | 'sm' | 'lg' | null | undefined;
+};
+
+export type ToggleGroupSize = 'default' | 'sm' | 'lg';
+
+// Standalone toggle button
+export const toggleVariants: (props?: ToggleVariants & ClassProp) => string = cva(
+    [
+        "inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-2 whitespace-nowrap rounded text-xs font-semibold text-muted-foreground outline-none sm:text-sm",
+        "[transition:color_150ms,background-color_150ms,border-color_150ms,box-shadow_220ms,opacity_150ms,transform_380ms_var(--ease-spring)]",
+        "hover:bg-accent hover:text-foreground active:scale-[0.97] active:duration-75 disabled:pointer-events-none disabled:opacity-50",
+        "focus-visible:ring-[3px] focus-visible:ring-ring/45",
+        "data-[state=on]:bg-accent data-[state=on]:text-foreground",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    ],
+    {
+        variants: {
+            variant: {
+                default: 'bg-transparent',
+                outline: 'border border-border bg-secondary shadow-elevated-sm hover:border-border-strong data-[state=on]:border-border-strong',
+            },
+            size: {
+                default: 'h-10 min-w-10 px-3',
+                sm: 'h-8 min-w-8 gap-1.5 px-2',
+                lg: 'h-12 min-w-12 px-4',
+            },
+        },
+        defaultVariants: {
+            variant: 'default',
+            size: 'default',
+        },
+    },
+);
+
+// Segmented control item (sits above the sliding indicator)
+export const toggleGroupItemVariants: (props?: { size?: ToggleGroupSize | null } & ClassProp) => string = cva(
+    [
+        "relative z-10 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap rounded-sm text-xs font-semibold text-muted-foreground outline-none sm:text-sm",
+        "[transition:color_150ms,background-color_150ms,box-shadow_220ms,opacity_150ms,transform_380ms_var(--ease-spring)]",
+        "hover:text-foreground data-[state=on]:text-foreground active:scale-[0.96] active:duration-75 disabled:pointer-events-none disabled:opacity-50",
+        "focus-visible:ring-[3px] focus-visible:ring-ring/45",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    ],
+    {
+        variants: {
+            size: {
+                default: 'h-9 px-3',
+                sm: 'h-7 px-2.5',
+                lg: 'h-11 px-4',
+            },
+        },
+        defaultVariants: {
+            size: 'default',
+        },
+    },
+);
+
+// Context shared by a toggle group with its items
+export const toggleGroupContextKey: InjectionKey<{ size: Ref<ToggleGroupSize>; indicator: Ref<boolean> }> = Symbol('uv-toggle-group');

package/src/components/ui/tooltip/TooltipContent.vue

@@ -26,7 +26,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 <template>
     <TooltipPortal>
         <TooltipContent data-slot="tooltip-content" v-bind="{ ...forwarded, ...$attrs }" :class="cn(
-            'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance',
+            'uv-floating-motion bg-foreground text-background z-50 w-fit max-w-72 rounded-md px-3 py-1.5 text-xs font-semibold text-balance shadow-elevated-lg',
             props.class
         )
             ">

package/src/i18n/de.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Brotkrumennavigation",
+            "more": "Mehr",
             "empty": {
                 "title": "Hier gibt es noch nichts",
                 "description": "Zurzeit gibt es keine Inhalte zum Anzeigen."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Entfernen",
             "all": "Alle",
             "close": "Schliessen",
             "cancel": "Abbrechen",
@@ -37,6 +40,18 @@
             "title": "Sprache wahlen",
             "ariaLabel": "Sprachauswahl"
         },
+        "sidebar": {
+            "title": "Seitenleiste",
+            "description": "Zeigt die mobile Seitenleiste an.",
+            "toggle": "Seitenleiste umschalten"
+        },
+        "commandDialog": {
+            "title": "Befehlspalette",
+            "description": "Nach einem auszuführenden Befehl suchen..."
+        },
+        "datePicker": {
+            "placeholder": "Datum auswählen"
+        },
         "terminal": {
             "title": "Terminal",
             "copy": "Befehle kopieren",
@@ -53,6 +68,7 @@
             "allRightsReserved": "Alle Rechte vorbehalten."
         },
         "blog": {
+            "readingProgress": "Lesefortschritt",
             "readMore": "Weiterlesen",
             "goToPost": "Zum Beitrag",
             "tableOfContents": "Inhaltsverzeichnis",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Option auswahlen"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Seite nicht gefunden",
+                "message": "Die angeforderte Seite wurde nicht gefunden oder wurde möglicherweise verschoben."
+            },
+            "unexpected": {
+                "title": "Etwas ist schiefgelaufen",
+                "message": "Ein unerwarteter Fehler hat den aktuellen Ablauf unterbrochen. Bitte versuche es erneut oder gehe zu einer sicheren Seite zurück."
+            }
+        },
         "messageDialog": {
+            "confirm": "Bestatigen",
             "error": "Fehler",
             "success": "Erfolg",
             "info": "Information",
             "warning": "Warnung"
+        },
+        "toast": {
+            "region": "Benachrichtigungen"
+        },
+        "dataTable": {
+            "selectAll": "Alle Zeilen auswählen",
+            "selectRow": "Zeile auswählen"
+        },
+        "numberField": {
+            "decrement": "Verringern",
+            "increment": "Erhöhen"
+        },
+        "tagsInput": {
+            "placeholder": "Tag hinzufügen…"
+        },
+        "combobox": {
+            "placeholder": "Option auswählen",
+            "searchPlaceholder": "Suchen...",
+            "empty": "Keine Ergebnisse gefunden."
+        },
+        "avatar": {
+            "status": {
+                "online": "Online",
+                "offline": "Offline",
+                "busy": "Beschäftigt",
+                "away": "Abwesend"
+            }
+        },
+        "pagination": {
+            "label": "Seitennavigation",
+            "page": "Seite {page}",
+            "first": "Erste Seite",
+            "previous": "Vorherige Seite",
+            "next": "Nächste Seite",
+            "last": "Letzte Seite",
+            "more": "Weitere Seiten"
+        },
+        "stepper": {
+            "label": "Fortschritt"
+        },
+        "fileDropzone": {
+            "title": "Dateien hierher ziehen",
+            "description": "oder klicken, um dein Gerät zu durchsuchen",
+            "dropActive": "Zum Hochladen loslassen",
+            "browse": "Dateien auswählen",
+            "remove": "{name} entfernen",
+            "maxSize": "Max. {size} pro Datei",
+            "maxFiles": "Bis zu {count} Dateien",
+            "files": "Ausgewählte Dateien"
         }
     }
 }

package/src/i18n/en.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Breadcrumb",
+            "more": "More",
             "empty": {
                 "title": "Nothing here yet",
                 "description": "There is no content to show right now."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Remove",
             "all": "All",
             "close": "Close",
             "cancel": "Cancel",
@@ -37,6 +40,18 @@
             "title": "Choose language",
             "ariaLabel": "Language selector"
         },
+        "sidebar": {
+            "title": "Sidebar",
+            "description": "Displays the mobile sidebar.",
+            "toggle": "Toggle sidebar"
+        },
+        "commandDialog": {
+            "title": "Command palette",
+            "description": "Search for a command to run..."
+        },
+        "datePicker": {
+            "placeholder": "Pick a date"
+        },
         "terminal": {
             "title": "Terminal",
             "copy": "Copy commands",
@@ -53,6 +68,7 @@
             "allRightsReserved": "All rights reserved."
         },
         "blog": {
+            "readingProgress": "Reading progress",
             "readMore": "Read more",
             "goToPost": "Go to post",
             "tableOfContents": "Table of contents",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Select an option"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Page not found",
+                "message": "The page you requested could not be found or may have been moved."
+            },
+            "unexpected": {
+                "title": "Something went wrong",
+                "message": "An unexpected error interrupted the current flow. Please try again or go back to a safe page."
+            }
+        },
         "messageDialog": {
+            "confirm": "Confirm",
             "error": "Error",
             "success": "Success",
             "info": "Information",
             "warning": "Warning"
+        },
+        "toast": {
+            "region": "Notifications"
+        },
+        "dataTable": {
+            "selectAll": "Select all rows",
+            "selectRow": "Select row"
+        },
+        "numberField": {
+            "decrement": "Decrease",
+            "increment": "Increase"
+        },
+        "tagsInput": {
+            "placeholder": "Add a tag…"
+        },
+        "combobox": {
+            "placeholder": "Select an option",
+            "searchPlaceholder": "Search...",
+            "empty": "No results found."
+        },
+        "avatar": {
+            "status": {
+                "online": "Online",
+                "offline": "Offline",
+                "busy": "Busy",
+                "away": "Away"
+            }
+        },
+        "pagination": {
+            "label": "Pagination",
+            "page": "Page {page}",
+            "first": "First page",
+            "previous": "Previous page",
+            "next": "Next page",
+            "last": "Last page",
+            "more": "More pages"
+        },
+        "stepper": {
+            "label": "Progress"
+        },
+        "fileDropzone": {
+            "title": "Drag & drop files here",
+            "description": "or click to browse your device",
+            "dropActive": "Drop to upload",
+            "browse": "Browse files",
+            "remove": "Remove {name}",
+            "maxSize": "Max {size} per file",
+            "maxFiles": "Up to {count} files",
+            "files": "Selected files"
         }
     }
 }

package/src/i18n/es.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Navegación de migas de pan",
+            "more": "Más",
             "empty": {
                 "title": "Todavia no hay nada aqui",
                 "description": "No hay contenido para mostrar en este momento."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Quitar",
             "all": "Todos",
             "close": "Cerrar",
             "cancel": "Cancelar",
@@ -37,6 +40,18 @@
             "title": "Elegir idioma",
             "ariaLabel": "Selector de idioma"
         },
+        "sidebar": {
+            "title": "Barra lateral",
+            "description": "Muestra la barra lateral en dispositivos móviles.",
+            "toggle": "Alternar barra lateral"
+        },
+        "commandDialog": {
+            "title": "Paleta de comandos",
+            "description": "Busca un comando para ejecutar..."
+        },
+        "datePicker": {
+            "placeholder": "Elegir una fecha"
+        },
         "terminal": {
             "title": "Terminal",
             "copy": "Copiar comandos",
@@ -53,6 +68,7 @@
             "allRightsReserved": "Todos los derechos reservados."
         },
         "blog": {
+            "readingProgress": "Progreso de lectura",
             "readMore": "Leer mas",
             "goToPost": "Ir al articulo",
             "tableOfContents": "Tabla de contenidos",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Selecciona una opcion"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Página no encontrada",
+                "message": "No se encontró la página solicitada o puede que se haya movido."
+            },
+            "unexpected": {
+                "title": "Algo salió mal",
+                "message": "Un error inesperado interrumpió el proceso actual. Inténtalo de nuevo o vuelve a una página segura."
+            }
+        },
         "messageDialog": {
+            "confirm": "Confirmar",
             "error": "Error",
             "success": "Exito",
             "info": "Informacion",
             "warning": "Advertencia"
+        },
+        "toast": {
+            "region": "Notificaciones"
+        },
+        "dataTable": {
+            "selectAll": "Seleccionar todas las filas",
+            "selectRow": "Seleccionar fila"
+        },
+        "numberField": {
+            "decrement": "Disminuir",
+            "increment": "Aumentar"
+        },
+        "tagsInput": {
+            "placeholder": "Añadir una etiqueta…"
+        },
+        "combobox": {
+            "placeholder": "Selecciona una opción",
+            "searchPlaceholder": "Buscar...",
+            "empty": "No se encontraron resultados."
+        },
+        "avatar": {
+            "status": {
+                "online": "En línea",
+                "offline": "Desconectado",
+                "busy": "Ocupado",
+                "away": "Ausente"
+            }
+        },
+        "pagination": {
+            "label": "Paginación",
+            "page": "Página {page}",
+            "first": "Primera página",
+            "previous": "Página anterior",
+            "next": "Página siguiente",
+            "last": "Última página",
+            "more": "Más páginas"
+        },
+        "stepper": {
+            "label": "Progreso"
+        },
+        "fileDropzone": {
+            "title": "Arrastra y suelta archivos aquí",
+            "description": "o haz clic para explorar tu dispositivo",
+            "dropActive": "Suelta para subir",
+            "browse": "Explorar archivos",
+            "remove": "Eliminar {name}",
+            "maxSize": "Máx. {size} por archivo",
+            "maxFiles": "Hasta {count} archivos",
+            "files": "Archivos seleccionados"
         }
     }
 }

package/src/i18n/fr.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Fil d'Ariane",
+            "more": "Plus",
             "empty": {
                 "title": "Rien ici pour le moment",
                 "description": "Il n'y a aucun contenu a afficher pour le moment."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Retirer",
             "all": "Tout",
             "close": "Fermer",
             "cancel": "Annuler",
@@ -37,6 +40,18 @@
             "title": "Choisir la langue",
             "ariaLabel": "Selecteur de langue"
         },
+        "sidebar": {
+            "title": "Barre latérale",
+            "description": "Affiche la barre latérale sur mobile.",
+            "toggle": "Afficher ou masquer la barre latérale"
+        },
+        "commandDialog": {
+            "title": "Palette de commandes",
+            "description": "Rechercher une commande à exécuter..."
+        },
+        "datePicker": {
+            "placeholder": "Choisir une date"
+        },
         "terminal": {
             "title": "Terminal",
             "copy": "Copier les commandes",
@@ -53,6 +68,7 @@
             "allRightsReserved": "Tous droits reserves."
         },
         "blog": {
+            "readingProgress": "Progression de lecture",
             "readMore": "Lire la suite",
             "goToPost": "Aller a l'article",
             "tableOfContents": "Table des matieres",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Selectionnez une option"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Page introuvable",
+                "message": "La page demandée est introuvable ou a peut-être été déplacée."
+            },
+            "unexpected": {
+                "title": "Une erreur est survenue",
+                "message": "Une erreur inattendue a interrompu l'opération. Veuillez réessayer ou revenir à une page sûre."
+            }
+        },
         "messageDialog": {
+            "confirm": "Confirmer",
             "error": "Erreur",
             "success": "Succes",
             "info": "Information",
             "warning": "Avertissement"
+        },
+        "toast": {
+            "region": "Notifications"
+        },
+        "dataTable": {
+            "selectAll": "Sélectionner toutes les lignes",
+            "selectRow": "Sélectionner la ligne"
+        },
+        "numberField": {
+            "decrement": "Diminuer",
+            "increment": "Augmenter"
+        },
+        "tagsInput": {
+            "placeholder": "Ajouter un tag…"
+        },
+        "combobox": {
+            "placeholder": "Sélectionnez une option",
+            "searchPlaceholder": "Rechercher...",
+            "empty": "Aucun résultat."
+        },
+        "avatar": {
+            "status": {
+                "online": "En ligne",
+                "offline": "Hors ligne",
+                "busy": "Occupé",
+                "away": "Absent"
+            }
+        },
+        "pagination": {
+            "label": "Pagination",
+            "page": "Page {page}",
+            "first": "Première page",
+            "previous": "Page précédente",
+            "next": "Page suivante",
+            "last": "Dernière page",
+            "more": "Plus de pages"
+        },
+        "stepper": {
+            "label": "Progression"
+        },
+        "fileDropzone": {
+            "title": "Glissez-déposez vos fichiers ici",
+            "description": "ou cliquez pour parcourir votre appareil",
+            "dropActive": "Déposez pour téléverser",
+            "browse": "Parcourir",
+            "remove": "Supprimer {name}",
+            "maxSize": "{size} max. par fichier",
+            "maxFiles": "Jusqu'à {count} fichiers",
+            "files": "Fichiers sélectionnés"
         }
     }
 }

package/src/i18n/it.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Percorso di navigazione",
+            "more": "Altro",
             "empty": {
                 "title": "Non c'è ancora niente qui",
                 "description": "Al momento non c'è alcun contenuto da mostrare."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Rimuovi",
             "all": "Tutti",
             "close": "Chiudi",
             "cancel": "Annulla",
@@ -37,6 +40,18 @@
             "title": "Scegli lingua",
             "ariaLabel": "Selettore lingua"
         },
+        "sidebar": {
+            "title": "Barra laterale",
+            "description": "Mostra la barra laterale sui dispositivi mobili.",
+            "toggle": "Attiva o disattiva la barra laterale"
+        },
+        "commandDialog": {
+            "title": "Tavolozza dei comandi",
+            "description": "Cerca un comando da eseguire..."
+        },
+        "datePicker": {
+            "placeholder": "Scegli una data"
+        },
         "terminal": {
             "title": "Terminale",
             "copy": "Copia comandi",
@@ -53,6 +68,7 @@
             "allRightsReserved": "Tutti i diritti riservati."
         },
         "blog": {
+            "readingProgress": "Avanzamento della lettura",
             "readMore": "Leggi di piu",
             "goToPost": "Vai all'articolo",
             "tableOfContents": "Indice dei contenuti",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Seleziona un'opzione"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Pagina non trovata",
+                "message": "La pagina richiesta non è stata trovata o potrebbe essere stata spostata."
+            },
+            "unexpected": {
+                "title": "Qualcosa è andato storto",
+                "message": "Un errore imprevisto ha interrotto il flusso corrente. Riprova o torna a una pagina sicura."
+            }
+        },
         "messageDialog": {
+            "confirm": "Conferma",
             "error": "Errore",
             "success": "Successo",
             "info": "Informazione",
             "warning": "Attenzione"
+        },
+        "toast": {
+            "region": "Notifiche"
+        },
+        "dataTable": {
+            "selectAll": "Seleziona tutte le righe",
+            "selectRow": "Seleziona riga"
+        },
+        "numberField": {
+            "decrement": "Diminuisci",
+            "increment": "Aumenta"
+        },
+        "tagsInput": {
+            "placeholder": "Aggiungi un tag…"
+        },
+        "combobox": {
+            "placeholder": "Seleziona un'opzione",
+            "searchPlaceholder": "Cerca...",
+            "empty": "Nessun risultato trovato."
+        },
+        "avatar": {
+            "status": {
+                "online": "Online",
+                "offline": "Offline",
+                "busy": "Occupato",
+                "away": "Assente"
+            }
+        },
+        "pagination": {
+            "label": "Paginazione",
+            "page": "Pagina {page}",
+            "first": "Prima pagina",
+            "previous": "Pagina precedente",
+            "next": "Pagina successiva",
+            "last": "Ultima pagina",
+            "more": "Altre pagine"
+        },
+        "stepper": {
+            "label": "Avanzamento"
+        },
+        "fileDropzone": {
+            "title": "Trascina qui i file",
+            "description": "oppure fai clic per sfogliare il dispositivo",
+            "dropActive": "Rilascia per caricare",
+            "browse": "Sfoglia file",
+            "remove": "Rimuovi {name}",
+            "maxSize": "Max {size} per file",
+            "maxFiles": "Fino a {count} file",
+            "files": "File selezionati"
         }
     }
 }