@sebgroup/green-core 2.21.0-rc.20260113130744922 → 2.21.0-rc.20260113143213999

package/gds-element.js

@@ -12,7 +12,7 @@ class GdsElement extends LitElement {
     /**
      * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
      */
-    this.semanticVersion = "2.21.0-rc.20260113130744922";
+    this.semanticVersion = "2.21.0-rc.20260113143213999";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/mcp/INSTRUCTIONS.md

@@ -1,32 +1,32 @@
 # Green Design System - MCP Instructions
 
-## Critical Rules
+## Component Architecture
 
-### Pre-Implementation Requirements
+- All components use `gds-` prefix
+- Web components built with Lit (framework-agnostic)
+- Angular wrappers: `@sebgroup/green-core-ng` with `Component` suffix
+- React wrappers: `@sebgroup/green-core/react` as PascalCase names
+
+## Critical rules to follow
 
-- **ALWAYS read the declarative layout guide before creating any layout**
 - **Read component-specific instructions.md when available**
+- **NEVER guess or assume component API. ALWAYS look up properties in the API docs**
 - **Verify full context understanding before writing code**
 - **Ask user for clarification if ANY requirement is unclear**
+- **ALWAYS read the declarative layout guide before creating any layout**
 - **For new apps, ALWAYS read the setup guide for the used framework (Angular or React)**
 
-### Component Architecture
-
-- All components use `gds-` prefix
-- Web components built with Lit (framework-agnostic)
-- Angular wrappers: `@sebgroup/green-core-ng` with `Component` suffix
-- React wrappers: `@sebgroup/green-core/react` as PascalCase names
-
 ### Typography Rules
 
-- **REQUIRED**: Use `gds-text` component for all headings and text content
+- **REQUIRED**: Use `gds-text` component for all headings and paragraphs. But don't use inside other components, unless explicitly called for
 - **REQUIRED**: Use `gds-rich-text` for large bodies of text with varied formatting
-- **FORBIDDEN**: Direct HTML text elements (h1-h6, p, span) without gds-text wrapper
+- **AVOID**: Direct HTML text elements (h1-h6, p, span), as these will be unstyled
 
 ### Layout Rules
 
 - **REQUIRED**: Use declarative layout system for all layouts
 - **REQUIRED**: Read declarative layout guide before implementing any layout
+- **REQUIRED**: Look up property names in API for each declarative layout component
 - **PREFERRED**: Declarative layout over custom CSS
 - **FORBIDDEN**: Custom CSS for layout unless declarative system cannot support the requirement
 
@@ -43,22 +43,4 @@
    - Review guidelines.md for UX patterns
 
 3. **Framework patterns**:
-   - Angular: kebab-case events → camelCase outputs
-   - React: events use "on" prefix (onChange, onClick)
-   - Web Components: standard DOM events
-
-### Required Reading Order
-
-1. Declarative layout guide (if creating layout)
-2. Component api.md (target component)
-3. Component instructions.md (if exists)
-4. Component guidelines.md (if exists)
-5. Framework-specific guide (angular.md or react.md)
-
-### Resource Reference
-
-- `api.md` - Complete technical API reference
-- `guidelines.md` - UX and design guidelines
-- `instructions.md` - Agent-specific constraints and notes
-- `angular.md` / `react.md` - Framework-specific patterns
-- `guides/` - Setup, troubleshooting, migration documentation
+   - Check framework instructions for each component.

package/generated/mcp/components.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T13:08:12.189Z",
+  "generatedAt": "2026-01-13T14:32:38.675Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T13:08:12.189Z",
+  "generatedAt": "2026-01-13T14:32:38.675Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T13:08:12.189Z",
+  "generatedAt": "2026-01-13T14:32:38.675Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/react/index.d.ts

@@ -36,8 +36,8 @@ export * from './segmented-control/index.js';
 export * from './select/index.js';
 export * from './signal/index.js';
 export * from './spinner/index.js';
-export * from './text/index.js';
 export * from './table/index.js';
+export * from './text/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';
 export * from './video/index.js';

package/generated/react/index.js

@@ -36,8 +36,8 @@ export * from "./segmented-control/index.js";
 export * from "./select/index.js";
 export * from "./signal/index.js";
 export * from "./spinner/index.js";
-export * from "./text/index.js";
 export * from "./table/index.js";
+export * from "./text/index.js";
 export * from "./textarea/index.js";
 export * from "./theme/index.js";
 export * from "./video/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "2.21.0-rc.20260113130744922",
+  "version": "2.21.0-rc.20260113143213999",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QU3DSPNU.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-4a37b8";
+const VER_SUFFIX = "-63490b";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])