@indielayer/ui 1.14.1 → 1.14.2

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.14.1";
+declare const _default: "1.14.2";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.14.1";
+const e = "1.14.2";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",

package/src/components/tag/theme/Tag.base.theme.ts

@@ -31,11 +31,11 @@ const theme: TagTheme = {
 
     return css.variables({
       bg: color[100],
-      text: color[600],
-      border: color[600],
+      text: color[800],
+      border: color[700],
       dark: {
         bg: color[600],
-        border: color[400],
+        border: color[500],
         text: color[100],
       },
     })

package/src/components/tooltip/Tooltip.vue

@@ -20,7 +20,7 @@ import XPopover from '../../components/popover/Popover.vue'
 import XPopoverContainer from '../../components/popover/PopoverContainer.vue'
 import { type Placement } from 'floating-vue'
 
-const props = defineProps(tooltipProps)
+defineProps(tooltipProps)
 </script>
 
 <template>

package/src/composables/useFocusTrap.ts

@@ -1,4 +1,4 @@
-import { onUnmounted, unref, nextTick, watch, ref, type Ref, type ComponentPublicInstance } from 'vue'
+import { onUnmounted, unref, nextTick, ref, type Ref, type ComponentPublicInstance } from 'vue'
 
 const focusableQuery = 'button:not([tabindex="-1"]), [href], input, select, textarea, li, a, [tabindex]:not([tabindex="-1"])'
 
@@ -77,18 +77,16 @@ export function useFocusTrap() {
 
     focusable.value[idx]?.focus()
 
+    document.removeEventListener('keydown', handleKeydown)
+    observer?.disconnect()
+
     document.addEventListener('keydown', handleKeydown)
-    observer = new MutationObserver(() => getFocusableElements(currentTarget))
-    const el = getEl(currentTarget)
 
-    if (el) observer.observe(el, { childList: true, subtree: true })
+    const el = getEl(currentTarget)
 
-    // If targetRef is a Ref, watch for changes
-    if (typeof targetRef === 'object' && targetRef !== null && 'value' in targetRef) {
-      watch(targetRef, (newVal) => {
-        clearFocusTrap()
-        if (newVal !== null) initFocusTrap(targetRef, options)
-      })
+    if (el) {
+      observer = new MutationObserver(() => getFocusableElements(currentTarget))
+      observer.observe(el, { childList: true, subtree: true })
     }
   }
 
@@ -100,6 +98,10 @@ export function useFocusTrap() {
       prevActiveElement.focus()
     }
     currentTarget = null
+    focusable.value = []
+    firstFocusableEl = null
+    lastFocusableEl = null
+    prevActiveElement = null
   }
 
   onUnmounted(() => {

package/src/version.ts

@@ -1 +1 @@
-export default '1.14.1'
+export default '1.14.2'