@veritree/ui 0.24.0 → 0.25.0

package/mixins/floating-ui-item.js

@@ -208,7 +208,9 @@ export const floatingUiItemMixin = {
       }
 
       // focus new item
-      this.items[newSelectedIndex].focus();
+      if (this.items[newSelectedIndex]) {
+        this.items[newSelectedIndex].focus();
+      }
     },
 
     getItemSelectedIndex() {

package/nuxt.js

@@ -13,6 +13,7 @@ const components = [
   'src/components/Image',
   'src/components/Popover',
   'src/components/ProgressBar',
+  'src/components/Spinner',
   'src/components/Tabs',
   'src/components/Tooltip',
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Dialog/VTDialogContent.vue

@@ -14,7 +14,7 @@
       :class="[
         headless
           ? 'dialog-content'
-          : 'relative m-auto flex max-h-full max-w-full flex-col overflow-auto rounded bg-white p-6 focus:outline-none sm:p-10',
+          : 'relative m-auto flex max-h-full max-w-full flex-col overflow-auto rounded bg-white p-6 focus:outline-none lg:p-8',
       ]"
       tabindex="-1"
       @keydown.esc.stop="hide"

package/src/components/Dialog/VTDialogHeader.vue

@@ -5,7 +5,7 @@
     :class="[
       headless
         ? 'dialog-header'
-        : 'mb-8 flex w-full items-center justify-between gap-x-3',
+        : 'mb-6 flex w-full items-center justify-between gap-x-3',
     ]"
   >
     <slot></slot>

package/src/components/DropdownMenu/VTDropdownMenuDivider.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     :class="{
-      PopoverDivider: headless,
+      'dropdown-menu-divider': headless,
       '-mx-3 my-2 h-[1px]': !headless,
     }"
   ></div>

package/src/components/Listbox/VTListboxSearch.vue

@@ -110,7 +110,9 @@ export default {
       }
 
       // select new item
-      this.items[newSelectedIndex].select();
+      if (this.items[newSelectedIndex]) {
+        this.items[newSelectedIndex].select();
+      }
     },
 
     unselectItem() {

package/src/components/Popover/VTPopoverDivider.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     :class="{
-      PopoverDivider: headless,
+      'popover-divider': headless,
       'h-[1px]': !headless,
     }"
   ></div>