@brumaombra/ui-vintage 0.8.2 → 0.9.1

package/src/components/ui/sidebar/index.ts

@@ -44,14 +44,14 @@ export type SidebarMenuButtonVariants = {
 export const sidebarMenuButtonVariants: (
     props?: SidebarMenuButtonVariants & ClassProp
 ) => string = cva(
-    'peer/menu-button flex w-full items-center gap-2 rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,min-height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-semibold data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5 group-data-[compact=true]/sidebar-wrapper:[&>svg]:size-3.5 [&>svg]:size-4 [&>svg]:shrink-0',
+    'peer/menu-button flex w-full items-center gap-2 rounded p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,min-height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-semibold data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5 group-data-[compact=true]/sidebar-wrapper:[&>svg]:size-3.5 [&>svg]:size-4 [&>svg]:shrink-0',
     {
         variants: {
             variant: {
                 default:
                     'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
                 outline:
-                    'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]'
+                    'bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]'
             },
             size: {
                 default:

package/src/components/ui/sidebar/utils.ts

@@ -12,7 +12,7 @@ export const [useSidebar, provideSidebarContext] = createContext<{
     state: ComputedRef<'expanded' | 'collapsed'>;
     open: Ref<boolean>;
     setOpen: (value: boolean) => void;
-    isMobile: Ref<boolean>;
+    isMobile: Readonly<Ref<boolean>>;
     openMobile: Ref<boolean>;
     setOpenMobile: (value: boolean) => void;
     toggleSidebar: () => void;

package/src/components/ui/slider/Slider.vue

@@ -7,13 +7,14 @@ import { cn } from '../../../lib/utils';
 
 // Props
 const props = defineProps<SliderRootProps & {
+    thumbLabel?: string;
     class?: HTMLAttributes['class'];
 }>();
 
 // Emits
 const emits = defineEmits<SliderRootEmits>();
 
-const delegatedProps = reactiveOmit(props, 'class');
+const delegatedProps = reactiveOmit(props, 'class', 'thumbLabel');
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
@@ -23,12 +24,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         props.class
     )" v-bind="forwarded">
         <!-- Track -->
-        <SliderTrack data-slot="slider-track" class="relative grow overflow-hidden rounded bg-muted transition-[height,width] duration-200 ease-spring data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2 group-hover/slider:data-[orientation=horizontal]:h-2.5 group-hover/slider:data-[orientation=vertical]:w-2.5">
+        <SliderTrack data-slot="slider-track" class="relative grow overflow-hidden rounded bg-muted data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2">
             <!-- Filled range -->
-            <SliderRange data-slot="slider-range" class="absolute bg-primary bg-[linear-gradient(90deg,transparent,rgb(255_255_255/0.22))] data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" />
+            <SliderRange data-slot="slider-range" class="absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" />
         </SliderTrack>
 
         <!-- Thumbs -->
-        <SliderThumb v-for="(_, key) in modelValue" :key="key" data-slot="slider-thumb" class="block size-5 shrink-0 cursor-grab rounded border-2 border-primary bg-white shadow-elevated-md outline-none [transition:scale_300ms_var(--ease-spring),box-shadow_200ms] hover:scale-110 hover:shadow-[0_0_0_6px_color-mix(in_oklab,var(--primary)_16%,transparent)] focus-visible:shadow-[0_0_0_6px_color-mix(in_oklab,var(--primary)_24%,transparent)] active:scale-125 active:cursor-grabbing disabled:pointer-events-none disabled:opacity-50" />
+        <SliderThumb v-for="(_, key) in modelValue" :key="key" data-slot="slider-thumb" :aria-label="props.thumbLabel" class="block size-5 shrink-0 cursor-grab rounded border-2 border-primary bg-card shadow-elevated-sm outline-none transition-[background-color,box-shadow] duration-150 hover:bg-[color-mix(in_oklab,var(--primary)_10%,var(--card))] focus-visible:ring-[3px] focus-visible:ring-ring/45 active:cursor-grabbing active:bg-[color-mix(in_oklab,var(--primary)_15%,var(--card))] disabled:pointer-events-none disabled:opacity-50" />
     </SliderRoot>
 </template>

package/src/components/ui/spinner/Spinner.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 import { computed } from 'vue';
-import { getUiVintageRuntimeMessage } from '../../../lib/i18n';
+import { useUiVintageMessage } from '../../../lib/i18n';
 import { cn } from '../../../lib/utils';
 
 // Props
@@ -14,7 +14,8 @@ const props = withDefaults(defineProps<{
     label: ''
 });
 
-const resolvedLabel = computed(() => props.label || getUiVintageRuntimeMessage('uiVintage.buttons.loading', 'Loading'));
+const message = useUiVintageMessage();
+const resolvedLabel = computed(() => props.label || message('uiVintage.buttons.loading', 'Loading'));
 
 // Size classes
 const sizeClasses: Record<NonNullable<typeof props.size>, string> = {

package/src/components/ui/stepper/SimpleStepper.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 import type { StepperStep } from '.';
-import { Tick02Icon } from '@hugeicons/core-free-icons';
+import Tick02Icon from '@hugeicons/core-free-icons/Tick02Icon';
 import { HugeiconsIcon } from '@hugeicons/vue';
 import { computed } from 'vue';
 import { cn } from '../../../lib/utils';

package/src/components/ui/stepper/StepperDescription.vue

@@ -5,10 +5,12 @@ import { reactiveOmit } from '@vueuse/core';
 import { StepperDescription } from 'reka-ui';
 import { cn } from '../../../lib/utils';
 
-// Props
-const props = defineProps<StepperDescriptionProps & {
+// Props (rendered as inline text by default: the stepper trigger is a button, which can't hold headings or paragraphs)
+const props = withDefaults(defineProps<StepperDescriptionProps & {
     class?: HTMLAttributes['class'];
-}>();
+}>(), {
+    as: 'span'
+});
 
 const delegatedProps = reactiveOmit(props, 'class');
 </script>

package/src/components/ui/stepper/StepperIndicator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { StepperIndicatorProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import { Tick02Icon } from '@hugeicons/core-free-icons';
+import Tick02Icon from '@hugeicons/core-free-icons/Tick02Icon';
 import { HugeiconsIcon } from '@hugeicons/vue';
 import { reactiveOmit } from '@vueuse/core';
 import { injectStepperItemContext, StepperIndicator } from 'reka-ui';
@@ -22,10 +22,10 @@ const state = computed(() => itemContext.state.value);
 
 <template>
     <StepperIndicator v-slot="{ step }" data-slot="stepper-indicator" :data-state="state" v-bind="delegatedProps" :class="cn(
-        'relative inline-flex size-9 shrink-0 items-center justify-center rounded-full border-2 border-border bg-card text-sm font-bold text-muted-foreground ring-0 ring-primary/15 tabular-nums',
+        'relative inline-flex size-9 shrink-0 items-center justify-center rounded border border-border bg-card text-xs font-semibold text-muted-foreground tabular-nums',
         '[transition:color_150ms,background-color_220ms,border-color_220ms,box-shadow_380ms_var(--ease-spring),transform_380ms_var(--ease-spring)]',
         'group-hover/stepper-trigger:border-border-strong group-active/stepper-trigger:scale-95 group-active/stepper-trigger:duration-75',
-        'data-[state=active]:border-primary data-[state=active]:text-primary data-[state=active]:ring-4 data-[state=active]:group-hover/stepper-trigger:border-primary',
+        'data-[state=active]:border-primary data-[state=active]:bg-primary/10 data-[state=active]:text-primary data-[state=active]:group-hover/stepper-trigger:border-primary',
         'data-[state=completed]:border-primary data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=completed]:group-hover/stepper-trigger:border-primary',
         '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
         props.class

package/src/components/ui/stepper/StepperTitle.vue

@@ -5,10 +5,12 @@ import { reactiveOmit } from '@vueuse/core';
 import { StepperTitle } from 'reka-ui';
 import { cn } from '../../../lib/utils';
 
-// Props
-const props = defineProps<StepperTitleProps & {
+// Props (rendered as inline text by default: the stepper trigger is a button, which can't hold headings or paragraphs)
+const props = withDefaults(defineProps<StepperTitleProps & {
     class?: HTMLAttributes['class'];
-}>();
+}>(), {
+    as: 'span'
+});
 
 const delegatedProps = reactiveOmit(props, 'class');
 </script>

package/src/components/ui/switch/Switch.vue

@@ -4,6 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from 'reka-ui';
 import { cn } from '../../../lib/utils';
+import { useFieldControlId } from '../field/field-context';
 
 // Props
 const props = defineProps<SwitchRootProps & {
@@ -15,13 +16,16 @@ const emits = defineEmits<SwitchRootEmits>();
 
 const delegatedProps = reactiveOmit(props, 'class');
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
+
+// Let a surrounding Field label point to this control
+const fieldControlId = useFieldControlId(() => props.id);
 </script>
 
 <template>
-    <SwitchRoot v-slot="slotProps" data-slot="switch" v-bind="forwarded" :class="cn(
+    <SwitchRoot v-slot="slotProps" data-slot="switch" v-bind="forwarded" :id="fieldControlId" :class="cn(
         'group/switch peer relative inline-flex h-7 w-12 shrink-0 cursor-pointer items-center rounded border border-input bg-secondary shadow-elevated-sm outline-none',
         '[transition:background-color_200ms,border-color_200ms,box-shadow_250ms] hover:border-border-strong focus-visible:ring-[3px] focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-60',
-        'data-[state=checked]:border-primary data-[state=checked]:bg-accent data-[state=checked]:shadow-[0_0_0_3px_color-mix(in_oklab,var(--primary)_14%,transparent)]',
+        'data-[state=checked]:border-primary data-[state=checked]:bg-accent',
         props.class
     )">
         <SwitchThumb data-slot="switch-thumb" :class="cn(

package/src/components/ui/tabs/TabsList.vue

@@ -21,7 +21,7 @@ const delegatedProps = reactiveOmit(props, 'class', 'indicatorClass');
     )">
         <!-- Sliding active indicator -->
         <TabsIndicator data-slot="tabs-indicator" :class="cn(
-            'absolute -z-10 rounded border border-primary bg-surface shadow-elevated-sm transition-[translate,width,height] duration-[380ms] ease-spring',
+            'absolute -z-10 rounded border border-primary/40 bg-primary/10 transition-[translate,width,height] duration-[380ms] ease-spring',
             'group-aria-[orientation=horizontal]/tabs-list:inset-y-1 group-aria-[orientation=horizontal]/tabs-list:left-0 group-aria-[orientation=horizontal]/tabs-list:w-(--reka-tabs-indicator-size) group-aria-[orientation=horizontal]/tabs-list:translate-x-(--reka-tabs-indicator-position)',
             'group-aria-[orientation=vertical]/tabs-list:inset-x-1 group-aria-[orientation=vertical]/tabs-list:top-0 group-aria-[orientation=vertical]/tabs-list:h-(--reka-tabs-indicator-size) group-aria-[orientation=vertical]/tabs-list:translate-y-(--reka-tabs-indicator-position)',
             props.indicatorClass

package/src/components/ui/tabs/TabsTrigger.vue

@@ -19,7 +19,7 @@ const forwardedProps = useForwardProps(delegatedProps);
         'relative inline-flex min-h-9 flex-1 cursor-pointer items-center justify-center gap-1.5 rounded border border-transparent bg-transparent px-4 py-2 text-sm font-semibold whitespace-nowrap text-muted-foreground outline-none select-none',
         '[transition:color_150ms,background-color_150ms,scale_300ms_var(--ease-spring)] hover:text-foreground active:scale-[0.97] focus-visible:ring-[3px] focus-visible:ring-ring/45 disabled:pointer-events-none disabled:opacity-50',
         'data-[state=active]:text-primary data-[state=inactive]:hover:bg-accent/60',
-        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 [&_svg]:transition-transform [&_svg]:duration-300 [&_svg]:ease-bounce data-[state=active]:[&_svg]:scale-110',
+        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
         props.class
     )" v-bind="forwardedProps">
         <slot />

package/src/components/ui/tags-input/TagsInputItemDelete.vue

@@ -2,7 +2,7 @@
 import type { TagsInputItemDeleteProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
-import { Cancel01Icon } from '@hugeicons/core-free-icons';
+import Cancel01Icon from '@hugeicons/core-free-icons/Cancel01Icon';
 import { HugeiconsIcon } from '@hugeicons/vue';
 import { TagsInputItemDelete, useForwardProps } from 'reka-ui';
 import { cn } from '../../../lib/utils';

package/src/components/ui/textarea/Textarea.vue

@@ -2,6 +2,7 @@
 import type { HTMLAttributes } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { cn } from '../../../lib/utils';
+import { useFieldControlId } from '../field/field-context';
 
 // Props
 const props = defineProps<{
@@ -19,10 +20,13 @@ const modelValue = useVModel(props, 'modelValue', emits, {
     passive: true,
     defaultValue: props.defaultValue
 });
+
+// Let a surrounding Field label point to this control
+const fieldControlId = useFieldControlId();
 </script>
 
 <template>
-    <textarea v-model="modelValue" data-slot="textarea" :class="cn(
+    <textarea :id="fieldControlId" v-model="modelValue" data-slot="textarea" :class="cn(
         'uv-field flex field-sizing-content min-h-30 w-full min-w-0 rounded border border-input bg-secondary px-4 py-3 text-xs font-semibold text-foreground shadow-elevated-sm outline-none sm:text-sm',
         'selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground placeholder:opacity-60',
         'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 aria-invalid:animate-uv-shake',

package/src/components/ui/time-picker/TimePicker.vue

@@ -16,7 +16,7 @@ const props = withDefaults(defineProps<{
     inputClass?: HTMLAttributes['class'];
 }>(), {
     defaultValue: '',
-    step: 1,
+    step: 60,
     disabled: false
 });
 
@@ -43,7 +43,7 @@ const time = computed({
 
 <template>
     <Input v-model="time" type="time" :step="props.step" :min="props.min" :max="props.max" :disabled="props.disabled" :class="cn(
-        'cursor-pointer font-normal hover:border-(--border-hover-light) hover:bg-(--bg-selected-light) dark:hover:border-(--border-hover-dark) dark:hover:bg-(--bg-selected-dark) [&::-webkit-calendar-picker-indicator]:cursor-pointer [&::-webkit-calendar-picker-indicator]:opacity-70 hover:[&::-webkit-calendar-picker-indicator]:opacity-100',
+        'cursor-pointer font-normal hover:border-border-strong hover:bg-accent [&::-webkit-calendar-picker-indicator]:cursor-pointer [&::-webkit-calendar-picker-indicator]:opacity-70 hover:[&::-webkit-calendar-picker-indicator]:opacity-100',
         props.inputClass,
         props.class
     )

package/src/components/ui/toggle-group/ToggleGroup.vue

@@ -85,7 +85,7 @@ const indicatorStyle = computed<CSSProperties>(() => ({
         <span v-if="isSingle" data-slot="toggle-group-indicator" aria-hidden="true" :style="indicatorStyle" :class="cn(
             'pointer-events-none absolute top-0 left-0 z-0 rounded-sm border',
             animated && '[transition:transform_380ms_var(--ease-spring),width_380ms_var(--ease-spring),height_380ms_var(--ease-spring),opacity_180ms_var(--ease-snappy)]',
-            props.highlight ? 'border-primary/40 bg-primary/10 shadow-[0_0_0_3px_color-mix(in_oklab,var(--primary)_10%,transparent)]' : 'border-border-strong bg-surface shadow-elevated-sm'
+            props.highlight ? 'border-primary/40 bg-primary/10' : 'border-border-strong bg-surface shadow-elevated-sm'
         )" />
 
         <slot v-bind="slotProps" />

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(
-            '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',
+            'uv-floating-motion bg-foreground text-background z-50 w-fit max-w-72 rounded px-3 py-1.5 text-xs font-semibold text-balance shadow-elevated-lg',
             props.class
         )
             ">

package/src/i18n/de.json

@@ -3,6 +3,7 @@
         "common": {
             "breadcrumb": "Brotkrumennavigation",
             "more": "Mehr",
+            "home": "Startseite",
             "empty": {
                 "title": "Hier gibt es noch nichts",
                 "description": "Zurzeit gibt es keine Inhalte zum Anzeigen."
@@ -10,7 +11,8 @@
             "loading": {
                 "title": "Wird geladen...",
                 "description": "Bitte warte einen Moment, wahrend wir die Inhalte laden."
-            }
+            },
+            "logo": "{name}-Logo"
         },
         "buttons": {
             "remove": "Entfernen",
@@ -50,7 +52,10 @@
             "description": "Nach einem auszuführenden Befehl suchen..."
         },
         "datePicker": {
-            "placeholder": "Datum auswählen"
+            "placeholder": "Datum auswählen",
+            "month": "Monat",
+            "year": "Jahr",
+            "time": "Uhrzeit"
         },
         "terminal": {
             "title": "Terminal",
@@ -60,7 +65,9 @@
         "code": {
             "title": "Code",
             "copy": "Code kopieren",
-            "copied": "Code kopiert"
+            "copied": "Code kopiert",
+            "position": "Zeile {line}, Spalte {column}",
+            "plainText": "Nur-Text"
         },
         "footer": {
             "madeWith": "Gemacht mit",
@@ -71,14 +78,20 @@
             "readingProgress": "Lesefortschritt",
             "readMore": "Weiterlesen",
             "goToPost": "Zum Beitrag",
+            "new": "Neu",
             "tableOfContents": "Inhaltsverzeichnis",
             "tableOfContentsDescription": "Zu einem Abschnitt dieses Artikels springen",
+            "tableOfContentsSections": "{count} Abschnitt | {count} Abschnitte",
             "openTableOfContents": "Inhaltsverzeichnis offnen",
             "closeTableOfContents": "Inhaltsverzeichnis schliessen",
             "loadMoreWithNumbers": "Mehr laden ({current}/{total})",
             "author": "Autor",
             "publishedDate": "Veroffentlicht",
             "lastUpdatedDate": "Aktualisiert",
+            "readingTime": "Lesezeit",
+            "readingTimeValue": "{minutes} Min.",
+            "category": "Kategorie",
+            "breadcrumbBlog": "Blog",
             "carouselNavigation": "Karussellnavigation",
             "goToSlide": "Zur Folie {index} wechseln",
             "previousSlide": "Vorherige Folie",
@@ -97,9 +110,6 @@
                 "copied": "Link kopiert"
             }
         },
-        "select": {
-            "defaultPlaceholder": "Option auswahlen"
-        },
         "errorPage": {
             "notFound": {
                 "title": "Seite nicht gefunden",

package/src/i18n/en.json

@@ -3,6 +3,7 @@
         "common": {
             "breadcrumb": "Breadcrumb",
             "more": "More",
+            "home": "Home",
             "empty": {
                 "title": "Nothing here yet",
                 "description": "There is no content to show right now."
@@ -10,7 +11,8 @@
             "loading": {
                 "title": "Loading...",
                 "description": "Please wait a moment while we load the content."
-            }
+            },
+            "logo": "{name} logo"
         },
         "buttons": {
             "remove": "Remove",
@@ -50,7 +52,10 @@
             "description": "Search for a command to run..."
         },
         "datePicker": {
-            "placeholder": "Pick a date"
+            "placeholder": "Pick a date",
+            "month": "Month",
+            "year": "Year",
+            "time": "Time"
         },
         "terminal": {
             "title": "Terminal",
@@ -60,7 +65,9 @@
         "code": {
             "title": "Code",
             "copy": "Copy code",
-            "copied": "Code copied"
+            "copied": "Code copied",
+            "position": "Ln {line}, Col {column}",
+            "plainText": "Plain text"
         },
         "footer": {
             "madeWith": "Made with",
@@ -71,14 +78,20 @@
             "readingProgress": "Reading progress",
             "readMore": "Read more",
             "goToPost": "Go to post",
+            "new": "New",
             "tableOfContents": "Table of contents",
             "tableOfContentsDescription": "Jump to a section of this article",
+            "tableOfContentsSections": "{count} section | {count} sections",
             "openTableOfContents": "Open table of contents",
             "closeTableOfContents": "Close table of contents",
             "loadMoreWithNumbers": "Load more ({current}/{total})",
             "author": "Author",
             "publishedDate": "Published",
             "lastUpdatedDate": "Updated",
+            "readingTime": "Reading time",
+            "readingTimeValue": "{minutes} min",
+            "category": "Category",
+            "breadcrumbBlog": "Blog",
             "carouselNavigation": "Carousel navigation",
             "goToSlide": "Go to slide {index}",
             "previousSlide": "Previous slide",
@@ -97,9 +110,6 @@
                 "copied": "Link copied"
             }
         },
-        "select": {
-            "defaultPlaceholder": "Select an option"
-        },
         "errorPage": {
             "notFound": {
                 "title": "Page not found",

package/src/i18n/es.json

@@ -3,6 +3,7 @@
         "common": {
             "breadcrumb": "Navegación de migas de pan",
             "more": "Más",
+            "home": "Inicio",
             "empty": {
                 "title": "Todavia no hay nada aqui",
                 "description": "No hay contenido para mostrar en este momento."
@@ -10,7 +11,8 @@
             "loading": {
                 "title": "Cargando...",
                 "description": "Espera un momento mientras cargamos el contenido."
-            }
+            },
+            "logo": "Logotipo de {name}"
         },
         "buttons": {
             "remove": "Quitar",
@@ -50,7 +52,10 @@
             "description": "Busca un comando para ejecutar..."
         },
         "datePicker": {
-            "placeholder": "Elegir una fecha"
+            "placeholder": "Elegir una fecha",
+            "month": "Mes",
+            "year": "Año",
+            "time": "Hora"
         },
         "terminal": {
             "title": "Terminal",
@@ -60,7 +65,9 @@
         "code": {
             "title": "Codigo",
             "copy": "Copiar codigo",
-            "copied": "Codigo copiado"
+            "copied": "Codigo copiado",
+            "position": "Lín. {line}, col. {column}",
+            "plainText": "Texto sin formato"
         },
         "footer": {
             "madeWith": "Hecho con",
@@ -71,14 +78,20 @@
             "readingProgress": "Progreso de lectura",
             "readMore": "Leer mas",
             "goToPost": "Ir al articulo",
+            "new": "Nuevo",
             "tableOfContents": "Tabla de contenidos",
             "tableOfContentsDescription": "Ir a una seccion de este articulo",
+            "tableOfContentsSections": "{count} seccion | {count} secciones",
             "openTableOfContents": "Abrir tabla de contenidos",
             "closeTableOfContents": "Cerrar tabla de contenidos",
             "loadMoreWithNumbers": "Cargar mas ({current}/{total})",
             "author": "Autor",
             "publishedDate": "Publicado",
             "lastUpdatedDate": "Actualizado",
+            "readingTime": "Tiempo de lectura",
+            "readingTimeValue": "{minutes} min",
+            "category": "Categoría",
+            "breadcrumbBlog": "Blog",
             "carouselNavigation": "Navegacion del carrusel",
             "goToSlide": "Ir a la diapositiva {index}",
             "previousSlide": "Diapositiva anterior",
@@ -97,9 +110,6 @@
                 "copied": "Enlace copiado"
             }
         },
-        "select": {
-            "defaultPlaceholder": "Selecciona una opcion"
-        },
         "errorPage": {
             "notFound": {
                 "title": "Página no encontrada",

package/src/i18n/fr.json

@@ -3,6 +3,7 @@
         "common": {
             "breadcrumb": "Fil d'Ariane",
             "more": "Plus",
+            "home": "Accueil",
             "empty": {
                 "title": "Rien ici pour le moment",
                 "description": "Il n'y a aucun contenu a afficher pour le moment."
@@ -10,7 +11,8 @@
             "loading": {
                 "title": "Chargement...",
                 "description": "Veuillez patienter un instant pendant le chargement du contenu."
-            }
+            },
+            "logo": "Logo de {name}"
         },
         "buttons": {
             "remove": "Retirer",
@@ -50,7 +52,10 @@
             "description": "Rechercher une commande à exécuter..."
         },
         "datePicker": {
-            "placeholder": "Choisir une date"
+            "placeholder": "Choisir une date",
+            "month": "Mois",
+            "year": "Année",
+            "time": "Heure"
         },
         "terminal": {
             "title": "Terminal",
@@ -60,7 +65,9 @@
         "code": {
             "title": "Code",
             "copy": "Copier le code",
-            "copied": "Code copie"
+            "copied": "Code copie",
+            "position": "Ligne {line}, col. {column}",
+            "plainText": "Texte brut"
         },
         "footer": {
             "madeWith": "Fait avec",
@@ -71,14 +78,20 @@
             "readingProgress": "Progression de lecture",
             "readMore": "Lire la suite",
             "goToPost": "Aller a l'article",
+            "new": "Nouveau",
             "tableOfContents": "Table des matieres",
             "tableOfContentsDescription": "Aller a une section de cet article",
+            "tableOfContentsSections": "{count} section | {count} sections",
             "openTableOfContents": "Ouvrir la table des matieres",
             "closeTableOfContents": "Fermer la table des matieres",
             "loadMoreWithNumbers": "Charger plus ({current}/{total})",
             "author": "Auteur",
             "publishedDate": "Publie",
             "lastUpdatedDate": "Mis a jour",
+            "readingTime": "Temps de lecture",
+            "readingTimeValue": "{minutes} min",
+            "category": "Catégorie",
+            "breadcrumbBlog": "Blog",
             "carouselNavigation": "Navigation du carrousel",
             "goToSlide": "Aller a la diapositive {index}",
             "previousSlide": "Diapositive precedente",
@@ -97,9 +110,6 @@
                 "copied": "Lien copié"
             }
         },
-        "select": {
-            "defaultPlaceholder": "Selectionnez une option"
-        },
         "errorPage": {
             "notFound": {
                 "title": "Page introuvable",

package/src/i18n/it.json

@@ -3,6 +3,7 @@
         "common": {
             "breadcrumb": "Percorso di navigazione",
             "more": "Altro",
+            "home": "Home",
             "empty": {
                 "title": "Non c'è ancora niente qui",
                 "description": "Al momento non c'è alcun contenuto da mostrare."
@@ -10,7 +11,8 @@
             "loading": {
                 "title": "Caricamento...",
                 "description": "Attendi un momento mentre carichiamo il contenuto."
-            }
+            },
+            "logo": "Logo di {name}"
         },
         "buttons": {
             "remove": "Rimuovi",
@@ -50,7 +52,10 @@
             "description": "Cerca un comando da eseguire..."
         },
         "datePicker": {
-            "placeholder": "Scegli una data"
+            "placeholder": "Scegli una data",
+            "month": "Mese",
+            "year": "Anno",
+            "time": "Ora"
         },
         "terminal": {
             "title": "Terminale",
@@ -60,7 +65,9 @@
         "code": {
             "title": "Codice",
             "copy": "Copia codice",
-            "copied": "Codice copiato"
+            "copied": "Codice copiato",
+            "position": "Riga {line}, col. {column}",
+            "plainText": "Testo semplice"
         },
         "footer": {
             "madeWith": "Fatto con",
@@ -71,14 +78,20 @@
             "readingProgress": "Avanzamento della lettura",
             "readMore": "Leggi di piu",
             "goToPost": "Vai all'articolo",
+            "new": "Novità",
             "tableOfContents": "Indice dei contenuti",
             "tableOfContentsDescription": "Vai a una sezione dell'articolo",
+            "tableOfContentsSections": "{count} sezione | {count} sezioni",
             "openTableOfContents": "Apri l'indice dei contenuti",
             "closeTableOfContents": "Chiudi l'indice dei contenuti",
             "loadMoreWithNumbers": "Carica altro ({current}/{total})",
             "author": "Autore",
             "publishedDate": "Pubblicato",
             "lastUpdatedDate": "Aggiornato",
+            "readingTime": "Tempo di lettura",
+            "readingTimeValue": "{minutes} min",
+            "category": "Categoria",
+            "breadcrumbBlog": "Blog",
             "carouselNavigation": "Navigazione carosello",
             "goToSlide": "Vai alla slide {index}",
             "previousSlide": "Slide precedente",
@@ -97,9 +110,6 @@
                 "copied": "Link copiato"
             }
         },
-        "select": {
-            "defaultPlaceholder": "Seleziona un'opzione"
-        },
         "errorPage": {
             "notFound": {
                 "title": "Pagina non trovata",