@djangocfg/layouts 1.4.27 → 1.4.29

package/src/layouts/UILayout/config/categories.config.tsx

@@ -1,122 +0,0 @@
-/**
- * Categories Configuration
- * Defines all component categories with metadata
- */
-
-import React from 'react';
-import {
-  Home,
-  FormInput,
-  LayoutGrid,
-  Navigation as NavigationIcon,
-  Square,
-  MessageSquare,
-  Table2,
-  Puzzle,
-  Boxes,
-  Code2,
-  Palette,
-  Wrench,
-} from 'lucide-react';
-import { getComponentCount } from './components';
-
-export interface ComponentCategory {
-  id: string;
-  label: string;
-  icon: React.ReactNode;
-  count?: number;
-  description?: string;
-}
-
-export const CATEGORIES: ComponentCategory[] = [
-  {
-    id: 'overview',
-    label: 'Overview',
-    icon: <Home className="h-4 w-4" />,
-    description: 'Welcome to Django CFG UI Library - explore 56+ components, 7 blocks, and 11 hooks',
-  },
-  {
-    id: 'forms',
-    label: 'Form Components',
-    icon: <FormInput className="h-4 w-4" />,
-    count: getComponentCount('forms'),
-    description: 'Input fields, buttons, checkboxes, selects, and form validation components',
-  },
-  {
-    id: 'layout',
-    label: 'Layout Components',
-    icon: <LayoutGrid className="h-4 w-4" />,
-    count: getComponentCount('layout'),
-    description: 'Cards, separators, skeletons, and structural layout components',
-  },
-  {
-    id: 'navigation',
-    label: 'Navigation',
-    icon: <NavigationIcon className="h-4 w-4" />,
-    count: getComponentCount('navigation'),
-    description: 'Menus, breadcrumbs, tabs, and pagination components',
-  },
-  {
-    id: 'overlay',
-    label: 'Overlay Components',
-    icon: <Square className="h-4 w-4" />,
-    count: getComponentCount('overlay'),
-    description: 'Dialogs, sheets, popovers, tooltips, and dropdown menus',
-  },
-  {
-    id: 'feedback',
-    label: 'Feedback',
-    icon: <MessageSquare className="h-4 w-4" />,
-    count: getComponentCount('feedback'),
-    description: 'Toasts, alerts, progress bars, badges, and status indicators',
-  },
-  {
-    id: 'data',
-    label: 'Data Display',
-    icon: <Table2 className="h-4 w-4" />,
-    count: getComponentCount('data'),
-    description: 'Tables, accordions, collapsibles, and data visualization',
-  },
-  {
-    id: 'specialized',
-    label: 'Specialized',
-    icon: <Puzzle className="h-4 w-4" />,
-    count: getComponentCount('specialized'),
-    description: 'Advanced components like sidebar navigation and image handling',
-  },
-  {
-    id: 'tools',
-    label: 'Developer Tools',
-    icon: <Wrench className="h-4 w-4" />,
-    count: getComponentCount('tools'),
-    description: 'Developer utilities: JSON viewer, code syntax highlighting, Mermaid diagrams',
-  },
-  {
-    id: 'blocks',
-    label: 'Blocks',
-    icon: <Boxes className="h-4 w-4" />,
-    count: getComponentCount('blocks'),
-    description: 'Pre-built landing page sections: Hero, SuperHero, Features, CTA, Newsletter, Stats, Testimonials',
-  },
-  {
-    id: 'hooks',
-    label: 'Hooks',
-    icon: <Code2 className="h-4 w-4" />,
-    count: getComponentCount('hooks'),
-    description: 'Custom React hooks for common functionality and state management',
-  },
-  {
-    id: 'tailwind4',
-    label: 'Tailwind CSS v4',
-    icon: <Palette className="h-4 w-4" />,
-    description: 'Migration guide and best practices for Tailwind CSS v4',
-  },
-];
-
-export function getCategoryById(id: string): ComponentCategory | undefined {
-  return CATEGORIES.find(cat => cat.id === id);
-}
-
-export function getTotalComponentCount(): number {
-  return CATEGORIES.reduce((sum, cat) => sum + (cat.count || 0), 0);
-}

package/src/layouts/UILayout/config/components/blocks.config.tsx

@@ -1,239 +0,0 @@
-/**
- * Blocks Configuration
- */
-
-import React from 'react';
-import {
-  Hero,
-  SuperHero,
-  FeatureSection,
-  CTASection,
-  NewsletterSection,
-  StatsSection,
-  TestimonialSection,
-} from '@djangocfg/ui/blocks';
-import { Sparkles, BookOpen, Zap, Shield, Code, Users, Building2, TrendingUp, Headphones } from 'lucide-react';
-import type { ComponentConfig } from './types';
-
-export const BLOCKS: ComponentConfig[] = [
-  {
-    name: 'Hero',
-    category: 'blocks',
-    description: 'Hero section with title, description, and CTAs',
-    importPath: "import { Hero } from '@djangocfg/ui/blocks';",
-    example: `<Hero
-  title="Build Your Next Project"
-  description="The best way to create modern web applications with React and TypeScript"
-  primaryAction={{ label: "Get Started", href: "/docs" }}
-  secondaryAction={{ label: "View Demo", href: "/demo" }}
-/>`,
-    preview: (
-      <Hero
-        title="Build Your Next Project"
-        description="The best way to create modern web applications"
-        primaryAction={{ label: "Get Started", href: "/docs" }}
-        secondaryAction={{ label: "View Demo", href: "/demo" }}
-      />
-    ),
-  },
-  {
-    name: 'SuperHero',
-    category: 'blocks',
-    description: 'Enhanced hero with badge, gradient title, features, and stats',
-    importPath: "import { SuperHero } from '@djangocfg/ui/blocks';",
-    example: `<SuperHero
-  badge={{ icon: <Sparkles />, text: "New in v2.0" }}
-  title="Next-Generation"
-  titleGradient="Development Platform"
-  subtitle="Build faster with our comprehensive UI library"
-  features={[
-    { icon: <span>⚛️</span>, text: "React 19" },
-    { icon: <span>📘</span>, text: "TypeScript" },
-    { icon: <span>🎨</span>, text: "Tailwind CSS 4" },
-    { icon: <span>⚡</span>, text: "Lightning Fast" }
-  ]}
-  primaryAction={{ label: "Start Building", href: "/start" }}
-  secondaryAction={{ label: "Learn More", href: "/docs", icon: <BookOpen /> }}
-  stats={[
-    { number: "56+", label: "Components" },
-    { number: "7", label: "Blocks" },
-    { number: "6", label: "Hooks" },
-    { number: "100%", label: "Type Safe" }
-  ]}
-  backgroundVariant="waves"
-  backgroundIntensity="medium"
-  showBackgroundSwitcher={true}
-/>`,
-    preview: (
-      <SuperHero
-        badge={{ icon: <Sparkles className="w-4 h-4" />, text: "New in v2.0" }}
-        title="Next-Generation"
-        titleGradient="Development Platform"
-        subtitle="Build faster with our comprehensive UI library"
-        features={[
-          { icon: <span>⚛️</span>, text: "React 19" },
-          { icon: <span>📘</span>, text: "TypeScript" },
-          { icon: <span>🎨</span>, text: "Tailwind CSS 4" },
-          { icon: <span>⚡</span>, text: "Lightning Fast" },
-        ]}
-        primaryAction={{ label: "Start Building", href: "/start" }}
-        secondaryAction={{ label: "Learn More", href: "/docs", icon: <BookOpen /> }}
-        stats={[
-          { number: "56+", label: "Components" },
-          { number: "7", label: "Blocks" },
-          { number: "6", label: "Hooks" },
-          { number: "100%", label: "Type Safe" },
-        ]}
-        backgroundVariant="waves"
-        backgroundIntensity="medium"
-        showBackgroundSwitcher={true}
-      />
-    ),
-  },
-  {
-    name: 'FeatureSection',
-    category: 'blocks',
-    description: 'Grid of features with icons and descriptions',
-    importPath: "import { FeatureSection } from '@djangocfg/ui/blocks';",
-    example: `<FeatureSection
-  title="Everything You Need"
-  subtitle="All the tools to build modern applications"
-  features={[
-    {
-      icon: <Zap className="w-6 h-6" />,
-      title: "Lightning Fast",
-      description: "Optimized for performance"
-    },
-    {
-      icon: <Shield className="w-6 h-6" />,
-      title: "Secure",
-      description: "Built with security in mind"
-    }
-  ]}
-/>`,
-    preview: (
-      <FeatureSection
-        title="Everything You Need"
-        subtitle="All the tools to build modern applications"
-        features={[
-          {
-            icon: <Zap className="w-6 h-6" />,
-            title: "Lightning Fast",
-            description: "Optimized for performance"
-          },
-          {
-            icon: <Shield className="w-6 h-6" />,
-            title: "Secure",
-            description: "Built with security in mind"
-          },
-          {
-            icon: <Code className="w-6 h-6" />,
-            title: "Developer Friendly",
-            description: "Great DX with TypeScript"
-          }
-        ]}
-      />
-    ),
-  },
-  {
-    name: 'CTASection',
-    category: 'blocks',
-    description: 'Call-to-action section to drive conversions',
-    importPath: "import { CTASection } from '@djangocfg/ui/blocks';",
-    example: `<CTASection
-  title="Ready to Get Started?"
-  subtitle="Join thousands of developers building amazing products"
-  primaryCTA={{ label: "Start Free Trial", href: "/signup" }}
-  secondaryCTA={{ label: "Contact Sales", href: "/contact" }}
-/>`,
-    preview: (
-      <CTASection
-        title="Ready to Get Started?"
-        subtitle="Join thousands of developers"
-        primaryCTA={{ label: "Start Free Trial", href: "/signup" }}
-        secondaryCTA={{ label: "Contact Sales", href: "/contact" }}
-      />
-    ),
-  },
-  {
-    name: 'NewsletterSection',
-    category: 'blocks',
-    description: 'Email capture section for newsletters',
-    importPath: "import { NewsletterSection } from '@djangocfg/ui/blocks';",
-    example: `<NewsletterSection
-  title="Stay Updated"
-  description="Get the latest news delivered to your inbox"
-  placeholder="Enter your email"
-  buttonText="Subscribe"
-  onSubmit={(email) => console.log(email)}
-/>`,
-    preview: (
-      <NewsletterSection
-        title="Stay Updated"
-        description="Get the latest news delivered to your inbox"
-        placeholder="Enter your email"
-        buttonText="Subscribe"
-        onSubmit={(email) => console.log('Subscribed:', email)}
-      />
-    ),
-  },
-  {
-    name: 'StatsSection',
-    category: 'blocks',
-    description: 'Display key metrics and statistics',
-    importPath: "import { StatsSection } from '@djangocfg/ui/blocks';",
-    example: `<StatsSection
-  title="Our Impact"
-  stats={[
-    { icon: <Users className="w-6 h-6" />, number: "10K+", label: "Active Users" },
-    { icon: <Building2 className="w-6 h-6" />, number: "500+", label: "Companies" },
-    { icon: <TrendingUp className="w-6 h-6" />, number: "99.9%", label: "Uptime" },
-    { icon: <Headphones className="w-6 h-6" />, number: "24/7", label: "Support" }
-  ]}
-/>`,
-    preview: (
-      <StatsSection
-        title="Our Impact"
-        stats={[
-          { icon: <Users className="w-6 h-6" />, number: "10K+", label: "Active Users" },
-          { icon: <Building2 className="w-6 h-6" />, number: "500+", label: "Companies" },
-          { icon: <TrendingUp className="w-6 h-6" />, number: "99.9%", label: "Uptime" },
-          { icon: <Headphones className="w-6 h-6" />, number: "24/7", label: "Support" }
-        ]}
-      />
-    ),
-  },
-  {
-    name: 'TestimonialSection',
-    category: 'blocks',
-    description: 'Customer testimonials and reviews',
-    importPath: "import { TestimonialSection } from '@djangocfg/ui/blocks';",
-    example: `<TestimonialSection
-  title="What Our Customers Say"
-  testimonials={[{
-    content: "This product changed how we work!",
-    author: {
-      name: "John Doe",
-      title: "CEO",
-      company: "Company"
-    }
-  }]}
-/>`,
-    preview: (
-      <TestimonialSection
-        title="What Our Customers Say"
-        testimonials={[
-          {
-            content: "This product changed how we work. Highly recommended!",
-            author: {
-              name: "John Doe",
-              title: "CEO",
-              company: "Company",
-              avatar: "/avatar.jpg"
-            }
-          }
-        ]}
-      />
-    ),
-  },
-];