nexa-ui-kit 0.11.6 → 0.11.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/components/NAlert.js +2 -14
  2. package/dist/components/NAlert.nexa +3 -14
  3. package/dist/components/NAutocomplete.js +1 -1
  4. package/dist/components/NAutocomplete.nexa +2 -1
  5. package/dist/components/NAvatar.js +0 -5
  6. package/dist/components/NAvatar.nexa +1 -5
  7. package/dist/components/NBadge.js +0 -6
  8. package/dist/components/NBadge.nexa +1 -6
  9. package/dist/components/NBottomSheet.js +0 -5
  10. package/dist/components/NBottomSheet.nexa +1 -5
  11. package/dist/components/NButton.js +202 -296
  12. package/dist/components/NButton.nexa +224 -320
  13. package/dist/components/NCard.js +39 -82
  14. package/dist/components/NCard.nexa +27 -71
  15. package/dist/components/NCheckbox.js +74 -63
  16. package/dist/components/NCheckbox.nexa +64 -44
  17. package/dist/components/NChips.nexa +1 -0
  18. package/dist/components/NDataTable.js +1 -313
  19. package/dist/components/NDataTable.nexa +2 -314
  20. package/dist/components/NDatepicker.js +4 -25
  21. package/dist/components/NDatepicker.nexa +5 -25
  22. package/dist/components/NForm.nexa +1 -0
  23. package/dist/components/NFormField.js +0 -5
  24. package/dist/components/NFormField.nexa +1 -5
  25. package/dist/components/NImage.js +1 -6
  26. package/dist/components/NImage.nexa +2 -6
  27. package/dist/components/NInput.js +96 -263
  28. package/dist/components/NInput.nexa +89 -259
  29. package/dist/components/NInputNumber.nexa +1 -1
  30. package/dist/components/NModal.js +1 -118
  31. package/dist/components/NModal.nexa +2 -119
  32. package/dist/components/NMultiSelect.js +1 -1
  33. package/dist/components/NMultiSelect.nexa +2 -1
  34. package/dist/components/NPaginator.js +1 -11
  35. package/dist/components/NPaginator.nexa +2 -11
  36. package/dist/components/NPassword.nexa +1 -0
  37. package/dist/components/NProgressBar.js +0 -11
  38. package/dist/components/NProgressBar.nexa +1 -11
  39. package/dist/components/NRadio.js +1 -8
  40. package/dist/components/NRadio.nexa +2 -8
  41. package/dist/components/NScrollView.js +0 -6
  42. package/dist/components/NScrollView.nexa +1 -6
  43. package/dist/components/NSelect.js +7 -35
  44. package/dist/components/NSelect.nexa +8 -35
  45. package/dist/components/NSkeleton.js +3 -9
  46. package/dist/components/NSkeleton.nexa +4 -9
  47. package/dist/components/NSwitch.js +0 -6
  48. package/dist/components/NSwitch.nexa +1 -6
  49. package/dist/components/NTabs.js +0 -11
  50. package/dist/components/NTabs.nexa +1 -11
  51. package/dist/components/NTag.js +1 -11
  52. package/dist/components/NTag.nexa +2 -11
  53. package/dist/components/NToastContainer.js +3 -27
  54. package/dist/components/NToastContainer.nexa +4 -27
  55. package/dist/components/NTooltip.js +0 -13
  56. package/dist/components/NTooltip.nexa +1 -13
  57. package/dist/components/NTreeMenu.js +1 -21
  58. package/dist/components/NTreeMenu.nexa +2 -21
  59. package/dist/components/NVirtualList.js +0 -2
  60. package/dist/components/NVirtualList.nexa +1 -2
  61. package/dist/styles/tokens.css +82 -173
  62. package/package.json +4 -4
  63. package/src/components/NAlert.nexa +3 -14
  64. package/src/components/NAutocomplete.nexa +2 -1
  65. package/src/components/NAvatar.nexa +1 -5
  66. package/src/components/NBadge.nexa +1 -6
  67. package/src/components/NBottomSheet.nexa +1 -5
  68. package/src/components/NButton.nexa +224 -320
  69. package/src/components/NCard.nexa +27 -71
  70. package/src/components/NCheckbox.nexa +64 -44
  71. package/src/components/NChips.nexa +1 -0
  72. package/src/components/NDataTable.nexa +2 -314
  73. package/src/components/NDatepicker.nexa +5 -25
  74. package/src/components/NForm.nexa +1 -0
  75. package/src/components/NFormField.nexa +1 -5
  76. package/src/components/NImage.nexa +2 -6
  77. package/src/components/NInput.nexa +89 -259
  78. package/src/components/NInputNumber.nexa +1 -1
  79. package/src/components/NModal.nexa +2 -119
  80. package/src/components/NMultiSelect.nexa +2 -1
  81. package/src/components/NPaginator.nexa +2 -11
  82. package/src/components/NPassword.nexa +1 -0
  83. package/src/components/NProgressBar.nexa +1 -11
  84. package/src/components/NRadio.nexa +2 -8
  85. package/src/components/NScrollView.nexa +1 -6
  86. package/src/components/NSelect.nexa +8 -35
  87. package/src/components/NSkeleton.nexa +4 -9
  88. package/src/components/NSwitch.nexa +1 -6
  89. package/src/components/NTabs.nexa +1 -11
  90. package/src/components/NTag.nexa +2 -11
  91. package/src/components/NToastContainer.nexa +4 -27
  92. package/src/components/NTooltip.nexa +1 -13
  93. package/src/components/NTreeMenu.nexa +2 -21
  94. package/src/components/NVirtualList.nexa +1 -2
  95. package/src/styles/tokens.css +82 -173
@@ -85,43 +85,36 @@ const __style = `.n-alert[data-v-291d86b1]{
85
85
  font-size: var(--n-text-sm);
86
86
  line-height: var(--n-leading-normal);
87
87
  animation: n-alert-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
88
- box-shadow: 0 4px 24px rgba(0,0,0,0.06);
89
88
  backdrop-filter: blur(12px);
90
89
  }
91
-
92
90
  @keyframes n-alert-in {
93
- from[data-v-291d86b1]{ opacity: 0; transform: translateY(-8px); }
94
- to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
91
+ from[data-v-291d86b1]{ opacity: 0; }
92
+ to[data-v-291d86b1]{ opacity: 1; }
95
93
  }
96
-
97
94
  .is-info[data-v-291d86b1]{
98
95
  background: var(--n-color-primary-light);
99
96
  border-color: var(--n-color-primary-border);
100
97
  border-left-color: var(--n-color-primary);
101
98
  color: var(--n-color-primary);
102
99
  }
103
-
104
100
  .is-success[data-v-291d86b1]{
105
101
  background: var(--n-color-success-light);
106
102
  border-color: var(--n-color-success-border);
107
103
  border-left-color: var(--n-color-success);
108
104
  color: var(--n-color-success);
109
105
  }
110
-
111
106
  .is-warning[data-v-291d86b1]{
112
107
  background: var(--n-color-warning-light);
113
108
  border-color: var(--n-color-warning-border);
114
109
  border-left-color: var(--n-color-warning);
115
110
  color: var(--n-color-warning);
116
111
  }
117
-
118
112
  .is-error[data-v-291d86b1]{
119
113
  background: var(--n-color-danger-light);
120
114
  border-color: var(--n-color-danger-border);
121
115
  border-left-color: var(--n-color-danger);
122
116
  color: var(--n-color-danger);
123
117
  }
124
-
125
118
  .n-alert-icon[data-v-291d86b1]{
126
119
  font-size: var(--n-text-base);
127
120
  font-weight: var(--n-weight-bold);
@@ -134,7 +127,6 @@ to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
134
127
  height: 20px;
135
128
  margin-top: 2px;
136
129
  }
137
-
138
130
  .n-alert-body{
139
131
  flex: 1;
140
132
  display: flex;
@@ -142,16 +134,13 @@ to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
142
134
  gap: var(--n-space-1);
143
135
  color: var(--n-color-text);
144
136
  }
145
-
146
137
  .n-alert-title[data-v-291d86b1]{
147
138
  font-weight: var(--n-weight-semibold);
148
139
  font-size: var(--n-text-sm);
149
140
  }
150
-
151
141
  .n-alert-text[data-v-291d86b1]{
152
142
  color: var(--n-color-text-secondary);
153
143
  }
154
-
155
144
  .n-alert-close[data-v-291d86b1]{
156
145
  background: transparent;
157
146
  border: none;
@@ -163,7 +152,6 @@ to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
163
152
  flex-shrink: 0;
164
153
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
165
154
  }
166
-
167
155
  .n-alert-close[data-v-291d86b1]:hover{
168
156
  color: var(--n-color-text);
169
157
  }`
@@ -51,43 +51,36 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
51
51
  font-size: var(--n-text-sm);
52
52
  line-height: var(--n-leading-normal);
53
53
  animation: n-alert-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
54
- box-shadow: 0 4px 24px rgba(0,0,0,0.06);
55
54
  backdrop-filter: blur(12px);
56
55
  }
57
-
58
56
  @keyframes n-alert-in {
59
- from { opacity: 0; transform: translateY(-8px); }
60
- to { opacity: 1; transform: translateY(0); }
57
+ from { opacity: 0; }
58
+ to { opacity: 1; }
61
59
  }
62
-
63
60
  .is-info {
64
61
  background: var(--n-color-primary-light);
65
62
  border-color: var(--n-color-primary-border);
66
63
  border-left-color: var(--n-color-primary);
67
64
  color: var(--n-color-primary);
68
65
  }
69
-
70
66
  .is-success {
71
67
  background: var(--n-color-success-light);
72
68
  border-color: var(--n-color-success-border);
73
69
  border-left-color: var(--n-color-success);
74
70
  color: var(--n-color-success);
75
71
  }
76
-
77
72
  .is-warning {
78
73
  background: var(--n-color-warning-light);
79
74
  border-color: var(--n-color-warning-border);
80
75
  border-left-color: var(--n-color-warning);
81
76
  color: var(--n-color-warning);
82
77
  }
83
-
84
78
  .is-error {
85
79
  background: var(--n-color-danger-light);
86
80
  border-color: var(--n-color-danger-border);
87
81
  border-left-color: var(--n-color-danger);
88
82
  color: var(--n-color-danger);
89
83
  }
90
-
91
84
  .n-alert-icon {
92
85
  font-size: var(--n-text-base);
93
86
  font-weight: var(--n-weight-bold);
@@ -100,7 +93,6 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
100
93
  height: 20px;
101
94
  margin-top: 2px;
102
95
  }
103
-
104
96
  .n-alert-body {
105
97
  flex: 1;
106
98
  display: flex;
@@ -108,16 +100,13 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
108
100
  gap: var(--n-space-1);
109
101
  color: var(--n-color-text);
110
102
  }
111
-
112
103
  .n-alert-title {
113
104
  font-weight: var(--n-weight-semibold);
114
105
  font-size: var(--n-text-sm);
115
106
  }
116
-
117
107
  .n-alert-text {
118
108
  color: var(--n-color-text-secondary);
119
109
  }
120
-
121
110
  .n-alert-close {
122
111
  background: transparent;
123
112
  border: none;
@@ -129,8 +118,8 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
129
118
  flex-shrink: 0;
130
119
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
131
120
  }
132
-
133
121
  .n-alert-close:hover {
134
122
  color: var(--n-color-text);
135
123
  }
124
+
136
125
  </style>
@@ -95,5 +95,5 @@ _sfc_main.__hmrId = 'NAutocomplete_nexa'
95
95
 
96
96
  export default _sfc_main
97
97
 
98
- const __style = `.n-ac[data-v-24d51847]{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes n-ac-in-top{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.n-ac-loading{padding:var(--n-space-3) var(--n-space-4);color:var(--n-color-text-muted);font-size:var(--n-text-sm)}.n-ac-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.n-ac-option{text-align:left;padding:0.7rem 1rem;color:var(--n-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--n-transition-fast)}.n-ac-option:hover,.n-ac-option.is-focused{background:var(--n-color-glass);color:var(--n-color-text)}.n-ac-empty{padding:var(--n-space-4);color:var(--n-color-text-muted);text-align:center;font-size:var(--n-text-sm)}`
98
+ const __style = `.n-ac[data-v-24d51847]{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;}to{opacity:1;}}@keyframes n-ac-in-top{from{opacity:0;}to{opacity:1;}}.n-ac-loading{padding:var(--n-space-3) var(--n-space-4);color:var(--n-color-text-muted);font-size:var(--n-text-sm)}.n-ac-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.n-ac-option{text-align:left;padding:0.7rem 1rem;color:var(--n-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--n-transition-fast)}.n-ac-option:hover,.n-ac-option.is-focused{background:var(--n-color-glass);color:var(--n-color-text)}.n-ac-empty{padding:var(--n-space-4);color:var(--n-color-text-muted);text-align:center;font-size:var(--n-text-sm)}`
99
99
  injectStyle('data-v-24d51847', __style)
@@ -54,5 +54,6 @@ onBeforeUnmount(() => { clearTimeout(completeTimer); close() })
54
54
  </template>
55
55
 
56
56
  <style scoped>
57
- .n-ac{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes n-ac-in-top{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.n-ac-loading{padding:var(--n-space-3) var(--n-space-4);color:var(--n-color-text-muted);font-size:var(--n-text-sm)}.n-ac-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.n-ac-option{text-align:left;padding:0.7rem 1rem;color:var(--n-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--n-transition-fast)}.n-ac-option:hover,.n-ac-option.is-focused{background:var(--n-color-glass);color:var(--n-color-text)}.n-ac-empty{padding:var(--n-space-4);color:var(--n-color-text-muted);text-align:center;font-size:var(--n-text-sm)}
57
+ .n-ac{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;}to{opacity:1;}}@keyframes n-ac-in-top{from{opacity:0;}to{opacity:1;}}.n-ac-loading{padding:var(--n-space-3) var(--n-space-4);color:var(--n-color-text-muted);font-size:var(--n-text-sm)}.n-ac-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.n-ac-option{text-align:left;padding:0.7rem 1rem;color:var(--n-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--n-transition-fast)}.n-ac-option:hover,.n-ac-option.is-focused{background:var(--n-color-glass);color:var(--n-color-text)}.n-ac-empty{padding:var(--n-space-4);color:var(--n-color-text-muted);text-align:center;font-size:var(--n-text-sm)}
58
+
58
59
  </style>
@@ -52,24 +52,19 @@ const __style = `.n-avatar[data-v-147134]{
52
52
  user-select: none;
53
53
  transition: all var(--n-transition-fast);
54
54
  border: 1px solid var(--n-color-border);
55
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
56
55
  }
57
-
58
56
  .is-sm[data-v-147134]{ width: 32px; height: 32px; font-size: var(--n-text-xs); }
59
57
  .is-md[data-v-147134]{ width: 40px; height: 40px; font-size: var(--n-text-sm); }
60
58
  .is-lg[data-v-147134]{ width: 56px; height: 56px; font-size: var(--n-text-lg); }
61
59
  .is-xl[data-v-147134]{ width: 72px; height: 72px; font-size: var(--n-text-2xl); }
62
-
63
60
  .is-circle[data-v-147134]{ border-radius: var(--n-radius-full); }
64
61
  .is-rounded[data-v-147134]{ border-radius: var(--n-radius-md); }
65
62
  .is-square[data-v-147134]{ border-radius: 0; }
66
-
67
63
  .is-primary[data-v-147134]{ background-color: var(--n-color-primary); color: white; }
68
64
  .is-success[data-v-147134]{ background-color: var(--n-color-success); color: white; }
69
65
  .is-danger[data-v-147134]{ background-color: var(--n-color-danger); color: white; }
70
66
  .is-warning[data-v-147134]{ background-color: var(--n-color-warning); color: white; }
71
67
  .is-info[data-v-147134]{ background-color: var(--n-color-info); color: white; }
72
-
73
68
  .n-avatar-initials[data-v-147134]{
74
69
  line-height: 1;
75
70
  font-weight: var(--n-weight-bold);
@@ -44,26 +44,22 @@ const initials = computed(() => {
44
44
  user-select: none;
45
45
  transition: all var(--n-transition-fast);
46
46
  border: 1px solid var(--n-color-border);
47
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
48
47
  }
49
-
50
48
  .is-sm { width: 32px; height: 32px; font-size: var(--n-text-xs); }
51
49
  .is-md { width: 40px; height: 40px; font-size: var(--n-text-sm); }
52
50
  .is-lg { width: 56px; height: 56px; font-size: var(--n-text-lg); }
53
51
  .is-xl { width: 72px; height: 72px; font-size: var(--n-text-2xl); }
54
-
55
52
  .is-circle { border-radius: var(--n-radius-full); }
56
53
  .is-rounded { border-radius: var(--n-radius-md); }
57
54
  .is-square { border-radius: 0; }
58
-
59
55
  .is-primary { background-color: var(--n-color-primary); color: white; }
60
56
  .is-success { background-color: var(--n-color-success); color: white; }
61
57
  .is-danger { background-color: var(--n-color-danger); color: white; }
62
58
  .is-warning { background-color: var(--n-color-warning); color: white; }
63
59
  .is-info { background-color: var(--n-color-info); color: white; }
64
-
65
60
  .n-avatar-initials {
66
61
  line-height: 1;
67
62
  font-weight: var(--n-weight-bold);
68
63
  }
64
+
69
65
  </style>
@@ -42,21 +42,16 @@ const __style = `.n-badge[data-v-ff3cf3e]{
42
42
  text-transform: uppercase;
43
43
  letter-spacing: 0.03em;
44
44
  transition: all var(--n-transition-fast);
45
- box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
46
45
  }
47
-
48
46
  .n-badge-primary[data-v-ff3cf3e]{ background: var(--n-color-primary); color: white; }
49
47
  .n-badge-success[data-v-ff3cf3e]{ background: var(--n-color-success); color: white; }
50
48
  .n-badge-danger[data-v-ff3cf3e]{ background: var(--n-color-danger); color: white; }
51
49
  .n-badge-warning[data-v-ff3cf3e]{ background: var(--n-color-warning); color: white; }
52
50
  .n-badge-info[data-v-ff3cf3e]{ background: var(--n-color-info); color: white; }
53
51
  .n-badge-secondary[data-v-ff3cf3e]{ background: var(--n-color-surface-hover); color: var(--n-color-text); }
54
-
55
52
  .n-badge-sm[data-v-ff3cf3e]{ padding: 0.15rem 0.4rem; font-size: 0.65rem; }
56
53
  .n-badge-lg[data-v-ff3cf3e]{ padding: 0.4rem 0.8rem; font-size: var(--n-text-sm); }
57
-
58
54
  .is-rounded[data-v-ff3cf3e]{ border-radius: var(--n-radius-full); }
59
-
60
55
  .n-badge-dot[data-v-ff3cf3e]{
61
56
  display: inline-block;
62
57
  width: 8px;
@@ -65,7 +60,6 @@ const __style = `.n-badge[data-v-ff3cf3e]{
65
60
  vertical-align: middle;
66
61
  flex-shrink: 0;
67
62
  }
68
-
69
63
  .n-badge-dot.is-primary[data-v-ff3cf3e]{ background: var(--n-color-primary); }
70
64
  .n-badge-dot.is-success[data-v-ff3cf3e]{ background: var(--n-color-success); }
71
65
  .n-badge-dot.is-danger[data-v-ff3cf3e]{ background: var(--n-color-danger); }
@@ -29,21 +29,16 @@ const props = defineProps({
29
29
  text-transform: uppercase;
30
30
  letter-spacing: 0.03em;
31
31
  transition: all var(--n-transition-fast);
32
- box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
33
32
  }
34
-
35
33
  .n-badge-primary { background: var(--n-color-primary); color: white; }
36
34
  .n-badge-success { background: var(--n-color-success); color: white; }
37
35
  .n-badge-danger { background: var(--n-color-danger); color: white; }
38
36
  .n-badge-warning { background: var(--n-color-warning); color: white; }
39
37
  .n-badge-info { background: var(--n-color-info); color: white; }
40
38
  .n-badge-secondary { background: var(--n-color-surface-hover); color: var(--n-color-text); }
41
-
42
39
  .n-badge-sm { padding: 0.15rem 0.4rem; font-size: 0.65rem; }
43
40
  .n-badge-lg { padding: 0.4rem 0.8rem; font-size: var(--n-text-sm); }
44
-
45
41
  .is-rounded { border-radius: var(--n-radius-full); }
46
-
47
42
  .n-badge-dot {
48
43
  display: inline-block;
49
44
  width: 8px;
@@ -52,11 +47,11 @@ const props = defineProps({
52
47
  vertical-align: middle;
53
48
  flex-shrink: 0;
54
49
  }
55
-
56
50
  .n-badge-dot.is-primary { background: var(--n-color-primary); }
57
51
  .n-badge-dot.is-success { background: var(--n-color-success); }
58
52
  .n-badge-dot.is-danger { background: var(--n-color-danger); }
59
53
  .n-badge-dot.is-warning { background: var(--n-color-warning); }
60
54
  .n-badge-dot.is-info { background: var(--n-color-info); }
61
55
  .n-badge-dot.is-secondary { background: var(--n-color-text-muted); }
56
+
62
57
  </style>
@@ -102,11 +102,9 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
102
102
  display: flex;
103
103
  align-items: flex-end;
104
104
  }
105
-
106
105
  .n-bottom-sheet-root.is-active[data-v-2489c54f]{
107
106
  pointer-events: auto;
108
107
  }
109
-
110
108
  .n-bottom-sheet-overlay[data-v-2489c54f]{
111
109
  position: absolute;
112
110
  top: 0;
@@ -117,7 +115,6 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
117
115
  backdrop-filter: blur(8px);
118
116
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
119
117
  }
120
-
121
118
  .n-bottom-sheet-container[data-v-2489c54f]{
122
119
  position: relative;
123
120
  width: 100%;
@@ -132,7 +129,6 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
132
129
  flex-direction: column;
133
130
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
134
131
  }
135
-
136
132
  .n-bottom-sheet-handle[data-v-2489c54f]{
137
133
  width: 48px;
138
134
  height: 5px;
@@ -142,7 +138,6 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
142
138
  flex-shrink: 0;
143
139
  opacity: 0.3;
144
140
  }
145
-
146
141
  .n-bottom-sheet-inner[data-v-2489c54f]{
147
142
  padding: var(--n-space-4) var(--n-space-8) var(--n-space-8);
148
143
  overflow-y: auto;
@@ -98,11 +98,9 @@ const overlayOpacity = computed(() => {
98
98
  display: flex;
99
99
  align-items: flex-end;
100
100
  }
101
-
102
101
  .n-bottom-sheet-root.is-active {
103
102
  pointer-events: auto;
104
103
  }
105
-
106
104
  .n-bottom-sheet-overlay {
107
105
  position: absolute;
108
106
  top: 0;
@@ -113,7 +111,6 @@ const overlayOpacity = computed(() => {
113
111
  backdrop-filter: blur(8px);
114
112
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
115
113
  }
116
-
117
114
  .n-bottom-sheet-container {
118
115
  position: relative;
119
116
  width: 100%;
@@ -128,7 +125,6 @@ const overlayOpacity = computed(() => {
128
125
  flex-direction: column;
129
126
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
130
127
  }
131
-
132
128
  .n-bottom-sheet-handle {
133
129
  width: 48px;
134
130
  height: 5px;
@@ -138,10 +134,10 @@ const overlayOpacity = computed(() => {
138
134
  flex-shrink: 0;
139
135
  opacity: 0.3;
140
136
  }
141
-
142
137
  .n-bottom-sheet-inner {
143
138
  padding: var(--n-space-4) var(--n-space-8) var(--n-space-8);
144
139
  overflow-y: auto;
145
140
  flex: 1;
146
141
  }
142
+
147
143
  </style>