@ng-solid/mcp 22.0.0 → 22.2.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/README.md +10 -7
- package/data/design-system.json +13653 -7105
- package/data/icons.json +1 -1
- package/data/skills/ns-solid-components/SKILL.md +15 -0
- package/data/skills/ns-solid-forms/SKILL.md +6 -6
- package/data/skills/ns-solid-install/SKILL.md +2 -2
- package/data/skills/ns-solid-theming/SKILL.md +1 -1
- package/package.json +2 -2
- package/skills/ns-solid-forms/SKILL.md +3 -3
|
@@ -13,6 +13,7 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
13
13
|
| `ns-accordion-item` | `NsAccordionItemComponent` | accordion | — |
|
|
14
14
|
| `ns-alert` | `NsAlertComponent` | alert | Feedback |
|
|
15
15
|
| `ns-avatar` | `NsAvatarComponent` | avatar | Contenido |
|
|
16
|
+
| `ns-avatar-group` | `NsAvatarGroupComponent` | avatar | Contenido |
|
|
16
17
|
| `ns-badge` | `NsBadgeComponent` | badge | Feedback |
|
|
17
18
|
| `ns-breadcrumb-item` | `NsBreadcrumbItemComponent` | breadcrumbs | — |
|
|
18
19
|
| `ns-breadcrumbs` | `NsBreadcrumbsComponent` | breadcrumbs | Navegación |
|
|
@@ -24,6 +25,7 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
24
25
|
| `ns-card-header` | `NsCardHeaderComponent` | card | — |
|
|
25
26
|
| `ns-checkbox` | `NsCheckboxComponent` | form/checkbox | Formularios |
|
|
26
27
|
| `ns-chip` | `NsChipComponent` | chip | Feedback |
|
|
28
|
+
| `ns-command-palette` | `NsCommandPaletteComponent` | command-palette | Overlays |
|
|
27
29
|
| `ns-comment` | `NsCommentComponent` | comment | Formularios |
|
|
28
30
|
| `ns-content-editable` | `NsContentEditableComponent` | form/directives | Formularios |
|
|
29
31
|
| `ns-date-picker` | `NsDatePickerComponent` | form/date-picker | Formularios |
|
|
@@ -39,6 +41,7 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
39
41
|
| `ns-editor-list` | `NsEditorListComponent` | editor | — |
|
|
40
42
|
| `ns-editor-paragraph` | `NsEditorParagraphComponent` | editor | — |
|
|
41
43
|
| `ns-editor-toggle` | `NsEditorToggleCommandComponent` | editor | — |
|
|
44
|
+
| `ns-empty-state` | `NsEmptyStateComponent` | empty-state | Feedback |
|
|
42
45
|
| `[nsField]` | `NsFieldDirective` | a11y | — |
|
|
43
46
|
| `ns-image-upload` | `NsImageUploadComponent` | image-upload | Formularios |
|
|
44
47
|
| `ns-input` | `NsInputComponent` | form/input | Formularios |
|
|
@@ -48,8 +51,14 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
48
51
|
| `ns-input-number` | `NsInputNumberComponent` | form/input-number | Formularios |
|
|
49
52
|
| `ns-input-search` | `NsInputSearchComponent` | form/input-search | Formularios |
|
|
50
53
|
| `ns-link` | `NsLinkComponent` | link | Navegación |
|
|
54
|
+
| `ns-load-more` | `NsLoadMoreComponent` | pagination | Navegación |
|
|
55
|
+
| `ns-menu` | `NsMenuComponent` | menu | Overlays |
|
|
56
|
+
| `ns-menu-divider, hr[ns-menu-divider]` | `NsMenuDividerComponent` | menu | — |
|
|
57
|
+
| `ns-menu-item` | `NsMenuItemComponent` | menu | — |
|
|
58
|
+
| `ns-menu-section` | `NsMenuSectionComponent` | menu | — |
|
|
51
59
|
| `ns-meter` | `NsMeterComponent` | meter | Datos |
|
|
52
60
|
| `ns-modal` | `NsModalComponent` | modal | Overlays |
|
|
61
|
+
| `ns-option-card` | `NsOptionCardComponent` | form/option-card | Formularios |
|
|
53
62
|
| `ns-pagination` | `NsPaginationComponent` | pagination | Navegación |
|
|
54
63
|
| `ns-password` | `NsPasswordComponent` | form/password | Formularios |
|
|
55
64
|
| `ns-popover` | `NsPopoverComponent` | popover | Overlays |
|
|
@@ -58,8 +67,12 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
58
67
|
| `ns-radio-group` | `NsRadioGroupComponent` | form/radio | Formularios |
|
|
59
68
|
| `ns-schedule` | `NsScheduleComponent` | schedule | Datos |
|
|
60
69
|
| `ns-schema` | `NsSchemaMarkupComponent` | schema | — |
|
|
70
|
+
| `ns-side-nav` | `NsSideNavComponent` | side-nav | Navegación |
|
|
71
|
+
| `ns-side-nav-item` | `NsSideNavItemComponent` | side-nav | — |
|
|
72
|
+
| `ns-side-nav-section` | `NsSideNavSectionComponent` | side-nav | — |
|
|
61
73
|
| `ns-skeleton` | `NsSkeletonComponent` | skeleton | Feedback |
|
|
62
74
|
| `ns-slider` | `NsSliderComponent` | form/slider | Formularios |
|
|
75
|
+
| `ns-stat-card` | `NsStatCardComponent` | stat-card | Datos |
|
|
63
76
|
| `ns-surface` | `NsSurfaceComponent` | surface | Superficies |
|
|
64
77
|
| `ns-switch` | `NsSwitchComponent` | form/switch | Formularios |
|
|
65
78
|
| `ns-tab` | `NsTabComponent` | tabs | — |
|
|
@@ -68,6 +81,8 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
68
81
|
| `ns-tag-group` | `NsTagGroupComponent` | tag-group | Formularios |
|
|
69
82
|
| `[nsTemplate]` | `TemplateDirective` | template | — |
|
|
70
83
|
| `ns-textarea` | `NsTextAreaComponent` | form/text-area | Formularios |
|
|
84
|
+
| `ns-timeline` | `NsTimelineComponent` | timeline | Datos |
|
|
85
|
+
| `ns-timeline-item` | `NsTimelineItemComponent` | timeline | — |
|
|
71
86
|
| `ns-toast` | `NsToastComponent` | toast | Feedback |
|
|
72
87
|
| `ns-tooltip` | `NsTooltipComponent` | tooltip | — |
|
|
73
88
|
| `[nsTooltip]` | `NsTooltipDirective` | tooltip | Overlays |
|
|
@@ -14,14 +14,14 @@ description: Build forms with @ng-solid/design-system's ControlValueAccessor con
|
|
|
14
14
|
| `ns-date-picker` | `NsDatePickerComponent` | `firstDayOfWeek`, `maxDate`, `minDate`, `unavailableDates` |
|
|
15
15
|
| `ns-date-range-picker` | `NsDateRangePickerComponent` | `firstDayOfWeek`, `maxDate`, `minDate`, `unavailableDates` |
|
|
16
16
|
| `ns-dropdown` | `NsDropdownComponent` | `collection`, `emptyText`, `loading`, `placement`, `searchable`, `searchPlaceholder`, `selectionMode` |
|
|
17
|
-
| `ns-input` | `NsInputComponent` |
|
|
17
|
+
| `ns-input` | `NsInputComponent` | `icon` |
|
|
18
18
|
| `ns-input-code` | `NsInputCodeComponent` | `length` |
|
|
19
19
|
| `ns-input-number` | `NsInputNumberComponent` | `currency`, `format`, `max`, `min`, `step` |
|
|
20
20
|
| `ns-input-search` | `NsInputSearchComponent` | — |
|
|
21
|
-
| `ns-password` | `NsPasswordComponent` | `forgotLink`, `
|
|
21
|
+
| `ns-password` | `NsPasswordComponent` | `forgotLink`, `forgotLinkLabel` |
|
|
22
22
|
| `ns-radio-group` | `NsRadioGroupComponent` | — |
|
|
23
23
|
| `ns-slider` | `NsSliderComponent` | `max`, `min`, `range`, `step` |
|
|
24
|
-
| `ns-switch` | `NsSwitchComponent` |
|
|
24
|
+
| `ns-switch` | `NsSwitchComponent` | `layout`, `size` |
|
|
25
25
|
| `ns-textarea` | `NsTextAreaComponent` | `rows` |
|
|
26
26
|
|
|
27
27
|
Todos heredan de `NsValueAccessor`: 14 `input()` (`type`, `placeholder`, `label`, `description`, `errorMessage`, `required`, `invalid`, `readonly`, `name`, `ariaLabel`, `ariaDescribedBy`, `size`, `color`, `variant`) más `disabled` y `value` como `model()`.
|
|
@@ -178,6 +178,6 @@ export class SignupFormComponent {
|
|
|
178
178
|
}
|
|
179
179
|
```
|
|
180
180
|
|
|
181
|
-
Nota: `NsPasswordComponent` añade `forgotLink
|
|
182
|
-
la base heredada; `NsSwitchComponent` no añade
|
|
183
|
-
`NsValueAccessor`).
|
|
181
|
+
Nota: `NsPasswordComponent` añade `forgotLink`, `forgotLinkLabel` y
|
|
182
|
+
`showAndHide` propios sobre la base heredada; `NsSwitchComponent` no añade
|
|
183
|
+
inputs propios (todo viene de `NsValueAccessor`).
|
|
@@ -22,8 +22,8 @@ pnpm add @ng-solid/design-system @ng-solid/icons
|
|
|
22
22
|
|
|
23
23
|
Versiones publicadas actualmente:
|
|
24
24
|
|
|
25
|
-
- `@ng-solid/design-system@22.
|
|
26
|
-
- `@ng-solid/icons@22.1.
|
|
25
|
+
- `@ng-solid/design-system@22.3.0` (peer `@angular/*@^21.0.0`)
|
|
26
|
+
- `@ng-solid/icons@22.1.1`
|
|
27
27
|
|
|
28
28
|
Si tu app usa Tailwind, añade también el plugin de PostCSS:
|
|
29
29
|
|
|
@@ -22,7 +22,7 @@ preset en tres tiers, cada uno sólo puede referenciar al tier anterior:
|
|
|
22
22
|
|
|
23
23
|
Conteo actual del preset Arvisfy:
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
219 primitivos, 351 semánticos, 977 de componente en 53 grupos.
|
|
26
26
|
|
|
27
27
|
## Regla de oro del SCSS de componente
|
|
28
28
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-solid/mcp",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "MCP server for the ng-solid Arvisfy design system — serves component, token, icon and style-contract metadata to AI agents.",
|
|
@@ -49,4 +49,4 @@
|
|
|
49
49
|
"@modelcontextprotocol/sdk": "^1.26.0",
|
|
50
50
|
"zod": "^4.1.13"
|
|
51
51
|
}
|
|
52
|
-
}
|
|
52
|
+
}
|
|
@@ -161,6 +161,6 @@ export class SignupFormComponent {
|
|
|
161
161
|
}
|
|
162
162
|
```
|
|
163
163
|
|
|
164
|
-
Nota: `NsPasswordComponent` añade `forgotLink
|
|
165
|
-
la base heredada; `NsSwitchComponent` no añade
|
|
166
|
-
`NsValueAccessor`).
|
|
164
|
+
Nota: `NsPasswordComponent` añade `forgotLink`, `forgotLinkLabel` y
|
|
165
|
+
`showAndHide` propios sobre la base heredada; `NsSwitchComponent` no añade
|
|
166
|
+
inputs propios (todo viene de `NsValueAccessor`).
|