@brumaombra/ui-vintage 0.7.8 → 0.7.9

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

@@ -1,9 +1,9 @@
-export { default as Table } from "./Table.vue"
-export { default as TableBody } from "./TableBody.vue"
-export { default as TableCaption } from "./TableCaption.vue"
-export { default as TableCell } from "./TableCell.vue"
-export { default as TableEmpty } from "./TableEmpty.vue"
-export { default as TableFooter } from "./TableFooter.vue"
-export { default as TableHead } from "./TableHead.vue"
-export { default as TableHeader } from "./TableHeader.vue"
-export { default as TableRow } from "./TableRow.vue"
+export { default as Table } from './Table.vue';
+export { default as TableBody } from './TableBody.vue';
+export { default as TableCaption } from './TableCaption.vue';
+export { default as TableCell } from './TableCell.vue';
+export { default as TableEmpty } from './TableEmpty.vue';
+export { default as TableFooter } from './TableFooter.vue';
+export { default as TableHead } from './TableHead.vue';
+export { default as TableHeader } from './TableHeader.vue';
+export { default as TableRow } from './TableRow.vue';

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

@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import type { TabsRootEmits, TabsRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsRoot, useForwardPropsEmits } from "reka-ui"
-import { cn } from "../../../lib/utils"
+import type { TabsRootEmits, TabsRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { TabsRoot, useForwardPropsEmits } from 'reka-ui';
+import { cn } from '../../../lib/utils';
 
-const props = defineProps<TabsRootProps & { class?: HTMLAttributes["class"] }>()
-const emits = defineEmits<TabsRootEmits>()
+// Props
+const props = defineProps<TabsRootProps & {
+    class?: HTMLAttributes['class'];
+}>();
 
-const delegatedProps = reactiveOmit(props, "class")
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+// Emits
+const emits = defineEmits<TabsRootEmits>();
+
+const delegatedProps = reactiveOmit(props, 'class');
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <TabsRoot
-    v-slot="slotProps"
-    data-slot="tabs"
-    v-bind="forwarded"
-    :class="cn('flex flex-col gap-2', props.class)"
-  >
-    <slot v-bind="slotProps" />
-  </TabsRoot>
-</template>
+    <TabsRoot v-slot="slotProps" data-slot="tabs" v-bind="forwarded" :class="cn('flex flex-col gap-2', props.class)">
+        <slot v-bind="slotProps" />
+    </TabsRoot>
+</template>

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

@@ -1,21 +1,20 @@
 <script setup lang="ts">
-import type { TabsContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsContent } from "reka-ui"
-import { cn } from "../../../lib/utils"
+import type { TabsContentProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { TabsContent } from 'reka-ui';
+import { cn } from '../../../lib/utils';
 
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>()
+// Props
+const props = defineProps<TabsContentProps & {
+    class?: HTMLAttributes['class'];
+}>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class');
 </script>
 
 <template>
-  <TabsContent
-    data-slot="tabs-content"
-    :class="cn('flex-1 outline-none', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </TabsContent>
-</template>
+    <TabsContent data-slot="tabs-content" :class="cn('flex-1 outline-none', props.class)" v-bind="delegatedProps">
+        <slot />
+    </TabsContent>
+</template>

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

@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import type { TabsListProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsList } from "reka-ui"
-import { cn } from "../../../lib/utils"
+import type { TabsListProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { TabsList } from 'reka-ui';
+import { cn } from '../../../lib/utils';
 
-const props = defineProps<TabsListProps & { class?: HTMLAttributes["class"] }>()
+// Props
+const props = defineProps<TabsListProps & {
+    class?: HTMLAttributes['class'];
+}>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class');
 </script>
 
 <template>
-  <TabsList
-    data-slot="tabs-list"
-    v-bind="delegatedProps"
-    :class="cn(
-      'inline-flex h-auto w-fit items-center justify-center gap-1 rounded border border-border bg-card p-1 text-card-foreground transition-colors duration-300 ease-in-out',
-      props.class,
-    )"
-  >
-    <slot />
-  </TabsList>
-</template>
+    <TabsList data-slot="tabs-list" v-bind="delegatedProps" :class="cn(
+        'inline-flex h-auto w-fit items-center justify-center gap-1 rounded border border-border bg-card p-1 text-card-foreground transition-colors duration-300 ease-in-out',
+        props.class
+    )
+        ">
+        <slot />
+    </TabsList>
+</template>

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

@@ -1,26 +1,25 @@
 <script setup lang="ts">
-import type { TabsTriggerProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsTrigger, useForwardProps } from "reka-ui"
-import { cn } from "../../../lib/utils"
+import type { TabsTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { TabsTrigger, useForwardProps } from 'reka-ui';
+import { cn } from '../../../lib/utils';
 
-const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>()
+// Props
+const props = defineProps<TabsTriggerProps & {
+    class?: HTMLAttributes['class'];
+}>();
 
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
+const delegatedProps = reactiveOmit(props, 'class');
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <TabsTrigger
-    data-slot="tabs-trigger"
-    :class="cn(
-      'text-muted-foreground hover:text-foreground focus-visible:outline-none 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 transition-colors duration-300 ease-in-out disabled:pointer-events-none disabled:opacity-50 data-[state=active]:cursor-pointer data-[state=active]:border-(--button-primary-light) data-[state=active]:bg-gray-50 data-[state=active]:text-(--button-primary-light) data-[state=active]:font-semibold data-[state=active]:outline-1 data-[state=active]:outline-border data-[state=active]:outline-offset-0 data-[state=active]:shadow-none dark:data-[state=active]:border-(--button-primary-dark) dark:data-[state=active]:bg-(--bg-card-dark) dark:data-[state=active]:text-(--button-primary-dark) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </TabsTrigger>
-</template>
+    <TabsTrigger data-slot="tabs-trigger" :class="cn(
+        'text-muted-foreground hover:text-foreground focus-visible:outline-none 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 transition-colors duration-300 ease-in-out disabled:pointer-events-none disabled:opacity-50 data-[state=active]:cursor-pointer data-[state=active]:border-(--button-primary-light) data-[state=active]:bg-gray-50 data-[state=active]:text-(--button-primary-light) data-[state=active]:font-semibold data-[state=active]:outline-1 data-[state=active]:outline-border data-[state=active]:outline-offset-0 data-[state=active]:shadow-none dark:data-[state=active]:border-(--button-primary-dark) dark:data-[state=active]:bg-(--bg-card-dark) dark:data-[state=active]:text-(--button-primary-dark) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+        props.class
+    )
+        " v-bind="forwardedProps">
+        <slot />
+    </TabsTrigger>
+</template>

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

@@ -1,4 +1,4 @@
-export { default as Tabs } from "./Tabs.vue"
-export { default as TabsContent } from "./TabsContent.vue"
-export { default as TabsList } from "./TabsList.vue"
-export { default as TabsTrigger } from "./TabsTrigger.vue"
+export { default as Tabs } from './Tabs.vue';
+export { default as TabsContent } from './TabsContent.vue';
+export { default as TabsList } from './TabsList.vue';
+export { default as TabsTrigger } from './TabsTrigger.vue';

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

@@ -1,29 +1,32 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { useVModel } from "@vueuse/core"
-import { cn } from "../../../lib/utils"
+import type { HTMLAttributes } from 'vue';
+import { useVModel } from '@vueuse/core';
+import { cn } from '../../../lib/utils';
 
+// Props
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-  defaultValue?: string | number
-  modelValue?: string | number
-}>()
+    class?: HTMLAttributes['class'];
+    defaultValue?: string | number;
+    modelValue?: string | number;
+}>();
 
+// Emits
 const emits = defineEmits<{
-  (e: "update:modelValue", payload: string | number): void
-}>()
+    (e: 'update:modelValue', payload: string | number): void;
+}>();
 
-const modelValue = useVModel(props, "modelValue", emits, {
-  passive: true,
-  defaultValue: props.defaultValue,
-})
+const modelValue = useVModel(props, 'modelValue', emits, {
+    passive: true,
+    defaultValue: props.defaultValue
+});
 </script>
 
 <template>
-  <textarea v-model="modelValue" data-slot="textarea" :class="cn(
-    'selection:bg-primary selection:text-primary-foreground flex field-sizing-content min-h-[120px] w-full min-w-0 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-semibold text-(--text-primary-light) outline-none transition-all duration-300 ease-in-out placeholder:text-(--text-secondary-light) placeholder:opacity-60 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:placeholder:text-(--text-secondary-dark) sm:text-sm',
-    'focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)',
-    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-    props.class,
-  )" />
-</template>
+    <textarea v-model="modelValue" data-slot="textarea" :class="cn(
+        'selection:bg-primary selection:text-primary-foreground flex field-sizing-content min-h-30 w-full min-w-0 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-semibold text-(--text-primary-light) outline-none transition-all duration-300 ease-in-out placeholder:text-(--text-secondary-light) placeholder:opacity-60 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:placeholder:text-(--text-secondary-dark) sm:text-sm',
+        'focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)',
+        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+        props.class
+    )
+        " />
+</template>

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 }])[];