maz-ui 5.1.0-beta.1 → 5.1.0
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.
- package/docs/components/maz-input-number.md +1 -1
- package/docs/components/maz-input-phone-number.md +1 -1
- package/docs/components/maz-input.md +1 -1
- package/docs/components/maz-pull-to-refresh.md +1 -1
- package/docs/guide/ai-agents.md +20 -1
- package/docs/manifest.json +1 -1
- package/package.json +2 -2
|
@@ -61,7 +61,7 @@ You can remove the buttons with the props `hide-buttons`
|
|
|
61
61
|
- `size` (`"xs" | "sm" | "md" | "lg" | "xl" | "mini"`, default: `'md'`): The size of the input number component.
|
|
62
62
|
- `hide-buttons` (`boolean`, default: `false`): Whether to hide the increment and decrement buttons or not.
|
|
63
63
|
- `text-center` (`boolean`, default: `true`): Whether to center the text inside the input or not.
|
|
64
|
-
- `inputmode` (`"
|
|
64
|
+
- `inputmode` (`"text" | "none" | "search" | "url" | "email" | "tel" | "numeric" | "decimal"`, default: `"numeric"`): The inputmode attribute for the input.
|
|
65
65
|
- `block` (`boolean`): The input will be displayed in full width.
|
|
66
66
|
- `error` (`boolean`, default: `false`): Will display the input in error state.
|
|
67
67
|
- `hint` (`string`): The hint text to display below the input.
|
|
@@ -518,7 +518,7 @@ interface MazInputPhoneNumberData {
|
|
|
518
518
|
- `block` (`boolean`, default: `false`): The input will be displayed in full width.
|
|
519
519
|
- `orientation` (`"row" | "col" | "responsive"`, default: `"responsive"`): Orientation of the inputs in the component.
|
|
520
520
|
- `country-select-attributes` (`Record<string, unknown>`, default: `{ name: "country", autocomplete: "off", style: { width: "14rem", }, }`): Meta attributes of the country input.
|
|
521
|
-
- `phone-input-attributes` (`(Record<string, unknown> & { name: string; inputmode: "
|
|
521
|
+
- `phone-input-attributes` (`(Record<string, unknown> & { name: string; inputmode: "text" | "none" | "search" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined; autocomplete: string; })`, default: `{ name: "phone", autocomplete: "tel", inputmode: "tel", }`): Meta attributes of the phone number input.
|
|
522
522
|
- `assistive-text` (`string`): Helper text displayed below the input to provide additional context or validation feedback.
|
|
523
523
|
- `hint` (`string`): Alternative text that replaces the label when provided. Useful for contextual hints.
|
|
524
524
|
|
|
@@ -305,7 +305,7 @@ Use the attribute `rounded-size` with a value in `'none' | 'sm' | 'md' | 'lg' |
|
|
|
305
305
|
- `hint` (`string`): Alternative text that replaces the label when provided. Useful for contextual hints.
|
|
306
306
|
- `input-classes` (`string`): Additional CSS classes to apply specifically to the input wrapper element.
|
|
307
307
|
- `border` (`boolean`, default: `true`): Controls whether the input has a visible border. Set to false for borderless inputs.
|
|
308
|
-
- `inputmode` (`"
|
|
308
|
+
- `inputmode` (`"text" | "none" | "search" | "url" | "email" | "tel" | "numeric" | "decimal"`, default: `"text"`): HTML inputmode attribute that provides hints for virtual keyboards on mobile devices.
|
|
309
309
|
- `size` (`"xs" | "sm" | "md" | "lg" | "xl" | "mini"`): Controls the height and text size of the input component.
|
|
310
310
|
- `debounce` (`number | boolean`, default: `false`): Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds.
|
|
311
311
|
- `auto-focus` (`boolean`, default: `false`): Automatically focuses the input when the component mounts.
|
|
@@ -202,9 +202,9 @@ Need a different indicator, or a gesture on an element without wrapping it? Use
|
|
|
202
202
|
|
|
203
203
|
### Events
|
|
204
204
|
|
|
205
|
+
- `@start`: Emitted when the refresh starts
|
|
205
206
|
- `@loaded`: Emitted when `onRefresh` resolved
|
|
206
207
|
- `@error` (payload: `error: unknown`): Emitted when `onRefresh` threw or rejected
|
|
207
|
-
- `@start`: Emitted when the refresh starts
|
|
208
208
|
- `@response` (payload: `response: unknown`): Emitted with the value resolved by `onRefresh`
|
|
209
209
|
- `@finish`: Emitted when the refresh ends, after `loaded` or `error`
|
|
210
210
|
|
package/docs/guide/ai-agents.md
CHANGED
|
@@ -141,6 +141,25 @@ The maz-ui plugin bundles the MCP server, a `maz-ui` skill (rules and workflow)
|
|
|
141
141
|
|
|
142
142
|
The plugin works in every project, `init` configures one project for your whole team: use both or either.
|
|
143
143
|
|
|
144
|
+
### Review hook without the plugin
|
|
145
|
+
|
|
146
|
+
The review hook of the plugin is the `review --hook` mode of the CLI. To use it alone, add it to `.claude/settings.json` (shared with your team) or `.claude/settings.local.json` (your machine only):
|
|
147
|
+
|
|
148
|
+
```json
|
|
149
|
+
{
|
|
150
|
+
"hooks": {
|
|
151
|
+
"PostToolUse": [
|
|
152
|
+
{
|
|
153
|
+
"matcher": "Edit|Write|MultiEdit",
|
|
154
|
+
"hooks": [{ "type": "command", "command": "npx -y @maz-ui/mcp@latest review --hook", "timeout": 90 }]
|
|
155
|
+
}
|
|
156
|
+
]
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
Each file Claude edits is reviewed; the errors and warnings are sent back to Claude, which fixes them.
|
|
162
|
+
|
|
144
163
|
## Code review in CI
|
|
145
164
|
|
|
146
165
|
The checks of `review_code` are also available from the command line:
|
|
@@ -173,7 +192,7 @@ The command exits with an error code when it finds errors (or more warnings than
|
|
|
173
192
|
| `root-import`, `internal-import` | error | Runtime imports from `maz-ui` (types only) or from `src`/`dist` |
|
|
174
193
|
| `nuxt-auto-import` | info | Imports that `@maz-ui/nuxt` already auto-imports |
|
|
175
194
|
|
|
176
|
-
When something is intended, ignore it with a comment on the line above (`<!-- maz-ui-review-ignore prefer-maz-component -->`, `// maz-ui-review-ignore theme-colors`), or `maz-ui-review-ignore-file` for a whole file.
|
|
195
|
+
When something is intended, ignore it with a comment on the line above (`<!-- maz-ui-review-ignore prefer-maz-component -->`, `// maz-ui-review-ignore theme-colors`), or `maz-ui-review-ignore-file` for a whole file. Give the reason after `--`: `<!-- maz-ui-review-ignore theme-colors -- frame over the video -->`.
|
|
177
196
|
|
|
178
197
|
## llms.txt
|
|
179
198
|
|