@empline/preflight 1.0.20

package/dist/checks/ui/breadcrumb-consistency.js

@@ -0,0 +1,237 @@
+"use strict";
+/**
+ * Breadcrumb Consistency Preflight Check
+ *
+ * Ensures all pages use UnifiedBreadcrumbs consistently:
+ * 1. Breadcrumbs must be rendered at full-width (not inside padded containers)
+ * 2. Breadcrumbs must use the default variant (with background)
+ * 3. Breadcrumbs should NOT use noPadding when rendered at page level
+ * 4. Layout components should render breadcrumbs before content containers
+ *
+ * Run: pnpm preflight:breadcrumb-consistency
+ */
+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 path = __importStar(require("path"));
+const console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+const universal_progress_reporter_1 = require("../system/universal-progress-reporter");
+// Check metadata
+exports.id = "ui/breadcrumb-consistency";
+exports.name = "Breadcrumb Consistency";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Breadcrumb Consistency Preflight Check";
+exports.tags = ["ui"];
+const issues = [];
+// Patterns that indicate incorrect breadcrumb usage
+const INCORRECT_PATTERNS = [
+    {
+        // Breadcrumbs inside a Box/Container with padding (inline style)
+        pattern: /<(?:Box|Container|div)[^>]*style=\{[^}]*padding[^}]*\}[^>]*>[\s\S]*?<UnifiedBreadcrumbs/,
+        message: "UnifiedBreadcrumbs should be rendered BEFORE padded containers, not inside them",
+        code: "BREADCRUMB_INSIDE_PADDING",
+    },
+    {
+        // Breadcrumbs inside a div/Box/Container with Tailwind padding classes (px-*, py-*, p-*)
+        pattern: /<(?:div|Box|Container)[^>]*className="[^"]*(?:px-|py-|p-)\d[^"]*"[^>]*>[\s\S]{0,500}?<UnifiedBreadcrumbs/,
+        message: "UnifiedBreadcrumbs should be rendered BEFORE padded containers (found inside element with px/py/p- classes)",
+        code: "BREADCRUMB_INSIDE_TAILWIND_PADDING",
+    },
+    {
+        // Breadcrumbs with noPadding prop - this is a code smell, breadcrumbs should be at page level
+        pattern: /<UnifiedBreadcrumbs[^>]*noPadding[^>]*\/?>/,
+        message: "UnifiedBreadcrumbs with noPadding indicates it may be inside a padded container - move it outside instead",
+        code: "BREADCRUMB_NO_PADDING",
+        severity: "error",
+    },
+    {
+        // Breadcrumbs with variant="compact" or variant="minimal"
+        pattern: /<UnifiedBreadcrumbs[^>]*variant=["'](compact|minimal)["']/,
+        message: "UnifiedBreadcrumbs should use default variant for consistency (not compact/minimal)",
+        code: "BREADCRUMB_WRONG_VARIANT",
+    },
+];
+// Layout files that MUST render breadcrumbs correctly (full-width, before content)
+const LAYOUT_FILES = [
+    "components/shared/DashboardPageLayout.tsx",
+    "components/layout/AppShell.tsx",
+    "components/layout/ContentPageLayout.tsx",
+    "components/shared/SellerPageLayout.tsx",
+    "components/shared/AdminPageLayout.tsx",
+    "components/shared/AccountPageLayout.tsx",
+];
+// Correct pattern for layout files: breadcrumbs rendered after header, before main content container
+const CORRECT_LAYOUT_PATTERN = /<UnifiedHeader[^>]*\/>[\s\S]*?<UnifiedBreadcrumbs\s*\/>[\s\S]*?<(?:Box|div)/;
+// CACHED FILE LISTS - Scan once, use everywhere
+let _cachedClientFiles = null;
+async function getClientFiles() {
+    if (!_cachedClientFiles) {
+        _cachedClientFiles = await file_cache_1.fileCache.getClientFiles();
+    }
+    return _cachedClientFiles;
+}
+async function checkFile(filePath) {
+    const content = fs.readFileSync(filePath, "utf-8");
+    const lines = content.split("\n");
+    const relativePath = path.relative(process.cwd(), filePath);
+    // Skip if file doesn't use UnifiedBreadcrumbs
+    if (!content.includes("UnifiedBreadcrumbs")) {
+        return;
+    }
+    // Check for incorrect patterns
+    for (const { pattern, message, code, severity } of INCORRECT_PATTERNS) {
+        const match = content.match(pattern);
+        if (match) {
+            // Find line number
+            const matchIndex = content.indexOf(match[0]);
+            const lineNumber = content.substring(0, matchIndex).split("\n").length;
+            issues.push({
+                file: relativePath,
+                line: lineNumber,
+                message,
+                severity: severity || "error",
+                code,
+            });
+        }
+    }
+    // Special check for layout files
+    if (LAYOUT_FILES.some((lf) => relativePath.endsWith(lf.replace(/\//g, path.sep)))) {
+        // Layout files should render breadcrumbs at full width
+        const hasBreadcrumbs = content.includes("<UnifiedBreadcrumbs");
+        const hasNoPadding = content.includes("UnifiedBreadcrumbs noPadding");
+        const hasCorrectPattern = CORRECT_LAYOUT_PATTERN.test(content);
+        if (hasBreadcrumbs && hasNoPadding) {
+            const lineNumber = lines.findIndex((l) => l.includes("UnifiedBreadcrumbs"));
+            issues.push({
+                file: relativePath,
+                line: lineNumber + 1,
+                message: "Layout components should render UnifiedBreadcrumbs WITHOUT noPadding (full-width with background)",
+                severity: "error",
+                code: "LAYOUT_BREADCRUMB_NO_PADDING",
+            });
+        }
+        if (hasBreadcrumbs && !hasCorrectPattern) {
+            // Check if breadcrumbs are inside the content container
+            const breadcrumbMatch = content.match(/<Box[^>]*style[^>]*>[\s\S]*?<UnifiedBreadcrumbs/);
+            if (breadcrumbMatch) {
+                const lineNumber = lines.findIndex((l) => l.includes("UnifiedBreadcrumbs"));
+                issues.push({
+                    file: relativePath,
+                    line: lineNumber + 1,
+                    message: "Layout components should render UnifiedBreadcrumbs BEFORE the main content Box, not inside it",
+                    severity: "error",
+                    code: "LAYOUT_BREADCRUMB_POSITION",
+                });
+            }
+        }
+    }
+}
+async function checkPageClients() {
+    // Check page client files that render their own breadcrumbs
+    const pageClientFiles = await getClientFiles();
+    for (const file of pageClientFiles) {
+        const content = fs.readFileSync(file, "utf-8");
+        const relativePath = path.relative(process.cwd(), file);
+        if (!content.includes("UnifiedBreadcrumbs")) {
+            continue;
+        }
+        // Page clients using ServerLayout should render breadcrumbs correctly
+        if (content.includes("ServerLayout")) {
+            // Check if breadcrumbs are inside a padded Box
+            const paddedBoxWithBreadcrumbs = content.match(/<Box[\s\S]*?style=\{[\s\S]*?padding[\s\S]*?\}[\s\S]*?>[\s\S]*?<UnifiedBreadcrumbs/);
+            if (paddedBoxWithBreadcrumbs) {
+                const lines = content.split("\n");
+                const lineNumber = lines.findIndex((l) => l.includes("UnifiedBreadcrumbs"));
+                // This is actually the CURRENT pattern - we need to flag it for migration
+                issues.push({
+                    file: relativePath,
+                    line: lineNumber + 1,
+                    message: "Page client renders UnifiedBreadcrumbs inside padded Box - consider moving breadcrumbs before the padded container for consistency",
+                    severity: "warning",
+                    code: "PAGE_BREADCRUMB_INSIDE_PADDING",
+                });
+            }
+        }
+    }
+}
+async function main() {
+    const reporter = (0, universal_progress_reporter_1.createUniversalProgressReporter)(path.basename(__filename, ".ts"));
+    console.log("🍞 Checking breadcrumb consistency...\n");
+    // Check layout files
+    for (const layoutFile of LAYOUT_FILES) {
+        const fullPath = path.join(process.cwd(), layoutFile);
+        if (fs.existsSync(fullPath)) {
+            await checkFile(fullPath);
+        }
+    }
+    // Check page clients
+    await checkPageClients();
+    // Report results
+    const errors = issues.filter((i) => i.severity === "error");
+    const warnings = issues.filter((i) => i.severity === "warning");
+    if (errors.length > 0) {
+        console.log(`${console_chars_1.emoji.error} ERRORS (must fix):\n`);
+        for (const issue of errors) {
+            console.log(`  ${issue.file}:${issue.line}`);
+            console.log(`    [${issue.code}] ${issue.message}\n`);
+        }
+    }
+    if (warnings.length > 0) {
+        console.log(`${console_chars_1.emoji.warning}  WARNINGS (should review):\n`);
+        for (const issue of warnings) {
+            console.log(`  ${issue.file}:${issue.line}`);
+            console.log(`    [${issue.code}] ${issue.message}\n`);
+        }
+    }
+    if (issues.length === 0) {
+        console.log(`${console_chars_1.emoji.success} All breadcrumbs are consistent!\n`);
+    }
+    // Summary
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    console.log(`${console_chars_1.emoji.chart} Summary: ${errors.length} errors, ${warnings.length} warnings`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.hint} Fix: Ensure UnifiedBreadcrumbs is rendered:`);
+        console.log("   1. At full-width (not inside padded containers)");
+        console.log("   2. After UnifiedHeader, before main content Box");
+        console.log("   3. Without noPadding prop in layout components");
+        console.log("   4. Using default variant (not compact/minimal)");
+        process.exit(1);
+    }
+}
+main().catch(console.error);
+//# sourceMappingURL=breadcrumb-consistency.js.map

package/dist/checks/ui/breadcrumb-consistency.js.map

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

package/dist/checks/ui/button-group-gap.d.ts

@@ -0,0 +1,22 @@
+#!/usr/bin/env tsx
+/**
+ * Button Group Gap Preflight (BLOCKING)
+ *
+ * Detects flex containers with multiple Button children that lack gap spacing.
+ * This catches the common issue of stacked buttons touching without visual separation.
+ *
+ * PATTERNS DETECTED:
+ * - Flex column containers with multiple <Button> children but no gap
+ * - Inline style flexDirection: "column" with Buttons but no gap
+ * - className flex-col with Buttons but no gap-X
+ *
+ * Usage:
+ *   pnpm preflight:button-group-gap
+ */
+export declare const id = "ui/button-group-gap";
+export declare const name = "Button Group Gap";
+export declare const category = "ui";
+export declare const blocking = true;
+export declare const description = "Button Group Gap Preflight (BLOCKING)";
+export declare const tags: string[];
+//# sourceMappingURL=button-group-gap.d.ts.map

package/dist/checks/ui/button-group-gap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-gap.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/button-group-gap.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;GAaG;AAQH,eAAO,MAAM,EAAE,wBAAwB,CAAC;AACxC,eAAO,MAAM,IAAI,qBAAqB,CAAC;AACvC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,WAAW,0CAA0C,CAAC;AACnE,eAAO,MAAM,IAAI,UAAS,CAAC"}

package/dist/checks/ui/button-group-gap.js

@@ -0,0 +1,194 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Button Group Gap Preflight (BLOCKING)
+ *
+ * Detects flex containers with multiple Button children that lack gap spacing.
+ * This catches the common issue of stacked buttons touching without visual separation.
+ *
+ * PATTERNS DETECTED:
+ * - Flex column containers with multiple <Button> children but no gap
+ * - Inline style flexDirection: "column" with Buttons but no gap
+ * - className flex-col with Buttons but no gap-X
+ *
+ * Usage:
+ *   pnpm preflight:button-group-gap
+ */
+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/button-group-gap";
+exports.name = "Button Group Gap";
+exports.category = "ui";
+exports.blocking = true;
+exports.description = "Button Group Gap Preflight (BLOCKING)";
+exports.tags = ["ui"];
+async function checkButtonGroupGap() {
+    console.log(`\n${console_chars_1.emoji.search} Button Group Gap Check (BLOCKING)\n`);
+    console.log("Detects flex containers with multiple Buttons lacking gap spacing.\n");
+    const files = await file_cache_1.fileCache.getAllTsx();
+    const issues = [];
+    for (const file of files) {
+        // Skip test files and scripts
+        if (file.includes("/tests/") || file.includes("/scripts/") || file.includes("__tests__")) {
+            continue;
+        }
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        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;
+            // Pattern 1: Inline style with flexDirection: "column" but no gap
+            if ((line.includes('flexDirection: "column"') || line.includes("flexDirection: 'column'")) &&
+                !line.includes("gap:")) {
+                // Look at surrounding context (10 lines before, 20 after) for the container
+                const startIdx = Math.max(0, i - 10);
+                const endIdx = Math.min(lines.length, i + 20);
+                const contextBlock = lines.slice(startIdx, endIdx).join("\n");
+                // Check if this block has multiple Button children
+                const buttonMatches = contextBlock.match(/<Button/g);
+                const buttonCount = buttonMatches ? buttonMatches.length : 0;
+                // Check if gap is defined anywhere in the style block
+                const hasGap = contextBlock.includes("gap:") ||
+                    contextBlock.includes("gap-") ||
+                    contextBlock.includes("rowGap:") ||
+                    contextBlock.includes("columnGap:");
+                if (buttonCount >= 2 && !hasGap) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "error",
+                        message: "Flex column container with multiple Buttons but no gap spacing",
+                        context: line.trim().substring(0, 80),
+                        suggestion: 'Add gap: "var(--spacing-3)" to style or use className="gap-3"',
+                    });
+                }
+            }
+            // Pattern 2: className with flex-col but no gap, containing Buttons
+            if (line.match(/className="[^"]*flex-col[^"]*"/) &&
+                !line.includes("gap-") &&
+                !line.includes("gap:")) {
+                const endIdx = Math.min(lines.length, i + 20);
+                const contextBlock = lines.slice(i, endIdx).join("\n");
+                const buttonMatches = contextBlock.match(/<Button/g);
+                const buttonCount = buttonMatches ? buttonMatches.length : 0;
+                // Check for gap in style prop on same element
+                const hasGapInStyle = contextBlock.slice(0, 200).includes("gap:") ||
+                    contextBlock.slice(0, 200).includes("gap-");
+                if (buttonCount >= 2 && !hasGapInStyle) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "error",
+                        message: "Flex column container with multiple Buttons but no gap class",
+                        context: line.trim().substring(0, 80),
+                        suggestion: "Add gap-3 to className for proper button spacing",
+                    });
+                }
+            }
+            // Pattern 3: div/Box with display: flex and flexDirection column (multi-line style)
+            if (line.match(/<(div|Box)/) && !line.includes("gap-") && !line.includes("gap:")) {
+                const styleBlockEnd = Math.min(lines.length, i + 15);
+                const styleBlock = lines.slice(i, styleBlockEnd).join("\n");
+                const hasFlexColumn = styleBlock.includes('display: "flex"') &&
+                    (styleBlock.includes('flexDirection: "column"') ||
+                        styleBlock.includes("flexDirection: 'column'"));
+                if (hasFlexColumn && !styleBlock.includes("gap:") && !styleBlock.includes("gap-")) {
+                    const extendedBlock = lines.slice(i, Math.min(lines.length, i + 25)).join("\n");
+                    const buttonMatches = extendedBlock.match(/<Button/g);
+                    const buttonCount = buttonMatches ? buttonMatches.length : 0;
+                    if (buttonCount >= 2) {
+                        issues.push({
+                            file,
+                            line: lineNum,
+                            type: "error",
+                            message: "Flex column container (inline style) with Buttons missing gap",
+                            context: line.trim().substring(0, 80),
+                            suggestion: 'Add gap: "var(--spacing-3)" to the style object',
+                        });
+                    }
+                }
+            }
+        }
+    }
+    // Deduplicate issues (same file + line)
+    const seen = new Set();
+    const uniqueIssues = issues.filter((issue) => {
+        const key = `${issue.file}:${issue.line}`;
+        if (seen.has(key))
+            return false;
+        seen.add(key);
+        return true;
+    });
+    // Report
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    if (uniqueIssues.length === 0) {
+        console.log(`\n${console_chars_1.emoji.success} No button group gap issues found!\n`);
+        return;
+    }
+    const errors = uniqueIssues.filter((i) => i.type === "error");
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} ERRORS (${errors.length}):\n`);
+        errors.slice(0, 20).forEach((issue) => {
+            console.log(`  ${issue.file}:${issue.line}`);
+            console.log(`    ${issue.message}`);
+            console.log(`    ${console_chars_1.emoji.hint} ${issue.suggestion}`);
+            console.log("");
+        });
+        if (errors.length > 20) {
+            console.log(`  ... and ${errors.length - 20} more errors\n`);
+        }
+    }
+    console.log(`\n${console_chars_1.emoji.chart} Summary: ${errors.length} errors`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} Button group gap check FAILED\n`);
+        process.exit(1);
+    }
+}
+checkButtonGroupGap().catch((err) => {
+    console.error("Error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=button-group-gap.js.map

package/dist/checks/ui/button-group-gap.js.map

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

package/dist/checks/ui/button-icon-prop.d.ts

@@ -0,0 +1,40 @@
+#!/usr/bin/env tsx
+/**
+ * Button Icon Prop Preflight (WARNING - use --strict for BLOCKING)
+ *
+ * Detects Button components where icons are passed as direct children instead of
+ * using the startIcon/endIcon props. This causes spacing issues because the Button
+ * component's built-in icon spacing only works with the dedicated props.
+ *
+ * BAD PATTERNS:
+ *   <Button onClick={...}>
+ *     <RefreshCw className="h-4 w-4" />
+ *     Try Again
+ *   </Button>
+ *
+ *   <Button onClick={...}>
+ *     {actionConfig.icon}
+ *     {actionConfig.label}
+ *   </Button>
+ *
+ * GOOD PATTERNS:
+ *   <Button onClick={...} startIcon={<RefreshCw className="h-4 w-4" />}>
+ *     Try Again
+ *   </Button>
+ *
+ *   <Button onClick={...} startIcon={actionConfig.icon}>
+ *     {actionConfig.label}
+ *   </Button>
+ *
+ * Usage:
+ *   pnpm preflight:button-icon-prop           # Warning mode (non-blocking)
+ *   pnpm preflight:button-icon-prop --strict  # Blocking mode
+ *   pnpm preflight:button-icon-prop --verbose # Show all issues
+ */
+export declare const id = "ui/button-icon-prop";
+export declare const name = "Button Icon Prop";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Button Icon Prop Preflight (WARNING - use --strict for BLOCKING)";
+export declare const tags: string[];
+//# sourceMappingURL=button-icon-prop.d.ts.map

package/dist/checks/ui/button-icon-prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-icon-prop.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/button-icon-prop.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AASH,eAAO,MAAM,EAAE,wBAAwB,CAAC;AACxC,eAAO,MAAM,IAAI,qBAAqB,CAAC;AACvC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,qEAAqE,CAAC;AAC9F,eAAO,MAAM,IAAI,UAAS,CAAC"}