@brumaombra/ui-vintage 0.7.8 → 0.7.10

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

@@ -1 +1 @@
-export { default as Textarea } from "./Textarea.vue"
+export { default as Textarea } from './Textarea.vue';

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

@@ -1,56 +1,51 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { computed, ref } from 'vue'
-import { cn } from '../../../lib/utils'
-import { Input } from '../input'
+import type { HTMLAttributes } from 'vue';
+import { computed, ref } from 'vue';
+import { cn } from '../../../lib/utils';
+import { Input } from '../input';
 
+// Props
 const props = withDefaults(defineProps<{
-    defaultValue?: string
-    modelValue?: string
-    step?: string | number
-    min?: string
-    max?: string
-    disabled?: boolean
-    class?: HTMLAttributes['class']
-    inputClass?: HTMLAttributes['class']
+    defaultValue?: string;
+    modelValue?: string;
+    step?: string | number;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+    inputClass?: HTMLAttributes['class'];
 }>(), {
     defaultValue: '',
     step: 1,
-    disabled: false,
-})
+    disabled: false
+});
 
+// Emits
 const emits = defineEmits<{
-    (e: 'update:modelValue', payload: string): void
-}>()
+    (e: 'update:modelValue', payload: string): void;
+}>();
 
-const internalValue = ref(props.defaultValue)
-const isControlled = computed(() => props.modelValue !== undefined)
+const internalValue = ref(props.defaultValue);
+const isControlled = computed(() => props.modelValue !== undefined);
 
 const time = computed({
-    get: () => (isControlled.value ? props.modelValue : internalValue.value) ?? '',
+    get: () =>
+        (isControlled.value ? props.modelValue : internalValue.value) ?? '',
     set: (value: string | number) => {
-        const nextValue = String(value)
+        const nextValue = String(value);
 
-        if (!isControlled.value)
-            internalValue.value = nextValue
+        if (!isControlled.value) internalValue.value = nextValue;
 
-        emits('update:modelValue', nextValue)
-    },
-})
+        emits('update:modelValue', nextValue);
+    }
+});
 </script>
 
 <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',
-            props.inputClass,
-            props.class,
-        )"
-    />
+    <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',
+        props.inputClass,
+        props.class
+    )
+        " />
 </template>

package/src/components/ui/time-picker/index.ts

@@ -1,2 +1,2 @@
-export { default as TimePicker } from './TimePicker.vue'
-export { default } from './TimePicker.vue'
+export { default as TimePicker } from './TimePicker.vue';
+export { default } from './TimePicker.vue';

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

@@ -1,15 +1,18 @@
 <script setup lang="ts">
-import type { TooltipRootEmits, TooltipRootProps } from "reka-ui"
-import { TooltipRoot, useForwardPropsEmits } from "reka-ui"
+import type { TooltipRootEmits, TooltipRootProps } from 'reka-ui';
+import { TooltipRoot, useForwardPropsEmits } from 'reka-ui';
 
-const props = defineProps<TooltipRootProps>()
-const emits = defineEmits<TooltipRootEmits>()
+// Props
+const props = defineProps<TooltipRootProps>();
 
-const forwarded = useForwardPropsEmits(props, emits)
+// Emits
+const emits = defineEmits<TooltipRootEmits>();
+
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <TooltipRoot v-slot="slotProps" data-slot="tooltip" v-bind="forwarded">
-    <slot v-bind="slotProps" />
-  </TooltipRoot>
-</template>
+    <TooltipRoot v-slot="slotProps" data-slot="tooltip" v-bind="forwarded">
+        <slot v-bind="slotProps" />
+    </TooltipRoot>
+</template>

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

@@ -1,30 +1,38 @@
 <script setup lang="ts">
-import type { TooltipContentEmits, TooltipContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TooltipArrow, TooltipContent, TooltipPortal, useForwardPropsEmits } from "reka-ui"
-import { cn } from "../../../lib/utils"
+import type { TooltipContentEmits, TooltipContentProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { TooltipArrow, TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui';
+import { cn } from '../../../lib/utils';
 
 defineOptions({
-  inheritAttrs: false,
-})
+    inheritAttrs: false
+});
 
-const props = withDefaults(defineProps<TooltipContentProps & { class?: HTMLAttributes["class"] }>(), {
-  sideOffset: 4,
-})
+// Props
+const props = withDefaults(defineProps<TooltipContentProps & {
+    class?: HTMLAttributes['class'];
+}>(), {
+    sideOffset: 4
+});
 
-const emits = defineEmits<TooltipContentEmits>()
+// Emits
+const emits = defineEmits<TooltipContentEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const delegatedProps = reactiveOmit(props, 'class');
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <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', props.class)">
-      <slot />
+    <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',
+            props.class
+        )
+            ">
+            <slot />
 
-      <TooltipArrow class="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
-    </TooltipContent>
-  </TooltipPortal>
-</template>
+            <TooltipArrow class="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs" />
+        </TooltipContent>
+    </TooltipPortal>
+</template>

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

@@ -1,14 +1,15 @@
 <script setup lang="ts">
-import type { TooltipProviderProps } from "reka-ui"
-import { TooltipProvider } from "reka-ui"
+import type { TooltipProviderProps } from 'reka-ui';
+import { TooltipProvider } from 'reka-ui';
 
+// Props
 const props = withDefaults(defineProps<TooltipProviderProps>(), {
-  delayDuration: 0,
-})
+    delayDuration: 0
+});
 </script>
 
 <template>
-  <TooltipProvider v-bind="props">
-    <slot />
-  </TooltipProvider>
-</template>
+    <TooltipProvider v-bind="props">
+        <slot />
+    </TooltipProvider>
+</template>

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

@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import type { TooltipTriggerProps } from "reka-ui"
-import { TooltipTrigger } from "reka-ui"
+import type { TooltipTriggerProps } from 'reka-ui';
+import { TooltipTrigger } from 'reka-ui';
 
-const props = defineProps<TooltipTriggerProps>()
+// Props
+const props = defineProps<TooltipTriggerProps>();
 </script>
 
 <template>
-  <TooltipTrigger data-slot="tooltip-trigger" v-bind="props">
-    <slot />
-  </TooltipTrigger>
-</template>
+    <TooltipTrigger data-slot="tooltip-trigger" v-bind="props">
+        <slot />
+    </TooltipTrigger>
+</template>

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

@@ -1,4 +1,4 @@
-export { default as Tooltip } from "./Tooltip.vue"
-export { default as TooltipContent } from "./TooltipContent.vue"
-export { default as TooltipProvider } from "./TooltipProvider.vue"
-export { default as TooltipTrigger } from "./TooltipTrigger.vue"
+export { default as Tooltip } from './Tooltip.vue';
+export { default as TooltipContent } from './TooltipContent.vue';
+export { default as TooltipProvider } from './TooltipProvider.vue';
+export { default as TooltipTrigger } from './TooltipTrigger.vue';

package/src/i18n/de.json

@@ -37,6 +37,11 @@
             "title": "Sprache wahlen",
             "ariaLabel": "Sprachauswahl"
         },
+        "terminal": {
+            "title": "Terminal",
+            "copy": "Befehle kopieren",
+            "copied": "Befehle kopiert"
+        },
         "footer": {
             "madeWith": "Gemacht mit",
             "by": "von",

package/src/i18n/en.json

@@ -37,6 +37,11 @@
             "title": "Choose language",
             "ariaLabel": "Language selector"
         },
+        "terminal": {
+            "title": "Terminal",
+            "copy": "Copy commands",
+            "copied": "Commands copied"
+        },
         "footer": {
             "madeWith": "Made with",
             "by": "by",

package/src/i18n/es.json

@@ -37,6 +37,11 @@
             "title": "Elegir idioma",
             "ariaLabel": "Selector de idioma"
         },
+        "terminal": {
+            "title": "Terminal",
+            "copy": "Copiar comandos",
+            "copied": "Comandos copiados"
+        },
         "footer": {
             "madeWith": "Hecho con",
             "by": "por",

package/src/i18n/fr.json

@@ -37,6 +37,11 @@
             "title": "Choisir la langue",
             "ariaLabel": "Selecteur de langue"
         },
+        "terminal": {
+            "title": "Terminal",
+            "copy": "Copier les commandes",
+            "copied": "Commandes copiees"
+        },
         "footer": {
             "madeWith": "Fait avec",
             "by": "par",

package/src/i18n/it.json

@@ -37,6 +37,11 @@
             "title": "Scegli lingua",
             "ariaLabel": "Selettore lingua"
         },
+        "terminal": {
+            "title": "Terminale",
+            "copy": "Copia comandi",
+            "copied": "Comandi copiati"
+        },
         "footer": {
             "madeWith": "Fatto con",
             "by": "da",

package/src/i18n/ja.json

@@ -37,6 +37,11 @@
             "title": "言語を選択",
             "ariaLabel": "言語セレクター"
         },
+        "terminal": {
+            "title": "ターミナル",
+            "copy": "コマンドをコピー",
+            "copied": "コマンドをコピーしました"
+        },
         "footer": {
             "madeWith": "愛を込めて",
             "by": "by",

package/src/i18n/pt.json

@@ -37,6 +37,11 @@
             "title": "Escolher idioma",
             "ariaLabel": "Seletor de idioma"
         },
+        "terminal": {
+            "title": "Terminal",
+            "copy": "Copiar comandos",
+            "copied": "Comandos copiados"
+        },
         "footer": {
             "madeWith": "Feito com",
             "by": "por",

package/src/i18n/ru.json

@@ -37,6 +37,11 @@
             "title": "Выберите язык",
             "ariaLabel": "Выбор языка"
         },
+        "terminal": {
+            "title": "Терминал",
+            "copy": "Копировать команды",
+            "copied": "Команды скопированы"
+        },
         "footer": {
             "madeWith": "Сделано с",
             "by": "от",

package/src/i18n/zh.json

@@ -37,6 +37,11 @@
             "title": "选择语言",
             "ariaLabel": "语言选择器"
         },
+        "terminal": {
+            "title": "终端",
+            "copy": "复制命令",
+            "copied": "命令已复制"
+        },
         "footer": {
             "madeWith": "用",
             "by": "由",

package/src/lib/common-types.ts

@@ -0,0 +1,2 @@
+// Hugeicons icon definition type
+export type HugeiconsIconDefinition = readonly (readonly [string, { readonly [key: string]: string | number }])[];

package/src/lib/i18n.ts

@@ -24,11 +24,6 @@ export const uiVintageMessages = {
 // The type of the available locales based on the keys of the messages object
 type UiVintageLocale = keyof typeof uiVintageMessages;
 
-// Get the messages for a specific locale
-export const getUiVintageMessagesForLocale = (locale: keyof typeof uiVintageMessages) => {
-    return uiVintageMessages[locale];
-};
-
 // Resolve the current runtime locale from the document or navigator
 const getUiVintageRuntimeLocale = (): UiVintageLocale => {
     let browserLocale = 'en';

package/src/runtime/{ui-vintage-i18n-plugin.js → ui-vintage-i18n-plugin.ts}

@@ -1,21 +1,39 @@
 import { defineNuxtPlugin } from 'nuxt/app';
+import type { NuxtApp } from 'nuxt/app';
 import { uiVintageMessages } from '../lib/i18n';
 
+type MessageComposer = {
+    mergeLocaleMessage: (locale: string, messages: unknown) => void;
+};
+
+type I18nInstance = {
+    mergeLocaleMessage?: unknown;
+    global?: {
+        mergeLocaleMessage?: unknown;
+    };
+};
+
+type NuxtAppWithI18n = NuxtApp & {
+    $i18n?: unknown;
+};
+
 // Resolve the active i18n composer from either the Nuxt app or the Vue I18n instance
-const resolveMessageComposer = i18n => {
+const resolveMessageComposer = (i18n: unknown): MessageComposer | null => {
     // If no i18n instance is provided, return null
-    if (!i18n) {
+    if (!i18n || typeof i18n !== 'object') {
         return null;
     }
 
+    const instance = i18n as I18nInstance;
+
     // Check if the provided i18n instance has the mergeLocaleMessage method (Vue I18n 9+ composer API)
-    if (typeof i18n.mergeLocaleMessage === 'function') {
-        return i18n;
+    if (typeof instance.mergeLocaleMessage === 'function') {
+        return i18n as MessageComposer;
     }
 
     // Check if the provided i18n instance has a global property with the mergeLocaleMessage method (Vue I18n 9+ global API)
-    if (i18n.global && typeof i18n.global.mergeLocaleMessage === 'function') {
-        return i18n.global;
+    if (instance.global && typeof instance.global.mergeLocaleMessage === 'function') {
+        return instance.global as MessageComposer;
     }
 
     // If neither check succeeded, return null
@@ -23,9 +41,13 @@ const resolveMessageComposer = i18n => {
 };
 
 // Merge the library locale messages into the app composer
-const applyUiVintageMessages = nuxtApp => {
+const applyUiVintageMessages = (nuxtApp: NuxtApp): void => {
     // Attempt to resolve the i18n composer from the Nuxt app or Vue I18n instance
-    const composer = resolveMessageComposer(nuxtApp.$i18n || nuxtApp.vueApp?.config?.globalProperties?.$i18n);
+    const app = nuxtApp as NuxtAppWithI18n;
+    const globalProperties = app.vueApp.config.globalProperties as {
+        $i18n?: unknown;
+    };
+    const composer = resolveMessageComposer(app.$i18n || globalProperties.$i18n);
     if (!composer) {
         return;
     }