@sebgroup/green-core 2.21.0-rc.20260112150926042 → 2.21.0-rc.20260113135658239

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.20260112150926042";
+    this.semanticVersion = "2.21.0-rc.20260113135658239";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/mcp/INSTRUCTIONS.md

@@ -0,0 +1,64 @@
+# Green Design System - MCP Instructions
+
+## Critical Rules
+
+### Pre-Implementation Requirements
+
+- **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**
+- **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-rich-text` for large bodies of text with varied formatting
+- **FORBIDDEN**: Direct HTML text elements (h1-h6, p, span) without gds-text wrapper
+
+### Layout Rules
+
+- **REQUIRED**: Use declarative layout system for all layouts
+- **REQUIRED**: Read declarative layout guide before implementing any layout
+- **PREFERRED**: Declarative layout over custom CSS
+- **FORBIDDEN**: Custom CSS for layout unless declarative system cannot support the requirement
+
+### Component Usage Protocol
+
+1. **Verify component capabilities**:
+   - Check if component accepts children (has slots)
+   - Review properties, events, methods in api.md
+   - Check subcomponents field for required relationships
+
+2. **Check constraints**:
+   - Verify component relationships (e.g., radio must be in radio-group)
+   - Read component instructions.md if exists
+   - 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. Component api.md (target component)
+2. Component instructions.md (if exists)
+3. Component guidelines.md (if exists)
+4. 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

package/generated/mcp/components.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T15:09:51.320Z",
+  "generatedAt": "2026-01-13T13:57:27.036Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T15:09:51.320Z",
+  "generatedAt": "2026-01-13T13:57:27.036Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,6 +1,7 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T15:09:51.320Z",
+  "generatedAt": "2026-01-13T13:57:27.036Z",
+  "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",
   "guides": [

package/generated/react/index.d.ts

@@ -10,15 +10,15 @@ export * from './checkbox/index.js';
 export * from './coachmark/index.js';
 export * from './context-menu/index.js';
 export * from './datepicker/index.js';
+export * from './details/index.js';
 export * from './dialog/index.js';
 export * from './div/index.js';
-export * from './details/index.js';
 export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
-export * from './filter-chips/index.js';
 export * from './flex/index.js';
 export * from './form-summary/index.js';
+export * from './filter-chips/index.js';
 export * from './grid/index.js';
 export * from './grouped-list/index.js';
 export * from './list-item/index.js';
@@ -31,9 +31,9 @@ export * from './pagination/index.js';
 export * from './backdrop/index.js';
 export * from './popover/index.js';
 export * from './radio/index.js';
+export * from './rich-text/index.js';
 export * from './segmented-control/index.js';
 export * from './select/index.js';
-export * from './rich-text/index.js';
 export * from './signal/index.js';
 export * from './spinner/index.js';
 export * from './table/index.js';

package/generated/react/index.js

@@ -10,15 +10,15 @@ export * from "./checkbox/index.js";
 export * from "./coachmark/index.js";
 export * from "./context-menu/index.js";
 export * from "./datepicker/index.js";
+export * from "./details/index.js";
 export * from "./dialog/index.js";
 export * from "./div/index.js";
-export * from "./details/index.js";
 export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
-export * from "./filter-chips/index.js";
 export * from "./flex/index.js";
 export * from "./form-summary/index.js";
+export * from "./filter-chips/index.js";
 export * from "./grid/index.js";
 export * from "./grouped-list/index.js";
 export * from "./list-item/index.js";
@@ -31,9 +31,9 @@ export * from "./pagination/index.js";
 export * from "./backdrop/index.js";
 export * from "./popover/index.js";
 export * from "./radio/index.js";
+export * from "./rich-text/index.js";
 export * from "./segmented-control/index.js";
 export * from "./select/index.js";
-export * from "./rich-text/index.js";
 export * from "./signal/index.js";
 export * from "./spinner/index.js";
 export * from "./table/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.20260112150926042",
+  "version": "2.21.0-rc.20260113135658239",
   "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 = "-e147d9";
+const VER_SUFFIX = "-e8f44c";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])