@empline/preflight 1.0.20

package/dist/checks/ui/search-width-consistency.js

@@ -0,0 +1,276 @@
+"use strict";
+/**
+ * Search Width Consistency Preflight
+ *
+ * Ensures consistent search field and filter dropdown widths across
+ * /store, /admin, and /account pages.
+ *
+ * Valid width classes (from lib/constants/spacing.ts):
+ * - Search fields: sm:min-w-80 (default), sm:min-w-64 (compact), sm:min-w-96 (wide)
+ * - Filter dropdowns: min-w-36 (standard), min-w-40, min-w-44 (wide), min-w-48, min-w-52 (extra-wide)
+ *
+ * @example
+ * // ${emoji.error} FAIL - Non-standard width
+ * <Select className="min-w-28" />
+ *
+ * // ${emoji.success} PASS - Using standardized width
+ * <Select className="min-w-36" />
+ */
+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;
+exports.analyzeDropdownWidths = analyzeDropdownWidths;
+exports.checkDataTableToolbarUsage = checkDataTableToolbarUsage;
+exports.findSearchWidthIssues = findSearchWidthIssues;
+exports.run = run;
+const fs = __importStar(require("fs"));
+const glob_1 = require("glob");
+const console_chars_1 = require("../../utils/console-chars");
+// Check metadata
+exports.id = "ui/search-width-consistency";
+exports.name = "Search Width Consistency";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Search Width Consistency Preflight";
+exports.tags = ["ui"];
+const BLOCKING = true;
+// Valid search field width patterns
+const VALID_SEARCH_WIDTHS = [
+    "sm:min-w-80", // DEFAULT (320px)
+    "sm:min-w-64", // COMPACT (256px)
+    "sm:min-w-96", // WIDE (384px)
+    "min-w-72", // Legacy admin (288px)
+];
+// Valid filter dropdown width patterns
+const VALID_FILTER_WIDTHS = [
+    "min-w-36", // STANDARD (144px)
+    "min-w-40", // (160px)
+    "min-w-44", // WIDE (176px)
+    "min-w-48", // (192px)
+    "min-w-52", // EXTRA_WIDE (208px)
+];
+// Non-standard widths to flag
+const NON_STANDARD_FILTER_WIDTHS = ["min-w-20", "min-w-24", "min-w-28", "min-w-32"];
+const SCAN_PATTERNS = [
+    "app/store/**/*.tsx",
+    "app/admin/**/*.tsx",
+    "app/account/**/*.tsx",
+    "components/shared/data-table/**/*.tsx",
+    "components/seller/**/*.tsx",
+    "components/admin/**/*.tsx",
+];
+const IGNORE_PATTERNS = [
+    "**/node_modules/**",
+    "**/.next/**",
+    "**/dist/**",
+    "**/*.test.tsx",
+    "**/*.spec.tsx",
+    "**/loading.tsx",
+];
+function findSearchWidthIssues() {
+    const issues = [];
+    let files = [];
+    for (const pattern of SCAN_PATTERNS) {
+        const matches = glob_1.glob.sync(pattern, { ignore: IGNORE_PATTERNS });
+        files = files.concat(matches);
+    }
+    files = [...new Set(files)];
+    for (const file of files) {
+        try {
+            const content = fs.readFileSync(file, "utf8");
+            const lines = content.split("\n");
+            lines.forEach((line, index) => {
+                const lineNumber = index + 1;
+                // Only check filter-style Select components (not form inputs)
+                // Filter dropdowns typically have: status, filter, sort, period, type in context
+                const isFilterContext = line.toLowerCase().includes("status") ||
+                    line.toLowerCase().includes("filter") ||
+                    line.toLowerCase().includes("sort") ||
+                    content
+                        .substring(Math.max(0, index - 5), Math.min(content.length, index + 5))
+                        .toLowerCase()
+                        .match(/filter|status|sort|period|time.*range/);
+                if (isFilterContext && (line.includes("<Select") || line.includes("<FormControl"))) {
+                    for (const badWidth of NON_STANDARD_FILTER_WIDTHS) {
+                        if (line.includes(badWidth)) {
+                            issues.push({
+                                file,
+                                line: lineNumber,
+                                type: "filter-dropdown",
+                                currentWidth: badWidth,
+                                suggestion: `Use standard filter width: min-w-36 (144px), min-w-44 (176px), or min-w-52 (208px)`,
+                                snippet: line.trim().substring(0, 100),
+                            });
+                        }
+                    }
+                }
+            });
+        }
+        catch {
+            // Skip unreadable files
+        }
+    }
+    return issues;
+}
+function checkDataTableToolbarUsage() {
+    const using = [];
+    const notUsing = [];
+    let files = [];
+    for (const pattern of SCAN_PATTERNS) {
+        const matches = glob_1.glob.sync(pattern, { ignore: IGNORE_PATTERNS });
+        files = files.concat(matches);
+    }
+    files = [...new Set(files)];
+    for (const file of files) {
+        try {
+            const content = fs.readFileSync(file, "utf8");
+            const hasSearch = content.includes("searchQuery") ||
+                content.includes("searchTerm") ||
+                content.includes("Search listings") ||
+                content.includes("Search orders") ||
+                content.includes("Search users");
+            if (hasSearch) {
+                if (content.includes("DataTableToolbar")) {
+                    using.push(file);
+                }
+                else if (content.includes("TextField") && content.includes("Search")) {
+                    notUsing.push(file);
+                }
+            }
+        }
+        catch {
+            // Skip
+        }
+    }
+    return { using, notUsing };
+}
+function analyzeDropdownWidths() {
+    const widthUsage = new Map();
+    let files = [];
+    for (const pattern of SCAN_PATTERNS) {
+        const matches = glob_1.glob.sync(pattern, { ignore: IGNORE_PATTERNS });
+        files = files.concat(matches);
+    }
+    files = [...new Set(files)];
+    for (const file of files) {
+        try {
+            const content = fs.readFileSync(file, "utf8");
+            const matches = content.matchAll(/min-w-(\d+)/g);
+            for (const match of matches) {
+                const width = `min-w-${match[1]}`;
+                const existing = widthUsage.get(width) || { files: [], count: 0 };
+                if (!existing.files.includes(file)) {
+                    existing.files.push(file);
+                }
+                existing.count++;
+                widthUsage.set(width, existing);
+            }
+        }
+        catch {
+            // Skip
+        }
+    }
+    return widthUsage;
+}
+function run() {
+    console.log(`${console_chars_1.emoji.search} Checking search width consistency...\n`);
+    const issues = findSearchWidthIssues();
+    const toolbarUsage = checkDataTableToolbarUsage();
+    const widthUsage = analyzeDropdownWidths();
+    let hasErrors = false;
+    // Report width issues
+    if (issues.length > 0) {
+        hasErrors = true;
+        console.log(`${console_chars_1.emoji.error} Found ${issues.length} non-standard widths:\n`);
+        const groupedByFile = issues.reduce((acc, issue) => {
+            if (!acc[issue.file])
+                acc[issue.file] = [];
+            acc[issue.file].push(issue);
+            return acc;
+        }, {});
+        for (const [file, fileIssues] of Object.entries(groupedByFile)) {
+            console.log(`${console_chars_1.emoji.folder} ${file}`);
+            for (const issue of fileIssues) {
+                console.log(`   Line ${issue.line}: ${issue.type} using "${issue.currentWidth}"`);
+                console.log(`   ${console_chars_1.emoji.hint} ${issue.suggestion}`);
+            }
+            console.log();
+        }
+    }
+    // Report custom search implementations
+    if (toolbarUsage.notUsing.length > 0) {
+        console.log(`${console_chars_1.emoji.warning} Files with custom search (consider DataTableToolbar):\n`);
+        for (const file of toolbarUsage.notUsing) {
+            console.log(`   - ${file}`);
+        }
+        console.log();
+    }
+    // Show width usage analysis
+    console.log("Width Usage Analysis:");
+    const sortedWidths = [...widthUsage.entries()]
+        .filter(([w]) => w.match(/min-w-\d+/) && !w.includes("min-w-0"))
+        .sort((a, b) => b[1].count - a[1].count);
+    for (const [width, data] of sortedWidths.slice(0, 10)) {
+        const isValid = VALID_FILTER_WIDTHS.includes(width) || VALID_SEARCH_WIDTHS.includes(width);
+        const icon = isValid ? console_chars_1.emoji.success : console_chars_1.emoji.warning;
+        console.log(`  ${icon} ${width}: ${data.count} uses in ${data.files.length} files`);
+    }
+    console.log();
+    if (issues.length === 0) {
+        console.log(`${console_chars_1.emoji.success} All search/filter widths are consistent\n`);
+    }
+    console.log("Standard Widths:");
+    console.log("  Search: sm:min-w-80 (default), sm:min-w-64 (compact), sm:min-w-96 (wide)");
+    console.log("  Filter: min-w-36 (standard), min-w-44 (wide), min-w-52 (extra-wide)\n");
+    if (toolbarUsage.using.length > 0) {
+        console.log(`${console_chars_1.emoji.success} ${toolbarUsage.using.length} files using DataTableToolbar\n`);
+    }
+    return {
+        success: !hasErrors || !BLOCKING,
+        issues,
+        blocking: BLOCKING,
+        stats: {
+            filesScanned: toolbarUsage.using.length + toolbarUsage.notUsing.length,
+            usingToolbar: toolbarUsage.using.length,
+            customImplementations: toolbarUsage.notUsing.length,
+            widthViolations: issues.length,
+        },
+    };
+}
+if (require.main === module) {
+    const result = run();
+    process.exit(result.success ? 0 : 1);
+}
+//# sourceMappingURL=search-width-consistency.js.map

package/dist/checks/ui/search-width-consistency.js.map

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

package/dist/checks/ui/section-spacing-check.d.ts

@@ -0,0 +1,30 @@
+#!/usr/bin/env tsx
+/**
+ * Section Spacing Check Preflight
+ *
+ * Detects missing spacing between major UI sections in forms and auth pages.
+ * This catches the common issue where buttons/social login sections touch
+ * the "Don't have an account?" or similar text links below them.
+ *
+ * PATTERNS DETECTED:
+ * - Social login buttons followed by register/login links without margin-top
+ * - Form submit buttons followed by alternative action links without spacing
+ * - Divider sections followed by content without proper spacing
+ * - Box/div with text-center containing links but no margin-top after buttons
+ *
+ * APPROVED PATTERNS:
+ * - mt-4, mt-5, mt-6 on the link section
+ * - marginTop in style prop
+ * - Parent container with gap-4 or higher
+ *
+ * Usage:
+ *   pnpm preflight:ui-spacing:section-spacing
+ *   pnpm preflight:ui-spacing:section-spacing --verbose
+ */
+export declare const id = "ui/section-spacing-check";
+export declare const name = "Section Spacing Check";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Section Spacing Check Preflight";
+export declare const tags: string[];
+//# sourceMappingURL=section-spacing-check.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-spacing-check.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/section-spacing-check.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAQH,eAAO,MAAM,EAAE,6BAA6B,CAAC;AAC7C,eAAO,MAAM,IAAI,0BAA0B,CAAC;AAC5C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,oCAAoC,CAAC;AAC7D,eAAO,MAAM,IAAI,UAAS,CAAC"}

package/dist/checks/ui/section-spacing-check.js

@@ -0,0 +1,248 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Section Spacing Check Preflight
+ *
+ * Detects missing spacing between major UI sections in forms and auth pages.
+ * This catches the common issue where buttons/social login sections touch
+ * the "Don't have an account?" or similar text links below them.
+ *
+ * PATTERNS DETECTED:
+ * - Social login buttons followed by register/login links without margin-top
+ * - Form submit buttons followed by alternative action links without spacing
+ * - Divider sections followed by content without proper spacing
+ * - Box/div with text-center containing links but no margin-top after buttons
+ *
+ * APPROVED PATTERNS:
+ * - mt-4, mt-5, mt-6 on the link section
+ * - marginTop in style prop
+ * - Parent container with gap-4 or higher
+ *
+ * Usage:
+ *   pnpm preflight:ui-spacing:section-spacing
+ *   pnpm preflight:ui-spacing:section-spacing --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 console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+// Check metadata
+exports.id = "ui/section-spacing-check";
+exports.name = "Section Spacing Check";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Section Spacing Check Preflight";
+exports.tags = ["ui"];
+// PATTERNS TO DETECT
+// Patterns that indicate a "link section" (register link, login link, etc.)
+const LINK_SECTION_PATTERNS = [
+    /Don['']t have an account/i,
+    /Already have an account/i,
+    /Create (one|an account)/i,
+    /Sign up/i,
+    /Register here/i,
+    /Back to (login|sign in)/i,
+    /Forgot (your )?password/i,
+    /Need help/i,
+];
+// Patterns that indicate a button/action section that should have spacing after
+const ACTION_SECTION_PATTERNS = [
+    /<Button[^>]*>.*<\/Button>/,
+    /Continue with (Google|Facebook|Apple|GitHub)/i,
+    /<Divider[^>]*>.*Or.*<\/Divider>/i,
+    /Or continue with/i,
+];
+// MAIN CHECK
+async function checkSectionSpacing() {
+    const verbose = process.argv.includes("--verbose");
+    console.log(`\n${console_chars_1.emoji.search} Section Spacing Check Preflight\n`);
+    console.log("Detects missing spacing between action buttons and link sections.\n");
+    // Focus on auth-related pages where this pattern is most common
+    const files = await file_cache_1.fileCache.getFiles("{app,components}/**/*.tsx", {
+        ignore: [
+            "**/node_modules/**",
+            "**/.next/**",
+            "**/dist/**",
+            "**/scripts/**",
+            "**/*.test.tsx",
+            "**/*.spec.tsx",
+            "**/stories/**",
+        ],
+    });
+    const issues = [];
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        // Only check files that have link section patterns (auth pages, forms)
+        const hasLinkSection = LINK_SECTION_PATTERNS.some((pattern) => pattern.test(content));
+        if (!hasLinkSection)
+            continue;
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineNum = i + 1;
+            // Skip comments and preflight-ignore
+            const trimmed = line.trim();
+            if (trimmed.startsWith("//") || trimmed.startsWith("/*") || trimmed.startsWith("*"))
+                continue;
+            if (line.includes("preflight-ignore"))
+                continue;
+            // Look for link section patterns
+            const isLinkSection = LINK_SECTION_PATTERNS.some((pattern) => pattern.test(line));
+            if (!isLinkSection)
+                continue;
+            // Check if this line or its container has proper spacing
+            const hasMarginTop = line.includes("mt-") || line.includes("margin-top") || line.includes("marginTop");
+            // Check parent Box/div for margin-top (look back up to 5 lines)
+            let parentHasSpacing = false;
+            for (let j = i - 1; j >= Math.max(0, i - 5); j--) {
+                const prevLine = lines[j];
+                // Check if parent container has margin-top
+                if (prevLine.match(/<(Box|div)[^>]*className="[^"]*mt-[4-9]/)) {
+                    parentHasSpacing = true;
+                    break;
+                }
+                if (prevLine.match(/<(Box|div)[^>]*style=\{[^}]*marginTop/)) {
+                    parentHasSpacing = true;
+                    break;
+                }
+                // Check if parent has gap-4 or higher (sufficient spacing)
+                if (prevLine.match(/<(Box|div|Card)[^>]*className="[^"]*gap-[4-9]/)) {
+                    parentHasSpacing = true;
+                    break;
+                }
+                // Check for flex column with gap
+                if (prevLine.match(/flex[^"]*flex-col[^"]*gap-[4-9]/)) {
+                    parentHasSpacing = true;
+                    break;
+                }
+            }
+            // Check if there's a button/action section above (within 20 lines)
+            let hasActionAbove = false;
+            for (let j = i - 1; j >= Math.max(0, i - 20); j--) {
+                const prevLine = lines[j];
+                if (ACTION_SECTION_PATTERNS.some((pattern) => pattern.test(prevLine))) {
+                    hasActionAbove = true;
+                    break;
+                }
+                // Also check for social login buttons
+                if (prevLine.includes("handleGoogleLogin") ||
+                    prevLine.includes("handleFacebookLogin") ||
+                    prevLine.includes("signIn(")) {
+                    hasActionAbove = true;
+                    break;
+                }
+            }
+            // If there's an action section above and no spacing, flag it
+            if (hasActionAbove && !hasMarginTop && !parentHasSpacing) {
+                issues.push({
+                    file,
+                    line: lineNum,
+                    type: "warning",
+                    message: "Link section after action buttons lacks margin-top spacing",
+                    context: trimmed.substring(0, 80),
+                    suggestion: "Add mt-5 to the parent Box/div, or add marginTop to style",
+                });
+            }
+        }
+    }
+    // Report
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    if (issues.length === 0) {
+        console.log(`\n${console_chars_1.emoji.success} No section spacing issues found!\n`);
+        return;
+    }
+    const errors = issues.filter((i) => i.type === "error");
+    const warnings = issues.filter((i) => i.type === "warning");
+    if (warnings.length > 0) {
+        console.log(`\n${console_chars_1.emoji.warning}  WARNINGS (${warnings.length}):\n`);
+        if (verbose) {
+            warnings.forEach((w) => {
+                console.log(`  ${w.file}:${w.line}`);
+                console.log(`    ${w.message}`);
+                console.log(`    Context: ${w.context}...`);
+                if (w.suggestion) {
+                    console.log(`    ${console_chars_1.emoji.hint} ${w.suggestion}`);
+                }
+                console.log("");
+            });
+        }
+        else {
+            // Group by file
+            const byFile = new Map();
+            warnings.forEach((w) => {
+                if (!byFile.has(w.file))
+                    byFile.set(w.file, []);
+                byFile.get(w.file).push(w);
+            });
+            let shown = 0;
+            for (const [file, fileIssues] of byFile) {
+                if (shown >= 20) {
+                    console.log(`  ... and ${warnings.length - shown} more warnings`);
+                    break;
+                }
+                console.log(`  ${file}:`);
+                fileIssues.slice(0, 3).forEach((w) => {
+                    console.log(`    L${w.line}: ${w.message}`);
+                    if (w.suggestion) {
+                        console.log(`      ${console_chars_1.emoji.hint} ${w.suggestion}`);
+                    }
+                    shown++;
+                });
+                if (fileIssues.length > 3) {
+                    console.log(`    ... and ${fileIssues.length - 3} more in this file`);
+                    shown += fileIssues.length - 3;
+                }
+            }
+        }
+    }
+    console.log("\n" + (0, console_chars_1.createDivider)(60, "light"));
+    console.log(`\n${console_chars_1.emoji.chart} Summary:`);
+    console.log(`  Errors: ${errors.length}`);
+    console.log(`  Warnings: ${warnings.length}`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} Section spacing check FAILED\n`);
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} Section spacing check passed (warnings only)\n`);
+    }
+}
+checkSectionSpacing().catch((err) => {
+    console.error("Error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=section-spacing-check.js.map

package/dist/checks/ui/section-spacing-check.js.map

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

package/dist/checks/ui/sibling-spacing-check.d.ts

@@ -0,0 +1,25 @@
+#!/usr/bin/env tsx
+/**
+ * Sibling Spacing Check Preflight
+ *
+ * Detects containers with multiple Card/content children that lack proper gap spacing.
+ * This catches the common issue of sibling elements touching without visual separation.
+ *
+ * PATTERNS DETECTED:
+ * - Flex/grid containers with Card children but no gap
+ * - Box/div with multiple Card siblings without gap-3
+ * - Stack components without spacing prop
+ * - CardContent with p-0 (no internal padding)
+ * - CardContent without any padding class
+ *
+ * Usage:
+ *   pnpm preflight:sibling-spacing
+ *   pnpm preflight:sibling-spacing --verbose
+ */
+export declare const id = "ui/sibling-spacing-check";
+export declare const name = "Sibling Spacing Check";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Sibling Spacing Check Preflight";
+export declare const tags: string[];
+//# sourceMappingURL=sibling-spacing-check.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sibling-spacing-check.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/sibling-spacing-check.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;GAgBG;AASH,eAAO,MAAM,EAAE,6BAA6B,CAAC;AAC7C,eAAO,MAAM,IAAI,0BAA0B,CAAC;AAC5C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,oCAAoC,CAAC;AAC7D,eAAO,MAAM,IAAI,UAAS,CAAC"}