@maz-ui/mcp 4.8.0 → 4.9.1

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.
@@ -10,14 +10,14 @@ description: MazTextarea is a standalone component that replaces the standard ht
10
10
  <!--@include: ./../../.vitepress/mixins/getting-started.md-->
11
11
 
12
12
  ::: info
13
- This component has the "autogrow" feature, so when the user writes, the textarea expands automatically
13
+ This component uses the native CSS `field-sizing: content` property for autogrow the textarea expands automatically as the user types, with zero JavaScript overhead.
14
14
  :::
15
15
 
16
16
  ## Basic usage
17
17
 
18
18
  <ComponentDemo expanded>
19
19
  <MazTextarea
20
- v-model="value"
20
+ v-model="mainValue"
21
21
  name="comment"
22
22
  label="Enter your comment"
23
23
  />
@@ -44,6 +44,30 @@ const value = ref()
44
44
  </template>
45
45
  </ComponentDemo>
46
46
 
47
+ ## With top-label
48
+
49
+ You can use the `top-label` attribute to display a top label above the textarea.
50
+
51
+ <ComponentDemo>
52
+ <MazTextarea
53
+ v-model="value"
54
+ top-label="Your message"
55
+ placeholder="Type your message..."
56
+ />
57
+
58
+ <template #code>
59
+
60
+ ```html
61
+ <MazTextarea
62
+ v-model="value"
63
+ top-label="Your message"
64
+ placeholder="Type your message..."
65
+ />
66
+ ```
67
+
68
+ </template>
69
+ </ComponentDemo>
70
+
47
71
  ## With label and append slots
48
72
 
49
73
  You can use the `label` and `append` slots to customize the label and the append element.
@@ -137,6 +161,34 @@ You can use the `hint` attribute to display a hint message. This will replace th
137
161
  hint="This is a hint message"
138
162
  warning
139
163
  />
164
+ <hr class="maz-my-4">
165
+ <MazTextarea
166
+ v-model="value"
167
+ name="comment"
168
+ top-label="This is a label"
169
+ hint="This is a hint message"
170
+ />
171
+ <MazTextarea
172
+ v-model="value"
173
+ name="comment"
174
+ top-label="This is a label"
175
+ hint="This is a hint message"
176
+ error
177
+ />
178
+ <MazTextarea
179
+ v-model="value"
180
+ name="comment"
181
+ top-label="This is a label"
182
+ hint="This is a hint message"
183
+ success
184
+ />
185
+ <MazTextarea
186
+ v-model="value"
187
+ name="comment"
188
+ top-label="This is a label"
189
+ hint="This is a hint message"
190
+ warning
191
+ />
140
192
  </div>
141
193
 
142
194
  <template #code>
@@ -170,12 +222,61 @@ You can use the `hint` attribute to display a hint message. This will replace th
170
222
  hint="This is a hint message"
171
223
  warning
172
224
  />
225
+ <hr class="maz-my-4">
226
+ <MazTextarea
227
+ v-model="value"
228
+ name="comment"
229
+ top-label="This is a label"
230
+ hint="This is a hint message"
231
+ />
232
+ <MazTextarea
233
+ v-model="value"
234
+ name="comment"
235
+ top-label="This is a label"
236
+ hint="This is a hint message"
237
+ error
238
+ />
239
+ <MazTextarea
240
+ v-model="value"
241
+ name="comment"
242
+ top-label="This is a label"
243
+ hint="This is a hint message"
244
+ success
245
+ />
246
+ <MazTextarea
247
+ v-model="value"
248
+ name="comment"
249
+ top-label="This is a label"
250
+ hint="This is a hint message"
251
+ warning
252
+ />
173
253
  </template>
174
254
  ```
175
255
 
176
256
  </template>
177
257
  </ComponentDemo>
178
258
 
259
+ ## Disable autogrow
260
+
261
+ By default, the textarea automatically expands as the user types. You can disable this behavior with the `autogrow` prop set to `false` — the textarea will then have a fixed height with a manual resize handle.
262
+
263
+ <ComponentDemo>
264
+ <MazTextarea
265
+ v-model="value"
266
+ name="comment"
267
+ label="Fixed height textarea"
268
+ :autogrow="false"
269
+ />
270
+
271
+ <template #code>
272
+
273
+ ```html
274
+ <MazTextarea v-model="value" name="comment" label="Fixed height textarea" :autogrow="false" />
275
+ ```
276
+
277
+ </template>
278
+ </ComponentDemo>
279
+
179
280
  ## Disabled
180
281
 
181
282
  <ComponentDemo>
@@ -201,6 +302,7 @@ You can use the `hint` attribute to display a hint message. This will replace th
201
302
  import { ref } from 'vue'
202
303
  import { useToast } from 'maz-ui/src/composables/useToast'
203
304
 
305
+ const mainValue = ref()
204
306
  const value = ref()
205
307
 
206
308
  const toast = useToast()
@@ -212,7 +314,3 @@ You can use the `hint` attribute to display a hint message. This will replace th
212
314
  value.value = ''
213
315
  }
214
316
  </script>
215
-
216
- ```
217
-
218
- ```
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@maz-ui/mcp",
3
3
  "type": "module",
4
- "version": "4.8.0",
4
+ "version": "4.9.1",
5
5
  "description": "Maz-UI ModelContextProtocol Client",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -41,18 +41,18 @@
41
41
  "docs"
42
42
  ],
43
43
  "dependencies": {
44
- "@modelcontextprotocol/sdk": "^1.27.1",
44
+ "@modelcontextprotocol/sdk": "^1.29.0",
45
45
  "@maz-ui/node": "4.6.1",
46
46
  "@maz-ui/utils": "4.7.6"
47
47
  },
48
48
  "devDependencies": {
49
- "@modelcontextprotocol/inspector": "^0.21.1",
50
- "@swc/core": "1.15.18",
51
- "prettier": "^3.8.1",
49
+ "@modelcontextprotocol/inspector": "^0.21.2",
50
+ "@swc/core": "1.15.26",
51
+ "prettier": "^3.8.3",
52
52
  "ts-node-maintained": "^10.9.5",
53
53
  "tsx": "^4.21.0",
54
54
  "unbuild": "^3.6.1",
55
- "@maz-ui/eslint-config": "4.8.0"
55
+ "@maz-ui/eslint-config": "4.9.1"
56
56
  },
57
57
  "lint-staged": {
58
58
  "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"