ui-lab-registry 0.3.45 → 0.3.46

package/dist/providers/Theme/examples/03-advanced-patterns.js

@@ -1,134 +0,0 @@
-/**
- * EXAMPLE: Advanced Theme Patterns
- * Programmatic control, conditional rendering, and smooth transitions
- */
-/**
- * 1. Programmatic theme control
- * Set theme to a specific mode based on user preference or application logic
- *
- * 'use client'
- * import { useTheme } from '@ui/providers'
- * import { Button } from 'ui-lab-components'
- *
- * export function ThemeControlPanel() {
- *   const { themeMode, setThemeMode, resetToDevicePreference } = useTheme()
- *
- *   return (
- *     <div className="flex gap-2">
- *       <Button
- *         variant={themeMode === 'light' ? 'primary' : 'outline'}
- *         onPress={() => setThemeMode('light')}
- *       >
- *         Light
- *       </Button>
- *       <Button
- *         variant={themeMode === 'dark' ? 'primary' : 'outline'}
- *         onPress={() => setThemeMode('dark')}
- *       >
- *         Dark
- *       </Button>
- *       <Button variant="ghost" onPress={resetToDevicePreference}>
- *         Reset to Device
- *       </Button>
- *     </div>
- *   )
- * }
- */
-/**
- * 2. Conditional rendering based on theme
- * Show different content or styling based on current theme mode
- *
- * 'use client'
- * import { useThemeMode } from '@ui/providers'
- *
- * export function ThemeAwareContent() {
- *   const themeMode = useThemeMode()
- *
- *   return (
- *     <div className="p-4 border border-background-700 rounded-lg">
- *       {themeMode === 'light' ? (
- *         <div className="bg-background-100 text-foreground-400">
- *           <h2>Light Mode Content</h2>
- *           <p>This content is optimized for light mode viewing.</p>
- *         </div>
- *       ) : (
- *         <div className="bg-background-900 text-foreground-50">
- *           <h2>Dark Mode Content</h2>
- *           <p>This content is optimized for dark mode viewing.</p>
- *         </div>
- *       )}
- *     </div>
- *   )
- * }
- */
-/**
- * 3. Smooth theme transitions using View Transition API
- * Creates animated transitions when switching themes
- *
- * 'use client'
- * import { useTheme } from '@ui/providers'
- * import { Button } from 'ui-lab-components'
- *
- * export function SmoothThemeToggle() {
- *   const { themeMode, toggleThemeMode } = useTheme()
- *
- *   const handleToggleWithTransition = () => {
- *     if (!('startViewTransition' in document)) {
- *       toggleThemeMode()
- *       return
- *     }
- *     (document as any).startViewTransition(() => {
- *       toggleThemeMode()
- *     })
- *   }
- *
- *   return (
- *     <Button
- *       variant="ghost"
- *       onPress={handleToggleWithTransition}
- *       className="transition-colors duration-200"
- *     >
- *       {themeMode === 'dark' ? '☀️' : '🌙'}
- *     </Button>
- *   )
- * }
- */
-/**
- * 4. Full theme information display
- * Show comprehensive theme state including device preference and manual overrides
- *
- * 'use client'
- * import { useTheme } from '@ui/providers'
- *
- * export function ThemeStatusDisplay() {
- *   const { themeMode, themeSource, devicePreference } = useTheme()
- *
- *   return (
- *     <div className="space-y-2 p-4 bg-background-800 rounded-lg text-foreground-100 text-sm">
- *       <div className="flex justify-between">
- *         <span>Active Mode:</span>
- *         <span className="font-mono">{themeMode}</span>
- *       </div>
- *       <div className="flex justify-between">
- *         <span>Source:</span>
- *         <span className="font-mono capitalize">{themeSource}</span>
- *       </div>
- *       <div className="flex justify-between">
- *         <span>Device Preference:</span>
- *         <span className="font-mono capitalize">{devicePreference}</span>
- *       </div>
- *       {themeSource === 'manual' && (
- *         <div className="mt-2 p-2 bg-accent-900 rounded text-accent-200 text-xs">
- *           ℹ️ Override active: Theme is manually set, ignoring device preference
- *         </div>
- *       )}
- *     </div>
- *   )
- * }
- */
-export const metadata = {
-    title: 'Advanced Theme Patterns',
-    description: 'Programmatic control, conditional rendering, and smooth transitions',
-    category: 'advanced',
-};
-//# sourceMappingURL=03-advanced-patterns.js.map

package/dist/providers/Theme/examples/03-advanced-patterns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-advanced-patterns.js","sourceRoot":"","sources":["../../../../src/providers/Theme/examples/03-advanced-patterns.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,qEAAqE;IAClF,QAAQ,EAAE,UAAmB;CAC9B,CAAA"}

package/dist/providers/Theme/examples/index.d.ts

@@ -1,4 +0,0 @@
-export { metadata as providerSetupMetadata } from './01-provider-setup.js';
-export { metadata as toggleMetadata } from './02-toggle-component.js';
-export { metadata as advancedMetadata } from './03-advanced-patterns.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/Theme/examples/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/Theme/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/providers/Theme/examples/index.js

@@ -1,4 +0,0 @@
-export { metadata as providerSetupMetadata } from './01-provider-setup.js';
-export { metadata as toggleMetadata } from './02-toggle-component.js';
-export { metadata as advancedMetadata } from './03-advanced-patterns.js';
-//# sourceMappingURL=index.js.map

package/dist/providers/Theme/examples/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/providers/Theme/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/sections/CTA/variations/01-banner/index.d.ts

@@ -1,7 +0,0 @@
-export declare function BannerCTA(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/CTA/variations/01-banner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/CTA/variations/01-banner/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,4CAuCxB;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/CTA/variations/01-banner/index.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-import { ArrowRight } from 'lucide-react';
-export function BannerCTA() {
-    return (_jsx("section", { className: "w-full py-16 px-4 md:py-24", children: _jsx("div", { className: "mx-auto max-w-4xl", children: _jsxs("div", { className: "relative overflow-hidden rounded-2xl bg-gradient-to-r from-accent-600 to-accent-500 px-6 py-12 md:px-12 md:py-16", children: [_jsx("div", { className: "absolute right-0 top-0 h-96 w-96 translate-x-1/3 -translate-y-1/4 rounded-full bg-accent-400 opacity-10 blur-3xl" }), _jsx("div", { className: "absolute left-0 bottom-0 h-80 w-80 -translate-x-1/3 translate-y-1/4 rounded-full bg-accent-600 opacity-10 blur-3xl" }), _jsxs("div", { className: "relative z-10", children: [_jsx("h2", { className: "mx-auto mb-4 max-w-2xl text-3xl font-bold text-white md:text-4xl", children: "Ready to get started?" }), _jsx("p", { className: "mx-auto mb-8 max-w-xl text-lg text-accent-50", children: "Join thousands of satisfied users and transform the way you work today. No credit card required." }), _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:justify-center", children: [_jsxs(Button, { variant: "secondary", size: "lg", className: "group w-full sm:w-auto", children: ["Get Started Free", _jsx(ArrowRight, { className: "ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" })] }), _jsx(Button, { variant: "outline", size: "lg", className: "border-white text-white hover:bg-white/10 w-full sm:w-auto", children: "Schedule Demo" })] })] })] }) }) }));
-}
-export const metadata = {
-    name: 'Banner CTA',
-    description: 'Wide banner call-to-action with gradient background and dual action buttons',
-    demoPath: 'cta-banner',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/CTA/variations/01-banner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/CTA/variations/01-banner/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,kBAAS,SAAS,EAAC,4BAA4B,YAC7C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,kHAAkH,aAE/H,cAAK,SAAS,EAAC,kHAAkH,GAAG,EACpI,cAAK,SAAS,EAAC,oHAAoH,GAAG,EAEtI,eAAK,SAAS,EAAC,eAAe,aAC5B,aAAI,SAAS,EAAC,kEAAkE,sCAE3E,EACL,YAAG,SAAS,EAAC,8CAA8C,iHAEvD,EAEJ,eAAK,SAAS,EAAC,mDAAmD,aAChE,MAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,wBAAwB,iCAGlC,KAAC,UAAU,IAAC,SAAS,EAAC,6DAA6D,GAAG,IAC/E,EACT,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,4DAA4D,8BAG/D,IACL,IACF,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,6EAA6E;IAC1F,QAAQ,EAAE,YAAY;CACvB,CAAC"}

package/dist/sections/CTA/variations/02-split/index.d.ts

@@ -1,7 +0,0 @@
-export declare function SplitCTA(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/CTA/variations/02-split/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/CTA/variations/02-split/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,QAAQ,4CA6EvB;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/CTA/variations/02-split/index.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-import { CheckCircle2 } from 'lucide-react';
-export function SplitCTA() {
-    const features = [
-        'Instant setup and configuration',
-        'Real-time analytics and reporting',
-        'Dedicated customer support',
-        'Enterprise-grade security',
-    ];
-    return (_jsx("section", { className: "w-full py-16 px-4 md:py-24", children: _jsx("div", { className: "mx-auto max-w-6xl", children: _jsxs("div", { className: "grid gap-8 md:gap-12 md:grid-cols-2 items-center", children: [_jsxs("div", { className: "order-2 md:order-1", children: [_jsx("div", { className: "mb-4 inline-block rounded-full bg-accent-500/10 px-4 py-1.5", children: _jsx("span", { className: "text-sm font-medium text-accent-600", children: "Limited Time Offer" }) }), _jsx("h2", { className: "mb-4 text-3xl font-bold text-foreground-400 md:text-4xl", children: "Get 50% off for the first 3 months" }), _jsx("p", { className: "mb-8 text-lg text-foreground-400", children: "Upgrade your workflow and unlock powerful features that will transform how your team collaborates." }), _jsx("ul", { className: "mb-8 space-y-3", children: features.map((feature, index) => (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx(CheckCircle2, { className: "h-5 w-5 flex-shrink-0 text-accent-500" }), _jsx("span", { className: "text-foreground-400", children: feature })] }, index))) }), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [_jsx(Button, { size: "lg", className: "w-full sm:w-auto", children: "Claim Offer" }), _jsx(Button, { variant: "outline", size: "lg", className: "w-full sm:w-auto", children: "Learn More" })] }), _jsx("p", { className: "mt-6 text-sm text-foreground-400", children: "No credit card needed. Cancel anytime." })] }), _jsx("div", { className: "order-1 md:order-2", children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 rounded-2xl bg-gradient-to-br from-background-800 to-background-900" }), _jsx("div", { className: "absolute inset-0 rounded-2xl bg-gradient-to-tr from-accent-500/20 to-accent-600/20" }), _jsx("div", { className: "relative rounded-2xl border border-background-700 bg-background-900/50 p-8 backdrop-blur-sm", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "h-3 w-24 rounded-full bg-background-700" }), _jsx("div", { className: "h-3 w-32 rounded-full bg-background-700" }), _jsx("div", { className: "mt-6 h-32 rounded-md bg-gradient-to-br from-accent-500/30 to-accent-600/30" }), _jsx("div", { className: "grid grid-cols-3 gap-4 pt-4", children: [1, 2, 3].map((i) => (_jsxs("div", { className: "rounded bg-background-700 p-3 text-center", children: [_jsx("div", { className: "text-lg font-bold text-accent-500", children: "42K" }), _jsx("div", { className: "text-sm text-foreground-400", children: "Active Users" })] }, i))) })] }) })] }) })] }) }) }));
-}
-export const metadata = {
-    name: 'Split CTA',
-    description: 'Two-column layout with promotional content on left and visual mockup on right',
-    demoPath: 'cta-split',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/CTA/variations/02-split/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/CTA/variations/02-split/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,UAAU,QAAQ;IACtB,MAAM,QAAQ,GAAG;QACf,iCAAiC;QACjC,mCAAmC;QACnC,4BAA4B;QAC5B,2BAA2B;KAC5B,CAAC;IAEF,OAAO,CACL,kBAAS,SAAS,EAAC,4BAA4B,YAC7C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,kDAAkD,aAE/D,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,6DAA6D,YAC1E,eAAM,SAAS,EAAC,qCAAqC,mCAA0B,GAC3E,EAEN,aAAI,SAAS,EAAC,yDAAyD,mDAElE,EACL,YAAG,SAAS,EAAC,kCAAkC,mHAE3C,EAEJ,aAAI,SAAS,EAAC,gBAAgB,YAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,cAAgB,SAAS,EAAC,yBAAyB,aACjD,KAAC,YAAY,IAAC,SAAS,EAAC,uCAAuC,GAAG,EAClE,eAAM,SAAS,EAAC,qBAAqB,YAAE,OAAO,GAAQ,KAF/C,KAAK,CAGT,CACN,CAAC,GACC,EAEL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,4BAErC,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,2BAEvD,IACL,EAEN,YAAG,SAAS,EAAC,kCAAkC,uDAE3C,IACA,EAGN,cAAK,SAAS,EAAC,oBAAoB,YACjC,eAAK,SAAS,EAAC,UAAU,aAEvB,cAAK,SAAS,EAAC,sFAAsF,GAAG,EACxG,cAAK,SAAS,EAAC,oFAAoF,GAAG,EAGtG,cAAK,SAAS,EAAC,6FAA6F,YAC1G,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,yCAAyC,GAAG,EAC3D,cAAK,SAAS,EAAC,yCAAyC,GAAG,EAC3D,cAAK,SAAS,EAAC,4EAA4E,GAAG,EAC9F,cAAK,SAAS,EAAC,6BAA6B,YACzC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,eAAa,SAAS,EAAC,2CAA2C,aAChE,cAAK,SAAS,EAAC,mCAAmC,oBAAU,EAC5D,cAAK,SAAS,EAAC,6BAA6B,6BAAmB,KAFvD,CAAC,CAGL,CACP,CAAC,GACE,IACF,GACF,IACF,GACF,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,+EAA+E;IAC5F,QAAQ,EAAE,WAAW;CACtB,CAAC"}

package/dist/sections/CTA/variations/index.d.ts

@@ -1,13 +0,0 @@
-export { BannerCTA } from './01-banner/index.js';
-export { SplitCTA } from './02-split/index.js';
-export declare const DEMO_MAP: {
-    readonly 'cta-banner': {
-        readonly key: "01-banner";
-        readonly export: "BannerCTA";
-    };
-    readonly 'cta-split': {
-        readonly key: "02-split";
-        readonly export: "SplitCTA";
-    };
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/CTA/variations/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sections/CTA/variations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,eAAO,MAAM,QAAQ;;;;;;;;;CAGX,CAAC"}

package/dist/sections/CTA/variations/index.js

@@ -1,7 +0,0 @@
-export { BannerCTA } from './01-banner/index.js';
-export { SplitCTA } from './02-split/index.js';
-export const DEMO_MAP = {
-    'cta-banner': { key: '01-banner', export: 'BannerCTA' },
-    'cta-split': { key: '02-split', export: 'SplitCTA' },
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/CTA/variations/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/sections/CTA/variations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,YAAY,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE;IACvD,WAAW,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE;CAC5C,CAAC"}

package/dist/sections/Features/variations/01-grid/index.d.ts

@@ -1,7 +0,0 @@
-export declare function GridFeatures(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Features/variations/01-grid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/Features/variations/01-grid/index.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,YAAY,4CAuC3B;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/Features/variations/01-grid/index.js

@@ -1,47 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Zap, Shield, Gauge, Users, Clock, TrendingUp } from 'lucide-react';
-const features = [
-    {
-        icon: Zap,
-        name: 'Lightning Fast',
-        description: 'Optimized performance with sub-100ms response times',
-    },
-    {
-        icon: Shield,
-        name: 'Secure by Default',
-        description: 'Enterprise-grade encryption and security protocols',
-    },
-    {
-        icon: Gauge,
-        name: 'Highly Scalable',
-        description: 'Handles millions of requests without breaking a sweat',
-    },
-    {
-        icon: Users,
-        name: 'Team Friendly',
-        description: 'Built for collaboration with real-time synchronization',
-    },
-    {
-        icon: Clock,
-        name: '24/7 Support',
-        description: 'Round-the-clock customer support and monitoring',
-    },
-    {
-        icon: TrendingUp,
-        name: 'Grow Your Business',
-        description: 'Built-in analytics to track growth and optimize performance',
-    },
-];
-export function GridFeatures() {
-    return (_jsx("section", { className: "w-full py-16 px-4 md:py-24", children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-12 text-center md:mb-16", children: [_jsx("h2", { className: "mb-4 text-3xl font-bold text-foreground-400 md:text-4xl", children: "Powerful features for modern teams" }), _jsx("p", { className: "mx-auto max-w-2xl text-lg text-foreground-400", children: "Everything you need to build, deploy, and scale your applications with confidence" })] }), _jsx("div", { className: "grid gap-8 md:grid-cols-3", children: features.map((feature, index) => {
-                        const Icon = feature.icon;
-                        return (_jsxs("div", { className: "group rounded-md border border-background-700 bg-background-900/50 p-6 backdrop-blur-sm transition-all hover:border-accent-500/50 hover:bg-background-900", children: [_jsx("div", { className: "mb-4 inline-flex rounded-md bg-accent-500/10 p-3", children: _jsx(Icon, { className: "h-6 w-6 text-accent-500" }) }), _jsx("h3", { className: "mb-2 text-lg font-semibold text-foreground-400", children: feature.name }), _jsx("p", { className: "text-foreground-400", children: feature.description })] }, index));
-                    }) })] }) }));
-}
-export const metadata = {
-    name: 'Grid Features',
-    description: '3-column grid layout showcasing key features with icons',
-    demoPath: 'features-grid',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/Features/variations/01-grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/Features/variations/01-grid/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,MAAM,QAAQ,GAAG;IACf;QACE,IAAI,EAAE,GAAG;QACT,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,qDAAqD;KACnE;IACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,oDAAoD;KAClE;IACD;QACE,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,uDAAuD;KACrE;IACD;QACE,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,wDAAwD;KACtE;IACD;QACE,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,iDAAiD;KAC/D;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,oBAAoB;QAC1B,WAAW,EAAE,6DAA6D;KAC3E;CACF,CAAC;AAEF,MAAM,UAAU,YAAY;IAC1B,OAAO,CACL,kBAAS,SAAS,EAAC,4BAA4B,YAC7C,eAAK,SAAS,EAAC,mBAAmB,aAEhC,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,yDAAyD,mDAElE,EACL,YAAG,SAAS,EAAC,+CAA+C,kGAExD,IACA,EAGN,cAAK,SAAS,EAAC,2BAA2B,YACvC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAC/B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;wBAC1B,OAAO,CACL,eAEE,SAAS,EAAC,2JAA2J,aAErK,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,GAAG,GACxC,EACN,aAAI,SAAS,EAAC,gDAAgD,YAC3D,OAAO,CAAC,IAAI,GACV,EACL,YAAG,SAAS,EAAC,qBAAqB,YAC/B,OAAO,CAAC,WAAW,GAClB,KAXC,KAAK,CAYN,CACP,CAAC;oBACJ,CAAC,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,yDAAyD;IACtE,QAAQ,EAAE,eAAe;CAC1B,CAAC"}

package/dist/sections/Features/variations/02-list/index.d.ts

@@ -1,7 +0,0 @@
-export declare function FeatureList(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Features/variations/02-list/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/Features/variations/02-list/index.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,WAAW,4CAyE1B;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/Features/variations/02-list/index.js

@@ -1,52 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircle2 } from 'lucide-react';
-const featureBlocks = [
-    {
-        id: 1,
-        title: 'Advanced Analytics',
-        description: 'Gain deep insights into your data with powerful visualization tools and custom reports',
-        benefits: [
-            'Real-time dashboards',
-            'Custom report builder',
-            'Data export in multiple formats',
-            'Predictive analytics',
-        ],
-        image: 'analytics',
-    },
-    {
-        id: 2,
-        title: 'Seamless Integration',
-        description: 'Connect with your favorite tools and services in minutes without any coding',
-        benefits: [
-            'Pre-built integrations',
-            'REST API access',
-            'Webhook support',
-            'Custom API clients',
-        ],
-        image: 'integration',
-    },
-    {
-        id: 3,
-        title: 'Smart Automation',
-        description: 'Automate repetitive tasks and workflows to save time and reduce human error',
-        benefits: [
-            'Visual workflow builder',
-            'Conditional logic',
-            'Scheduled execution',
-            'Error handling',
-        ],
-        image: 'automation',
-    },
-];
-export function FeatureList() {
-    return (_jsx("section", { className: "w-full py-16 px-4 md:py-24", children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-16 text-center", children: [_jsx("h2", { className: "mb-4 text-3xl font-bold text-foreground-400 md:text-4xl", children: "Designed for your success" }), _jsx("p", { className: "mx-auto max-w-2xl text-lg text-foreground-400", children: "Comprehensive features to help you achieve your goals faster" })] }), _jsx("div", { className: "space-y-16 md:space-y-24", children: featureBlocks.map((block, index) => (_jsxs("div", { className: "grid gap-8 md:gap-12 md:grid-cols-2 items-center", children: [_jsxs("div", { className: index % 2 === 1 ? 'md:order-2' : '', children: [_jsx("h3", { className: "mb-4 text-2xl font-bold text-foreground-400 md:text-3xl", children: block.title }), _jsx("p", { className: "mb-6 text-lg text-foreground-400", children: block.description }), _jsx("ul", { className: "space-y-3", children: block.benefits.map((benefit, i) => (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx(CheckCircle2, { className: "h-5 w-5 flex-shrink-0 text-accent-500" }), _jsx("span", { className: "text-foreground-400", children: benefit })] }, i))) })] }), _jsx("div", { className: index % 2 === 1 ? 'md:order-1' : '', children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 rounded-2xl bg-gradient-to-br from-background-800 to-background-900" }), _jsx("div", { className: `absolute inset-0 rounded-2xl bg-gradient-to-tr ${index === 0 ? 'from-accent-500/20 to-accent-600/20' :
-                                                index === 1 ? 'from-blue-500/20 to-blue-600/20' :
-                                                    'from-purple-500/20 to-purple-600/20'}` }), _jsx("div", { className: "relative rounded-2xl border border-background-700 bg-background-900/50 p-8 backdrop-blur-sm overflow-hidden", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "h-4 w-16 rounded-full bg-background-700" }), _jsx("div", { className: "h-4 w-20 rounded-full bg-background-700" }), _jsx("div", { className: "mt-6 h-40 rounded-md bg-gradient-to-br from-foreground-200/20 to-foreground-100/10" }), _jsx("div", { className: "grid grid-cols-3 gap-2 pt-4", children: [1, 2, 3].map((i) => (_jsx("div", { className: "h-12 rounded bg-background-700" }, i))) })] }) })] }) })] }, block.id))) })] }) }));
-}
-export const metadata = {
-    name: 'Feature List',
-    description: 'Alternating left-right layout showcasing detailed features with benefits',
-    demoPath: 'features-list',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/Features/variations/02-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/Features/variations/02-list/index.tsx"],"names":[],"mappings":"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"}

package/dist/sections/Features/variations/index.d.ts

@@ -1,13 +0,0 @@
-export { GridFeatures } from './01-grid/index.js';
-export { FeatureList } from './02-list/index.js';
-export declare const DEMO_MAP: {
-    readonly 'features-grid': {
-        readonly key: "01-grid";
-        readonly export: "GridFeatures";
-    };
-    readonly 'features-list': {
-        readonly key: "02-list";
-        readonly export: "FeatureList";
-    };
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Features/variations/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sections/Features/variations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,eAAO,MAAM,QAAQ;;;;;;;;;CAGX,CAAC"}

package/dist/sections/Features/variations/index.js

@@ -1,7 +0,0 @@
-export { GridFeatures } from './01-grid/index.js';
-export { FeatureList } from './02-list/index.js';
-export const DEMO_MAP = {
-    'features-grid': { key: '01-grid', export: 'GridFeatures' },
-    'features-list': { key: '02-list', export: 'FeatureList' },
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/Features/variations/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/sections/Features/variations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,eAAe,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE;IAC3D,eAAe,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE;CAClD,CAAC"}

package/dist/sections/Hero/variations/01-simple/index.d.ts

@@ -1,7 +0,0 @@
-export declare function SimpleHero(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Hero/variations/01-simple/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/01-simple/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CAkCzB;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/Hero/variations/01-simple/index.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-export function SimpleHero() {
-    return (_jsx("section", { className: "w-full min-h-screen bg-gradient-to-br from-background-900 via-background-950 to-background-900 flex items-center justify-center px-4 py-20", children: _jsxs("div", { className: "max-w-4xl mx-auto text-center space-y-8", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h1", { className: "text-5xl md:text-6xl font-bold text-foreground-50 leading-tight", children: "Beautiful Design Systems" }), _jsx("p", { className: "text-xl text-foreground-300 max-w-2xl mx-auto leading-relaxed", children: "Build modern interfaces with reusable components and consistent design patterns. Everything you need to create exceptional user experiences." })] }), _jsxs("div", { className: "flex flex-wrap gap-4 justify-center pt-4", children: [_jsx(Button, { variant: "default", size: "lg", children: "Get Started" }), _jsx(Button, { variant: "outline", size: "lg", children: "Learn More" })] }), _jsxs("div", { className: "pt-12 border-t border-background-700", children: [_jsx("p", { className: "text-sm text-foreground-400 mb-6", children: "Trusted by leading companies" }), _jsxs("div", { className: "flex justify-center items-center gap-8 flex-wrap", children: [_jsx("div", { className: "h-8 w-24 bg-background-700 rounded opacity-40" }), _jsx("div", { className: "h-8 w-24 bg-background-700 rounded opacity-40" }), _jsx("div", { className: "h-8 w-24 bg-background-700 rounded opacity-40" }), _jsx("div", { className: "h-8 w-24 bg-background-700 rounded opacity-40" })] })] })] }) }));
-}
-export const metadata = {
-    name: 'Simple Hero',
-    description: 'Clean hero section with headline, subheading, and dual CTA buttons',
-    demoPath: 'hero-simple',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/Hero/variations/01-simple/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/01-simple/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,kBAAS,SAAS,EAAC,4IAA4I,YAC7J,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,iEAAiE,yCAE1E,EACL,YAAG,SAAS,EAAC,+DAA+D,6JAExE,IACA,EAEN,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,4BAE1B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,2BAE1B,IACL,EAEN,eAAK,SAAS,EAAC,sCAAsC,aACnD,YAAG,SAAS,EAAC,kCAAkC,6CAAiC,EAChF,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,+CAA+C,GAAG,EACjE,cAAK,SAAS,EAAC,+CAA+C,GAAG,EACjE,cAAK,SAAS,EAAC,+CAA+C,GAAG,EACjE,cAAK,SAAS,EAAC,+CAA+C,GAAG,IAC7D,IACF,IACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,oEAAoE;IACjF,QAAQ,EAAE,aAAa;CACxB,CAAC"}

package/dist/sections/Hero/variations/02-with-cta/index.d.ts

@@ -1,7 +0,0 @@
-export declare function HeroWithCTA(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Hero/variations/02-with-cta/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/02-with-cta/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,4CA8D1B;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/Hero/variations/02-with-cta/index.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-export function HeroWithCTA() {
-    return (_jsx("section", { className: "w-full min-h-screen bg-background-950 flex items-center justify-center px-4 py-20", children: _jsx("div", { className: "max-w-6xl mx-auto w-full", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center", children: [_jsxs("div", { className: "space-y-8 order-2 lg:order-1", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-background-700 bg-background-900", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-accent-500" }), _jsx("span", { className: "text-sm text-foreground-400", children: "Now Available" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h1", { className: "text-5xl lg:text-6xl font-bold text-foreground-50 leading-tight", children: "Accelerate Your Development" }), _jsx("p", { className: "text-lg text-foreground-300 leading-relaxed", children: "Comprehensive component library with production-ready code, extensive documentation, and accessibility best practices built in." })] }), _jsx("ul", { className: "space-y-3", children: ['50+ UI Components', 'TypeScript Support', 'Fully Customizable'].map(feature => (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-5 h-5 rounded-full bg-accent-500/20 flex items-center justify-center", children: _jsx("div", { className: "w-2 h-2 rounded-full bg-accent-400" }) }), _jsx("span", { className: "text-foreground-300", children: feature })] }, feature))) }), _jsxs("div", { className: "flex flex-wrap gap-4 pt-4", children: [_jsx(Button, { variant: "default", size: "lg", children: "Start Building" }), _jsx(Button, { variant: "outline", size: "lg", children: "View Docs" })] })] }), _jsx("div", { className: "order-1 lg:order-2", children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-accent-500/10 to-accent-600/10 rounded-xl blur-3xl" }), _jsxs("div", { className: "relative bg-gradient-to-br from-background-900 to-background-800 rounded-xl p-8 border border-background-700 shadow-xl", children: [_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "h-12 bg-background-700/50 rounded" }), _jsx("div", { className: "h-8 bg-background-700/30 rounded w-3/4" }), _jsx("div", { className: "h-8 bg-background-700/30 rounded w-2/3" })] }), _jsx("div", { className: "mt-8 space-y-2", children: [...Array(5)].map((_, i) => (_jsx("div", { className: "h-3 bg-background-700/20 rounded" }, i))) })] })] }) })] }) }) }));
-}
-export const metadata = {
-    name: 'Hero with CTA',
-    description: 'Alternating layout with feature highlights and visual mockup representation',
-    demoPath: 'hero-with-cta',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/Hero/variations/02-with-cta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/02-with-cta/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,kBAAS,SAAS,EAAC,mFAAmF,YACpG,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,+DAA+D,aAC5E,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAK,SAAS,EAAC,sGAAsG,aACnH,eAAM,SAAS,EAAC,oCAAoC,GAAG,EACvD,eAAM,SAAS,EAAC,6BAA6B,8BAAqB,IAC9D,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,iEAAiE,4CAE1E,EACL,YAAG,SAAS,EAAC,6CAA6C,gJAEtD,IACA,EAEN,aAAI,SAAS,EAAC,WAAW,YACtB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAChF,cAAkB,SAAS,EAAC,yBAAyB,aACnD,cAAK,SAAS,EAAC,wEAAwE,YACrF,cAAK,SAAS,EAAC,oCAAoC,GAAG,GAClD,EACN,eAAM,SAAS,EAAC,qBAAqB,YAAE,OAAO,GAAQ,KAJ/C,OAAO,CAKX,CACN,CAAC,GACC,EAEL,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,+BAE1B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,0BAE1B,IACL,IACF,EAEN,cAAK,SAAS,EAAC,oBAAoB,YACjC,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,4FAA4F,GAAG,EAC9G,eAAK,SAAS,EAAC,wHAAwH,aACrI,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,cAAK,SAAS,EAAC,wCAAwC,GAAG,EAC1D,cAAK,SAAS,EAAC,wCAAwC,GAAG,IACtD,EACN,cAAK,SAAS,EAAC,gBAAgB,YAC5B,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,cAAa,SAAS,EAAC,kCAAkC,IAA/C,CAAC,CAAiD,CAC7D,CAAC,GACE,IACF,IACF,GACF,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,6EAA6E;IAC1F,QAAQ,EAAE,eAAe;CAC1B,CAAC"}

package/dist/sections/Hero/variations/03-with-stats/index.d.ts

@@ -1,7 +0,0 @@
-export declare function HeroWithStats(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Hero/variations/03-with-stats/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/03-with-stats/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,4CAmD5B;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/Hero/variations/03-with-stats/index.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-export function HeroWithStats() {
-    const stats = [
-        { label: 'Projects Completed', value: '500+' },
-        { label: 'Happy Clients', value: '1000+' },
-        { label: 'Team Members', value: '50+' },
-        { label: 'Years in Business', value: '10+' },
-    ];
-    return (_jsx("section", { className: "w-full min-h-screen bg-background-950 flex items-center justify-center px-4 py-20", children: _jsx("div", { className: "max-w-6xl mx-auto w-full", children: _jsxs("div", { className: "text-center space-y-12", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-background-700 bg-background-900", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-accent-500" }), _jsx("span", { className: "text-sm text-foreground-400", children: "Proven Track Record" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h1", { className: "text-5xl lg:text-6xl font-bold text-foreground-50 leading-tight", children: "Trusted by Industry Leaders" }), _jsx("p", { className: "text-lg text-foreground-300 max-w-2xl mx-auto leading-relaxed", children: "Our proven expertise and track record speak for themselves. Join hundreds of satisfied clients who've transformed their businesses with our solutions." })] }), _jsxs("div", { className: "flex flex-wrap gap-4 justify-center pt-4", children: [_jsx(Button, { variant: "default", size: "lg", children: "Get Started Today" }), _jsx(Button, { variant: "outline", size: "lg", children: "View Case Studies" })] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 pt-12 border-t border-background-700", children: stats.map((stat) => (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-3xl lg:text-4xl font-bold text-accent-500", children: stat.value }), _jsx("p", { className: "text-sm text-foreground-400", children: stat.label })] }, stat.label))) })] }) }) }));
-}
-export const metadata = {
-    name: 'Hero with Stats',
-    description: 'Hero section with statistics and metrics showcasing company achievements and credibility',
-    demoPath: 'hero-with-stats',
-};
-//# sourceMappingURL=index.js.map

package/dist/sections/Hero/variations/03-with-stats/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/03-with-stats/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG;QACZ,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9C,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QACvC,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE;KAC7C,CAAC;IAEF,OAAO,CACL,kBAAS,SAAS,EAAC,mFAAmF,YACpG,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,sGAAsG,aACnH,eAAM,SAAS,EAAC,oCAAoC,GAAG,EACvD,eAAM,SAAS,EAAC,6BAA6B,oCAA2B,IACpE,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,iEAAiE,4CAE1E,EACL,YAAG,SAAS,EAAC,+DAA+D,uKAExE,IACA,EAEN,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,kCAE1B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,kCAE1B,IACL,IACF,EAEN,cAAK,SAAS,EAAC,2FAA2F,YACvG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAAsB,SAAS,EAAC,WAAW,aACzC,cAAK,SAAS,EAAC,gDAAgD,YAC5D,IAAI,CAAC,KAAK,GACP,EACN,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,GAAK,KAJnD,IAAI,CAAC,KAAK,CAKd,CACP,CAAC,GACE,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,0FAA0F;IACvG,QAAQ,EAAE,iBAAiB;CAC5B,CAAC"}

package/dist/sections/Hero/variations/04-with-features/index.d.ts

@@ -1,7 +0,0 @@
-export declare function HeroWithFeatures(): import("react/jsx-runtime").JSX.Element;
-export declare const metadata: {
-    name: string;
-    description: string;
-    demoPath: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/sections/Hero/variations/04-with-features/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sections/Hero/variations/04-with-features/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,4CA0E/B;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC"}

package/dist/sections/Hero/variations/04-with-features/index.js

@@ -1,38 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-import { Zap, Shield, Rocket, Layers } from 'lucide-react';
-export function HeroWithFeatures() {
-    const features = [
-        {
-            icon: Zap,
-            title: 'Lightning Fast',
-            description: 'Optimized performance for blazing fast load times and smooth interactions.',
-        },
-        {
-            icon: Shield,
-            title: 'Secure by Default',
-            description: 'Enterprise-grade security with built-in protection and compliance standards.',
-        },
-        {
-            icon: Rocket,
-            title: 'Production Ready',
-            description: 'Battle-tested code ready for immediate deployment to production.',
-        },
-        {
-            icon: Layers,
-            title: 'Fully Customizable',
-            description: 'Extensive configuration options to match your unique brand and requirements.',
-        },
-    ];
-    return (_jsx("section", { className: "w-full bg-background-950 px-4 py-20", children: _jsx("div", { className: "max-w-6xl mx-auto w-full", children: _jsxs("div", { className: "space-y-12", children: [_jsxs("div", { className: "text-center space-y-6", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full border border-background-700 bg-background-900", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-accent-500" }), _jsx("span", { className: "text-sm text-foreground-400", children: "Powerful Features" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h1", { className: "text-5xl lg:text-6xl font-bold text-foreground-50 leading-tight", children: "Everything You Need to Succeed" }), _jsx("p", { className: "text-lg text-foreground-300 max-w-2xl mx-auto leading-relaxed", children: "Comprehensive toolkit with all the features you need to build amazing applications quickly and efficiently." })] }), _jsxs("div", { className: "flex flex-wrap gap-4 justify-center pt-4", children: [_jsx(Button, { variant: "default", size: "lg", children: "Start Building" }), _jsx(Button, { variant: "outline", size: "lg", children: "View Documentation" })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 pt-12", children: features.map((feature) => {
-                            const IconComponent = feature.icon;
-                            return (_jsxs("div", { className: "p-6 rounded-xl border border-background-700 bg-gradient-to-br from-background-900/50 to-background-950 hover:border-accent-500/30 transition-colors group", children: [_jsx("div", { className: "mb-4 inline-flex p-3 rounded-md bg-accent-500/10 group-hover:bg-accent-500/20 transition-colors", children: _jsx(IconComponent, { className: "w-6 h-6 text-accent-500" }) }), _jsx("h3", { className: "text-lg font-semibold text-foreground-50 mb-2", children: feature.title }), _jsx("p", { className: "text-sm text-foreground-400", children: feature.description })] }, feature.title));
-                        }) })] }) }) }));
-}
-export const metadata = {
-    name: 'Hero with Features',
-    description: 'Hero section with feature cards showcasing key benefits and capabilities',
-    demoPath: 'hero-with-features',
-};
-//# sourceMappingURL=index.js.map