page-design-guide-mcp 1.0.7 → 1.0.8

package/build/data/accessibilityGuidance.d.ts

@@ -0,0 +1,17 @@
+export declare const accessibilityGuidance: {
+    colorContrast: {
+        normalText: string;
+        largeText: string;
+        uiComponents: string;
+    };
+    focusStates: {
+        requirement: string;
+        implementation: string;
+    };
+    semanticHTML: {
+        landmarks: string;
+        headings: string;
+    };
+    bestPractices: string[];
+};
+//# sourceMappingURL=accessibilityGuidance.d.ts.map

package/build/data/accessibilityGuidance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibilityGuidance.d.ts","sourceRoot":"","sources":["../../src/data/accessibilityGuidance.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;CAmBjC,CAAC"}

package/build/data/accessibilityGuidance.js

@@ -0,0 +1,22 @@
+// Accessibility Guidance
+export const accessibilityGuidance = {
+    colorContrast: {
+        normalText: "4.5:1 minimum ratio",
+        largeText: "3:1 minimum (18px+ or 14px bold)",
+        uiComponents: "3:1 for interactive elements"
+    },
+    focusStates: {
+        requirement: "All interactive elements must have visible focus",
+        implementation: "Outline or ring, 2-3px, contrasting color"
+    },
+    semanticHTML: {
+        landmarks: "Use header, main, nav, footer, section, article",
+        headings: "Proper hierarchy (h1 > h2 > h3), no skipping levels"
+    },
+    bestPractices: [
+        "Test with keyboard navigation",
+        "Don't rely on color alone to convey information",
+        "Provide alt text for informative images"
+    ]
+};
+//# sourceMappingURL=accessibilityGuidance.js.map

package/build/data/accessibilityGuidance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibilityGuidance.js","sourceRoot":"","sources":["../../src/data/accessibilityGuidance.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,aAAa,EAAE;QACX,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,8BAA8B;KAC/C;IACD,WAAW,EAAE;QACT,WAAW,EAAE,kDAAkD;QAC/D,cAAc,EAAE,2CAA2C;KAC9D;IACD,YAAY,EAAE;QACV,SAAS,EAAE,iDAAiD;QAC5D,QAAQ,EAAE,qDAAqD;KAClE;IACD,aAAa,EAAE;QACX,+BAA+B;QAC/B,iDAAiD;QACjD,yCAAyC;KAC5C;CACJ,CAAC"}

package/build/data/animationGuidance.d.ts

@@ -0,0 +1,22 @@
+export declare const animationGuidance: {
+    purposes: {
+        feedback: string;
+        continuity: string;
+        attention: string;
+        hierarchy: string;
+        delight: string;
+    };
+    timingPrinciples: {
+        microInteractions: string;
+        smallTransitions: string;
+        mediumTransitions: string;
+        largeTransitions: string;
+    };
+    easings: {
+        standard: string;
+        enter: string;
+        exit: string;
+    };
+    bestPractices: string[];
+};
+//# sourceMappingURL=animationGuidance.d.ts.map

package/build/data/animationGuidance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationGuidance.d.ts","sourceRoot":"","sources":["../../src/data/animationGuidance.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;CAwB7B,CAAC"}

package/build/data/animationGuidance.js

@@ -0,0 +1,27 @@
+// Animation Guidance (Repaired and Completed)
+export const animationGuidance = {
+    purposes: {
+        feedback: "Confirm user actions (button press, form submit)",
+        continuity: "Smooth transitions between states/pages",
+        attention: "Draw focus to important elements",
+        hierarchy: "Show relationships and depth",
+        delight: "Add personality and polish (use sparingly)"
+    },
+    timingPrinciples: {
+        microInteractions: "100-200ms (instant feel)",
+        smallTransitions: "200-300ms (noticeable but quick)",
+        mediumTransitions: "300-500ms (deliberate movement)",
+        largeTransitions: "500-800ms (page loads, complex reveals)"
+    },
+    easings: {
+        standard: "ease-in-out (natural acceleration/deceleration)",
+        enter: "ease-out (fast in, slow stop)",
+        exit: "ease-in (slow start, fast out)"
+    },
+    bestPractices: [
+        "Respect 'prefers-reduced-motion' media query",
+        "Don't animate just for the sake of it",
+        "Keep animations fast to avoid feeling sluggish"
+    ]
+};
+//# sourceMappingURL=animationGuidance.js.map

package/build/data/animationGuidance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationGuidance.js","sourceRoot":"","sources":["../../src/data/animationGuidance.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,QAAQ,EAAE;QACN,QAAQ,EAAE,kDAAkD;QAC5D,UAAU,EAAE,yCAAyC;QACrD,SAAS,EAAE,kCAAkC;QAC7C,SAAS,EAAE,8BAA8B;QACzC,OAAO,EAAE,4CAA4C;KACxD;IACD,gBAAgB,EAAE;QACd,iBAAiB,EAAE,0BAA0B;QAC7C,gBAAgB,EAAE,kCAAkC;QACpD,iBAAiB,EAAE,iCAAiC;QACpD,gBAAgB,EAAE,yCAAyC;KAC9D;IACD,OAAO,EAAE;QACL,QAAQ,EAAE,iDAAiD;QAC3D,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,gCAAgC;KACzC;IACD,aAAa,EAAE;QACX,8CAA8C;QAC9C,uCAAuC;QACvC,gDAAgD;KACnD;CACJ,CAAC"}

package/build/data/colorGuidance.d.ts

@@ -0,0 +1,53 @@
+export declare const colorGuidance: {
+    psychology: {
+        blue: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+        green: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+        red: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+        orange: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+        purple: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+        black: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+        white: {
+            associations: string[];
+            bestFor: string[];
+            avoid: string[];
+        };
+    };
+    modernPalettes: {
+        name: string;
+        primary: string;
+        accent: string;
+        neutrals: string;
+        mood: string;
+    }[];
+    applicationRules: {
+        sixtyThirtyTen: string;
+        ctaColors: string;
+        textColors: string;
+        backgrounds: string;
+    };
+};
+//# sourceMappingURL=colorGuidance.d.ts.map

package/build/data/colorGuidance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorGuidance.d.ts","sourceRoot":"","sources":["../../src/data/colorGuidance.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFzB,CAAC"}

package/build/data/colorGuidance.js

@@ -0,0 +1,84 @@
+// Color Psychology and Schemes
+export const colorGuidance = {
+    psychology: {
+        blue: {
+            associations: ["Trust", "Stability", "Professionalism", "Calm", "Security"],
+            bestFor: ["Finance", "Healthcare", "Technology", "Corporate", "SaaS"],
+            avoid: ["Food (suppresses appetite)", "Urgency-based messaging"]
+        },
+        green: {
+            associations: ["Growth", "Nature", "Health", "Wealth", "Sustainability"],
+            bestFor: ["Environmental", "Health/Wellness", "Finance", "Organic products"],
+            avoid: ["Luxury brands", "High-energy products"]
+        },
+        red: {
+            associations: ["Energy", "Urgency", "Passion", "Excitement", "Power"],
+            bestFor: ["Sales/Clearance", "Food", "Entertainment", "Sports"],
+            avoid: ["Healthcare", "Financial (except warnings)", "Relaxation"]
+        },
+        orange: {
+            associations: ["Creativity", "Enthusiasm", "Fun", "Confidence", "Adventure"],
+            bestFor: ["Youth brands", "Creative agencies", "Food", "Fitness"],
+            avoid: ["Luxury", "Corporate/formal", "Healthcare"]
+        },
+        purple: {
+            associations: ["Luxury", "Creativity", "Wisdom", "Royalty", "Mystery"],
+            bestFor: ["Beauty", "Luxury goods", "Creative services", "Spirituality"],
+            avoid: ["Budget brands", "Masculine products", "Agriculture"]
+        },
+        black: {
+            associations: ["Elegance", "Power", "Sophistication", "Luxury", "Mystery"],
+            bestFor: ["Luxury brands", "Fashion", "Tech", "Premium products"],
+            avoid: ["Children's products", "Healthcare", "Budget brands"]
+        },
+        white: {
+            associations: ["Purity", "Simplicity", "Cleanliness", "Modern", "Minimal"],
+            bestFor: ["Healthcare", "Tech", "Minimalist brands", "Weddings"],
+            avoid: ["Over-reliance can feel sterile or empty"]
+        }
+    },
+    modernPalettes: [
+        {
+            name: "Professional Trust",
+            primary: "Deep blue (#1E40AF to #2563EB)",
+            accent: "Amber or teal for CTAs",
+            neutrals: "Slate grays",
+            mood: "Trustworthy, established, reliable"
+        },
+        {
+            name: "Modern Minimal",
+            primary: "Near-black (#0F172A)",
+            accent: "Single vibrant color for emphasis",
+            neutrals: "Cool grays on white",
+            mood: "Clean, sophisticated, focused"
+        },
+        {
+            name: "Warm & Approachable",
+            primary: "Coral or warm orange (#F97316)",
+            accent: "Complementary teal",
+            neutrals: "Warm grays",
+            mood: "Friendly, energetic, inviting"
+        },
+        {
+            name: "Nature & Growth",
+            primary: "Forest green (#15803D)",
+            accent: "Earth tones or gold",
+            neutrals: "Warm off-whites",
+            mood: "Organic, sustainable, healthy"
+        },
+        {
+            name: "Dark Mode Elegant",
+            primary: "Dark gray (#18181B) background",
+            accent: "Vibrant purple, blue, or green",
+            neutrals: "Gray scale for hierarchy",
+            mood: "Modern, tech-forward, sophisticated"
+        }
+    ],
+    applicationRules: {
+        sixtyThirtyTen: "60% dominant color (usually background), 30% secondary, 10% accent",
+        ctaColors: "CTAs should be the most visually distinct color on the page",
+        textColors: "Dark text on light backgrounds, light text on dark. Never pure black (#000) on pure white (#FFF) - too harsh",
+        backgrounds: "Slight tints are softer than pure white. #FAFAFA or #F8FAFC feel more refined"
+    }
+};
+//# sourceMappingURL=colorGuidance.js.map

package/build/data/colorGuidance.js.map

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

package/build/data/componentGuidance.d.ts

@@ -0,0 +1,69 @@
+export declare const componentGuidance: {
+    buttons: {
+        primary: {
+            sizing: string;
+            fontSize: string;
+            borderRadius: string;
+            fontWeight: string;
+            colors: string;
+            hoverEffect: string;
+            example: string;
+        };
+        secondary: {
+            style: string;
+            example: string;
+        };
+        modernVariants: string[];
+    };
+    cards: {
+        modern: {
+            background: string;
+            shadow: string;
+            borderRadius: string;
+            padding: string;
+            border: string;
+            hover: string;
+        };
+        layout: {
+            image: string;
+            spacing: string;
+            cta: string;
+        };
+    };
+    forms: {
+        inputs: {
+            sizing: string;
+            padding: string;
+            borderRadius: string;
+            border: string;
+            fontSize: string;
+            background: string;
+        };
+        labels: {
+            position: string;
+            fontSize: string;
+            fontWeight: string;
+            color: string;
+        };
+        validation: {
+            success: string;
+            error: string;
+        };
+    };
+    navigation: {
+        modern: {
+            style: string;
+            linkSpacing: string;
+            fontSize: string;
+            fontWeight: string;
+            activeState: string;
+            hoverState: string;
+        };
+        mobile: {
+            pattern: string;
+            animation: string;
+            closeButton: string;
+        };
+    };
+};
+//# sourceMappingURL=componentGuidance.d.ts.map

package/build/data/componentGuidance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentGuidance.d.ts","sourceRoot":"","sources":["../../src/data/componentGuidance.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuE7B,CAAC"}

package/build/data/componentGuidance.js

@@ -0,0 +1,74 @@
+// Component Design Guidance (NEW - Enhanced)
+export const componentGuidance = {
+    buttons: {
+        primary: {
+            sizing: "px-6 py-3 (24px horizontal, 12px vertical) minimum",
+            fontSize: "16-18px, never below 16px",
+            borderRadius: "8-12px for modern feel (or fully rounded with rounded-full)",
+            fontWeight: "600 (semi-bold)",
+            colors: "High contrast - if bg is blue-600, text should be white",
+            hoverEffect: "Darken by 10% or add subtle shadow: shadow-lg",
+            example: "bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg font-semibold text-lg"
+        },
+        secondary: {
+            style: "Border style with transparent background",
+            example: "border-2 border-gray-300 hover:border-gray-400 text-gray-700 px-6 py-3 rounded-lg"
+        },
+        modernVariants: [
+            "Gradient buttons: from-purple-600 to-blue-600",
+            "Glassmorphic: backdrop-blur-md bg-white/10 border border-white/20",
+            "Neumorphic: Subtle shadows for depth"
+        ]
+    },
+    cards: {
+        modern: {
+            background: "White with subtle shadow OR gradient backgrounds",
+            shadow: "shadow-lg hover:shadow-xl transition-shadow",
+            borderRadius: "12-16px (very rounded corners)",
+            padding: "p-6 to p-8 (24-32px)",
+            border: "Either no border OR subtle 1px border-gray-200",
+            hover: "Transform scale-105 or lift with shadow"
+        },
+        layout: {
+            image: "Rounded corners matching card, aspect-ratio 16:9 or 1:1",
+            spacing: "gap-4 between image and content",
+            cta: "Place at bottom with mt-auto in flex column"
+        }
+    },
+    forms: {
+        inputs: {
+            sizing: "h-12 to h-14 (48-56px height) for comfortable interaction",
+            padding: "px-4 py-3",
+            borderRadius: "8-10px",
+            border: "2px solid - gray-300 default, blue-500 on focus",
+            fontSize: "16px minimum (prevents zoom on mobile)",
+            background: "White or very light gray (gray-50)"
+        },
+        labels: {
+            position: "Above input with mb-2",
+            fontSize: "14px",
+            fontWeight: "500-600",
+            color: "gray-700"
+        },
+        validation: {
+            success: "Green border + checkmark icon",
+            error: "Red border + error message below in red text"
+        }
+    },
+    navigation: {
+        modern: {
+            style: "Clean, minimal, with clear active states",
+            linkSpacing: "gap-8 between nav items",
+            fontSize: "15-16px",
+            fontWeight: "500",
+            activeState: "Underline or colored background pill",
+            hoverState: "Color change or subtle underline"
+        },
+        mobile: {
+            pattern: "Slide-in drawer OR full-screen overlay",
+            animation: "Smooth transition 300ms",
+            closeButton: "Clear X icon top-right"
+        }
+    }
+};
+//# sourceMappingURL=componentGuidance.js.map

package/build/data/componentGuidance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentGuidance.js","sourceRoot":"","sources":["../../src/data/componentGuidance.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,OAAO,EAAE;QACL,OAAO,EAAE;YACL,MAAM,EAAE,oDAAoD;YAC5D,QAAQ,EAAE,2BAA2B;YACrC,YAAY,EAAE,6DAA6D;YAC3E,UAAU,EAAE,iBAAiB;YAC7B,MAAM,EAAE,yDAAyD;YACjE,WAAW,EAAE,+CAA+C;YAC5D,OAAO,EAAE,qFAAqF;SACjG;QACD,SAAS,EAAE;YACP,KAAK,EAAE,0CAA0C;YACjD,OAAO,EAAE,mFAAmF;SAC/F;QACD,cAAc,EAAE;YACZ,+CAA+C;YAC/C,mEAAmE;YACnE,sCAAsC;SACzC;KACJ;IACD,KAAK,EAAE;QACH,MAAM,EAAE;YACJ,UAAU,EAAE,kDAAkD;YAC9D,MAAM,EAAE,6CAA6C;YACrD,YAAY,EAAE,gCAAgC;YAC9C,OAAO,EAAE,sBAAsB;YAC/B,MAAM,EAAE,gDAAgD;YACxD,KAAK,EAAE,yCAAyC;SACnD;QACD,MAAM,EAAE;YACJ,KAAK,EAAE,yDAAyD;YAChE,OAAO,EAAE,iCAAiC;YAC1C,GAAG,EAAE,6CAA6C;SACrD;KACJ;IACD,KAAK,EAAE;QACH,MAAM,EAAE;YACJ,MAAM,EAAE,2DAA2D;YACnE,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,QAAQ;YACtB,MAAM,EAAE,iDAAiD;YACzD,QAAQ,EAAE,wCAAwC;YAClD,UAAU,EAAE,oCAAoC;SACnD;QACD,MAAM,EAAE;YACJ,QAAQ,EAAE,uBAAuB;YACjC,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,UAAU;SACpB;QACD,UAAU,EAAE;YACR,OAAO,EAAE,+BAA+B;YACxC,KAAK,EAAE,8CAA8C;SACxD;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,KAAK,EAAE,0CAA0C;YACjD,WAAW,EAAE,yBAAyB;YACtC,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,sCAAsC;YACnD,UAAU,EAAE,kCAAkC;SACjD;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,wCAAwC;YACjD,SAAS,EAAE,yBAAyB;YACpC,WAAW,EAAE,wBAAwB;SACxC;KACJ;CACJ,CAAC"}

package/build/data/designPrinciples.d.ts

@@ -0,0 +1,7 @@
+export declare const designPrinciples: {
+    principle: string;
+    description: string;
+    guidelines: string[];
+    commonMistakes: string[];
+}[];
+//# sourceMappingURL=designPrinciples.d.ts.map

package/build/data/designPrinciples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"designPrinciples.d.ts","sourceRoot":"","sources":["../../src/data/designPrinciples.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB;;;;;GA+F5B,CAAC"}

package/build/data/designPrinciples.js

@@ -0,0 +1,98 @@
+// Design Principles Database
+export const designPrinciples = [
+    {
+        principle: "Visual Hierarchy",
+        description: "Guide users' attention to the most important content first",
+        guidelines: [
+            "Size: Make primary headlines 2-3x larger than body text",
+            "Color: Use bold/saturated colors for important elements, muted for secondary",
+            "Contrast: High contrast draws attention, low contrast recedes",
+            "Position: Place key content in the top-left or center (natural reading flow)",
+            "Weight: Bold text naturally draws the eye before regular weight"
+        ],
+        commonMistakes: [
+            "Everything being the same size",
+            "Too many competing focal points",
+            "Important CTAs blending into the background"
+        ]
+    },
+    {
+        principle: "Whitespace",
+        description: "Empty space that gives content room to breathe and creates focus",
+        guidelines: [
+            "Section spacing: Use 80-120px between major sections",
+            "Element spacing: 24-48px padding inside cards and containers",
+            "Text: Line height of 1.5-1.7 for body text, 1.1-1.3 for headlines",
+            "Margins: Consistent spacing scale (8, 16, 24, 32, 48, 64, 96px)",
+            "Don't fear empty space - it's a design element, not wasted space"
+        ],
+        commonMistakes: [
+            "Cramming too much content together",
+            "Inconsistent spacing throughout the page",
+            "No breathing room around text blocks"
+        ]
+    },
+    {
+        principle: "Consistency",
+        description: "Uniform patterns that create familiarity and reduce cognitive load",
+        guidelines: [
+            "Use the same button styles throughout",
+            "Maintain consistent heading sizes (h1, h2, h3 scale)",
+            "Apply the same border-radius to all rounded elements",
+            "Use a defined color palette - don't introduce random colors",
+            "Keep icon style uniform (all outlined OR all filled, same weight)"
+        ],
+        commonMistakes: [
+            "Mixing different button styles",
+            "Random border-radius values",
+            "Inconsistent icon styles"
+        ]
+    },
+    {
+        principle: "Contrast",
+        description: "Visual distinction between elements for readability and emphasis",
+        guidelines: [
+            "Text contrast: Minimum 4.5:1 ratio for body, 3:1 for large text",
+            "Size contrast: Headlines should be noticeably larger, not just slightly",
+            "Color contrast: CTAs should pop against their background",
+            "Weight contrast: Mix light and bold weights purposefully"
+        ],
+        commonMistakes: [
+            "Gray text on gray background",
+            "Subtle size differences that look like mistakes",
+            "Primary buttons that don't stand out"
+        ]
+    },
+    {
+        principle: "Alignment",
+        description: "Clean visual connections that create order and professionalism",
+        guidelines: [
+            "Use the grid system (12-column is standard)",
+            "Left-align body text for readability",
+            "Center-align short headlines and CTAs for emphasis",
+            "Align elements to invisible vertical lines",
+            "Keep consistent left margins throughout sections"
+        ],
+        commonMistakes: [
+            "Elements that almost align but don't quite",
+            "Mixing center and left alignment randomly",
+            "No underlying grid structure"
+        ]
+    },
+    {
+        principle: "Proximity",
+        description: "Group related items to show relationships",
+        guidelines: [
+            "Related items should be closer together than unrelated items",
+            "Use cards to visually group content",
+            "Form labels should be closer to their inputs than to other fields",
+            "Create clear section breaks with spacing, not just lines"
+        ],
+        commonMistakes: [
+            "Equal spacing between everything",
+            "Labels far from their associated elements",
+            "No visual grouping of related content"
+        ]
+    }
+];
+//# sourceMappingURL=designPrinciples.js.map

package/build/data/designPrinciples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designPrinciples.js","sourceRoot":"","sources":["../../src/data/designPrinciples.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B;QACI,SAAS,EAAE,kBAAkB;QAC7B,WAAW,EAAE,4DAA4D;QACzE,UAAU,EAAE;YACR,yDAAyD;YACzD,8EAA8E;YAC9E,+DAA+D;YAC/D,8EAA8E;YAC9E,iEAAiE;SACpE;QACD,cAAc,EAAE;YACZ,gCAAgC;YAChC,iCAAiC;YACjC,6CAA6C;SAChD;KACJ;IACD;QACI,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,kEAAkE;QAC/E,UAAU,EAAE;YACR,sDAAsD;YACtD,8DAA8D;YAC9D,mEAAmE;YACnE,iEAAiE;YACjE,kEAAkE;SACrE;QACD,cAAc,EAAE;YACZ,oCAAoC;YACpC,0CAA0C;YAC1C,sCAAsC;SACzC;KACJ;IACD;QACI,SAAS,EAAE,aAAa;QACxB,WAAW,EAAE,oEAAoE;QACjF,UAAU,EAAE;YACR,uCAAuC;YACvC,sDAAsD;YACtD,sDAAsD;YACtD,6DAA6D;YAC7D,mEAAmE;SACtE;QACD,cAAc,EAAE;YACZ,gCAAgC;YAChC,6BAA6B;YAC7B,0BAA0B;SAC7B;KACJ;IACD;QACI,SAAS,EAAE,UAAU;QACrB,WAAW,EAAE,kEAAkE;QAC/E,UAAU,EAAE;YACR,iEAAiE;YACjE,yEAAyE;YACzE,0DAA0D;YAC1D,0DAA0D;SAC7D;QACD,cAAc,EAAE;YACZ,8BAA8B;YAC9B,iDAAiD;YACjD,sCAAsC;SACzC;KACJ;IACD;QACI,SAAS,EAAE,WAAW;QACtB,WAAW,EAAE,gEAAgE;QAC7E,UAAU,EAAE;YACR,6CAA6C;YAC7C,sCAAsC;YACtC,oDAAoD;YACpD,4CAA4C;YAC5C,kDAAkD;SACrD;QACD,cAAc,EAAE;YACZ,4CAA4C;YAC5C,2CAA2C;YAC3C,8BAA8B;SACjC;KACJ;IACD;QACI,SAAS,EAAE,WAAW;QACtB,WAAW,EAAE,2CAA2C;QACxD,UAAU,EAAE;YACR,8DAA8D;YAC9D,qCAAqC;YACrC,mEAAmE;YACnE,0DAA0D;SAC7D;QACD,cAAc,EAAE;YACZ,kCAAkC;YAClC,2CAA2C;YAC3C,uCAAuC;SAC1C;KACJ;CACJ,CAAC"}

package/build/data/inspiration.d.ts

@@ -0,0 +1,45 @@
+export declare const liveInspirationSources: {
+    portfolios: {
+        name: string;
+        url: string;
+        categories: string[];
+        updateFrequency: string;
+        bestFor: string;
+    }[];
+    componentLibraries: {
+        aceternity: {
+            url: string;
+            style: string;
+            components: string[];
+        };
+        magicui: {
+            url: string;
+            style: string;
+            components: string[];
+        };
+        shadcn: {
+            url: string;
+            style: string;
+            components: string[];
+        };
+    };
+    realSiteExamples: {
+        "linear.app": {
+            inspireFrom: string[];
+            avoid: string[];
+        };
+        "stripe.com": {
+            inspireFrom: string[];
+            avoid: string[];
+        };
+        "vercel.com": {
+            inspireFrom: string[];
+            avoid: string[];
+        };
+        "pitch.com": {
+            inspireFrom: string[];
+            avoid: string[];
+        };
+    };
+};
+//# sourceMappingURL=inspiration.d.ts.map

package/build/data/inspiration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspiration.d.ts","sourceRoot":"","sources":["../../src/data/inspiration.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkElC,CAAC"}

package/build/data/inspiration.js

@@ -0,0 +1,68 @@
+export const liveInspirationSources = {
+    portfolios: [
+        {
+            name: "Godly",
+            url: "https://godly.website/",
+            categories: ["trending", "website-design", "dark", "minimal"],
+            updateFrequency: "daily",
+            bestFor: "Current design trends, visual inspiration"
+        },
+        {
+            name: "Awwwards",
+            url: "https://www.awwwards.com/websites/",
+            categories: ["site-of-the-day", "developer-award", "mobile-excellence"],
+            updateFrequency: "daily",
+            bestFor: "Award-winning designs, cutting-edge techniques"
+        },
+        {
+            name: "Landbook",
+            url: "https://land-book.com/",
+            categories: ["saas", "agency", "portfolio", "ecommerce"],
+            updateFrequency: "weekly",
+            bestFor: "Landing page specific designs"
+        },
+        {
+            name: "SiteInspire",
+            url: "https://www.siteinspire.com/",
+            categories: ["interactive", "minimal", "portfolio"],
+            updateFrequency: "weekly",
+            bestFor: "Clean, professional designs"
+        }
+    ],
+    componentLibraries: {
+        aceternity: {
+            url: "https://ui.aceternity.com/components",
+            style: "Premium, animated, modern",
+            components: ["hero sections", "bento grids", "3d cards", "animated backgrounds"]
+        },
+        magicui: {
+            url: "https://magicui.design/docs/components",
+            style: "Playful, interactive, React-focused",
+            components: ["animated text", "particles", "marquee", "charts"]
+        },
+        shadcn: {
+            url: "https://ui.shadcn.com/",
+            style: "Clean, accessible, composable",
+            components: ["forms", "dialogs", "navigation", "data display"]
+        }
+    },
+    realSiteExamples: {
+        "linear.app": {
+            inspireFrom: ["animations", "typography", "color restraint", "purposeful motion"],
+            avoid: ["complexity", "over-decoration"]
+        },
+        "stripe.com": {
+            inspireFrom: ["gradient usage", "bold headers", "clear hierarchy", "documentation style"],
+            avoid: ["plain minimalism"]
+        },
+        "vercel.com": {
+            inspireFrom: ["dark mode", "subtle animations", "code presentation", "clean layouts"],
+            avoid: ["light mode as primary"]
+        },
+        "pitch.com": {
+            inspireFrom: ["color blocking", "playful typography", "asymmetric layouts", "energy"],
+            avoid: ["conservative design"]
+        }
+    }
+};
+//# sourceMappingURL=inspiration.js.map

package/build/data/inspiration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspiration.js","sourceRoot":"","sources":["../../src/data/inspiration.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,UAAU,EAAE;QACR;YACI,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wBAAwB;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,CAAC;YAC7D,eAAe,EAAE,OAAO;YACxB,OAAO,EAAE,2CAA2C;SACvD;QACD;YACI,IAAI,EAAE,UAAU;YAChB,GAAG,EAAE,oCAAoC;YACzC,UAAU,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;YACvE,eAAe,EAAE,OAAO;YACxB,OAAO,EAAE,gDAAgD;SAC5D;QACD;YACI,IAAI,EAAE,UAAU;YAChB,GAAG,EAAE,wBAAwB;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC;YACxD,eAAe,EAAE,QAAQ;YACzB,OAAO,EAAE,+BAA+B;SAC3C;QACD;YACI,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,8BAA8B;YACnC,UAAU,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC;YACnD,eAAe,EAAE,QAAQ;YACzB,OAAO,EAAE,6BAA6B;SACzC;KACJ;IACD,kBAAkB,EAAE;QAChB,UAAU,EAAE;YACR,GAAG,EAAE,sCAAsC;YAC3C,KAAK,EAAE,2BAA2B;YAClC,UAAU,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,sBAAsB,CAAC;SACnF;QACD,OAAO,EAAE;YACL,GAAG,EAAE,wCAAwC;YAC7C,KAAK,EAAE,qCAAqC;YAC5C,UAAU,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;SAClE;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,KAAK,EAAE,+BAA+B;YACtC,UAAU,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC;SACjE;KACJ;IACD,gBAAgB,EAAE;QACd,YAAY,EAAE;YACV,WAAW,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;YACjF,KAAK,EAAE,CAAC,YAAY,EAAE,iBAAiB,CAAC;SAC3C;QACD,YAAY,EAAE;YACV,WAAW,EAAE,CAAC,gBAAgB,EAAE,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,CAAC;YACzF,KAAK,EAAE,CAAC,kBAAkB,CAAC;SAC9B;QACD,YAAY,EAAE;YACV,WAAW,EAAE,CAAC,WAAW,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,eAAe,CAAC;YACrF,KAAK,EAAE,CAAC,uBAAuB,CAAC;SACnC;QACD,WAAW,EAAE;YACT,WAAW,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,QAAQ,CAAC;YACrF,KAAK,EAAE,CAAC,qBAAqB,CAAC;SACjC;KACJ;CACJ,CAAC"}