@una-ui/nuxt 0.50.2 → 0.50.4

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.50.2",
+  "version": "0.50.4",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.50.2";
+const version = "0.50.4";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/elements/AvatarGroup.vue

@@ -61,7 +61,7 @@ const visibleAvatars = computed(() => {
 const displayAvatars = computed(() => {
   const result = [...visibleAvatars.value]
 
-  if (hiddenCount.value > 0) {
+  if (hiddenCount.value > 0 || props.overflowLabel) {
     const avatarProps = children.value.length > 0
       ? omitProps(children.value[0].props || {}, ['src', 'alt', 'label', 'icon'])
       : {}

package/dist/runtime/components/forms/Input.vue

@@ -77,28 +77,28 @@ const reverseClassVariants = computed(() => {
 })
 
 // html refs
-const textarea = ref<HTMLTextAreaElement>()
+const inputRef = ref<HTMLTextAreaElement>()
 
 function resizeTextarea(): void {
-  if (!(props.type === 'textarea' && props.autoresize) || !textarea.value)
+  if (!(props.type === 'textarea' && props.autoresize) || !inputRef.value)
     return
 
-  textarea.value.rows = props.rows
+  inputRef.value.rows = props.rows
 
-  const styles = window.getComputedStyle(textarea.value)
+  const styles = window.getComputedStyle(inputRef.value)
   const paddingTop = Number.parseInt(styles.paddingTop)
   const paddingBottom = Number.parseInt(styles.paddingBottom)
   const padding = paddingTop + paddingBottom
   const lineHeight = Number.parseInt(styles.lineHeight)
-  const { scrollHeight } = textarea.value
+  const { scrollHeight } = inputRef.value
   const newRows = (scrollHeight - padding) / lineHeight
 
   if (newRows > props.rows)
-    textarea.value.rows = newRows
+    inputRef.value.rows = newRows
 
   const maxAutoresizeRows = typeof props.autoresize === 'number' ? props.autoresize : Number.POSITIVE_INFINITY
-  if (textarea.value.rows > maxAutoresizeRows)
-    textarea.value.rows = maxAutoresizeRows
+  if (inputRef.value.rows > maxAutoresizeRows)
+    inputRef.value.rows = maxAutoresizeRows
 }
 
 function onInput(event: Event): void {
@@ -110,6 +110,13 @@ function onInput(event: Event): void {
 onMounted(() => {
   resizeTextarea()
 })
+
+defineExpose({
+  focus: () => inputRef.value?.focus(),
+  blur: () => inputRef.value?.blur(),
+  select: () => inputRef.value?.select(),
+  inputRef,
+})
 </script>
 
 <template>
@@ -144,7 +151,7 @@ onMounted(() => {
     <component
       :is="props.type !== 'textarea' ? 'input' : 'textarea'"
       :id
-      ref="textarea"
+      ref="inputRef"
       :value="modelValue"
       :type="props.type !== 'textarea' ? props.type : undefined"
       :class="cn(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.50.2",
+  "version": "0.50.4",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -59,8 +59,8 @@
     "typescript": "5.6.3",
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.1.1",
-    "@una-ui/extractor-vue-script": "^0.50.2",
-    "@una-ui/preset": "^0.50.2"
+    "@una-ui/extractor-vue-script": "^0.50.4",
+    "@una-ui/preset": "^0.50.4"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.34",