@maz-ui/mcp 4.7.10-beta.0 → 4.9.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.
Files changed (12) hide show
  1. package/README.md +3 -7
  2. package/dist/mcp.d.mts +36 -10
  3. package/dist/mcp.d.ts +36 -10
  4. package/dist/mcp.mjs +768 -483
  5. package/docs/generated-docs/maz-ticker.doc.md +25 -0
  6. package/docs/generated-docs/maz-timeline.doc.md +32 -0
  7. package/docs/src/components/maz-backdrop.md +2 -2
  8. package/docs/src/components/maz-btn-group.md +2 -2
  9. package/docs/src/components/maz-ticker.md +692 -0
  10. package/docs/src/components/maz-timeline.md +418 -0
  11. package/docs/src/composables/use-form-validator.md +1 -1
  12. package/package.json +2 -2
package/docs/generated-docs/maz-ticker.doc.md ADDED
@@ -0,0 +1,25 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ----------------------------- | -------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | -------- | ------------ | ---------------------------- |
5
+ | **orientation** | Scrolling direction | `MazTickerOrientation` | No | `horizontal` | `'horizontal' \| 'vertical'` |
6
+ | **reverse** | Reverse the scrolling direction | `boolean` | No | `false` | - |
7
+ | **duration** | Duration of one full animation cycle in seconds | `number` | No | `20` | - |
8
+ | **gap** | Gap between repeated content blocks (CSS value) | `TSLiteralType \| TSLiteralType \| TSLiteralType \| TSLiteralType \| TSLiteralType \| TSLiteralType` | No | `1rem` | - |
9
+ | **repeat** | Number of times the content is duplicated for seamless looping | `number` | No | `4` | - |
10
+ | **pause-on-hover** | Pause animation on mouse hover | `boolean` | No | `false` | - |
11
+ | **pause-on-focus** | Pause animation when a child element receives focus | `boolean` | No | `false` | - |
12
+ | **paused** | Programmatic pause control - takes precedence over pauseOnHover and pauseOnFocus | `boolean` | No | `false` | - |
13
+ | **overlay** | Show gradient overlays on edges to fade content in/out | `boolean` | No | `true` | - |
14
+ | **overlay-size** | Size of the gradient overlay zones (CSS value) | `string` | No | `33%` | - |
15
+ | **animation-timing-function** | CSS animation timing function | `string` | No | `linear` | - |
16
+
17
+ ## Slots
18
+
19
+ | Name | Description | Bindings |
20
+ | ------------- | ----------------------------------------------------------------------------------------------------- | -------- |
21
+ | before | Static content before the scrolling area | |
22
+ | overlay-start | Custom overlay for the start edge (left in horizontal, top in vertical). Replaces default gradient. | |
23
+ | default | Content to scroll (repeated for seamless animation) | |
24
+ | overlay-end | Custom overlay for the end edge (right in horizontal, bottom in vertical). Replaces default gradient. | |
25
+ | after | Static content after the scrolling area | |
package/docs/generated-docs/maz-timeline.doc.md ADDED
@@ -0,0 +1,32 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | --------------------------------------------------------------------------------------------------------- |
5
+ | **model-value** | Index of the active step (v-model) | `number` | No | `undefined` | - |
6
+ | **steps** | Array of timeline steps to display | `MazTimelineItem[]` | Yes | `undefined` | - |
7
+ | **direction** | Layout direction of the timeline - `'horizontal'`: always horizontal - `'vertical'`: always vertical - `'auto'`: horizontal above breakpoint, vertical below | `MazTimelineDirection` | No | `auto` | `'horizontal' \| 'vertical' \| 'auto'` |
8
+ | **breakpoint** | CSS media breakpoint for auto direction (below this value → vertical) | `string` | No | `768px` | - |
9
+ | **color** | Color theme for active and completed steps | `MazTimelineColor` | No | `primary` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast'` |
10
+ | **size** | Size of the step indicators and typography | `MazSize` | No | `md` | `'mini' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` |
11
+ | **show-step-numbers** | Show step numbers inside the indicators | `boolean` | No | `true` | - |
12
+ | **auto-validate-steps** | Automatically show a checkmark icon for completed steps | `boolean` | No | `true` | - |
13
+ | **clickable** | Enable click interaction on steps | `boolean` | No | `false` | - |
14
+ | **animated** | Enable animations (pulse on active, state transitions, connector progress) | `boolean` | No | `true` | - |
15
+ | **rounded-size** | Border radius of step indicators | `MazTimelineRoundedSize` | No | `full` | `'none' \| 'sm' \| 'md' \| 'base' \| 'lg' \| 'xl' \| '2xl' \| '3xl' \| 'full'` |
16
+
17
+ ## Events
18
+
19
+ | Event name | Properties | Description |
20
+ | ----------------- | ------------------------------------------------- | ---------------------------------------- |
21
+ | update:modelValue | **value** `mixed` - The new active step index | Emitted when the active step changes |
22
+ | click-step | **payload** `mixed` - The step data and its index | Emitted when a clickable step is clicked |
23
+
24
+ ## Slots
25
+
26
+ | Name | Description | Bindings |
27
+ | --------- | ----------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
28
+ | indicator | Custom content for the step indicator circle | **step** `MazTimelineItem` - The step data<br/>**index** `number` - The step index<br/>**state** `MazTimelineStepState` - The resolved step state<br/><br/> |
29
+ | content | Full custom content area replacing title and subtitle | **step** `MazTimelineItem` - The step data<br/>**index** `number` - The step index<br/>**state** `MazTimelineStepState` - The resolved step state<br/><br/> |
30
+ | title | Custom title content | **step** `MazTimelineItem` - The step data<br/>**index** `number` - The step index<br/>**state** `MazTimelineStepState` - The resolved step state |
31
+ | subtitle | Custom subtitle content | **step** `MazTimelineItem` - The step data<br/>**index** `number` - The step index<br/>**state** `MazTimelineStepState` - The resolved step state |
32
+ | connector | Custom connector between steps | **index** `number` - The index of the step before this connector<br/><br/> |
package/docs/src/components/maz-backdrop.md CHANGED
@@ -87,7 +87,7 @@ A persistent backdrop cannot be closed by clicking outside or pressing Escape. P
87
87
  <div class="demo-content">
88
88
  <h3>I'm persistent!</h3>
89
89
  <p>You can only close me by clicking the button below</p>
90
- <MazBtn @click="persistentOpen = false" color="danger">
90
+ <MazBtn @click="persistentOpen = false" color="destructive">
91
91
  Force Close
92
92
  </MazBtn>
93
93
  </div>
@@ -100,7 +100,7 @@ A persistent backdrop cannot be closed by clicking outside or pressing Escape. P
100
100
  <div class="my-content">
101
101
  <h3>I'm persistent!</h3>
102
102
  <p>You can only close me by clicking the button below</p>
103
- <MazBtn @click="persistentOpen = false" color="danger">
103
+ <MazBtn @click="persistentOpen = false" color="destructive">
104
104
  Force Close
105
105
  </MazBtn>
106
106
  </div>
package/docs/src/components/maz-btn-group.md CHANGED
@@ -364,7 +364,7 @@ const items: MazButtonGroupOption[] = [
364
364
  { text: 'Primary', color: 'primary' },
365
365
  { text: 'Success', color: 'success' },
366
366
  { text: 'Warning', color: 'warning', outlined: true },
367
- { text: 'Danger', color: 'destructive', pastel: true },
367
+ { text: 'Destructive', color: 'destructive', pastel: true },
368
368
  ]
369
369
  </script>
370
370
  ```
@@ -470,6 +470,6 @@ const mixedItems: MazButtonGroupOption[] = [
470
470
  { text: 'Primary', color: 'primary' },
471
471
  { text: 'Success', color: 'success' },
472
472
  { text: 'Warning', color: 'warning', outlined: true },
473
- { text: 'Danger', color: 'destructive', pastel: true },
473
+ { text: 'Destructive', color: 'destructive', pastel: true },
474
474
  ]
475
475
  </script>