nexa-ui-kit 0.7.10 → 0.8.0

package/dist/components/NAlert.js

@@ -23,7 +23,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { visible, dismiss, icons, $slots, emit, variant, title, closable, icon, Fragment: _ntc_Fragment } = ctx
+  const { visible, dismiss, icons, $slots, emit, variant, title, closable, icon, Fragment: _ntc_Fragment } = ctx
     return (visible.value) ? h('div', { class: ["n-alert", `is-${variant}`], "data-v-22a3a541": "" }, [
         "\n    ",
         h('span', { class: "n-alert-icon", "data-v-22a3a541": "" }, [

package/dist/components/NAutocomplete.js

@@ -39,7 +39,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { instanceId, listboxId, inputId, isOpen, query, focusedIndex, rootEl, popupStyle, resolvedPlacement, stopTracking, completeTimer, normalizeOption, normalizedOptions, filteredOptions, activeId, close, open, requestComplete, onInput, onFocus, onKeydown, selectOption, clearValue, openAll, onBeforeUnmount, trackFloatingOverlay, $slots, emit, modelValue, options, placeholder, label, disabled, readonly, clearable, minLength, delay, loading, dropdown, emptyMessage, placement, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+  const { instanceId, listboxId, inputId, isOpen, query, focusedIndex, rootEl, popupStyle, resolvedPlacement, stopTracking, completeTimer, normalizeOption, normalizedOptions, filteredOptions, activeId, close, open, requestComplete, onInput, onFocus, onKeydown, selectOption, clearValue, openAll, onBeforeUnmount, trackFloatingOverlay, $slots, emit, modelValue, options, placeholder, label, disabled, readonly, clearable, minLength, delay, loading, dropdown, emptyMessage, placement, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
     return h('div', { class: "n-ac", "data-autocomplete-root": instanceId, "data-v-741257a1": "" }, [
         "\n    ",
         (label) ? h('label', { class: "n-ac-label", for: inputId, "data-v-741257a1": "" }, [

package/dist/components/NAvatar.js

@@ -26,7 +26,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { initials, $slots, label, size, variant, image, shape, Fragment: _ntc_Fragment } = ctx
+  const { initials, $slots, label, size, variant, image, shape, Fragment: _ntc_Fragment } = ctx
     return h('div', { class: ['n-avatar', `is-${size}`, `is-${variant}`, `is-${shape}`], "vBind:style": "image ? { backgroundImage: `url(${image})` } : {}", "aria-label": label, "data-v-147134": "" }, [
         "\n    ",
         (!image) ? h('span', { class: "n-avatar-initials", "data-v-147134": "" }, [

package/dist/components/NBadge.js

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

package/dist/components/NBottomSheet.js

@@ -60,7 +60,7 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { yOffset, isDragging, currentSnap, gestures, sortedPoints, translateY, overlayOpacity, useGestures, $slots, emit, show, snapPoints, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+  const { yOffset, isDragging, currentSnap, gestures, sortedPoints, translateY, overlayOpacity, useGestures, $slots, emit, show, snapPoints, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
     return h(_ntc_Teleport, { to: "body", "data-v-55f61938": "" }, [
         "\n    ",
         h('div', { class: ["n-bottom-sheet-root", { 'is-active': show || isDragging.value }], "data-v-55f61938": "" }, [

package/dist/components/NButton.js

@@ -1,7 +1,7 @@
 import { signal, computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
-  __scopeId: 'data-v-27fd765',
+  __scopeId: 'data-v-76573beb',
   __hmrId: 'NButton_nexa',
   props: {
   variant: { type: String, default: 'primary' },
@@ -19,7 +19,6 @@ const _sfc_main = defineComponent({
     const ripple = signal([])
     const handleClick = (e) => {
       if (props.disabled || props.loading) return
-      props.onClick?.(e)
       emit('click', e)
       const rect = e.currentTarget.getBoundingClientRect()
       const x = e.clientX - rect.left
@@ -45,240 +44,240 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { ripple, handleClick, btnClass, $slots, emit, variant, size, type, disabled, loading, block, rounded, loadingText, Fragment: _ntc_Fragment } = ctx
-    return h('button', { class: btnClass.value, type: type, disabled: disabled || loading, onClick: handleClick, "data-v-27fd765": "" }, [
-        "\n    ",
-        (loading) ? h('span', { class: "n-btn-loader", "data-v-27fd765": "" }) : null,
-        (loading && loadingText) ? h('span', { class: "n-btn-loading-text", "data-v-27fd765": "" }, [
+  const { ripple, handleClick, btnClass, $slots, emit, variant, size, type, disabled, loading, block, rounded, loadingText, Fragment: _ntc_Fragment } = ctx
+    return h('button', { class: btnClass.value, type: type, disabled: disabled || loading, onClick: handleClick, "data-v-76573beb": "" }, [
+        "\r\n    ",
+        (loading) ? h('span', { class: "n-btn-loader", "data-v-76573beb": "" }) : null,
+        (loading && loadingText) ? h('span', { class: "n-btn-loading-text", "data-v-76573beb": "" }, [
         loadingText
       ]) : null,
-        (!loading || (loading && !loadingText)) ? h('span', { class: "n-btn-content", "data-v-27fd765": "" }, [
-        "\n      ",
+        (!loading || (loading && !loadingText)) ? h('span', { class: "n-btn-content", "data-v-76573beb": "" }, [
+        "\r\n      ",
         ctx.$slots.default ? ctx.$slots.default() : null,
-        "\n    "
+        "\r\n    "
       ]) : null,
         (ripple.value).map((r, index) =>
-        h('span', { class: "n-btn-ripple", key: r.id, style: { left: r.x + 'px', top: r.y + 'px' }, "data-v-27fd765": "" })
+        h('span', { class: "n-btn-ripple", key: r.id, style: { left: r.x + 'px', top: r.y + 'px' }, "data-v-76573beb": "" })
       ),
-        "\n  "
+        "\r\n  "
       ])
 }
-_sfc_main.__scopeId = 'data-v-27fd765'
+_sfc_main.__scopeId = 'data-v-76573beb'
 _sfc_main.__hmrId = 'NButton_nexa'
 
 export default _sfc_main
 
-const __style = `.n-btn[data-v-27fd765]{
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--n-space-2);
-  font-family: var(--n-font-sans);
-  font-weight: var(--n-weight-semibold);
-  border-radius: var(--n-radius-md);
-  cursor: pointer;
-  transition: all var(--n-transition-normal);
-  border: 1px solid transparent;
-  outline: none;
-  white-space: nowrap;
-  user-select: none;
-  overflow: hidden;
-  text-decoration: none;
-  line-height: var(--n-leading-normal, 1.5);
-  min-width: fit-content;
-}
-
-.n-btn[data-v-27fd765]:focus-visible{
-  box-shadow: 0 0 0 3px var(--n-color-primary-light);
-}
-
-/* Sizes */
-.n-btn-sm[data-v-27fd765]{ padding: 0.5rem 1.25rem; font-size: var(--n-text-sm); gap: var(--n-space-1); border-radius: var(--n-radius-sm); min-height: 32px; }
-.n-btn-md[data-v-27fd765]{ padding: 0.65rem 1.75rem; font-size: var(--n-text-base); min-height: 40px; }
-.n-btn-lg[data-v-27fd765]{ padding: 0.85rem 2.5rem; font-size: var(--n-text-lg); border-radius: var(--n-radius-lg); min-height: 48px; }
-
-/* Block */
-.is-block[data-v-27fd765]{ width: 100%; }
-
-/* Rounded */
-.is-rounded[data-v-27fd765]{ border-radius: var(--n-radius-full); }
-
-/* Variant: Primary */
-.n-btn-primary[data-v-27fd765]{
-  background: linear-gradient(135deg, var(--n-color-primary) 0%, var(--n-color-primary-hover) 100%);
-  color: white;
-  box-shadow: var(--n-shadow-glow-primary);
-}
-.n-btn-primary[data-v-27fd765]:hover:not(:disabled){
-  transform: translateY(-2px);
-  box-shadow: 0 8px 20px -3px var(--n-color-primary-glow);
-}
-.n-btn-primary[data-v-27fd765]:active:not(:disabled){
-  transform: translateY(0) scale(0.97);
-}
-
-/* Variant: Secondary */
-.n-btn-secondary[data-v-27fd765]{
-  background: var(--n-color-surface-alt);
-  color: var(--n-color-text);
-  border-color: var(--n-color-border);
-}
-.n-btn-secondary[data-v-27fd765]:hover:not(:disabled){
-  background: var(--n-color-surface-hover);
-  border-color: var(--n-color-border-hover);
-}
-
-/* Variant: Success */
-.n-btn-success[data-v-27fd765]{
-  background: linear-gradient(135deg, var(--n-color-success) 0%, var(--n-color-success-hover) 100%);
-  color: white;
-  box-shadow: 0 4px 12px -2px rgba(16, 185, 129, 0.3);
-}
-.n-btn-success[data-v-27fd765]:hover:not(:disabled){
-  transform: translateY(-2px);
-  box-shadow: 0 8px 20px -3px rgba(16, 185, 129, 0.4);
-}
-.n-btn-success[data-v-27fd765]:active:not(:disabled){
-  transform: translateY(0) scale(0.97);
-}
-
-/* Variant: Warning */
-.n-btn-warning[data-v-27fd765]{
-  background: linear-gradient(135deg, var(--n-color-warning) 0%, var(--n-color-warning-hover) 100%);
-  color: white;
-  box-shadow: 0 4px 12px -2px rgba(245, 158, 11, 0.3);
-}
-.n-btn-warning[data-v-27fd765]:hover:not(:disabled){
-  transform: translateY(-2px);
-  box-shadow: 0 8px 20px -3px rgba(245, 158, 11, 0.4);
-}
-.n-btn-warning[data-v-27fd765]:active:not(:disabled){
-  transform: translateY(0) scale(0.97);
-}
-
-/* Variant: Info */
-.n-btn-info[data-v-27fd765]{
-  background: linear-gradient(135deg, var(--n-color-info) 0%, var(--n-color-info-hover) 100%);
-  color: white;
-  box-shadow: 0 4px 12px -2px rgba(6, 182, 212, 0.3);
-}
-.n-btn-info[data-v-27fd765]:hover:not(:disabled){
-  transform: translateY(-2px);
-  box-shadow: 0 8px 20px -3px rgba(6, 182, 212, 0.4);
-}
-.n-btn-info[data-v-27fd765]:active:not(:disabled){
-  transform: translateY(0) scale(0.97);
-}
-
-/* Variant: Danger */
-.n-btn-danger[data-v-27fd765]{
-  background: linear-gradient(135deg, var(--n-color-danger) 0%, var(--n-color-danger-hover) 100%);
-  color: white;
-  box-shadow: 0 4px 12px -2px rgba(239, 68, 68, 0.3);
-}
-.n-btn-danger[data-v-27fd765]:hover:not(:disabled){
-  transform: translateY(-2px);
-  box-shadow: 0 8px 20px -3px rgba(220, 38, 38, 0.4);
-}
-.n-btn-danger[data-v-27fd765]:active:not(:disabled){
-  transform: translateY(0) scale(0.97);
-}
-
-/* Variant: Ghost */
-.n-btn-ghost[data-v-27fd765]{
-  background: transparent;
-  color: var(--n-color-text-secondary);
-}
-.n-btn-ghost[data-v-27fd765]:hover:not(:disabled){
-  background: var(--n-color-glass);
-  color: var(--n-color-text);
-}
-
-/* Variant: Outline */
-.n-btn-outline[data-v-27fd765]{
-  background: transparent;
-  color: var(--n-color-primary);
-  border-color: var(--n-color-primary);
-}
-.n-btn-outline[data-v-27fd765]:hover:not(:disabled){
-  background: var(--n-color-primary-light);
-  border-color: var(--n-color-primary-hover);
-}
-
-/* Variant: Glass */
-.n-btn-glass[data-v-27fd765]{
-  background: var(--n-color-glass);
-  backdrop-filter: blur(10px);
-  border-color: var(--n-color-glass-border);
-  color: var(--n-color-text);
-}
-.n-btn-glass[data-v-27fd765]:hover:not(:disabled){
-  background: var(--n-color-glass-hover);
-  border-color: var(--n-color-border-hover);
-}
-
-/* Disabled */
-.n-btn[data-v-27fd765]:disabled{
-  opacity: 0.45;
-  cursor: not-allowed;
-  transform: none !important;
-  box-shadow: none !important;
-}
-
-/* Loader */
-.n-btn-loader[data-v-27fd765]{
-  width: 1rem;
-  height: 1rem;
-  border: 2px solid currentColor;
-  border-right-color: transparent;
-  border-radius: var(--n-radius-full);
-  animation: n-spin 0.7s linear infinite;
-  flex-shrink: 0;
-}
-
-.n-btn-lg .n-btn-loader[data-v-27fd765]{
-  width: 1.25rem;
-  height: 1.25rem;
-  border-width: 2.5px;
-}
-
-.n-btn-sm .n-btn-loader[data-v-27fd765]{
-  width: 0.85rem;
-  height: 0.85rem;
-}
-
-.n-btn-loading-text[data-v-27fd765]{
-  opacity: 0.8;
-  font-weight: var(--n-weight-normal);
-}
-
-.n-btn-content[data-v-27fd765]{
-  display: inline-flex;
-  align-items: center;
-  gap: var(--n-space-2);
-}
-
-@keyframes n-spin {
-from[data-v-27fd765]{ transform: rotate(0deg); }
-to[data-v-27fd765]{ transform: rotate(360deg); }
-}
-
-/* Ripple */
-.n-btn-ripple[data-v-27fd765]{
-  position: absolute;
-  border-radius: var(--n-radius-full);
-  background: rgba(255, 255, 255, 0.35);
-  width: 20px;
-  height: 20px;
-  margin-left: -10px;
-  margin-top: -10px;
-  pointer-events: none;
-  animation: n-ripple 0.6s ease-out forwards;
-}
-
-@keyframes n-ripple {
-from[data-v-27fd765]{ transform: scale(0); opacity: 1; }
-to[data-v-27fd765]{ transform: scale(8); opacity: 0; }
+const __style = `.n-btn[data-v-76573beb]{
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--n-space-2);
+  font-family: var(--n-font-sans);
+  font-weight: var(--n-weight-semibold);
+  border-radius: var(--n-radius-md);
+  cursor: pointer;
+  transition: all var(--n-transition-normal);
+  border: 1px solid transparent;
+  outline: none;
+  white-space: nowrap;
+  user-select: none;
+  overflow: hidden;
+  text-decoration: none;
+  line-height: var(--n-leading-normal, 1.5);
+  min-width: fit-content;
+}
+
+.n-btn[data-v-76573beb]:focus-visible{
+  box-shadow: 0 0 0 3px var(--n-color-primary-light);
+}
+
+/* Sizes */
+.n-btn-sm[data-v-76573beb]{ padding: 0.5rem 1.25rem; font-size: var(--n-text-sm); gap: var(--n-space-1); border-radius: var(--n-radius-sm); min-height: 32px; }
+.n-btn-md[data-v-76573beb]{ padding: 0.65rem 1.75rem; font-size: var(--n-text-base); min-height: 40px; }
+.n-btn-lg[data-v-76573beb]{ padding: 0.85rem 2.5rem; font-size: var(--n-text-lg); border-radius: var(--n-radius-lg); min-height: 48px; }
+
+/* Block */
+.is-block[data-v-76573beb]{ width: 100%; }
+
+/* Rounded */
+.is-rounded[data-v-76573beb]{ border-radius: var(--n-radius-full); }
+
+/* Variant: Primary */
+.n-btn-primary[data-v-76573beb]{
+  background: linear-gradient(135deg, var(--n-color-primary) 0%, var(--n-color-primary-hover) 100%);
+  color: white;
+  box-shadow: var(--n-shadow-glow-primary);
+}
+.n-btn-primary[data-v-76573beb]:hover:not(:disabled){
+  transform: translateY(-2px);
+  box-shadow: 0 8px 20px -3px var(--n-color-primary-glow);
+}
+.n-btn-primary[data-v-76573beb]:active:not(:disabled){
+  transform: translateY(0) scale(0.97);
+}
+
+/* Variant: Secondary */
+.n-btn-secondary[data-v-76573beb]{
+  background: var(--n-color-surface-alt);
+  color: var(--n-color-text);
+  border-color: var(--n-color-border);
+}
+.n-btn-secondary[data-v-76573beb]:hover:not(:disabled){
+  background: var(--n-color-surface-hover);
+  border-color: var(--n-color-border-hover);
+}
+
+/* Variant: Success */
+.n-btn-success[data-v-76573beb]{
+  background: linear-gradient(135deg, var(--n-color-success) 0%, var(--n-color-success-hover) 100%);
+  color: white;
+  box-shadow: 0 4px 12px -2px rgba(16, 185, 129, 0.3);
+}
+.n-btn-success[data-v-76573beb]:hover:not(:disabled){
+  transform: translateY(-2px);
+  box-shadow: 0 8px 20px -3px rgba(16, 185, 129, 0.4);
+}
+.n-btn-success[data-v-76573beb]:active:not(:disabled){
+  transform: translateY(0) scale(0.97);
+}
+
+/* Variant: Warning */
+.n-btn-warning[data-v-76573beb]{
+  background: linear-gradient(135deg, var(--n-color-warning) 0%, var(--n-color-warning-hover) 100%);
+  color: white;
+  box-shadow: 0 4px 12px -2px rgba(245, 158, 11, 0.3);
+}
+.n-btn-warning[data-v-76573beb]:hover:not(:disabled){
+  transform: translateY(-2px);
+  box-shadow: 0 8px 20px -3px rgba(245, 158, 11, 0.4);
+}
+.n-btn-warning[data-v-76573beb]:active:not(:disabled){
+  transform: translateY(0) scale(0.97);
+}
+
+/* Variant: Info */
+.n-btn-info[data-v-76573beb]{
+  background: linear-gradient(135deg, var(--n-color-info) 0%, var(--n-color-info-hover) 100%);
+  color: white;
+  box-shadow: 0 4px 12px -2px rgba(6, 182, 212, 0.3);
+}
+.n-btn-info[data-v-76573beb]:hover:not(:disabled){
+  transform: translateY(-2px);
+  box-shadow: 0 8px 20px -3px rgba(6, 182, 212, 0.4);
+}
+.n-btn-info[data-v-76573beb]:active:not(:disabled){
+  transform: translateY(0) scale(0.97);
+}
+
+/* Variant: Danger */
+.n-btn-danger[data-v-76573beb]{
+  background: linear-gradient(135deg, var(--n-color-danger) 0%, var(--n-color-danger-hover) 100%);
+  color: white;
+  box-shadow: 0 4px 12px -2px rgba(239, 68, 68, 0.3);
+}
+.n-btn-danger[data-v-76573beb]:hover:not(:disabled){
+  transform: translateY(-2px);
+  box-shadow: 0 8px 20px -3px rgba(220, 38, 38, 0.4);
+}
+.n-btn-danger[data-v-76573beb]:active:not(:disabled){
+  transform: translateY(0) scale(0.97);
+}
+
+/* Variant: Ghost */
+.n-btn-ghost[data-v-76573beb]{
+  background: transparent;
+  color: var(--n-color-text-secondary);
+}
+.n-btn-ghost[data-v-76573beb]:hover:not(:disabled){
+  background: var(--n-color-glass);
+  color: var(--n-color-text);
+}
+
+/* Variant: Outline */
+.n-btn-outline[data-v-76573beb]{
+  background: transparent;
+  color: var(--n-color-primary);
+  border-color: var(--n-color-primary);
+}
+.n-btn-outline[data-v-76573beb]:hover:not(:disabled){
+  background: var(--n-color-primary-light);
+  border-color: var(--n-color-primary-hover);
+}
+
+/* Variant: Glass */
+.n-btn-glass[data-v-76573beb]{
+  background: var(--n-color-glass);
+  backdrop-filter: blur(10px);
+  border-color: var(--n-color-glass-border);
+  color: var(--n-color-text);
+}
+.n-btn-glass[data-v-76573beb]:hover:not(:disabled){
+  background: var(--n-color-glass-hover);
+  border-color: var(--n-color-border-hover);
+}
+
+/* Disabled */
+.n-btn[data-v-76573beb]:disabled{
+  opacity: 0.45;
+  cursor: not-allowed;
+  transform: none !important;
+  box-shadow: none !important;
+}
+
+/* Loader */
+.n-btn-loader[data-v-76573beb]{
+  width: 1rem;
+  height: 1rem;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: var(--n-radius-full);
+  animation: n-spin 0.7s linear infinite;
+  flex-shrink: 0;
+}
+
+.n-btn-lg .n-btn-loader[data-v-76573beb]{
+  width: 1.25rem;
+  height: 1.25rem;
+  border-width: 2.5px;
+}
+
+.n-btn-sm .n-btn-loader[data-v-76573beb]{
+  width: 0.85rem;
+  height: 0.85rem;
+}
+
+.n-btn-loading-text[data-v-76573beb]{
+  opacity: 0.8;
+  font-weight: var(--n-weight-normal);
+}
+
+.n-btn-content[data-v-76573beb]{
+  display: inline-flex;
+  align-items: center;
+  gap: var(--n-space-2);
+}
+
+@keyframes n-spin {
+from[data-v-76573beb]{ transform: rotate(0deg); }
+to[data-v-76573beb]{ transform: rotate(360deg); }
+}
+
+/* Ripple */
+.n-btn-ripple[data-v-76573beb]{
+  position: absolute;
+  border-radius: var(--n-radius-full);
+  background: rgba(255, 255, 255, 0.35);
+  width: 20px;
+  height: 20px;
+  margin-left: -10px;
+  margin-top: -10px;
+  pointer-events: none;
+  animation: n-ripple 0.6s ease-out forwards;
+}
+
+@keyframes n-ripple {
+from[data-v-76573beb]{ transform: scale(0); opacity: 1; }
+to[data-v-76573beb]{ transform: scale(8); opacity: 0; }
 }`
-injectStyle('data-v-27fd765', __style)
+injectStyle('data-v-76573beb', __style)