@schemyx/mcp 0.1.2 → 0.1.3

package/dist/codebase-scanner/extractors.d.ts

@@ -151,6 +151,7 @@ export declare function createRoleDensityKey(classes: string[], children?: UiEle
 export declare function createRoleSurfaceKey(classes: string[]): string;
 export declare function createRoleLayoutKey(kind: string, tagName: string, classes: string[], children?: UiElementChildSummary[], parentClasses?: string[]): string;
 export declare function isCompactHeroEyebrow(classes: string[]): boolean;
+export declare function isPlainTextEyebrow(classes: string[], layoutRole?: string): boolean;
 export declare function isOverlayPill(classes: string[]): boolean;
 export declare function isHeroHeadingScale(classes: string[]): boolean;
 export declare function isOversizedHeadingScale(classes: string[]): boolean;
@@ -158,6 +159,8 @@ export declare function isMetricValueScale(classes: string[]): boolean;
 export declare function isCompactStatValue(classes: string[]): boolean;
 export declare function isLargeMetricValue(classes: string[]): boolean;
 export declare function isCompactStatCard(classes: string[], childRoles: string[]): boolean;
+export declare function isCompactMetricGrid(classes: string[]): boolean;
+export declare function isCtaPanelShell(classes: string[], childRoles?: string[]): boolean;
 export declare function isInteractiveServiceCard(classes: string[]): boolean;
 export declare function isStaticArticleCard(classes: string[]): boolean;
 export declare function isMediaPanelCard(classes: string[], childKinds: string[], childRoles: string[]): boolean;

package/dist/codebase-scanner/extractors.js

@@ -120,6 +120,7 @@ exports.createRoleDensityKey = createRoleDensityKey;
 exports.createRoleSurfaceKey = createRoleSurfaceKey;
 exports.createRoleLayoutKey = createRoleLayoutKey;
 exports.isCompactHeroEyebrow = isCompactHeroEyebrow;
+exports.isPlainTextEyebrow = isPlainTextEyebrow;
 exports.isOverlayPill = isOverlayPill;
 exports.isHeroHeadingScale = isHeroHeadingScale;
 exports.isOversizedHeadingScale = isOversizedHeadingScale;
@@ -127,6 +128,8 @@ exports.isMetricValueScale = isMetricValueScale;
 exports.isCompactStatValue = isCompactStatValue;
 exports.isLargeMetricValue = isLargeMetricValue;
 exports.isCompactStatCard = isCompactStatCard;
+exports.isCompactMetricGrid = isCompactMetricGrid;
+exports.isCtaPanelShell = isCtaPanelShell;
 exports.isInteractiveServiceCard = isInteractiveServiceCard;
 exports.isStaticArticleCard = isStaticArticleCard;
 exports.isMediaPanelCard = isMediaPanelCard;
@@ -1766,6 +1769,7 @@ function isTypographyClass(className) {
 }
 function isTypographyScaleBase(base) {
     return (/^(?:font-|leading-|tracking-|line-clamp|whitespace-|break-|truncate|text-balance|text-pretty|text-nowrap|text-wrap)/.test(base) ||
+        /^(?:uppercase|lowercase|capitalize|normal-case)$/.test(base) ||
         /^(?:fs-|fw-|lh-|display-|lead|small|text-uppercase|text-lowercase|text-capitalize)/.test(base) ||
         /^text-(?:xs|sm|base|lg|xl|[2-9]xl|\[[^\]]+\])/.test(base) ||
         /^max-w-\[(?:\d+(?:\.\d+)?)?ch\]/.test(base));
@@ -2254,7 +2258,11 @@ function createUiRoleSignature(input) {
     }
     if (kind === 'layout') {
         roleGroup = 'layout';
-        if (layout === 'split-media-layout') {
+        if (layout === 'compact-metric-grid-layout') {
+            role = 'compact-metric-grid-layout';
+            flags.add('compact-metric-grid');
+        }
+        else if (layout === 'split-media-layout') {
             role = 'split-media-layout';
             flags.add('split-media');
         }
@@ -2317,6 +2325,10 @@ function createUiRoleSignature(input) {
             role = 'hero-stat-card-compact';
             flags.add('compact-stat-card');
         }
+        else if (isCtaPanelShell(classes, childRoles)) {
+            role = 'cta-panel-shell';
+            flags.add('cta-panel');
+        }
         else if (isInteractiveServiceCard(classes)) {
             role = 'interactive-service-card';
             flags.add('interactive-card');
@@ -2335,7 +2347,11 @@ function createUiRoleSignature(input) {
     }
     if (kind === 'text') {
         roleGroup = 'text';
-        if (isCompactStatValue(classes)) {
+        if (isPlainTextEyebrow(classes, input.layoutRole)) {
+            role = 'section-eyebrow-text';
+            flags.add('plain-eyebrow');
+        }
+        else if (isCompactStatValue(classes)) {
             role = 'compact-stat-value';
             flags.add('compact-stat-value');
         }
@@ -2389,7 +2405,7 @@ function exactRoleClassFacts(classes) {
             isSizingClass(className) ||
             isLayoutClass(className) ||
             isStateClass(className) ||
-            /^(?:bg-|text-|border|rounded|shadow|backdrop|opacity|ring|outline|z-|absolute|relative|fixed|sticky|top-|right-|bottom-|left-|overflow-|object-|aspect-|group|transition|duration|ease)/.test(base));
+            /^(?:bg-|text-|border|rounded|shadow|backdrop|opacity|ring|outline|z-|absolute|relative|fixed|sticky|top-|right-|bottom-|left-|overflow-|object-|aspect-|auto-rows-|grid-cols-|grid-rows-|group|transition|duration|ease)/.test(base));
     })).slice(0, 120);
 }
 function createRoleScaleKey(classes, children = []) {
@@ -2461,6 +2477,10 @@ function createRoleLayoutKey(kind, tagName, classes, children = [], parentClasse
         (baseSet.has('right-3') || baseSet.has('right-4'))) {
         return 'absolute-bottom-right-overlay';
     }
+    if (isCompactMetricGrid(classes) ||
+        isCompactMetricGrid(parentClasses)) {
+        return 'compact-metric-grid-layout';
+    }
     if ((baseSet.has('grid') || parentBaseSet.has('grid')) &&
         hasMediaChild &&
         hasTextChildren &&
@@ -2492,6 +2512,18 @@ function isCompactHeroEyebrow(classes) {
         bases.some((base) => /^py-(?:1\.5|2)$/.test(base)) &&
         bases.some((base) => /^px-(?:3|4|5)$/.test(base)));
 }
+function isPlainTextEyebrow(classes, layoutRole) {
+    const bases = classes.map(utils_1.classBase);
+    const baseSet = new Set(bases);
+    const hasPlainTextScale = classes.some((className) => /(?:^|:)text-(?:xs|sm|\[(?:10|11|12|13|14)px\])(?:\/\d+|\]\/\d+)?$/.test(className));
+    const hasSurfaceTreatment = bases.some((base) => /^(?:bg-|border|rounded|shadow|ring|outline|backdrop)/.test(base));
+    const hasPillSpacing = bases.some((base) => /^px-/.test(base)) || bases.some((base) => /^py-/.test(base));
+    return (layoutRole === 'eyebrow-or-badge' &&
+        baseSet.has('uppercase') &&
+        hasPlainTextScale &&
+        !hasSurfaceTreatment &&
+        !hasPillSpacing);
+}
 function isOverlayPill(classes) {
     const bases = classes.map(utils_1.classBase);
     const baseSet = new Set(bases);
@@ -2544,6 +2576,34 @@ function isCompactStatCard(classes, childRoles) {
             bases.some((base) => /^p-(?:4|5)$/.test(base)) &&
             !baseSet.has('group')));
 }
+function isCompactMetricGrid(classes) {
+    const bases = classes.map(utils_1.classBase);
+    const baseSet = new Set(bases);
+    const hasCompactGap = bases.some((base) => /^gap-(?:2|3|4)$/.test(base));
+    const hasConstrainedWidth = classes.some((className) => /(?:^|:)(?:max-w-(?:2xl|3xl|4xl)|lg:max-w-(?:2xl|3xl|4xl)|max-w-\[[^\]]+\])$/.test(className));
+    const hasDenseColumns = classes.some((className) => /(?:^|:)(?:grid-cols-[34]|grid-cols-\[[^\]]+\]|lg:grid-cols-[34]|md:grid-cols-[34])$/.test(className));
+    return (baseSet.has('grid') &&
+        (baseSet.has('auto-rows-fr') || baseSet.has('items-stretch')) &&
+        hasCompactGap &&
+        hasDenseColumns &&
+        hasConstrainedWidth);
+}
+function isCtaPanelShell(classes, childRoles = []) {
+    const bases = classes.map(utils_1.classBase);
+    const baseSet = new Set(bases);
+    const hasLargePanelShape = bases.some((base) => /^rounded-\[(?:2[4-9]|3\d)px\]$/.test(base)) ||
+        bases.some((base) => /^rounded-(?:2xl|3xl)$/.test(base));
+    const hasSpaciousPadding = bases.some((base) => /^p-(?:8|10|12|14|16)$/.test(base)) ||
+        classes.some((className) => /(?:^|:)p-(?:8|10|12|14|16)$/.test(className));
+    const hasCalloutSurface = bases.some((base) => /^bg-/.test(base)) &&
+        bases.some((base) => /^border/.test(base)) &&
+        (baseSet.has('overflow-hidden') || bases.some((base) => /^shadow/.test(base)));
+    const hasTextHierarchy = childRoles.includes('section-heading') ||
+        childRoles.includes('section-eyebrow-text') ||
+        childRoles.includes('body-copy') ||
+        childRoles.includes('action-button');
+    return hasLargePanelShape && hasSpaciousPadding && hasCalloutSurface && hasTextHierarchy;
+}
 function isInteractiveServiceCard(classes) {
     const bases = classes.map(utils_1.classBase);
     const baseSet = new Set(bases);