nexa-ui-kit 0.7.10 → 0.8.0

package/dist/components/NModal.nexa

@@ -1,226 +1,226 @@
-<script setup>
-import { signal, effect, onMounted, onUnmounted } from 'nexa-framework'
-
-const props = defineProps({
-  show: { type: Boolean, default: false },
-  title: { type: String, default: '' },
-  size: { type: String, default: 'md' },
-  closable: { type: Boolean, default: true },
-  closeLeft: { type: Boolean, default: false }
-})
-
-const emit = defineEmits(['close'])
-
-const isVisible = signal(false)
-let modalEl = null
-let previousFocus = null
-const bodyOverflow = signal('')
-
-const setModalRef = (el) => { modalEl = el }
-
-const sizeMap = { sm: '400px', md: '500px', lg: '640px', xl: '800px', full: '96%' }
-
-effect(() => {
-  if (props.show) {
-    previousFocus = document.activeElement
-    isVisible.value = true
-    bodyOverflow.value = document.body.style.overflow
-    document.body.style.overflow = 'hidden'
-    requestAnimationFrame(() => {
-      if (modalEl) modalEl.focus()
-    })
-  } else {
-    setTimeout(() => {
-      isVisible.value = false
-      document.body.style.overflow = bodyOverflow.value
-      if (previousFocus && previousFocus.focus) {
-        try { previousFocus.focus() } catch {}
-      }
-    }, 250)
-  }
-})
-
-const close = () => {
-  if (!props.closable) return
-  emit('close')
-}
-
-const handleEsc = (e) => {
-  if (e.key === 'Escape' && props.show) close()
-}
-
-const handleOverlayClick = (e) => {
-  if (e.target === e.currentTarget) close()
-}
-
-const focusableSelector = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
-
-const handleKeydown = (e) => {
-  if (e.key !== 'Tab' || !modalEl) return
-  const focusable = modalEl.querySelectorAll(focusableSelector)
-  if (focusable.length === 0) {
-    e.preventDefault()
-    return
-  }
-  const first = focusable[0]
-  const last = focusable[focusable.length - 1]
-  if (e.shiftKey && document.activeElement === first) {
-    e.preventDefault()
-    last.focus()
-  } else if (!e.shiftKey && document.activeElement === last) {
-    e.preventDefault()
-    first.focus()
-  }
-}
-
-onMounted(() => {
-  window.addEventListener('keydown', handleEsc)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('keydown', handleEsc)
-  document.body.style.overflow = ''
-})
-</script>
-
-<template>
-  <Teleport to="body">
-    <div v-if="isVisible.value" class="n-modal-root">
-      <div
-        class="n-modal-overlay"
-        :class="{ 'is-active': show }"
-        @click="handleOverlayClick"
-      ></div>
-      <div
-        :ref="setModalRef"
-        class="n-modal-container"
-        :class="{ 'is-active': show }"
-        :style="{ maxWidth: sizeMap[size] || size }"
-        tabindex="-1"
-        @keydown="handleKeydown"
-      >
-        <div v-if="title || $slots.header" class="n-modal-header" :class="{ 'close-left': closeLeft }">
-          <button v-if="closable && closeLeft" class="n-modal-close" @click="close" aria-label="Close">&times;</button>
-          <slot name="header">
-            <h3>{{ title }}</h3>
-          </slot>
-          <button v-if="closable && !closeLeft" class="n-modal-close" @click="close" aria-label="Close">&times;</button>
-        </div>
-        <div class="n-modal-content">
-          <slot />
-        </div>
-        <div v-if="$slots.footer" class="n-modal-footer">
-          <slot name="footer" />
-        </div>
-      </div>
-    </div>
-  </Teleport>
-</template>
-
-<style scoped>
-.n-modal-root {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: var(--n-z-modal);
-}
-
-.n-modal-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--n-color-overlay);
-  backdrop-filter: blur(8px);
-  opacity: 0;
-  transition: opacity 0.25s ease;
-}
-
-.n-modal-overlay.is-active {
-  opacity: 1;
-}
-
-.n-modal-container {
-  position: relative;
-  width: 90%;
-  background: var(--n-color-surface);
-  border: 1px solid var(--n-color-border);
-  border-radius: var(--n-radius-2xl);
-  box-shadow: var(--n-shadow-xl);
-  transform: scale(0.9) translateY(20px);
-  opacity: 0;
-  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-  overflow: hidden;
-  outline: none;
-  max-height: 85vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.n-modal-container.is-active {
-  transform: scale(1) translateY(0);
-  opacity: 1;
-}
-
-.n-modal-header {
-  padding: var(--n-space-6) var(--n-space-8);
-  border-bottom: 1px solid var(--n-color-border);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.n-modal-header h3 {
-  margin: 0;
-  font-size: var(--n-text-xl);
-  font-weight: var(--n-weight-bold);
-  color: var(--n-color-text);
-}
-
-.n-modal-close {
-  background: transparent;
-  border: none;
-  color: var(--n-color-text-secondary);
-  font-size: 1.75rem;
-  cursor: pointer;
-  transition: color var(--n-transition-fast);
-  padding: 0;
-  line-height: 1;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--n-radius-sm);
-}
-
-.n-modal-close:hover {
-  color: var(--n-color-text);
-  background: var(--n-color-glass);
-}
-
-.n-modal-content {
-  padding: var(--n-space-8);
-  color: var(--n-color-text-secondary);
-  overflow-y: auto;
-  overflow-x: hidden;
-  flex: 1;
-}
-
-.n-modal-footer {
-  padding: var(--n-space-5) var(--n-space-8);
-  background: rgba(0, 0, 0, 0.15);
-  border-top: 1px solid var(--n-color-border);
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--n-space-4);
-  flex-shrink: 0;
-}
-</style>
+<script setup>
+import { signal, effect, onMounted, onUnmounted } from 'nexa-framework'
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  title: { type: String, default: '' },
+  size: { type: String, default: 'md' },
+  closable: { type: Boolean, default: true },
+  closeLeft: { type: Boolean, default: false }
+})
+
+const emit = defineEmits(['close'])
+
+const isVisible = signal(false)
+let modalEl = null
+let previousFocus = null
+const bodyOverflow = signal('')
+
+const setModalRef = (el) => { modalEl = el }
+
+const sizeMap = { sm: '400px', md: '500px', lg: '640px', xl: '800px', full: '96%' }
+
+effect(() => {
+  if (props.show) {
+    previousFocus = document.activeElement
+    isVisible.value = true
+    bodyOverflow.value = document.body.style.overflow
+    document.body.style.overflow = 'hidden'
+    requestAnimationFrame(() => {
+      if (modalEl) modalEl.focus()
+    })
+  } else {
+    setTimeout(() => {
+      isVisible.value = false
+      document.body.style.overflow = bodyOverflow.value
+      if (previousFocus && previousFocus.focus) {
+        try { previousFocus.focus() } catch {}
+      }
+    }, 250)
+  }
+})
+
+const close = () => {
+  if (!props.closable) return
+  emit('close')
+}
+
+const handleEsc = (e) => {
+  if (e.key === 'Escape' && props.show) close()
+}
+
+const handleOverlayClick = (e) => {
+  if (e.target === e.currentTarget) close()
+}
+
+const focusableSelector = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+
+const handleKeydown = (e) => {
+  if (e.key !== 'Tab' || !modalEl) return
+  const focusable = modalEl.querySelectorAll(focusableSelector)
+  if (focusable.length === 0) {
+    e.preventDefault()
+    return
+  }
+  const first = focusable[0]
+  const last = focusable[focusable.length - 1]
+  if (e.shiftKey && document.activeElement === first) {
+    e.preventDefault()
+    last.focus()
+  } else if (!e.shiftKey && document.activeElement === last) {
+    e.preventDefault()
+    first.focus()
+  }
+}
+
+onMounted(() => {
+  window.addEventListener('keydown', handleEsc)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('keydown', handleEsc)
+  document.body.style.overflow = ''
+})
+</script>
+
+<template>
+  <Teleport to="body">
+    <div v-if="isVisible.value" class="n-modal-root">
+      <div
+        class="n-modal-overlay"
+        :class="{ 'is-active': show }"
+        @click="handleOverlayClick"
+      ></div>
+      <div
+        :ref="setModalRef"
+        class="n-modal-container"
+        :class="{ 'is-active': show }"
+        :style="{ maxWidth: sizeMap[size] || size }"
+        tabindex="-1"
+        @keydown="handleKeydown"
+      >
+        <div v-if="title || $slots.header" class="n-modal-header" :class="{ 'close-left': closeLeft }">
+          <button v-if="closable && closeLeft" class="n-modal-close" @click="close" aria-label="Close">&times;</button>
+          <slot name="header">
+            <h3>{{ title }}</h3>
+          </slot>
+          <button v-if="closable && !closeLeft" class="n-modal-close" @click="close" aria-label="Close">&times;</button>
+        </div>
+        <div class="n-modal-content">
+          <slot />
+        </div>
+        <div v-if="$slots.footer" class="n-modal-footer">
+          <slot name="footer" />
+        </div>
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<style scoped>
+.n-modal-root {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: var(--n-z-modal);
+}
+
+.n-modal-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--n-color-overlay);
+  backdrop-filter: blur(8px);
+  opacity: 0;
+  transition: opacity 0.25s ease;
+}
+
+.n-modal-overlay.is-active {
+  opacity: 1;
+}
+
+.n-modal-container {
+  position: relative;
+  width: 90%;
+  background: var(--n-color-surface);
+  border: 1px solid var(--n-color-border);
+  border-radius: var(--n-radius-2xl);
+  box-shadow: var(--n-shadow-xl);
+  transform: scale(0.9) translateY(20px);
+  opacity: 0;
+  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+  overflow: hidden;
+  outline: none;
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.n-modal-container.is-active {
+  transform: scale(1) translateY(0);
+  opacity: 1;
+}
+
+.n-modal-header {
+  padding: var(--n-space-6) var(--n-space-8);
+  border-bottom: 1px solid var(--n-color-border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.n-modal-header h3 {
+  margin: 0;
+  font-size: var(--n-text-xl);
+  font-weight: var(--n-weight-bold);
+  color: var(--n-color-text);
+}
+
+.n-modal-close {
+  background: transparent;
+  border: none;
+  color: var(--n-color-text-secondary);
+  font-size: 1.75rem;
+  cursor: pointer;
+  transition: color var(--n-transition-fast);
+  padding: 0;
+  line-height: 1;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--n-radius-sm);
+}
+
+.n-modal-close:hover {
+  color: var(--n-color-text);
+  background: var(--n-color-glass);
+}
+
+.n-modal-content {
+  padding: var(--n-space-8);
+  color: var(--n-color-text-secondary);
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex: 1;
+}
+
+.n-modal-footer {
+  padding: var(--n-space-5) var(--n-space-8);
+  background: rgba(0, 0, 0, 0.15);
+  border-top: 1px solid var(--n-color-border);
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--n-space-4);
+  flex-shrink: 0;
+}
+</style>

package/dist/components/NMultiSelect.js

@@ -64,7 +64,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { field, instanceId, isOpen, query, queryDraft, focusedIndex, popupStyle, resolvedPlacement, rootEl, stopTracking, outsideHandler, normalizeOption, normalizedOptions, effectiveModelValue, effectiveDisabled, selectedSet, filteredOptions, selectedLabels, close, open, toggleOpen, setModel, toggleValue, clear, removeChip, onKeydown, onSearchInput, inject, onBeforeUnmount, batch, trackFloatingOverlay, $slots, emit, modelValue, options, placeholder, label, disabled, bindField, searchable, clearable, placement, appendTo, maxChips, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+  const { field, instanceId, isOpen, query, queryDraft, focusedIndex, popupStyle, resolvedPlacement, rootEl, stopTracking, outsideHandler, normalizeOption, normalizedOptions, effectiveModelValue, effectiveDisabled, selectedSet, filteredOptions, selectedLabels, close, open, toggleOpen, setModel, toggleValue, clear, removeChip, onKeydown, onSearchInput, inject, onBeforeUnmount, batch, trackFloatingOverlay, $slots, emit, modelValue, options, placeholder, label, disabled, bindField, searchable, clearable, placement, appendTo, maxChips, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
     return h('div', { class: ["n-ms", { 'is-open': isOpen.value, 'is-disabled': effectiveDisabled.value }], "data-ms-root": instanceId, "data-v-12b3b8c4": "" }, [
         "\n    ",
         (label) ? h('label', { class: "n-ms-label", "data-v-12b3b8c4": "" }, [

package/dist/components/NPaginator.js

@@ -51,7 +51,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { safeFirst, safeRows, page, pageCount, canPrev, canNext, goToPage, prev, next, firstPage, lastPage, changeRows, start, end, $slots, emit, first, rows, totalRecords, rowsPerPageOptions, Fragment: _ntc_Fragment } = ctx
+  const { safeFirst, safeRows, page, pageCount, canPrev, canNext, goToPage, prev, next, firstPage, lastPage, changeRows, start, end, $slots, emit, first, rows, totalRecords, rowsPerPageOptions, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: "n-paginator", "data-v-372b30ac": "" }, [
         "\n    ",
         h('div', { class: "n-paginator-left", "data-v-372b30ac": "" }, [

package/dist/components/NPassword.js

@@ -98,7 +98,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { instanceId, inputId, masked, type, hasValue, requirements, strength, internalError, errorMessage, ariaInvalid, describedBy, onInput, clear, toggle, $slots, emit, modelValue, placeholder, label, error, disabled, readonly, name, autocomplete, id, clearable, toggleMask, showStrength, validate, showRequirements, minLength, requireLower, requireUpper, requireNumber, requireSpecial, Fragment: _ntc_Fragment } = ctx
+  const { instanceId, inputId, masked, type, hasValue, requirements, strength, internalError, errorMessage, ariaInvalid, describedBy, onInput, clear, toggle, $slots, emit, modelValue, placeholder, label, error, disabled, readonly, name, autocomplete, id, clearable, toggleMask, showStrength, validate, showRequirements, minLength, requireLower, requireUpper, requireNumber, requireSpecial, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: "n-password", "data-v-7b897096": "" }, [
         "\n    ",
         (label) ? h('label', { class: "n-password-label", for: inputId.value, "data-v-7b897096": "" }, [

package/dist/components/NProgressBar.js

@@ -20,7 +20,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { percentage, $slots, value, max, variant, size, showLabel, striped, animated, Fragment: _ntc_Fragment } = ctx
+  const { percentage, $slots, value, max, variant, size, showLabel, striped, animated, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: ["n-progress", [`is-${size}`, striped ? 'is-striped' : '', animated ? 'is-animated' : '']], "data-v-daaa1d0": "" }, [
         "\n    ",
         h('div', { class: "n-progress-track", "data-v-daaa1d0": "" }, [

package/dist/components/NRadio.js

@@ -23,7 +23,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { isChecked, select, $slots, emit, modelValue, value, label, disabled, name, Fragment: _ntc_Fragment } = ctx
+  const { isChecked, select, $slots, emit, modelValue, value, label, disabled, name, Fragment: _ntc_Fragment } = ctx
     return h('label', { class: ["n-radio", { 'is-checked': isChecked(), 'is-disabled': disabled }], "data-v-5c3cc2": "" }, [
         "\n    ",
         h('div', { class: "n-radio-circle", onClick: select, "data-v-5c3cc2": "" }, [

package/dist/components/NScrollView.js

@@ -63,7 +63,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { isRefreshing, pullDelta, refreshThreshold, touchStartY, startScrollTop, pullProgress, spinnerScale, onTouchStart, onTouchMove, onTouchEnd, onScroll, $slots, onRefresh, onEndReached, endReachedThreshold, horizontal, Fragment: _ntc_Fragment } = ctx
+  const { isRefreshing, pullDelta, refreshThreshold, touchStartY, startScrollTop, pullProgress, spinnerScale, onTouchStart, onTouchMove, onTouchEnd, onScroll, $slots, onRefresh, onEndReached, endReachedThreshold, horizontal, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: ["n-scroll-view", { 'n-scroll-view--horizontal': horizontal }], onScroll: onScroll, onTouchstart: onTouchStart, onTouchmove: onTouchMove, onTouchend: onTouchEnd, "data-v-7469d561": "" }, [
         "\n    ",
         (onRefresh) ? h('div', { class: ["n-scroll-view-ptr", { 'is-refreshing': isRefreshing.value }], style: { height: pullDelta.value + 'px' }, "data-v-7469d561": "" }, [

package/dist/components/NSelect.js

@@ -174,7 +174,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { isOpen, query, focusedIndex, instanceId, popupStyle, resolvedPlacement, rootEl, stopTracking, outsideHandler, filteredOptions, selectedOption, close, open, toggle, select, clear, handleKeydown, getFlatOptions, onBeforeUnmount, trackFloatingOverlay, $slots, emit, modelValue, options, placeholder, label, disabled, searchable, clearable, placement, appendTo, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+  const { isOpen, query, focusedIndex, instanceId, popupStyle, resolvedPlacement, rootEl, stopTracking, outsideHandler, filteredOptions, selectedOption, close, open, toggle, select, clear, handleKeydown, getFlatOptions, onBeforeUnmount, trackFloatingOverlay, $slots, emit, modelValue, options, placeholder, label, disabled, searchable, clearable, placement, appendTo, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
     return h('div', { class: ["n-select", { 'is-open': isOpen.value, 'is-disabled': disabled }], "data-select-root": instanceId, "data-v-fef169b": "" }, [
         "\n    ",
         (label) ? h('label', { class: "n-select-label", "data-v-fef169b": "" }, [

package/dist/components/NSkeleton.js

@@ -17,7 +17,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { lineArray, $slots, variant, lines, width, height, Fragment: _ntc_Fragment } = ctx
+  const { lineArray, $slots, variant, lines, width, height, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: ["n-skeleton", `is-${variant}`], style: { width, height }, "data-v-6b9116c8": "" }, [
         "\n    ",
         (variant === 'text') ? h('div', { class: "n-skeleton-lines", "data-v-6b9116c8": "" }, [

package/dist/components/NSwitch.js

@@ -20,7 +20,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { toggle, $slots, emit, modelValue, disabled, label, Fragment: _ntc_Fragment } = ctx
+  const { toggle, $slots, emit, modelValue, disabled, label, Fragment: _ntc_Fragment } = ctx
     return h('label', { class: ["n-switch", { 'is-checked': modelValue, 'is-disabled': disabled }], "data-v-3cd56cb4": "" }, [
         "\n    ",
         h('div', { class: "n-switch-track", onClick: toggle, "data-v-3cd56cb4": "" }, [

package/dist/components/NTabs.js

@@ -22,7 +22,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { activeKey, select, activeIndex, $slots, emit, tabs, modelValue, Fragment: _ntc_Fragment } = ctx
+  const { activeKey, select, activeIndex, $slots, emit, tabs, modelValue, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: "n-tabs", "data-v-339e5ee5": "" }, [
         "\n    ",
         h('div', { class: "n-tabs-header", "data-v-339e5ee5": "" }, [

package/dist/components/NTag.js

@@ -17,7 +17,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { $slots, emit, variant, size, closable, rounded, Fragment: _ntc_Fragment } = ctx
+  const { $slots, emit, variant, size, closable, rounded, Fragment: _ntc_Fragment } = ctx
     return h('span', { class: ['n-tag', `n-tag-${variant}`, `n-tag-${size}`, rounded ? 'is-rounded' : ''], "data-v-4d63a958": "" }, [
         "\n    ",
         ctx.$slots.default ? ctx.$slots.default() : null,

package/dist/components/NToastContainer.js

@@ -16,7 +16,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { toasts, remove, positionClass, useToast, $slots, position, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+  const { toasts, remove, positionClass, useToast, $slots, position, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
     return h(_ntc_Teleport, { to: "body", "data-v-8ac4158": "" }, [
         "\n    ",
         h('div', { class: ["n-toast-container", positionClass], "data-v-8ac4158": "" }, [

package/dist/components/NTooltip.js

@@ -66,7 +66,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { isVisible, instanceId, popupStyle, resolvedPlacement, rootEl, stopTracking, showTimer, hideTimer, startTracking, stop, show, hide, trackFloatingOverlay, $slots, text, position, delay, hideDelay, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+  const { isVisible, instanceId, popupStyle, resolvedPlacement, rootEl, stopTracking, showTimer, hideTimer, startTracking, stop, show, hide, trackFloatingOverlay, $slots, text, position, delay, hideDelay, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
     return h('div', { class: "n-tooltip-wrapper", "data-tooltip-root": instanceId, onMouseenter: show, onMouseleave: hide, onFocusin: show, onFocusout: hide, "data-v-522b965d": "" }, [
         "\n    ",
         ctx.$slots.default ? ctx.$slots.default() : null,

package/dist/components/NTreeMenu.js

@@ -47,7 +47,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { expanded, toggleExpand, selectItem, hasChildren, isExpanded, isSelected, flatTree, toggle, $slots, emit, items, selectable, selected, Fragment: _ntc_Fragment } = ctx
+  const { expanded, toggleExpand, selectItem, hasChildren, isExpanded, isSelected, flatTree, toggle, $slots, emit, items, selectable, selected, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: "n-tree-menu", "data-v-44b3942a": "" }, [
         "\n    ",
         (flatTree.value).map((item, index) =>

package/dist/components/NVirtualList.js

@@ -51,7 +51,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { containerRef, scrollTop, containerHeight, totalHeight, visibleRange, visibleItems, resizeObserver, onScroll, $slots, items, itemHeight, overscan, renderItem, keyFn, Fragment: _ntc_Fragment } = ctx
+  const { containerRef, scrollTop, containerHeight, totalHeight, visibleRange, visibleItems, resizeObserver, onScroll, $slots, items, itemHeight, overscan, renderItem, keyFn, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: "n-virtual-list", onScroll: onScroll, ref: el => containerRef.value = el, "data-v-2d5f09ed": "" }, [
         "\n    ",
         h('div', { class: "n-virtual-list-spacer", style: { height: totalHeight.value + 'px', position: 'relative' }, "data-v-2d5f09ed": "" }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexa-ui-kit",
-  "version": "0.7.10",
+  "version": "0.8.0",
   "description": "Premium component library for Nexa Framework",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,12 +22,12 @@
     "src"
   ],
   "dependencies": {
-    "nexa-framework": "0.7.10",
-    "nexa-mobile": "0.7.10"
+    "nexa-mobile": "0.8.0",
+    "nexa-framework": "0.8.0"
   },
   "devDependencies": {
     "cpx": "^1.5.0",
-    "nexa-compiler": "0.7.10"
+    "nexa-compiler": "0.8.0"
   },
   "scripts": {
     "build": "tsc && node scripts/compile-nexa.js && node scripts/patch-imports.js && cpx \"src/**/*.nexa\" dist && cpx \"src/styles/*.css\" dist/styles",