nexa-ui-kit 0.11.6 → 0.11.9

package/dist/components/NDatepicker.js

@@ -254,25 +254,20 @@ const __style = `.n-datepicker[data-v-7501a13d]{
   display: inline-block;
   font-family: var(--n-font-sans);
 }
-
 .n-datepicker-input[data-v-7501a13d]{
   position: relative;
   cursor: pointer;
 }
-
 .n-datepicker-input .n-input[data-v-7501a13d]{
   cursor: pointer;
 }
-
 .n-datepicker-icon[data-v-7501a13d]{
   position: absolute;
   right: 0.75rem;
   top: 50%;
-  transform: translateY(-50%);
   font-size: 1rem;
   pointer-events: none;
 }
-
 .n-datepicker-dropdown[data-v-7501a13d]{
   position: absolute;
   top: calc(100% + 4px);
@@ -286,34 +281,28 @@ const __style = `.n-datepicker[data-v-7501a13d]{
   width: 280px;
   animation: fade-in 0.15s ease;
 }
-
 @keyframes fade-in {
-from[data-v-7501a13d]{ opacity: 0; transform: translateY(-4px); }
-to[data-v-7501a13d]{ opacity: 1; transform: translateY(0); }
+from[data-v-7501a13d]{ opacity: 0;  }
+to[data-v-7501a13d]{ opacity: 1;  }
 }
-
 .n-datepicker-dropdown.is-top[data-v-7501a13d]{
   animation: fade-in-top 0.15s ease;
 }
-
 @keyframes fade-in-top {
-from[data-v-7501a13d]{ opacity: 0; transform: translateY(4px); }
-to[data-v-7501a13d]{ opacity: 1; transform: translateY(0); }
+from[data-v-7501a13d]{ opacity: 0;  }
+to[data-v-7501a13d]{ opacity: 1;  }
 }
-
 .n-datepicker-header[data-v-7501a13d]{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.75rem;
 }
-
 .n-datepicker-title[data-v-7501a13d]{
   font-weight: var(--n-weight-semibold);
   font-size: var(--n-text-sm);
   color: var(--n-color-text);
 }
-
 .n-datepicker-nav[data-v-7501a13d]{
   background: none;
   border: 1px solid var(--n-color-border);
@@ -328,18 +317,15 @@ to[data-v-7501a13d]{ opacity: 1; transform: translateY(0); }
   justify-content: center;
   transition: all var(--n-transition-fast);
 }
-
 .n-datepicker-nav[data-v-7501a13d]:hover{
   background: var(--n-color-surface-hover);
   color: var(--n-color-text);
 }
-
 .n-datepicker-grid[data-v-7501a13d]{
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 2px;
 }
-
 .n-datepicker-day-header[data-v-7501a13d]{
   text-align: center;
   font-size: var(--n-text-xs);
@@ -347,7 +333,6 @@ to[data-v-7501a13d]{ opacity: 1; transform: translateY(0); }
   font-weight: var(--n-weight-semibold);
   padding: 0.35rem 0;
 }
-
 .n-datepicker-day[data-v-7501a13d]{
   text-align: center;
   padding: 0.4rem 0;
@@ -357,29 +342,23 @@ to[data-v-7501a13d]{ opacity: 1; transform: translateY(0); }
   cursor: pointer;
   transition: all var(--n-transition-fast);
 }
-
 .n-datepicker-day[data-v-7501a13d]:hover:not(.is-empty){
   background: var(--n-color-primary-light);
 }
-
 .n-datepicker-day.is-empty[data-v-7501a13d]{
   cursor: default;
 }
-
 .n-datepicker-day.is-disabled[data-v-7501a13d]{
   opacity: 0.4;
   cursor: not-allowed;
 }
-
 .n-datepicker-day.is-disabled[data-v-7501a13d]:hover{
   background: transparent;
 }
-
 .n-datepicker-day.is-today[data-v-7501a13d]{
   font-weight: var(--n-weight-bold);
   color: var(--n-color-primary);
 }
-
 .n-datepicker-day.is-selected[data-v-7501a13d]{
   background: var(--n-color-primary);
   color: white;

package/dist/components/NDatepicker.nexa

@@ -233,25 +233,20 @@ onBeforeUnmount(() => {
   display: inline-block;
   font-family: var(--n-font-sans);
 }
-
 .n-datepicker-input {
   position: relative;
   cursor: pointer;
 }
-
 .n-datepicker-input .n-input {
   cursor: pointer;
 }
-
 .n-datepicker-icon {
   position: absolute;
   right: 0.75rem;
   top: 50%;
-  transform: translateY(-50%);
   font-size: 1rem;
   pointer-events: none;
 }
-
 .n-datepicker-dropdown {
   position: absolute;
   top: calc(100% + 4px);
@@ -265,34 +260,28 @@ onBeforeUnmount(() => {
   width: 280px;
   animation: fade-in 0.15s ease;
 }
-
 @keyframes fade-in {
-  from { opacity: 0; transform: translateY(-4px); }
-  to { opacity: 1; transform: translateY(0); }
+  from { opacity: 0;  }
+  to { opacity: 1;  }
 }
-
 .n-datepicker-dropdown.is-top {
   animation: fade-in-top 0.15s ease;
 }
-
 @keyframes fade-in-top {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
+  from { opacity: 0;  }
+  to { opacity: 1;  }
 }
-
 .n-datepicker-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.75rem;
 }
-
 .n-datepicker-title {
   font-weight: var(--n-weight-semibold);
   font-size: var(--n-text-sm);
   color: var(--n-color-text);
 }
-
 .n-datepicker-nav {
   background: none;
   border: 1px solid var(--n-color-border);
@@ -307,18 +296,15 @@ onBeforeUnmount(() => {
   justify-content: center;
   transition: all var(--n-transition-fast);
 }
-
 .n-datepicker-nav:hover {
   background: var(--n-color-surface-hover);
   color: var(--n-color-text);
 }
-
 .n-datepicker-grid {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 2px;
 }
-
 .n-datepicker-day-header {
   text-align: center;
   font-size: var(--n-text-xs);
@@ -326,7 +312,6 @@ onBeforeUnmount(() => {
   font-weight: var(--n-weight-semibold);
   padding: 0.35rem 0;
 }
-
 .n-datepicker-day {
   text-align: center;
   padding: 0.4rem 0;
@@ -336,32 +321,27 @@ onBeforeUnmount(() => {
   cursor: pointer;
   transition: all var(--n-transition-fast);
 }
-
 .n-datepicker-day:hover:not(.is-empty) {
   background: var(--n-color-primary-light);
 }
-
 .n-datepicker-day.is-empty {
   cursor: default;
 }
-
 .n-datepicker-day.is-disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
-
 .n-datepicker-day.is-disabled:hover {
   background: transparent;
 }
-
 .n-datepicker-day.is-today {
   font-weight: var(--n-weight-bold);
   color: var(--n-color-primary);
 }
-
 .n-datepicker-day.is-selected {
   background: var(--n-color-primary);
   color: white;
   font-weight: var(--n-weight-semibold);
 }
+
 </style>

package/dist/components/NForm.nexa

@@ -130,4 +130,5 @@ provide('nexa-ui:form', {
   gap: var(--n-space-4);
   width: 100%;
 }
+
 </style>

package/dist/components/NFormField.js

@@ -143,30 +143,25 @@ const __style = `.n-form-field[data-v-30bdb720]{
   gap: var(--n-space-2);
   width: 100%;
 }
-
 .n-form-field-label[data-v-30bdb720]{
   font-size: var(--n-text-sm);
   font-weight: var(--n-weight-semibold);
   color: var(--n-color-text-secondary);
   margin-left: var(--n-space-1);
 }
-
 .n-form-field-control[data-v-30bdb720]{
   width: 100%;
 }
-
 .n-form-field-help[data-v-30bdb720]{
   font-size: var(--n-text-xs);
   color: var(--n-color-text-muted);
   padding: 0 var(--n-space-1);
 }
-
 .n-form-field-error[data-v-30bdb720]{
   font-size: var(--n-text-xs);
   color: var(--n-color-danger);
   padding: 0 var(--n-space-1);
 }
-
 .is-disabled[data-v-30bdb720]{
   opacity: 0.6;
 }`

package/dist/components/NFormField.nexa

@@ -141,31 +141,27 @@ onUnmounted(() => {
   gap: var(--n-space-2);
   width: 100%;
 }
-
 .n-form-field-label {
   font-size: var(--n-text-sm);
   font-weight: var(--n-weight-semibold);
   color: var(--n-color-text-secondary);
   margin-left: var(--n-space-1);
 }
-
 .n-form-field-control {
   width: 100%;
 }
-
 .n-form-field-help {
   font-size: var(--n-text-xs);
   color: var(--n-color-text-muted);
   padding: 0 var(--n-space-1);
 }
-
 .n-form-field-error {
   font-size: var(--n-text-xs);
   color: var(--n-color-danger);
   padding: 0 var(--n-space-1);
 }
-
 .is-disabled {
   opacity: 0.6;
 }
+
 </style>

package/dist/components/NImage.js

@@ -81,25 +81,20 @@ const __style = `.n-image-wrapper[data-v-309b6eb8]{
   background: var(--n-color-surface-hover, #1a1a2e);
   display: inline-block;
 }
-
 .n-image-skeleton[data-v-309b6eb8]{
   position: absolute;
   inset: 0;
-  background: linear-gradient(
-    90deg,
-    var(--n-color-surface, #111827) 25%,
+  background-color: var(--n-color-surface); 25%,
     var(--n-color-surface-hover, #1f2937) 50%,
     var(--n-color-surface, #111827) 75%
   );
   background-size: 200% 100%;
   animation: n-img-shimmer 1.5s infinite;
 }
-
 @keyframes n-img-shimmer {
 0%[data-v-309b6eb8]{ background-position: 200% 0; }
 100%[data-v-309b6eb8]{ background-position: -200% 0; }
 }
-
 .n-image[data-v-309b6eb8]{
   display: block;
   position: relative;

package/dist/components/NImage.nexa

@@ -90,28 +90,24 @@ const onError = () => { error.value = true; loaded.value = true }
   background: var(--n-color-surface-hover, #1a1a2e);
   display: inline-block;
 }
-
 .n-image-skeleton {
   position: absolute;
   inset: 0;
-  background: linear-gradient(
-    90deg,
-    var(--n-color-surface, #111827) 25%,
+  background-color: var(--n-color-surface); 25%,
     var(--n-color-surface-hover, #1f2937) 50%,
     var(--n-color-surface, #111827) 75%
   );
   background-size: 200% 100%;
   animation: n-img-shimmer 1.5s infinite;
 }
-
 @keyframes n-img-shimmer {
   0% { background-position: 200% 0; }
   100% { background-position: -200% 0; }
 }
-
 .n-image {
   display: block;
   position: relative;
   z-index: 1;
 }
+
 </style>