@ng-solid/mcp 22.1.0 → 22.3.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.
@@ -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 |
@@ -35,10 +37,12 @@ description: Reference for @ng-solid/design-system's public component catalog
35
37
  | `ns-dropdown-item` | `NsDropdownItemDirective` | form/dropdown | — |
36
38
  | `ns-editor` | `NsEditorComponent` | editor | Formularios |
37
39
  | `ns-editor-color-picker` | `NsEditorColorPickerComponent` | editor | — |
40
+ | `ns-editor-image` | `NsEditorImageComponent` | editor | — |
38
41
  | `ns-editor-link` | `NsEditorLinkComponent` | editor | — |
39
42
  | `ns-editor-list` | `NsEditorListComponent` | editor | — |
40
43
  | `ns-editor-paragraph` | `NsEditorParagraphComponent` | editor | — |
41
44
  | `ns-editor-toggle` | `NsEditorToggleCommandComponent` | editor | — |
45
+ | `ns-empty-state` | `NsEmptyStateComponent` | empty-state | Feedback |
42
46
  | `[nsField]` | `NsFieldDirective` | a11y | — |
43
47
  | `ns-image-upload` | `NsImageUploadComponent` | image-upload | Formularios |
44
48
  | `ns-input` | `NsInputComponent` | form/input | Formularios |
@@ -48,8 +52,14 @@ description: Reference for @ng-solid/design-system's public component catalog
48
52
  | `ns-input-number` | `NsInputNumberComponent` | form/input-number | Formularios |
49
53
  | `ns-input-search` | `NsInputSearchComponent` | form/input-search | Formularios |
50
54
  | `ns-link` | `NsLinkComponent` | link | Navegación |
55
+ | `ns-load-more` | `NsLoadMoreComponent` | pagination | Navegación |
56
+ | `ns-menu` | `NsMenuComponent` | menu | Overlays |
57
+ | `ns-menu-divider, hr[ns-menu-divider]` | `NsMenuDividerComponent` | menu | — |
58
+ | `ns-menu-item` | `NsMenuItemComponent` | menu | — |
59
+ | `ns-menu-section` | `NsMenuSectionComponent` | menu | — |
51
60
  | `ns-meter` | `NsMeterComponent` | meter | Datos |
52
61
  | `ns-modal` | `NsModalComponent` | modal | Overlays |
62
+ | `ns-option-card` | `NsOptionCardComponent` | form/option-card | Formularios |
53
63
  | `ns-pagination` | `NsPaginationComponent` | pagination | Navegación |
54
64
  | `ns-password` | `NsPasswordComponent` | form/password | Formularios |
55
65
  | `ns-popover` | `NsPopoverComponent` | popover | Overlays |
@@ -58,8 +68,12 @@ description: Reference for @ng-solid/design-system's public component catalog
58
68
  | `ns-radio-group` | `NsRadioGroupComponent` | form/radio | Formularios |
59
69
  | `ns-schedule` | `NsScheduleComponent` | schedule | Datos |
60
70
  | `ns-schema` | `NsSchemaMarkupComponent` | schema | — |
71
+ | `ns-side-nav` | `NsSideNavComponent` | side-nav | Navegación |
72
+ | `ns-side-nav-item` | `NsSideNavItemComponent` | side-nav | — |
73
+ | `ns-side-nav-section` | `NsSideNavSectionComponent` | side-nav | — |
61
74
  | `ns-skeleton` | `NsSkeletonComponent` | skeleton | Feedback |
62
75
  | `ns-slider` | `NsSliderComponent` | form/slider | Formularios |
76
+ | `ns-stat-card` | `NsStatCardComponent` | stat-card | Datos |
63
77
  | `ns-surface` | `NsSurfaceComponent` | surface | Superficies |
64
78
  | `ns-switch` | `NsSwitchComponent` | form/switch | Formularios |
65
79
  | `ns-tab` | `NsTabComponent` | tabs | — |
@@ -68,6 +82,8 @@ description: Reference for @ng-solid/design-system's public component catalog
68
82
  | `ns-tag-group` | `NsTagGroupComponent` | tag-group | Formularios |
69
83
  | `[nsTemplate]` | `TemplateDirective` | template | — |
70
84
  | `ns-textarea` | `NsTextAreaComponent` | form/text-area | Formularios |
85
+ | `ns-timeline` | `NsTimelineComponent` | timeline | Datos |
86
+ | `ns-timeline-item` | `NsTimelineItemComponent` | timeline | — |
71
87
  | `ns-toast` | `NsToastComponent` | toast | Feedback |
72
88
  | `ns-tooltip` | `NsTooltipComponent` | tooltip | — |
73
89
  | `[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`, `showAndHide` |
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` y `showAndHide` propios sobre
182
- la base heredada; `NsSwitchComponent` no añade inputs propios (todo viene de
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,7 +22,7 @@ pnpm add @ng-solid/design-system @ng-solid/icons
22
22
 
23
23
  Versiones publicadas actualmente:
24
24
 
25
- - `@ng-solid/design-system@22.2.2` (peer `@angular/*@^21.0.0`)
25
+ - `@ng-solid/design-system@22.4.0` (peer `@angular/*@^21.0.0`)
26
26
  - `@ng-solid/icons@22.1.1`
27
27
 
28
28
  Si tu app usa Tailwind, añade también el plugin de PostCSS:
@@ -59,6 +59,20 @@ Ese fichero define el bridge `@theme inline` que mapea los tokens de
59
59
  Tailwind a `--ns-semantic-*`, además de registrar localmente la fuente
60
60
  variable Inter (sin peticiones de red en runtime).
61
61
 
62
+ También reproduce, literalmente y no vía `@import` (ng-packagr copia el
63
+ fichero byte a byte como asset, así que un `@import` llegaría sin resolver al
64
+ consumidor), la regla `box-sizing: border-box` del preflight de Tailwind v4
65
+ sobre `*`, `::before`, `::after`, `::backdrop` y `::file-selector-button` —
66
+ omitiendo a propósito el reseteo de `margin/padding/border` que la acompaña
67
+ en el preflight, porque ese sí sería destructivo. Arvisfy asume
68
+ `box-sizing: border-box` en todo el kit; si tu app ya carga el preflight de
69
+ Tailwind (u otro reset con esa misma regla) importar el puente no cambia
70
+ nada — la regla es idempotente. Al usar el selector universal, la regla no
71
+ aporta especificidad, así que cualquier estilo propio la sobreescribe sin
72
+ esfuerzo: es un valor por defecto, no una imposición. Si no importas el
73
+ puente, el `box-sizing` sólo queda cubierto donde el SCSS de un componente lo
74
+ declara localmente.
75
+
62
76
  ## Registrar el tema en `appConfig`
63
77
 
64
78
  ```ts
@@ -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
- 157 primitivos, 265 semánticos, 693 de componente en 43 grupos.
25
+ 281 primitivos, 440 semánticos, 1099 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.1.0",
3
+ "version": "22.3.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.",
@@ -161,6 +161,6 @@ export class SignupFormComponent {
161
161
  }
162
162
  ```
163
163
 
164
- Nota: `NsPasswordComponent` añade `forgotLink` y `showAndHide` propios sobre
165
- la base heredada; `NsSwitchComponent` no añade inputs propios (todo viene de
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`).
@@ -58,6 +58,20 @@ Ese fichero define el bridge `@theme inline` que mapea los tokens de
58
58
  Tailwind a `--ns-semantic-*`, además de registrar localmente la fuente
59
59
  variable Inter (sin peticiones de red en runtime).
60
60
 
61
+ También reproduce, literalmente y no vía `@import` (ng-packagr copia el
62
+ fichero byte a byte como asset, así que un `@import` llegaría sin resolver al
63
+ consumidor), la regla `box-sizing: border-box` del preflight de Tailwind v4
64
+ sobre `*`, `::before`, `::after`, `::backdrop` y `::file-selector-button` —
65
+ omitiendo a propósito el reseteo de `margin/padding/border` que la acompaña
66
+ en el preflight, porque ese sí sería destructivo. Arvisfy asume
67
+ `box-sizing: border-box` en todo el kit; si tu app ya carga el preflight de
68
+ Tailwind (u otro reset con esa misma regla) importar el puente no cambia
69
+ nada — la regla es idempotente. Al usar el selector universal, la regla no
70
+ aporta especificidad, así que cualquier estilo propio la sobreescribe sin
71
+ esfuerzo: es un valor por defecto, no una imposición. Si no importas el
72
+ puente, el `box-sizing` sólo queda cubierto donde el SCSS de un componente lo
73
+ declara localmente.
74
+
61
75
  ## Registrar el tema en `appConfig`
62
76
 
63
77
  ```ts