@empline/preflight 1.0.20

package/dist/checks/ui/mega-menu-dropdown-position.d.ts

@@ -0,0 +1,25 @@
+#!/usr/bin/env tsx
+/**
+ * Mega Menu Dropdown Position Check Preflight
+ *
+ * Detects dropdown positioning issues in MegaMenuDropdown component:
+ * 1. Parent element traversal must find position:relative container
+ * 2. Fixed positioning calculations must use correct parent reference
+ * 3. All dropdowns should have consistent vertical positioning
+ *
+ * This preflight catches the bug where the "More" dropdown appeared
+ * at the wrong vertical position because the positioning logic used
+ * the immediate parent (wrapper div) instead of the relative-positioned
+ * container that holds the button.
+ *
+ * Usage:
+ *   pnpm preflight:mega-menu-dropdown-position
+ *   pnpm preflight:mega-menu-dropdown-position --verbose
+ */
+export declare const id = "ui/mega-menu-dropdown-position";
+export declare const name = "Mega Menu Dropdown Position";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Mega Menu Dropdown Position Check Preflight";
+export declare const tags: string[];
+//# sourceMappingURL=mega-menu-dropdown-position.d.ts.map

package/dist/checks/ui/mega-menu-dropdown-position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu-dropdown-position.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/mega-menu-dropdown-position.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;GAgBG;AASH,eAAO,MAAM,EAAE,mCAAmC,CAAC;AACnD,eAAO,MAAM,IAAI,gCAAgC,CAAC;AAClD,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,gDAAgD,CAAC;AACzE,eAAO,MAAM,IAAI,UAAS,CAAC"}

package/dist/checks/ui/mega-menu-dropdown-position.js

@@ -0,0 +1,230 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Mega Menu Dropdown Position Check Preflight
+ *
+ * Detects dropdown positioning issues in MegaMenuDropdown component:
+ * 1. Parent element traversal must find position:relative container
+ * 2. Fixed positioning calculations must use correct parent reference
+ * 3. All dropdowns should have consistent vertical positioning
+ *
+ * This preflight catches the bug where the "More" dropdown appeared
+ * at the wrong vertical position because the positioning logic used
+ * the immediate parent (wrapper div) instead of the relative-positioned
+ * container that holds the button.
+ *
+ * Usage:
+ *   pnpm preflight:mega-menu-dropdown-position
+ *   pnpm preflight:mega-menu-dropdown-position --verbose
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tags = exports.description = exports.blocking = exports.category = exports.name = exports.id = void 0;
+const fs = __importStar(require("fs"));
+const glob_1 = require("glob");
+const console_chars_1 = require("../../utils/console-chars");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+// Check metadata
+exports.id = "ui/mega-menu-dropdown-position";
+exports.name = "Mega Menu Dropdown Position";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Mega Menu Dropdown Position Check Preflight";
+exports.tags = ["ui"];
+const MEGA_MENU_DROPDOWN_PATHS = [
+    "packages/ui/src/components/**/MegaMenuDropdown*.tsx",
+    "components/navigation/MegaMenuDropdown*.tsx",
+    "components/**/MegaMenuDropdown*.tsx",
+];
+const EXCLUDED_PATHS = [...glob_patterns_1.STANDARD_EXCLUDES];
+async function checkMegaMenuDropdownPosition() {
+    const verbose = process.argv.includes("--verbose");
+    console.log("\n📍 Mega Menu Dropdown Position Check Preflight\n");
+    console.log("Detects dropdown positioning issues that cause misaligned menus.\n");
+    let files = [];
+    for (const pattern of MEGA_MENU_DROPDOWN_PATHS) {
+        const matches = await (0, glob_1.glob)(pattern, { ignore: EXCLUDED_PATHS });
+        files = [...files, ...matches];
+    }
+    // Remove duplicates
+    files = [...new Set(files)];
+    if (files.length === 0) {
+        console.log(`${console_chars_1.emoji.warning}  No MegaMenuDropdown files found to check.\n`);
+        return;
+    }
+    const issues = [];
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        // Track if we found the required pattern
+        let hasParentTraversal = false;
+        let hasRelativeCheck = false;
+        let usesParentElementDirectly = false;
+        let parentElementLine = -1;
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineNum = i + 1;
+            // Skip comments
+            const trimmed = line.trim();
+            if (trimmed.startsWith("//") || trimmed.startsWith("/*") || trimmed.startsWith("*"))
+                continue;
+            // Check for preflight-ignore
+            const prevLine = i > 0 ? lines[i - 1] : "";
+            if (line.includes("preflight-ignore") || prevLine.includes("preflight-ignore"))
+                continue;
+            // Pattern 1: Check for parent element traversal with position check
+            // Good: while (parent && getComputedStyle(parent).position !== "relative")
+            if (line.includes("while") && line.includes("parent")) {
+                hasParentTraversal = true;
+                if (line.includes("position") && line.includes("relative")) {
+                    hasRelativeCheck = true;
+                }
+            }
+            // Pattern 2: Check for direct parentElement usage without traversal
+            // Bad: const parent = dropdown.parentElement;
+            // Good: let parent = dropdown.parentElement; while (parent && ...)
+            if (line.match(/const\s+parent\s*=\s*\w+\.parentElement/) && !line.includes("while")) {
+                // Check if there's a while loop nearby that traverses
+                const contextEnd = Math.min(lines.length, i + 10);
+                const context = lines.slice(i, contextEnd).join("\n");
+                if (!context.includes("while") || !context.includes("position")) {
+                    usesParentElementDirectly = true;
+                    parentElementLine = lineNum;
+                }
+            }
+            // Pattern 3: Check for getBoundingClientRect on potentially wrong parent
+            if (line.includes("getBoundingClientRect") && line.includes("parent")) {
+                // Check if parent was properly traversed to find relative container
+                const prevContext = lines.slice(Math.max(0, i - 20), i).join("\n");
+                if (!prevContext.includes('position !== "relative"') &&
+                    !prevContext.includes("position === 'relative'")) {
+                    // Only flag if we haven't already found proper traversal
+                    if (!hasRelativeCheck) {
+                        issues.push({
+                            file,
+                            line: lineNum,
+                            type: "warning",
+                            message: "getBoundingClientRect called on parent without verifying it's the relative-positioned container",
+                            context: line.trim().substring(0, 80),
+                            fix: "Traverse up to find parent with position:relative before getting bounding rect",
+                        });
+                    }
+                }
+            }
+            // Pattern 4: Fixed positioning without proper parent reference
+            if (line.includes("position: 'fixed'") || line.includes('position: "fixed"')) {
+                const contextStart = Math.max(0, i - 30);
+                const context = lines.slice(contextStart, i).join("\n");
+                if (!context.includes('position !== "relative"') &&
+                    !context.includes("position === 'relative'") &&
+                    !context.includes("preflight-ignore")) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "warning",
+                        message: "Fixed positioning used - ensure parent reference is the relative-positioned container",
+                        context: line.trim().substring(0, 80),
+                        fix: "Verify positioning calculations use the correct parent element",
+                    });
+                }
+            }
+        }
+        // Check for the anti-pattern: direct parentElement without traversal
+        if (usesParentElementDirectly && !hasRelativeCheck) {
+            issues.push({
+                file,
+                line: parentElementLine,
+                type: "error",
+                message: "Direct parentElement usage without traversing to find relative-positioned container",
+                context: "const parent = dropdown.parentElement",
+                fix: `Use: let parent = dropdown.parentElement;
+      while (parent && getComputedStyle(parent).position !== "relative") {
+        parent = parent.parentElement;
+      }`,
+            });
+        }
+    }
+    // Report
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    console.log(`\nChecked ${files.length} MegaMenuDropdown file(s):\n`);
+    files.forEach((f) => console.log(`  - ${f}`));
+    if (issues.length === 0) {
+        console.log(`\n${console_chars_1.emoji.success} No mega menu dropdown positioning issues found!\n`);
+        return;
+    }
+    const errors = issues.filter((i) => i.type === "error");
+    const warnings = issues.filter((i) => i.type === "warning");
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} ERRORS (${errors.length}):\n`);
+        errors.forEach((e) => {
+            console.log(`  ${e.file}:${e.line}`);
+            console.log(`    ${e.message}`);
+            if (verbose) {
+                console.log(`    Context: ${e.context}...`);
+            }
+            if (e.fix) {
+                console.log(`    Fix: ${e.fix}`);
+            }
+            console.log("");
+        });
+    }
+    if (warnings.length > 0) {
+        console.log(`\n${console_chars_1.emoji.warning}  WARNINGS (${warnings.length}):\n`);
+        warnings.forEach((w) => {
+            console.log(`  ${w.file}:${w.line}`);
+            console.log(`    ${w.message}`);
+            if (verbose && w.fix) {
+                console.log(`    Fix: ${w.fix}`);
+            }
+            console.log("");
+        });
+    }
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    console.log(`\n📊 Summary:`);
+    console.log(`  Errors: ${errors.length}`);
+    console.log(`  Warnings: ${warnings.length}`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} Mega menu dropdown position check FAILED\n`);
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} Mega menu dropdown position check passed (warnings only)\n`);
+    }
+}
+checkMegaMenuDropdownPosition().catch((err) => {
+    console.error("Error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=mega-menu-dropdown-position.js.map

package/dist/checks/ui/mega-menu-dropdown-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu-dropdown-position.js","sourceRoot":"","sources":["../../../src/checks/ui/mega-menu-dropdown-position.ts"],"names":[],"mappings":"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"}

package/dist/checks/ui/mega-menu-scrollbar-overlap.d.ts

@@ -0,0 +1,24 @@
+#!/usr/bin/env tsx
+/**
+ * Mega Menu Scrollbar Overlap Check Preflight
+ *
+ * Detects dropdown positioning issues that cause overlap with browser scrollbar:
+ * 1. Hardcoded minWidth values that don't account for viewport constraints
+ * 2. Missing scrollbar width calculations in positioning logic
+ * 3. Missing edge padding when calculating dropdown position
+ * 4. Using 100vw without accounting for scrollbar
+ *
+ * This preflight catches the bug where mega menu dropdowns extended to the
+ * right edge and overlapped with the browser scrollbar on smaller viewports.
+ *
+ * Usage:
+ *   pnpm preflight:mega-menu-scrollbar-overlap
+ *   pnpm preflight:mega-menu-scrollbar-overlap --verbose
+ */
+export declare const id = "ui/mega-menu-scrollbar-overlap";
+export declare const name = "Mega Menu Scrollbar Overlap";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Mega Menu Scrollbar Overlap Check Preflight";
+export declare const tags: string[];
+//# sourceMappingURL=mega-menu-scrollbar-overlap.d.ts.map

package/dist/checks/ui/mega-menu-scrollbar-overlap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu-scrollbar-overlap.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/mega-menu-scrollbar-overlap.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;GAeG;AASH,eAAO,MAAM,EAAE,mCAAmC,CAAC;AACnD,eAAO,MAAM,IAAI,gCAAgC,CAAC;AAClD,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,gDAAgD,CAAC;AACzE,eAAO,MAAM,IAAI,UAAS,CAAC"}

package/dist/checks/ui/mega-menu-scrollbar-overlap.js

@@ -0,0 +1,283 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Mega Menu Scrollbar Overlap Check Preflight
+ *
+ * Detects dropdown positioning issues that cause overlap with browser scrollbar:
+ * 1. Hardcoded minWidth values that don't account for viewport constraints
+ * 2. Missing scrollbar width calculations in positioning logic
+ * 3. Missing edge padding when calculating dropdown position
+ * 4. Using 100vw without accounting for scrollbar
+ *
+ * This preflight catches the bug where mega menu dropdowns extended to the
+ * right edge and overlapped with the browser scrollbar on smaller viewports.
+ *
+ * Usage:
+ *   pnpm preflight:mega-menu-scrollbar-overlap
+ *   pnpm preflight:mega-menu-scrollbar-overlap --verbose
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tags = exports.description = exports.blocking = exports.category = exports.name = exports.id = void 0;
+const fs = __importStar(require("fs"));
+const glob_1 = require("glob");
+const console_chars_1 = require("../../utils/console-chars");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+// Check metadata
+exports.id = "ui/mega-menu-scrollbar-overlap";
+exports.name = "Mega Menu Scrollbar Overlap";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Mega Menu Scrollbar Overlap Check Preflight";
+exports.tags = ["ui"];
+const DROPDOWN_COMPONENT_PATHS = [
+    "packages/ui/src/components/**/MegaMenu*.tsx",
+    "packages/ui/src/components/**/Dropdown*.tsx",
+    "components/navigation/**/MegaMenu*.tsx",
+    "components/**/MegaMenu*.tsx",
+];
+const EXCLUDED_PATHS = [...glob_patterns_1.STANDARD_EXCLUDES];
+async function checkMegaMenuScrollbarOverlap() {
+    const verbose = process.argv.includes("--verbose");
+    console.log("\n📏 Mega Menu Scrollbar Overlap Check Preflight\n");
+    console.log("Detects dropdown positioning issues that cause scrollbar overlap.\n");
+    let files = [];
+    for (const pattern of DROPDOWN_COMPONENT_PATHS) {
+        const matches = await (0, glob_1.glob)(pattern, { ignore: EXCLUDED_PATHS });
+        files = [...files, ...matches];
+    }
+    // Remove duplicates
+    files = [...new Set(files)];
+    if (files.length === 0) {
+        console.log(`${console_chars_1.emoji.warning}  No MegaMenu/Dropdown files found to check.\n`);
+        return;
+    }
+    const issues = [];
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        // Track good patterns found
+        let hasScrollbarWidthCalc = false;
+        let hasEdgePadding = false;
+        let hasViewportConstraint = false;
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineNum = i + 1;
+            // Skip comments
+            const trimmed = line.trim();
+            if (trimmed.startsWith("//") || trimmed.startsWith("/*") || trimmed.startsWith("*"))
+                continue;
+            // Check for preflight-ignore
+            const prevLine = i > 0 ? lines[i - 1] : "";
+            if (line.includes("preflight-ignore") || prevLine.includes("preflight-ignore"))
+                continue;
+            // Good pattern: scrollbar width calculation
+            if (line.includes("scrollbarWidth") ||
+                line.includes("innerWidth - document.documentElement.clientWidth")) {
+                hasScrollbarWidthCalc = true;
+            }
+            // Good pattern: edge padding
+            if (line.includes("edgePadding") || line.match(/padding.*=.*\d+.*(?:edge|viewport)/i)) {
+                hasEdgePadding = true;
+            }
+            // Good pattern: viewport constraint with scrollbar consideration
+            if (line.includes("availableWidth") ||
+                (line.includes("viewportWidth") && line.includes("scrollbar"))) {
+                hasViewportConstraint = true;
+            }
+            // Anti-pattern 1: Hardcoded minWidth in style without viewport check
+            if (line.match(/minWidth:\s*["']?\d+px["']?/) || line.match(/minWidth:\s*\d+/)) {
+                // Check if there's a conditional or viewport check nearby
+                const contextStart = Math.max(0, i - 5);
+                const contextEnd = Math.min(lines.length, i + 5);
+                const context = lines.slice(contextStart, contextEnd).join("\n");
+                if (!context.includes("isNarrowScreen") && !context.includes("viewport")) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "warning",
+                        message: "Hardcoded minWidth without viewport/screen size check",
+                        context: line.trim().substring(0, 80),
+                        fix: "Add viewport check: minWidth: isNarrowScreen ? 'auto' : undefined",
+                    });
+                }
+            }
+            // Anti-pattern 2: Using CSS variable for minWidth without override
+            if (line.includes("var(--mega-menu-min-width)") && !line.includes("undefined")) {
+                const contextStart = Math.max(0, i - 3);
+                const contextEnd = Math.min(lines.length, i + 3);
+                const context = lines.slice(contextStart, contextEnd).join("\n");
+                if (!context.includes("isNarrowScreen") && !context.includes("?")) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "warning",
+                        message: "Using --mega-menu-min-width without conditional override for small viewports",
+                        context: line.trim().substring(0, 80),
+                        fix: "Add conditional: minWidth: isNarrowScreen ? 'auto' : 'var(--mega-menu-min-width)'",
+                    });
+                }
+            }
+            // Anti-pattern 3: Using 100vw without scrollbar consideration
+            if (line.includes("100vw") && !line.includes("scrollbar")) {
+                const contextStart = Math.max(0, i - 10);
+                const context = lines.slice(contextStart, i + 1).join("\n");
+                if (!context.includes("scrollbarWidth") && !context.includes("clientWidth")) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "warning",
+                        message: "Using 100vw without accounting for scrollbar width",
+                        context: line.trim().substring(0, 80),
+                        fix: "Use: window.innerWidth - (window.innerWidth - document.documentElement.clientWidth)",
+                    });
+                }
+            }
+            // Anti-pattern 4: Fixed positioning without edge padding
+            if ((line.includes("position: 'fixed'") || line.includes('position: "fixed"')) &&
+                line.includes("left")) {
+                const contextStart = Math.max(0, i - 20);
+                const context = lines.slice(contextStart, i + 1).join("\n");
+                if (!context.includes("edgePadding") && !context.includes("Math.max")) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "warning",
+                        message: "Fixed positioning without edge padding consideration",
+                        context: line.trim().substring(0, 80),
+                        fix: "Add edge padding: left = Math.max(edgePadding, calculatedLeft)",
+                    });
+                }
+            }
+            // Anti-pattern 5: Width calculation without max constraint
+            if (line.match(/width.*=.*dropdown.*offsetWidth/i) || line.match(/dropdownWidth.*=/)) {
+                const contextEnd = Math.min(lines.length, i + 10);
+                const context = lines.slice(i, contextEnd).join("\n");
+                if (!context.includes("Math.min") && !context.includes("maxDropdownWidth")) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "warning",
+                        message: "Dropdown width calculation without maximum constraint",
+                        context: line.trim().substring(0, 80),
+                        fix: "Add max constraint: finalWidth = Math.min(dropdownWidth, maxDropdownWidth)",
+                    });
+                }
+            }
+        }
+        // Check for missing essential patterns in files that do positioning
+        const hasPositioningLogic = content.includes("getBoundingClientRect") ||
+            content.includes("position: 'fixed'") ||
+            content.includes('position: "fixed"');
+        // Check if file has preflight-ignore for scrollbar/viewport constraints
+        const hasPreflightIgnore = content.includes("preflight-ignore") &&
+            (content.includes("scrollbar") ||
+                content.includes("viewport") ||
+                content.includes("CSS constraints"));
+        if (hasPositioningLogic && !hasPreflightIgnore) {
+            if (!hasScrollbarWidthCalc) {
+                issues.push({
+                    file,
+                    line: 1,
+                    type: "warning",
+                    message: "Positioning logic found but no scrollbar width calculation",
+                    context: "File contains positioning logic",
+                    fix: "Add: const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth",
+                });
+            }
+            if (!hasEdgePadding && !hasViewportConstraint) {
+                issues.push({
+                    file,
+                    line: 1,
+                    type: "warning",
+                    message: "Positioning logic found but no edge padding or viewport constraint",
+                    context: "File contains positioning logic",
+                    fix: "Add edge padding (e.g., 16px) and constrain dropdown to availableWidth - edgePadding * 2",
+                });
+            }
+        }
+    }
+    // Report
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    console.log(`\nChecked ${files.length} MegaMenu/Dropdown file(s):\n`);
+    files.forEach((f) => console.log(`  - ${f}`));
+    if (issues.length === 0) {
+        console.log(`\n${console_chars_1.emoji.success} No mega menu scrollbar overlap issues found!\n`);
+        return;
+    }
+    const errors = issues.filter((i) => i.type === "error");
+    const warnings = issues.filter((i) => i.type === "warning");
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} ERRORS (${errors.length}):\n`);
+        errors.forEach((e) => {
+            console.log(`  ${e.file}:${e.line}`);
+            console.log(`    ${e.message}`);
+            if (verbose) {
+                console.log(`    Context: ${e.context}...`);
+            }
+            if (e.fix) {
+                console.log(`    Fix: ${e.fix}`);
+            }
+            console.log("");
+        });
+    }
+    if (warnings.length > 0) {
+        console.log(`\n${console_chars_1.emoji.warning}  WARNINGS (${warnings.length}):\n`);
+        warnings.forEach((w) => {
+            console.log(`  ${w.file}:${w.line}`);
+            console.log(`    ${w.message}`);
+            if (verbose && w.fix) {
+                console.log(`    Fix: ${w.fix}`);
+            }
+            console.log("");
+        });
+    }
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    console.log(`\n📊 Summary:`);
+    console.log(`  Errors: ${errors.length}`);
+    console.log(`  Warnings: ${warnings.length}`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} Mega menu scrollbar overlap check FAILED\n`);
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} Mega menu scrollbar overlap check passed (warnings only)\n`);
+    }
+}
+checkMegaMenuScrollbarOverlap().catch((err) => {
+    console.error("Error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=mega-menu-scrollbar-overlap.js.map

package/dist/checks/ui/mega-menu-scrollbar-overlap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu-scrollbar-overlap.js","sourceRoot":"","sources":["../../../src/checks/ui/mega-menu-scrollbar-overlap.ts"],"names":[],"mappings":"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"}

package/dist/checks/ui/mega-menu-spacing-check.d.ts

@@ -0,0 +1,21 @@
+#!/usr/bin/env tsx
+/**
+ * Mega Menu Spacing Check Preflight
+ *
+ * Detects common mega menu dropdown issues:
+ * 1. Grid columns without gap spacing (causes headers to merge like "MicrosoftSony")
+ * 2. Hover animations with translateX that bleed into adjacent columns
+ * 3. Grid columns without minmax(0, 1fr) causing overflow issues
+ * 4. Missing overflow-hidden on grid items
+ *
+ * Usage:
+ *   pnpm preflight:mega-menu-spacing
+ *   pnpm preflight:mega-menu-spacing --verbose
+ */
+export declare const id = "ui/mega-menu-spacing-check";
+export declare const name = "Mega Menu Spacing Check";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Mega Menu Spacing Check Preflight";
+export declare const tags: string[];
+//# sourceMappingURL=mega-menu-spacing-check.d.ts.map

package/dist/checks/ui/mega-menu-spacing-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu-spacing-check.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/mega-menu-spacing-check.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;GAYG;AASH,eAAO,MAAM,EAAE,+BAA+B,CAAC;AAC/C,eAAO,MAAM,IAAI,4BAA4B,CAAC;AAC9C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,sCAAsC,CAAC;AAC/D,eAAO,MAAM,IAAI,UAAS,CAAC"}