@3fn/core 13.0.0 → 14.0.0

package/governance/Token-Family-Accessibility.md

@@ -2,14 +2,13 @@
 id: token-family-accessibility
 inclusion: manual
 name: Token-Family-Accessibility
-aliases: accessibility token work
 description: Accessibility token family — focus indicators, tap area sizing, and icon sizing tokens for WCAG 2.1 AA compliance. Load when working with focus states, touch targets, or accessibility-related token selection.
 ---
 
 # Accessibility Tokens Guide
 
 **Date**: 2025-12-30
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Complete reference for accessibility-focused tokens including focus indicators, tap areas, and icon sizing
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Blend.md

@@ -2,14 +2,13 @@
 id: token-family-blend
 inclusion: manual
 name: Token-Family-Blend
-aliases: blend token work
-description: Blend token family — color modification utilities (darken, lighten, saturate, desaturate) producing opaque colors. Load when working with hover/pressed/disabled/focus color states or theme-aware color blending.
+description: Blend token family — color modification utilities (darken, lighten, saturate, desaturate) producing opaque colors. Load when working with hover/pressed/focus color states or theme-aware color blending.
 ---
 
 # Blend Tokens Guide
 
 **Date**: 2025-12-29
-**Last Reviewed**: 2026-05-06
+**Last Reviewed**: 2026-07-15
 **Purpose**: Complete reference for blend tokens with utility functions and theme-aware patterns
 **Organization**: token-documentation
 **Scope**: cross-project
@@ -27,7 +26,9 @@ The DesignerPunk blend token system provides a mathematically consistent foundat
 - **Opaque Color Results**: Blend operations produce new opaque colors, not transparent overlays
 - **Cross-Platform Consistency**: Same blend calculations produce identical results (±1 RGB) across Web, iOS, and Android
 - **Theme-Aware**: Blend utilities work correctly with both light and dark themes
-- **Semantic Meaning**: Semantic blend tokens express design intent (hover, pressed, disabled, focus)
+- **Semantic Meaning**: Semantic blend tokens express design intent (hover, pressed, focus)
+
+> **Deprecation note (2026-07-15)**: `blend.disabledDesaturate` and the `disabledColor()`/`disabledBlend()` convenience wrappers are **DEPRECATED**. DesignerPunk does not support disabled states (Button-CTA disabled-state adjudication, ruled REMOVE — the philosophy holds corpus-wide): if an action is unavailable, do not render the component. The deprecated surfaces remain for backward compatibility and are scheduled for removal in the next major version of `@3fn/core`. The generic `desaturate()` utilities are NOT deprecated.
 
 ---
 
@@ -54,7 +55,7 @@ Blend tokens can be applied in four directions:
 | `darker` | Overlay black at specified opacity | Hover/pressed states on light backgrounds |
 | `lighter` | Overlay white at specified opacity | Hover/pressed states on dark backgrounds, icon optical balance |
 | `saturate` | Increase color saturation in HSL space | Focus states, emphasis |
-| `desaturate` | Decrease color saturation in HSL space | Disabled states |
+| `desaturate` | Decrease color saturation in HSL space | Muted, de-emphasized colors |
 
 ---
 
@@ -68,7 +69,7 @@ Semantic blend tokens provide contextual meaning for common color modification u
 | `blend.hoverLighter` | blend200 | lighter | 8% | Hover feedback on dark backgrounds |
 | `blend.pressedDarker` | blend300 | darker | 12% | Pressed state feedback |
 | `blend.focusSaturate` | blend200 | saturate | 8% | Focus state with increased saturation |
-| `blend.disabledDesaturate` | blend300 | desaturate | 12% | Disabled state with decreased saturation |
+| `blend.disabledDesaturate` | blend300 | desaturate | 12% | **DEPRECATED 2026-07-15** — no disabled states in DesignerPunk; removal at next major |
 | `blend.containerHoverDarker` | blend100 | darker | 4% | Subtle container/surface hover |
 | `color.icon.opticalBalance` | blend200 | lighter | 8% | Icon optical weight compensation |
 
@@ -107,7 +108,7 @@ import {
 | `hoverColor(baseColor)` | darkerBlend | 8% (blend200) |
 | `pressedColor(baseColor)` | darkerBlend | 12% (blend300) |
 | `focusColor(baseColor)` | saturate | 8% (blend200) |
-| `disabledColor(baseColor)` | desaturate | 12% (blend300) |
+| `disabledColor(baseColor)` | desaturate | **DEPRECATED 2026-07-15** — removal at next major |
 | `iconColor(baseColor)` | lighterBlend | 8% (blend200) |
 
 **Usage Example**:
@@ -125,7 +126,6 @@ class ButtonCTA extends HTMLElement {
     // Calculate state colors
     this._hoverColor = blendUtils.hoverColor(primaryColor);
     this._pressedColor = blendUtils.pressedColor(primaryColor);
-    this._disabledColor = blendUtils.disabledColor(primaryColor);
   }
 }
 ```
@@ -168,7 +168,7 @@ extension Color {
     /// Focus state color (8% more saturated)
     func focusBlend() -> Color
     
-    /// Disabled state color (12% less saturated)
+    /// DEPRECATED 2026-07-15 — no disabled states in DesignerPunk; removal at next major
     func disabledBlend() -> Color
     
     /// Icon optical balance (8% lighter)
@@ -189,7 +189,6 @@ struct ButtonCTA: View {
         .background(isPressed ? primaryColor.pressedBlend() : 
                     isHovered ? primaryColor.hoverBlend() : 
                     primaryColor)
-        .foregroundColor(isDisabled ? primaryColor.disabledBlend() : primaryColor)
     }
 }
 ```
@@ -216,7 +215,7 @@ fun Color.desaturate(amount: Float): Color
 fun Color.hoverBlend(): Color    // 8% darker
 fun Color.pressedBlend(): Color  // 12% darker
 fun Color.focusBlend(): Color    // 8% more saturated
-fun Color.disabledBlend(): Color // 12% less saturated
+fun Color.disabledBlend(): Color // DEPRECATED 2026-07-15 — removal at next major
 fun Color.iconBlend(): Color     // 8% lighter
 ```
 
@@ -266,7 +265,6 @@ class ButtonCTA extends HTMLElement {
     const blendUtils = getBlendUtilities();
     this._hoverColor = blendUtils.hoverColor(primaryColor);
     this._pressedColor = blendUtils.pressedColor(primaryColor);
-    this._disabledColor = blendUtils.disabledColor(primaryColor);
     this._iconColor = blendUtils.iconColor(onPrimaryColor);
   }
   
@@ -348,7 +346,6 @@ const iconStyle = { filter: 'brightness(1.08)' };
 const blendUtils = getBlendUtilities();
 const hoverColor = blendUtils.hoverColor(primaryColor);      // darkerBlend 8%
 const pressedColor = blendUtils.pressedColor(primaryColor);  // darkerBlend 12%
-const disabledColor = blendUtils.disabledColor(primaryColor); // desaturate 12%
 const iconColor = blendUtils.iconColor(onPrimaryColor);      // lighterBlend 8%
 ```
 
@@ -357,7 +354,6 @@ const iconColor = blendUtils.iconColor(onPrimaryColor);      // lighterBlend 8%
 ```typescript
 const blendUtils = getBlendUtilities();
 const focusColor = blendUtils.focusColor(primaryColor);      // saturate 8%
-const disabledColor = blendUtils.disabledColor(primaryColor); // desaturate 12%
 ```
 
 ### Container Component
@@ -414,7 +410,6 @@ Use semantic blend tokens for standard interaction states:
 | Hover (dark bg) | `blend.hoverLighter` | `lighterBlend(color, 0.08)` |
 | Pressed | `blend.pressedDarker` | `pressedColor()` |
 | Focus | `blend.focusSaturate` | `focusColor()` |
-| Disabled | `blend.disabledDesaturate` | `disabledColor()` |
 | Container hover | `blend.containerHoverDarker` | `darkerBlend(color, 0.04)` |
 | Icon optical | `color.icon.opticalBalance` | `iconColor()` |
 
@@ -433,6 +428,13 @@ const emphasisColor = blendUtils.darkerBlend(color, 0.16); // blend400 = 16%
 
 ### Anti-Patterns to Avoid
 
+**❌ Don't style disabled states**:
+```typescript
+// WRONG: DesignerPunk does not support disabled states (adjudicated 2026-07-15).
+// If an action is unavailable, do not render the component.
+const disabledColor = blendUtils.disabledColor(primaryColor);
+```
+
 **❌ Don't use opacity for state colors**:
 ```typescript
 // WRONG: Opacity creates transparency, not new colors
@@ -481,7 +483,7 @@ blend500 = base × 5 = 0.04 × 5 = 0.20 (20%)
 | blend.hoverLighter | blend200 | 8% |
 | blend.pressedDarker | blend300 | 12% |
 | blend.focusSaturate | blend200 | 8% |
-| blend.disabledDesaturate | blend300 | 12% |
+| blend.disabledDesaturate (deprecated) | blend300 | 12% |
 | blend.containerHoverDarker | blend100 | 4% |
 | color.icon.opticalBalance | blend200 | 8% |
 

package/governance/Token-Family-Blur.md

@@ -2,7 +2,6 @@
 id: token-family-blur
 inclusion: manual
 name: Token-Family-Blur
-aliases: blur token work
 description: Unified blur token family — single primitive scale for shadow edge softness, glow radial spread, and surface/backdrop blur. Load when working with shadows, glows, translucent surfaces, or any blur effect.
 ---
 

package/governance/Token-Family-Border.md

@@ -2,14 +2,13 @@
 id: token-family-border
 inclusion: manual
 name: Token-Family-Border
-aliases: border token work
 description: Border token family — border width tokens with doubling progression and numeric naming. Load when working with border widths, dividers, or outline styles.
 ---
 
 # Border Tokens Guide
 
 **Date**: 2025-12-30
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Complete reference for border width tokens with numeric naming convention and mathematical relationships
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Color.md

@@ -2,7 +2,6 @@
 id: token-family-color
 inclusion: manual
 name: Token-Family-Color
-aliases: color token work
 description: Color token family — OKLCH channel-primitive architecture, palette structure, semantic color tokens, neutral partition, blend model, theme support, and WCAG compliance. Load when working with color tokens, color selection, theme variants, or color-related accessibility.
 ---
 

package/governance/Token-Family-Glow.md

@@ -2,14 +2,13 @@
 id: token-family-glow
 inclusion: manual
 name: Token-Family-Glow
-aliases: glow token work
 description: Glow token family — radial emphasis and energy effects with zero-offset blur, opacity, and color primitives. Load when working with glow effects, emphasis indicators, or interactive energy states.
 ---
 
 # Glow Token Usage Documentation
 
 **Date**: 2025-10-24
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Glow token reference and usage guide
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Layering.md

@@ -2,7 +2,6 @@
 id: token-family-layering
 inclusion: manual
 name: Token-Family-Layering
-aliases: layering z-index token work
 description: Layering token family — z-index (web/iOS) and elevation (Android) tokens for element stacking order. Load when working with overlays, modals, tooltips, or any stacking context decisions.
 ---
 

package/governance/Token-Family-Motion.md

@@ -2,14 +2,13 @@
 id: token-family-motion
 inclusion: manual
 name: Token-Family-Motion
-aliases: motion easing token work
 description: Motion token family — animation duration, easing curves, and scale primitives for consistent transitions. Load when working with animations, transitions, micro-interactions, or motion timing.
 ---
 
 # Motion Token Usage Documentation
 
 **Date**: 2025-12-06
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Motion token reference and usage guide
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Opacity.md

@@ -2,7 +2,6 @@
 id: token-family-opacity
 inclusion: manual
 name: Token-Family-Opacity
-aliases: opacity token work
 description: Opacity token family — transparency tokens with 8% base increment system and 14-token percentage-based scale (opacity000–opacity100). Load when working with transparency effects, disabled states, overlays, or visual hierarchy through opacity.
 ---
 

package/governance/Token-Family-Radius.md

@@ -2,14 +2,13 @@
 id: token-family-radius
 inclusion: manual
 name: Token-Family-Radius
-aliases: radius token work
 description: Radius token family — corner rounding tokens on 8-unit baseline grid with strategic flexibility exceptions. Load when working with border-radius, rounded corners, or pill/circle shapes.
 ---
 
 # Radius Tokens Guide
 
 **Date**: 2025-12-30
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Complete reference for radius tokens with numeric naming convention and mathematical relationships
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Responsive.md

@@ -2,14 +2,13 @@
 id: token-family-responsive
 inclusion: manual
 name: Token-Family-Responsive
-aliases: responsive token work
 description: Responsive token family — breakpoint and density tokens for adaptive interfaces. Load when working with responsive layouts, viewport breakpoints, or density-based scaling.
 ---
 
 # Responsive Tokens Guide
 
 **Date**: 2025-12-30
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Complete reference for breakpoint and density tokens enabling responsive design across platforms
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Shadow.md

@@ -2,14 +2,13 @@
 id: token-family-shadow
 inclusion: manual
 name: Token-Family-Shadow
-aliases: shadow token work
 description: Shadow token family — directional depth effects with compositional offset, blur, opacity, and color primitives. Load when working with elevation, depth, card shadows, or spatial hierarchy.
 ---
 
 # Shadow Token Usage Documentation
 
 **Date**: 2025-10-24
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Shadow token reference and usage guide
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Sizing.md

@@ -2,7 +2,6 @@
 id: token-family-sizing
 inclusion: manual
 name: Token-Family-Sizing
-aliases: sizing token work
 description: Sizing token family — component dimensions (width, height, box size). Separate from spacing (gaps). Load when working with component sizes, avatar dimensions, button sizes, or any component dimensional value.
 ---
 

package/governance/Token-Family-Spacing.md

@@ -2,14 +2,13 @@
 id: token-family-spacing
 inclusion: manual
 name: Token-Family-Spacing
-aliases: spacing token work
 description: Spacing token family — layout and component spacing on 8-unit baseline grid with strategic flexibility exceptions. Load when working with padding, margins, gaps, or any spatial layout decisions.
 ---
 
 # Spacing Tokens Guide
 
 **Date**: 2025-11-26
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Complete reference for spacing tokens with numeric naming convention and mathematical relationships
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Family-Typography.md

@@ -2,14 +2,13 @@
 id: token-family-typography
 inclusion: manual
 name: Token-Family-Typography
-aliases: typography token work
 description: Typography token family — compositional typography tokens combining fontSize, lineHeight, fontFamily, fontWeight, and letterSpacing. Load when working with text styles, font selection, or typographic hierarchy.
 ---
 
 # Typography Tokens Guide
 
 **Date**: 2025-12-09
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Complete reference for typography tokens with font family usage and weight mapping guidance
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Token-Governance.md

@@ -625,15 +625,15 @@ This gate exists to prevent ungoverned growth of the modifier pattern. The opaci
 
 ```
 # Get this document
-get_document_full({ path: ".kiro/steering/Token-Governance.md" })
+get_document_full({ path: "token-governance" })
 
 # Get specific sections
-get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Token Selection Matrix" })
-get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Token Usage Governance" })
-get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Token Creation Governance" })
-get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Prior Acknowledgment" })
-get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Decision Examples" })
-get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Token Creation Guides" })
+get_section({ path: "token-governance", heading: "Token Selection Matrix" })
+get_section({ path: "token-governance", heading: "Token Usage Governance" })
+get_section({ path: "token-governance", heading: "Token Creation Governance" })
+get_section({ path: "token-governance", heading: "Prior Acknowledgment" })
+get_section({ path: "token-governance", heading: "Decision Examples" })
+get_section({ path: "token-governance", heading: "Token Creation Guides" })
 ```
 
 ---
@@ -645,7 +645,7 @@ get_section({ path: ".kiro/steering/Token-Governance.md", heading: "Token Creati
 - [Rosetta System Principles](rosetta-system-principles) — Mathematical foundations
 - [Token Quick Reference](token-quick-reference) — Token documentation routing
 - [Token Category Pattern Guide](../specs/token-system/token-category-pattern-guide.md) — Detailed primitive/semantic creation patterns
-- [Core Goals](core-goals) — Project principles including token-first approach
+- [Core Goals](../.kiro/steering/core-goals.md) — Project principles including token-first approach
 - [Design Authority](../specs/051-semantic-token-naming-restructure/design-outline.md) — Semantic token naming restructure design
 
 ### DTCG Integration

package/governance/Token-Quick-Reference.md

@@ -122,8 +122,8 @@ See Rosetta-System-Architecture § Stage 5: Generation for why these two definit
 ### MCP Queries for Mode Architecture
 
 ```
-get_section({ path: ".kiro/steering/Rosetta-System-Architecture.md", heading: "Stage 4: Mode Resolution (Spec 080)" })
-get_section({ path: ".kiro/steering/Token-Quick-Reference.md", heading: "Mode-Aware Token Lookup (Spec 080)" })
+get_section({ path: "rosetta-system-architecture", heading: "Stage 4: Mode Resolution (Spec 080)" })
+get_section({ path: "token-quick-reference", heading: "Mode-Aware Token Lookup (Spec 080)" })
 ```
 
 ---
@@ -286,9 +286,9 @@ Use these MCP queries to access token documentation progressively:
 Returns metadata and outline (~200 tokens) to understand document structure:
 
 ```
-get_document_summary({ path: ".kiro/steering/Token-Family-Color.md" })
-get_document_summary({ path: ".kiro/steering/Token-Family-Spacing.md" })
-get_document_summary({ path: ".kiro/steering/Token-Family-Typography.md" })
+get_document_summary({ path: "token-family-color" })
+get_document_summary({ path: "token-family-spacing" })
+get_document_summary({ path: "token-family-typography" })
 ```
 
 ### Get Specific Section
@@ -296,48 +296,48 @@ Returns targeted content (~2,000 tokens) for specific information:
 
 ```
 // Get color concept tokens by category
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Feedback Concept" })
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Identity Concept" })
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Action Concept" })
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Contrast Concept" })
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Structure Concept" })
+get_section({ path: "token-family-color", heading: "Feedback Concept" })
+get_section({ path: "token-family-color", heading: "Identity Concept" })
+get_section({ path: "token-family-color", heading: "Action Concept" })
+get_section({ path: "token-family-color", heading: "Contrast Concept" })
+get_section({ path: "token-family-color", heading: "Structure Concept" })
 
 // Get component-specific color tokens
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Component Tokens" })
+get_section({ path: "token-family-color", heading: "Component Tokens" })
 
 // Get primitive color families
-get_section({ path: ".kiro/steering/Token-Family-Color.md", heading: "Primitive Color Families" })
+get_section({ path: "token-family-color", heading: "Primitive Color Families" })
 
 // Get spacing scale values
-get_section({ path: ".kiro/steering/Token-Family-Spacing.md", heading: "Spacing Scale" })
+get_section({ path: "token-family-spacing", heading: "Spacing Scale" })
 
 // Get typography composition patterns
-get_section({ path: ".kiro/steering/Token-Family-Typography.md", heading: "Typography Composition" })
+get_section({ path: "token-family-typography", heading: "Typography Composition" })
 
 // Get shadow elevation levels
-get_section({ path: ".kiro/steering/Token-Family-Shadow.md", heading: "Shadow Scale" })
+get_section({ path: "token-family-shadow", heading: "Shadow Scale" })
 
 // Get radius values
-get_section({ path: ".kiro/steering/Token-Family-Radius.md", heading: "Primitive Radius Tokens" })
+get_section({ path: "token-family-radius", heading: "Primitive Radius Tokens" })
 
 // Get border width values
-get_section({ path: ".kiro/steering/Token-Family-Border.md", heading: "Primitive Border Width Tokens" })
+get_section({ path: "token-family-border", heading: "Primitive Border Width Tokens" })
 
 // Get opacity values
-get_section({ path: ".kiro/steering/Token-Family-Opacity.md", heading: "Primitive Opacity Tokens" })
+get_section({ path: "token-family-opacity", heading: "Primitive Opacity Tokens" })
 
 // Get breakpoint values
-get_section({ path: ".kiro/steering/Token-Family-Responsive.md", heading: "Breakpoint Tokens" })
+get_section({ path: "token-family-responsive", heading: "Breakpoint Tokens" })
 
 // Get tap area requirements
-get_section({ path: ".kiro/steering/Token-Family-Accessibility.md", heading: "Tap Area Tokens" })
+get_section({ path: "token-family-accessibility", heading: "Tap Area Tokens" })
 ```
 
 ### Get Full Document
 Returns complete content (2,000-15,000 tokens) when comprehensive reference needed:
 
 ```
-get_document_full({ path: ".kiro/steering/Token-Family-Color.md" })
+get_document_full({ path: "token-family-color" })
 ```
 
 ### Recommended Workflow

package/governance/Token-Resolution-Patterns.md

@@ -8,7 +8,7 @@ description: Token resolution patterns — fixed vs flexible token types, valida
 # Token Resolution Patterns
 
 **Date**: 2025-12-19
-**Last Reviewed**: 2025-12-19
+**Last Reviewed**: 2026-07-08
 **Purpose**: Strategic guidance on handling flexible token types with validation and type safety
 **Organization**: process-standard
 **Scope**: cross-project

package/governance/Token-Semantic-Structure.md

@@ -9,7 +9,7 @@ description: Semantic token structure guide — SemanticToken interface requirem
 # Semantic Token Structure Guide
 
 **Date**: 2025-11-17
-**Last Reviewed**: 2025-12-30
+**Last Reviewed**: 2026-07-08
 **Purpose**: Document SemanticToken interface requirements and usage patterns
 **Organization**: token-documentation
 **Scope**: cross-project

package/governance/Web-Authoring-Standards.md

@@ -391,13 +391,13 @@ gap: 24px; /* "I'll tokenize this later" — no you won't, session memory is los
 
 For the full document:
 ```
-get_document_full({ path: ".kiro/steering/Web-Authoring-Standards.md" })
+get_document_full({ path: "web-authoring-standards" })
 ```
 
 For specific sections:
 ```
-get_section({ path: ".kiro/steering/Web-Authoring-Standards.md", heading: "Hard Rules" })
-get_section({ path: ".kiro/steering/Web-Authoring-Standards.md", heading: "Token Priority" })
-get_section({ path: ".kiro/steering/Web-Authoring-Standards.md", heading: "Product Token Authoring (Sparky)" })
-get_section({ path: ".kiro/steering/Web-Authoring-Standards.md", heading: "Naming Schema" })
+get_section({ path: "web-authoring-standards", heading: "Hard Rules" })
+get_section({ path: "web-authoring-standards", heading: "Token Priority" })
+get_section({ path: "web-authoring-standards", heading: "Product Token Authoring (Sparky)" })
+get_section({ path: "web-authoring-standards", heading: "Naming Schema" })
 ```

package/governance/browser-distribution-guide.md

@@ -8,7 +8,7 @@ description: Guide for loading and using DesignerPunk web components in browsers
 # Browser Distribution Guide
 
 **Date**: 2025-12-23
-**Last Reviewed**: 2025-12-23
+**Last Reviewed**: 2026-07-08
 **Purpose**: Guide for loading and using DesignerPunk web components directly in browsers
 **Organization**: process-standard
 **Scope**: cross-project
@@ -345,9 +345,6 @@ Call-to-action button with variants, sizes, and icon support.
 <button-cta label="Primary" variant="primary"></button-cta>
 <button-cta label="Secondary" variant="secondary"></button-cta>
 <button-cta label="Tertiary" variant="tertiary"></button-cta>
-
-<!-- Disabled state -->
-<button-cta label="Disabled" variant="primary" disabled></button-cta>
 ```
 
 **Events:**