nexa-ui-kit 0.8.4 → 0.10.0

package/dist/components/NAlert.js

@@ -1,4 +1,4 @@
-import { signal, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, h, hText, effect, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-22a3a541',

package/dist/components/NAutocomplete.js

@@ -1,4 +1,4 @@
-import { signal, computed, effect, onBeforeUnmount, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { signal, computed, effect, onBeforeUnmount, h, hText, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 import { trackFloatingOverlay } from '../services/FloatingOverlay.js'
 
 const _sfc_main = defineComponent({

package/dist/components/NAvatar.js

@@ -1,4 +1,4 @@
-import { computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { computed, h, hText, effect, signal, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-147134',

package/dist/components/NBadge.js

@@ -1,4 +1,4 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-ff3cf3e',

package/dist/components/NButton.js

@@ -1,4 +1,4 @@
-import { signal, computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-76573beb',

package/dist/components/NCard.js

@@ -1,12 +1,13 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
-  __scopeId: 'data-v-34850782',
+  __scopeId: 'data-v-28bb4c76',
   __hmrId: 'NCard_nexa',
   props: {
   title: { type: String, default: '' },
   subtitle: { type: String, default: '' },
   padding: { type: Boolean, default: true },
+  compact: { type: Boolean, default: false },
   hoverable: { type: Boolean, default: false },
   variant: { type: String, default: 'elevated' },
   image: { type: String, default: '' }
@@ -18,11 +19,11 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { $slots, title, subtitle, padding, hoverable, variant, image, Fragment: _ntc_Fragment } = ctx
-    return h('div', { class: ['n-card', `is-${variant}`, hoverable ? 'is-hoverable' : ''], "data-v-34850782": "" }, [
+  let { $slots, title, subtitle, padding, compact, hoverable, variant, image, Fragment: _ntc_Fragment } = ctx
+    return h('div', { class: ['n-card', `is-${variant}`, hoverable ? 'is-hoverable' : '', compact ? 'is-compact' : ''], "data-v-28bb4c76": "" }, [
         "\n    ",
-        (image) ? h('img', { class: "n-card-image", src: image, "data-v-34850782": "" }) : null,
-        (title || $slots.header) ? h('div', { class: "n-card-header", "data-v-34850782": "" }, [
+        (image) ? h('img', { class: "n-card-image", src: image, "data-v-28bb4c76": "" }) : null,
+        (title || $slots.header) ? h('div', { class: "n-card-header", "data-v-28bb4c76": "" }, [
         "\n      ",
         ctx.$slots.header ? ctx.$slots.header() : ["\n        ", h('h3', { class: "n-card-title" }, [
         title
@@ -31,25 +32,25 @@ _sfc_main.render = function(ctx) {
       ]), "\n      "],
         "\n    "
       ]) : null,
-        h('div', { class: ['n-card-body', padding ? 'has-padding' : ''], "data-v-34850782": "" }, [
+        h('div', { class: ['n-card-body', padding ? 'has-padding' : ''], "data-v-28bb4c76": "" }, [
         "\n      ",
         ctx.$slots.default ? ctx.$slots.default() : null,
         "\n    "
       ]),
         "\n    ",
-        ($slots.footer) ? h('div', { class: "n-card-footer", "data-v-34850782": "" }, [
+        ($slots.footer) ? h('div', { class: "n-card-footer", "data-v-28bb4c76": "" }, [
         "\n      ",
         ctx.$slots.footer ? ctx.$slots.footer() : null,
         "\n    "
       ]) : null
       ])
 }
-_sfc_main.__scopeId = 'data-v-34850782'
+_sfc_main.__scopeId = 'data-v-28bb4c76'
 _sfc_main.__hmrId = 'NCard_nexa'
 
 export default _sfc_main
 
-const __style = `.n-card[data-v-34850782]{
+const __style = `.n-card[data-v-28bb4c76]{
   background: var(--n-color-surface);
   border: 1px solid var(--n-color-border);
   border-radius: var(--n-radius-xl);
@@ -59,42 +60,50 @@ const __style = `.n-card[data-v-34850782]{
   flex-direction: column;
 }
 
-.is-elevated[data-v-34850782]{
+.is-elevated[data-v-28bb4c76]{
   background: var(--n-color-surface-elevated);
   box-shadow: var(--n-shadow-lg);
 }
 
-.is-outlined[data-v-34850782]{
+.is-outlined[data-v-28bb4c76]{
   background: transparent;
   border-color: var(--n-color-border);
   box-shadow: none;
 }
 
-.is-flat[data-v-34850782]{
+.is-flat[data-v-28bb4c76]{
   background: var(--n-color-surface-alt);
   border: none;
   box-shadow: none;
 }
 
-.n-card.is-hoverable[data-v-34850782]:hover{
+.n-card.is-hoverable[data-v-28bb4c76]:hover{
   transform: translateY(-4px);
   border-color: var(--n-color-border-hover);
   box-shadow: var(--n-shadow-xl);
 }
 
-.n-card-image[data-v-34850782]{
+.n-card-image[data-v-28bb4c76]{
   width: 100%;
   height: 200px;
   object-fit: cover;
   display: block;
 }
 
-.n-card-header[data-v-34850782]{
+.n-card-header[data-v-28bb4c76]{
   padding: var(--n-space-6);
   border-bottom: 1px solid var(--n-color-border);
 }
 
-.n-card-title[data-v-34850782]{
+.is-compact .n-card-header[data-v-28bb4c76]{
+  padding: var(--n-space-4);
+}
+
+.is-compact .n-card-body.has-padding{
+  padding: var(--n-space-4);
+}
+
+.n-card-title[data-v-28bb4c76]{
   margin: 0;
   font-size: var(--n-text-xl);
   font-weight: var(--n-weight-bold);
@@ -102,7 +111,7 @@ const __style = `.n-card[data-v-34850782]{
   letter-spacing: var(--n-tracking-tight);
 }
 
-.n-card-subtitle[data-v-34850782]{
+.n-card-subtitle[data-v-28bb4c76]{
   margin: var(--n-space-1) 0 0 0;
   font-size: var(--n-text-sm);
   color: var(--n-color-text-secondary);
@@ -112,10 +121,10 @@ const __style = `.n-card[data-v-34850782]{
   padding: var(--n-space-6);
 }
 
-.n-card-footer[data-v-34850782]{
+.n-card-footer[data-v-28bb4c76]{
   padding: var(--n-space-4) var(--n-space-6);
   background: rgba(0, 0, 0, 0.15);
   border-top: 1px solid var(--n-color-border);
   margin-top: auto;
 }`
-injectStyle('data-v-34850782', __style)
+injectStyle('data-v-28bb4c76', __style)

package/dist/components/NCard.nexa

@@ -3,6 +3,7 @@ const props = defineProps({
   title: { type: String, default: '' },
   subtitle: { type: String, default: '' },
   padding: { type: Boolean, default: true },
+  compact: { type: Boolean, default: false },
   hoverable: { type: Boolean, default: false },
   variant: { type: String, default: 'elevated' },
   image: { type: String, default: '' }
@@ -10,7 +11,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <div :class="['n-card', `is-${variant}`, hoverable ? 'is-hoverable' : '']">
+  <div :class="['n-card', `is-${variant}`, hoverable ? 'is-hoverable' : '', compact ? 'is-compact' : '']">
     <img v-if="image" :src="image" class="n-card-image" />
     <div v-if="title || $slots.header" class="n-card-header">
       <slot name="header">
@@ -73,6 +74,14 @@ const props = defineProps({
   border-bottom: 1px solid var(--n-color-border);
 }
 
+.is-compact .n-card-header {
+  padding: var(--n-space-4);
+}
+
+.is-compact .n-card-body.has-padding {
+  padding: var(--n-space-4);
+}
+
 .n-card-title {
   margin: 0;
   font-size: var(--n-text-xl);

package/dist/components/NCheckbox.js

@@ -1,4 +1,4 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-761e94fe',

package/dist/components/NChips.js

@@ -1,4 +1,4 @@
-import { computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { computed, h, hText, effect, signal, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-606f06fb',

package/dist/components/NDataTable.js

@@ -1,4 +1,4 @@
-import { signal, computed, effect, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, effect, h, hText, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 import NPaginator from './NPaginator.js'
 
 const _sfc_main = defineComponent({

package/dist/components/NDatepicker.js

@@ -1,4 +1,4 @@
-import { signal, computed, onBeforeUnmount, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { signal, computed, onBeforeUnmount, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 import NInput from './NInput.js'
 import { trackFloatingOverlay } from '../services/FloatingOverlay.js'
 

package/dist/components/NForm.js

@@ -1,4 +1,4 @@
-import { signal, computed, provide, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, provide, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-38e99ca2',

package/dist/components/NFormField.js

@@ -1,4 +1,4 @@
-import { signal, computed, inject, provide, effect, onUnmounted, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, inject, provide, effect, onUnmounted, h, hText, onMounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-30bdb720',

package/dist/components/NInput.js

@@ -1,4 +1,4 @@
-import { signal, computed, inject, effect, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, inject, effect, h, hText, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-7dbed0f8',

package/dist/components/NInputNumber.js

@@ -1,4 +1,4 @@
-import { signal, computed, inject, effect, batch, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, inject, effect, batch, h, hText, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-39e23f1c',

package/dist/components/NModal.js

@@ -1,4 +1,4 @@
-import { signal, effect, onMounted, onUnmounted, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { signal, effect, onMounted, onUnmounted, h, hText, computed, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-51b57181',

package/dist/components/NMultiSelect.js

@@ -1,4 +1,4 @@
-import { signal, computed, inject, onBeforeUnmount, effect, batch, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { signal, computed, inject, onBeforeUnmount, effect, batch, h, hText, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 import { trackFloatingOverlay } from '../services/FloatingOverlay.js'
 
 const _sfc_main = defineComponent({

package/dist/components/NPaginator.js

@@ -1,4 +1,4 @@
-import { computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { computed, h, hText, effect, signal, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-372b30ac',

package/dist/components/NPassword.js

@@ -1,4 +1,4 @@
-import { signal, computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-7b897096',

package/dist/components/NProgressBar.js

@@ -1,4 +1,4 @@
-import { computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { computed, h, hText, effect, signal, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-daaa1d0',

package/dist/components/NRadio.js

@@ -1,4 +1,4 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-5c3cc2',

package/dist/components/NScrollView.js

@@ -1,4 +1,4 @@
-import { signal, computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-7469d561',

package/dist/components/NSelect.js

@@ -1,4 +1,4 @@
-import { signal, computed, onBeforeUnmount, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { signal, computed, onBeforeUnmount, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 import { trackFloatingOverlay } from '../services/FloatingOverlay.js'
 
 const _sfc_main = defineComponent({

package/dist/components/NSkeleton.js

@@ -1,4 +1,4 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-6b9116c8',

package/dist/components/NSwitch.js

@@ -1,4 +1,4 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-3cd56cb4',

package/dist/components/NTabs.js

@@ -1,4 +1,4 @@
-import { signal, computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-339e5ee5',

package/dist/components/NTag.js

@@ -1,4 +1,4 @@
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-4d63a958',

package/dist/components/NToastContainer.js

@@ -1,5 +1,5 @@
 import { useToast } from '../services/ToastService.js'
-import { h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { h, hText, effect, signal, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-8ac4158',

package/dist/components/NTooltip.js

@@ -1,4 +1,4 @@
-import { signal, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
+import { signal, h, hText, effect, computed, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 import { trackFloatingOverlay } from '../services/FloatingOverlay.js'
 
 const _sfc_main = defineComponent({

package/dist/components/NTreeMenu.js

@@ -1,4 +1,4 @@
-import { signal, computed, h, hText, effect, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
+import { signal, computed, h, hText, effect, onMounted, onUnmounted, defineComponent, registerComponent, reloadComponent, injectStyle } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
   __scopeId: 'data-v-44b3942a',

package/package.json

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

package/src/components/NCard.nexa

@@ -3,6 +3,7 @@ const props = defineProps({
   title: { type: String, default: '' },
   subtitle: { type: String, default: '' },
   padding: { type: Boolean, default: true },
+  compact: { type: Boolean, default: false },
   hoverable: { type: Boolean, default: false },
   variant: { type: String, default: 'elevated' },
   image: { type: String, default: '' }
@@ -10,7 +11,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <div :class="['n-card', `is-${variant}`, hoverable ? 'is-hoverable' : '']">
+  <div :class="['n-card', `is-${variant}`, hoverable ? 'is-hoverable' : '', compact ? 'is-compact' : '']">
     <img v-if="image" :src="image" class="n-card-image" />
     <div v-if="title || $slots.header" class="n-card-header">
       <slot name="header">
@@ -73,6 +74,14 @@ const props = defineProps({
   border-bottom: 1px solid var(--n-color-border);
 }
 
+.is-compact .n-card-header {
+  padding: var(--n-space-4);
+}
+
+.is-compact .n-card-body.has-padding {
+  padding: var(--n-space-4);
+}
+
 .n-card-title {
   margin: 0;
   font-size: var(--n-text-xl);