@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3

package/dist/components/ui/layouts/adaptive-layout.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { MobileLayout } from './mobile-layout.js';
+import { TabletLayout } from './tablet-layout.js';
+import { DesktopLayout } from './desktop-layout.js';
+export const AdaptiveLayout = ({ children, title = 'Adaptive Layout', description = 'Automatically adapts to different device types with optimal layouts', showHeader = true, showSidebar = true, showFooter = false, enableTouchOptimization = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
+    const [deviceType, setDeviceType] = useState('desktop');
+    // Device detection and adaptation
+    useEffect(() => {
+        const detectDevice = () => {
+            const width = window.innerWidth;
+            // Device type detection based on screen size
+            if (width < 768) {
+                setDeviceType('mobile');
+            }
+            else if (width < 1024) {
+                setDeviceType('tablet');
+            }
+            else {
+                setDeviceType('desktop');
+            }
+        };
+        detectDevice();
+        window.addEventListener('resize', detectDevice);
+        window.addEventListener('orientationchange', detectDevice);
+        return () => {
+            window.removeEventListener('resize', detectDevice);
+            window.removeEventListener('orientationchange', detectDevice);
+        };
+    }, []);
+    // Render appropriate layout based on device type
+    const renderLayout = () => {
+        const commonProps = {
+            title,
+            description,
+            showHeader,
+            enablePerformanceMonitoring,
+            className
+        };
+        switch (deviceType) {
+            case 'mobile':
+                return (_jsx(MobileLayout, { ...commonProps, showFooter: showFooter, enableTouchOptimization: enableTouchOptimization, children: children }));
+            case 'tablet':
+                return (_jsx(TabletLayout, { ...commonProps, showSidebar: showSidebar, enableTouchOptimization: enableTouchOptimization, children: children }));
+            case 'desktop':
+                return (_jsx(DesktopLayout, { ...commonProps, showSidebar: showSidebar, enableAdvancedFeatures: enableAdvancedFeatures, children: children }));
+            default:
+                return _jsx("div", { children: children });
+        }
+    };
+    return (_jsx("div", { className: className, children: renderLayout() }));
+};
+export default AdaptiveLayout;

package/dist/components/ui/layouts/desktop-layout.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface DesktopLayoutProps {
+    children: ReactNode;
+    title?: string;
+    description?: string;
+    showHeader?: boolean;
+    showSidebar?: boolean;
+    enablePerformanceMonitoring?: boolean;
+    enableAdvancedFeatures?: boolean;
+    className?: string;
+}
+export declare const DesktopLayout: React.FC<DesktopLayoutProps>;
+export default DesktopLayout;
+//# sourceMappingURL=desktop-layout.d.ts.map

package/dist/components/ui/layouts/desktop-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/desktop-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+LtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/ui/layouts/desktop-layout.esm.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+import { Button } from '../button.js';
+export const DesktopLayout = ({ children, title = 'Desktop Layout', description = 'Desktop-optimized layout with advanced features and performance monitoring', showHeader = true, showSidebar = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
+    const [performanceMetrics, setPerformanceMetrics] = useState({
+        renderTime: 0,
+        memoryUsage: 0,
+        cpuUsage: 0,
+        fps: 60
+    });
+    const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+    // Performance monitoring
+    useEffect(() => {
+        if (!enablePerformanceMonitoring)
+            return;
+        const measurePerformance = () => {
+            const startTime = performance.now();
+            // Simulate performance measurement
+            setTimeout(() => {
+                const endTime = performance.now();
+                const renderTime = endTime - startTime;
+                setPerformanceMetrics(prev => ({
+                    ...prev,
+                    renderTime,
+                    memoryUsage: Math.random() * 100,
+                    cpuUsage: Math.random() * 50,
+                    fps: 55 + Math.random() * 10
+                }));
+            }, 100);
+        };
+        measurePerformance();
+        const interval = setInterval(measurePerformance, 4000);
+        return () => clearInterval(interval);
+    }, [enablePerformanceMonitoring]);
+    return (_jsxs("div", { className: `min-h-screen bg-cs-page-bg ${className}`, children: [showHeader && (_jsx("header", { className: "bg-cs-surface border-b border-cs-border px-8 py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-3xl font-bold text-cs-text-primary", children: title }), description && (_jsx("p", { className: "text-lg text-cs-text-secondary mt-3", children: description }))] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Badge, { variant: "outline", className: "text-base", children: "Desktop" }), enableAdvancedFeatures && (_jsx(Badge, { variant: "default", className: "text-base", children: "Advanced" })), enablePerformanceMonitoring && (_jsx(Badge, { variant: "secondary", className: "text-base", children: "Performance" }))] })] }) })), _jsxs("div", { className: "flex flex-1", children: [showSidebar && (_jsx("aside", { className: `bg-cs-surface border-r border-cs-border transition-all duration-300 ${sidebarCollapsed ? 'w-16' : 'w-80'}`, children: _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx("h3", { className: `font-semibold text-cs-text-primary ${sidebarCollapsed ? 'hidden' : 'block'}`, children: "Navigation" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSidebarCollapsed(!sidebarCollapsed), className: "ml-auto", children: sidebarCollapsed ? '→' : '←' })] }), _jsxs("nav", { className: "space-y-2", children: [_jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83C\uDFE0 ", !sidebarCollapsed && 'Dashboard'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83C\uDFA8 ", !sidebarCollapsed && 'Design System'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83D\uDCF1 ", !sidebarCollapsed && 'Mobile Features'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83E\uDDEA ", !sidebarCollapsed && 'Interactive Demos'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83D\uDCCA ", !sidebarCollapsed && 'Performance'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\u2699\uFE0F ", !sidebarCollapsed && 'Configuration'] })] })] }) })), _jsxs("main", { className: "flex-1 p-8 space-y-8", children: [enablePerformanceMonitoring && (_jsxs(Card, { className: "border-2 border-cs-accent", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-2xl flex items-center gap-3", children: ["\uD83D\uDCCA Desktop Performance Metrics", _jsx(Badge, { variant: "outline", className: "text-base", children: "Real-time" })] }), _jsx(CardDescription, { className: "text-base", children: "Advanced performance monitoring for desktop devices" })] }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-2 xl:grid-cols-4 gap-8 text-center", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-4xl font-bold text-cs-primary", children: [performanceMetrics.renderTime.toFixed(1), "ms"] }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "Render Time" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-4xl font-bold text-cs-secondary", children: [performanceMetrics.memoryUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "Memory Usage" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-4xl font-bold text-cs-accent", children: [performanceMetrics.cpuUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "CPU Usage" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-4xl font-bold text-cs-primary", children: performanceMetrics.fps.toFixed(0) }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "FPS" })] })] }) })] })), _jsx("div", { className: "space-y-8", children: children })] })] })] }));
+};
+export default DesktopLayout;

package/dist/components/ui/layouts/desktop-layout.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+import { Button } from '../button.js';
+export const DesktopLayout = ({ children, title = 'Desktop Layout', description = 'Desktop-optimized layout with advanced features and performance monitoring', showHeader = true, showSidebar = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
+    const [performanceMetrics, setPerformanceMetrics] = useState({
+        renderTime: 0,
+        memoryUsage: 0,
+        cpuUsage: 0,
+        fps: 60
+    });
+    const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+    // Performance monitoring
+    useEffect(() => {
+        if (!enablePerformanceMonitoring)
+            return;
+        const measurePerformance = () => {
+            const startTime = performance.now();
+            // Simulate performance measurement
+            setTimeout(() => {
+                const endTime = performance.now();
+                const renderTime = endTime - startTime;
+                setPerformanceMetrics(prev => ({
+                    ...prev,
+                    renderTime,
+                    memoryUsage: Math.random() * 100,
+                    cpuUsage: Math.random() * 50,
+                    fps: 55 + Math.random() * 10
+                }));
+            }, 100);
+        };
+        measurePerformance();
+        const interval = setInterval(measurePerformance, 4000);
+        return () => clearInterval(interval);
+    }, [enablePerformanceMonitoring]);
+    return (_jsxs("div", { className: `min-h-screen bg-cs-page-bg ${className}`, children: [showHeader && (_jsx("header", { className: "bg-cs-surface border-b border-cs-border px-8 py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-3xl font-bold text-cs-text-primary", children: title }), description && (_jsx("p", { className: "text-lg text-cs-text-secondary mt-3", children: description }))] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Badge, { variant: "outline", className: "text-base", children: "Desktop" }), enableAdvancedFeatures && (_jsx(Badge, { variant: "default", className: "text-base", children: "Advanced" })), enablePerformanceMonitoring && (_jsx(Badge, { variant: "secondary", className: "text-base", children: "Performance" }))] })] }) })), _jsxs("div", { className: "flex flex-1", children: [showSidebar && (_jsx("aside", { className: `bg-cs-surface border-r border-cs-border transition-all duration-300 ${sidebarCollapsed ? 'w-16' : 'w-80'}`, children: _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx("h3", { className: `font-semibold text-cs-text-primary ${sidebarCollapsed ? 'hidden' : 'block'}`, children: "Navigation" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSidebarCollapsed(!sidebarCollapsed), className: "ml-auto", children: sidebarCollapsed ? '→' : '←' })] }), _jsxs("nav", { className: "space-y-2", children: [_jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83C\uDFE0 ", !sidebarCollapsed && 'Dashboard'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83C\uDFA8 ", !sidebarCollapsed && 'Design System'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83D\uDCF1 ", !sidebarCollapsed && 'Mobile Features'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83E\uDDEA ", !sidebarCollapsed && 'Interactive Demos'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\uD83D\uDCCA ", !sidebarCollapsed && 'Performance'] }), _jsxs(Button, { variant: "ghost", className: `w-full justify-start ${sidebarCollapsed ? 'px-2' : 'px-4'}`, children: ["\u2699\uFE0F ", !sidebarCollapsed && 'Configuration'] })] })] }) })), _jsxs("main", { className: "flex-1 p-8 space-y-8", children: [enablePerformanceMonitoring && (_jsxs(Card, { className: "border-2 border-cs-accent", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-2xl flex items-center gap-3", children: ["\uD83D\uDCCA Desktop Performance Metrics", _jsx(Badge, { variant: "outline", className: "text-base", children: "Real-time" })] }), _jsx(CardDescription, { className: "text-base", children: "Advanced performance monitoring for desktop devices" })] }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-2 xl:grid-cols-4 gap-8 text-center", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-4xl font-bold text-cs-primary", children: [performanceMetrics.renderTime.toFixed(1), "ms"] }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "Render Time" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-4xl font-bold text-cs-secondary", children: [performanceMetrics.memoryUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "Memory Usage" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-4xl font-bold text-cs-accent", children: [performanceMetrics.cpuUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "CPU Usage" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-4xl font-bold text-cs-primary", children: performanceMetrics.fps.toFixed(0) }), _jsx("p", { className: "text-base text-cs-text-secondary", children: "FPS" })] })] }) })] })), _jsx("div", { className: "space-y-8", children: children })] })] })] }));
+};
+export default DesktopLayout;

package/dist/components/ui/layouts/index.d.ts

@@ -0,0 +1,9 @@
+export { MobileLayout, default as MobileLayoutDefault } from './mobile-layout';
+export { TabletLayout, default as TabletLayoutDefault } from './tablet-layout';
+export { DesktopLayout, default as DesktopLayoutDefault } from './desktop-layout';
+export { AdaptiveLayout, default as AdaptiveLayoutDefault, type DeviceType } from './adaptive-layout';
+export type { MobileLayoutProps } from './mobile-layout';
+export type { TabletLayoutProps } from './tablet-layout';
+export type { DesktopLayoutProps } from './desktop-layout';
+export type { AdaptiveLayoutProps } from './adaptive-layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACjF,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGrG,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/ui/layouts/index.esm.js

@@ -0,0 +1,4 @@
+export { MobileLayout, default as MobileLayoutDefault } from './mobile-layout';
+export { TabletLayout, default as TabletLayoutDefault } from './tablet-layout';
+export { DesktopLayout, default as DesktopLayoutDefault } from './desktop-layout';
+export { AdaptiveLayout, default as AdaptiveLayoutDefault } from './adaptive-layout';

package/dist/components/ui/layouts/index.js

@@ -0,0 +1,4 @@
+export { MobileLayout, default as MobileLayoutDefault } from './mobile-layout';
+export { TabletLayout, default as TabletLayoutDefault } from './tablet-layout';
+export { DesktopLayout, default as DesktopLayoutDefault } from './desktop-layout';
+export { AdaptiveLayout, default as AdaptiveLayoutDefault } from './adaptive-layout';

package/dist/components/ui/layouts/mobile-layout.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface MobileLayoutProps {
+    children: ReactNode;
+    title?: string;
+    description?: string;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    enableTouchOptimization?: boolean;
+    enablePerformanceMonitoring?: boolean;
+    className?: string;
+}
+export declare const MobileLayout: React.FC<MobileLayoutProps>;
+export default MobileLayout;
+//# sourceMappingURL=mobile-layout.d.ts.map

package/dist/components/ui/layouts/mobile-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/mobile-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgJpD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/ui/layouts/mobile-layout.esm.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+export const MobileLayout = ({ children, title = 'Mobile Layout', description = 'Touch-optimized mobile layout with performance monitoring', showHeader = true, showFooter = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
+    const [touchActive, setTouchActive] = useState(false);
+    const [performanceMetrics, setPerformanceMetrics] = useState({
+        renderTime: 0,
+        memoryUsage: 0,
+        touchResponsiveness: 0
+    });
+    // Touch optimization
+    useEffect(() => {
+        if (!enableTouchOptimization)
+            return;
+        const handleTouchStart = () => setTouchActive(true);
+        const handleTouchEnd = () => setTouchActive(false);
+        document.addEventListener('touchstart', handleTouchStart, { passive: true });
+        document.addEventListener('touchend', handleTouchEnd, { passive: true });
+        return () => {
+            document.removeEventListener('touchstart', handleTouchStart);
+            document.removeEventListener('touchend', handleTouchEnd);
+        };
+    }, [enableTouchOptimization]);
+    // Performance monitoring
+    useEffect(() => {
+        if (!enablePerformanceMonitoring)
+            return;
+        const measurePerformance = () => {
+            const startTime = performance.now();
+            // Simulate performance measurement
+            setTimeout(() => {
+                const endTime = performance.now();
+                const renderTime = endTime - startTime;
+                setPerformanceMetrics(prev => ({
+                    ...prev,
+                    renderTime,
+                    memoryUsage: Math.random() * 100,
+                    touchResponsiveness: touchActive ? 95 : 85
+                }));
+            }, 100);
+        };
+        measurePerformance();
+        const interval = setInterval(measurePerformance, 2000);
+        return () => clearInterval(interval);
+    }, [enablePerformanceMonitoring, touchActive]);
+    return (_jsxs("div", { className: `min-h-screen bg-cs-page-bg ${className}`, children: [showHeader && (_jsx("header", { className: "sticky top-0 z-50 bg-cs-surface border-b border-cs-border p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-xl font-bold text-cs-text-primary", children: title }), description && (_jsx("p", { className: "text-sm text-cs-text-secondary mt-1", children: description }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: "Mobile" }), enableTouchOptimization && (_jsx(Badge, { variant: "default", className: "text-xs", children: "Touch" })), enablePerformanceMonitoring && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: "Performance" }))] })] }) })), _jsxs("main", { className: "p-4 space-y-4", children: [enablePerformanceMonitoring && (_jsxs(Card, { className: "border-2 border-cs-accent", children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: ["\uD83D\uDCCA Performance Metrics", _jsx(Badge, { variant: "outline", children: "Real-time" })] }) }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-3 gap-4 text-center", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-2xl font-bold text-cs-primary", children: [performanceMetrics.renderTime.toFixed(1), "ms"] }), _jsx("p", { className: "text-xs text-cs-text-secondary", children: "Render Time" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-2xl font-bold text-cs-secondary", children: [performanceMetrics.memoryUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-xs text-cs-text-secondary", children: "Memory" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-2xl font-bold text-cs-accent", children: [performanceMetrics.touchResponsiveness.toFixed(0), "%"] }), _jsx("p", { className: "text-xs text-cs-text-secondary", children: "Touch" })] })] }) })] })), _jsx("div", { className: "space-y-4", children: children })] }), showFooter && (_jsx("footer", { className: "sticky bottom-0 z-50 bg-cs-surface border-t border-cs-border p-4", children: _jsxs("div", { className: "flex items-center justify-between text-sm text-cs-text-secondary", children: [_jsx("span", { children: "Mobile Layout" }), _jsx("span", { children: "Touch Optimized" })] }) }))] }));
+};
+export default MobileLayout;

package/dist/components/ui/layouts/mobile-layout.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+export const MobileLayout = ({ children, title = 'Mobile Layout', description = 'Touch-optimized mobile layout with performance monitoring', showHeader = true, showFooter = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
+    const [touchActive, setTouchActive] = useState(false);
+    const [performanceMetrics, setPerformanceMetrics] = useState({
+        renderTime: 0,
+        memoryUsage: 0,
+        touchResponsiveness: 0
+    });
+    // Touch optimization
+    useEffect(() => {
+        if (!enableTouchOptimization)
+            return;
+        const handleTouchStart = () => setTouchActive(true);
+        const handleTouchEnd = () => setTouchActive(false);
+        document.addEventListener('touchstart', handleTouchStart, { passive: true });
+        document.addEventListener('touchend', handleTouchEnd, { passive: true });
+        return () => {
+            document.removeEventListener('touchstart', handleTouchStart);
+            document.removeEventListener('touchend', handleTouchEnd);
+        };
+    }, [enableTouchOptimization]);
+    // Performance monitoring
+    useEffect(() => {
+        if (!enablePerformanceMonitoring)
+            return;
+        const measurePerformance = () => {
+            const startTime = performance.now();
+            // Simulate performance measurement
+            setTimeout(() => {
+                const endTime = performance.now();
+                const renderTime = endTime - startTime;
+                setPerformanceMetrics(prev => ({
+                    ...prev,
+                    renderTime,
+                    memoryUsage: Math.random() * 100,
+                    touchResponsiveness: touchActive ? 95 : 85
+                }));
+            }, 100);
+        };
+        measurePerformance();
+        const interval = setInterval(measurePerformance, 2000);
+        return () => clearInterval(interval);
+    }, [enablePerformanceMonitoring, touchActive]);
+    return (_jsxs("div", { className: `min-h-screen bg-cs-page-bg ${className}`, children: [showHeader && (_jsx("header", { className: "sticky top-0 z-50 bg-cs-surface border-b border-cs-border p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-xl font-bold text-cs-text-primary", children: title }), description && (_jsx("p", { className: "text-sm text-cs-text-secondary mt-1", children: description }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: "Mobile" }), enableTouchOptimization && (_jsx(Badge, { variant: "default", className: "text-xs", children: "Touch" })), enablePerformanceMonitoring && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: "Performance" }))] })] }) })), _jsxs("main", { className: "p-4 space-y-4", children: [enablePerformanceMonitoring && (_jsxs(Card, { className: "border-2 border-cs-accent", children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: ["\uD83D\uDCCA Performance Metrics", _jsx(Badge, { variant: "outline", children: "Real-time" })] }) }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-3 gap-4 text-center", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-2xl font-bold text-cs-primary", children: [performanceMetrics.renderTime.toFixed(1), "ms"] }), _jsx("p", { className: "text-xs text-cs-text-secondary", children: "Render Time" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-2xl font-bold text-cs-secondary", children: [performanceMetrics.memoryUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-xs text-cs-text-secondary", children: "Memory" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-2xl font-bold text-cs-accent", children: [performanceMetrics.touchResponsiveness.toFixed(0), "%"] }), _jsx("p", { className: "text-xs text-cs-text-secondary", children: "Touch" })] })] }) })] })), _jsx("div", { className: "space-y-4", children: children })] }), showFooter && (_jsx("footer", { className: "sticky bottom-0 z-50 bg-cs-surface border-t border-cs-border p-4", children: _jsxs("div", { className: "flex items-center justify-between text-sm text-cs-text-secondary", children: [_jsx("span", { children: "Mobile Layout" }), _jsx("span", { children: "Touch Optimized" })] }) }))] }));
+};
+export default MobileLayout;

package/dist/components/ui/layouts/tablet-layout.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface TabletLayoutProps {
+    children: ReactNode;
+    title?: string;
+    description?: string;
+    showHeader?: boolean;
+    showSidebar?: boolean;
+    enableTouchOptimization?: boolean;
+    enablePerformanceMonitoring?: boolean;
+    className?: string;
+}
+export declare const TabletLayout: React.FC<TabletLayoutProps>;
+export default TabletLayout;
+//# sourceMappingURL=tablet-layout.d.ts.map

package/dist/components/ui/layouts/tablet-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablet-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/tablet-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkLpD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/ui/layouts/tablet-layout.esm.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+import { Button } from '../button.js';
+export const TabletLayout = ({ children, title = 'Tablet Layout', description = 'Tablet-optimized layout with touch and performance features', showHeader = true, showSidebar = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
+    const [orientation, setOrientation] = useState('portrait');
+    const [performanceMetrics, setPerformanceMetrics] = useState({
+        renderTime: 0,
+        memoryUsage: 0,
+        touchResponsiveness: 0,
+        orientation: 'portrait'
+    });
+    // Orientation detection
+    useEffect(() => {
+        const handleOrientationChange = () => {
+            const newOrientation = window.innerWidth > window.innerHeight ? 'landscape' : 'portrait';
+            setOrientation(newOrientation);
+            setPerformanceMetrics(prev => ({ ...prev, orientation: newOrientation }));
+        };
+        handleOrientationChange();
+        window.addEventListener('resize', handleOrientationChange);
+        window.addEventListener('orientationchange', handleOrientationChange);
+        return () => {
+            window.removeEventListener('resize', handleOrientationChange);
+            window.removeEventListener('orientationchange', handleOrientationChange);
+        };
+    }, []);
+    // Performance monitoring
+    useEffect(() => {
+        if (!enablePerformanceMonitoring)
+            return;
+        const measurePerformance = () => {
+            const startTime = performance.now();
+            // Simulate performance measurement
+            setTimeout(() => {
+                const endTime = performance.now();
+                const renderTime = endTime - startTime;
+                setPerformanceMetrics(prev => ({
+                    ...prev,
+                    renderTime,
+                    memoryUsage: Math.random() * 100,
+                    touchResponsiveness: orientation === 'landscape' ? 90 : 95
+                }));
+            }, 100);
+        };
+        measurePerformance();
+        const interval = setInterval(measurePerformance, 3000);
+        return () => clearInterval(interval);
+    }, [enablePerformanceMonitoring, orientation]);
+    return (_jsxs("div", { className: `min-h-screen bg-cs-page-bg ${className}`, children: [showHeader && (_jsx("header", { className: "sticky top-0 z-50 bg-cs-surface border-b border-cs-border p-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold text-cs-text-primary", children: title }), description && (_jsx("p", { className: "text-base text-cs-text-secondary mt-2", children: description }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, { variant: "outline", children: "Tablet" }), _jsx(Badge, { variant: orientation === 'landscape' ? 'default' : 'secondary', children: orientation === 'landscape' ? 'Landscape' : 'Portrait' }), enableTouchOptimization && (_jsx(Badge, { variant: "default", children: "Touch" })), enablePerformanceMonitoring && (_jsx(Badge, { variant: "secondary", children: "Performance" }))] })] }) })), _jsxs("div", { className: "flex flex-1", children: [showSidebar && (_jsx("aside", { className: "w-64 bg-cs-surface border-r border-cs-border p-4 hidden lg:block", children: _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "font-semibold text-cs-text-primary", children: "Navigation" }), _jsxs("nav", { className: "space-y-2", children: [_jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83C\uDFE0 Dashboard" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83C\uDFA8 Design System" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83D\uDCF1 Mobile Features" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83E\uDDEA Interactive Demos" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83D\uDCCA Performance" })] })] }) })), _jsxs("main", { className: "flex-1 p-6 space-y-6", children: [enablePerformanceMonitoring && (_jsxs(Card, { className: "border-2 border-cs-accent", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-xl flex items-center gap-2", children: ["\uD83D\uDCCA Tablet Performance Metrics", _jsx(Badge, { variant: "outline", children: "Real-time" })] }), _jsx(CardDescription, { children: "Performance monitoring optimized for tablet devices" })] }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-6 text-center", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-3xl font-bold text-cs-primary", children: [performanceMetrics.renderTime.toFixed(1), "ms"] }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Render Time" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-3xl font-bold text-cs-secondary", children: [performanceMetrics.memoryUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Memory Usage" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-3xl font-bold text-cs-accent", children: [performanceMetrics.touchResponsiveness.toFixed(0), "%"] }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Touch Responsiveness" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-3xl font-bold text-cs-primary", children: performanceMetrics.orientation }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Orientation" })] })] }) })] })), _jsx("div", { className: "space-y-6", children: children })] })] })] }));
+};
+export default TabletLayout;

package/dist/components/ui/layouts/tablet-layout.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+import { Button } from '../button.js';
+export const TabletLayout = ({ children, title = 'Tablet Layout', description = 'Tablet-optimized layout with touch and performance features', showHeader = true, showSidebar = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
+    const [orientation, setOrientation] = useState('portrait');
+    const [performanceMetrics, setPerformanceMetrics] = useState({
+        renderTime: 0,
+        memoryUsage: 0,
+        touchResponsiveness: 0,
+        orientation: 'portrait'
+    });
+    // Orientation detection
+    useEffect(() => {
+        const handleOrientationChange = () => {
+            const newOrientation = window.innerWidth > window.innerHeight ? 'landscape' : 'portrait';
+            setOrientation(newOrientation);
+            setPerformanceMetrics(prev => ({ ...prev, orientation: newOrientation }));
+        };
+        handleOrientationChange();
+        window.addEventListener('resize', handleOrientationChange);
+        window.addEventListener('orientationchange', handleOrientationChange);
+        return () => {
+            window.removeEventListener('resize', handleOrientationChange);
+            window.removeEventListener('orientationchange', handleOrientationChange);
+        };
+    }, []);
+    // Performance monitoring
+    useEffect(() => {
+        if (!enablePerformanceMonitoring)
+            return;
+        const measurePerformance = () => {
+            const startTime = performance.now();
+            // Simulate performance measurement
+            setTimeout(() => {
+                const endTime = performance.now();
+                const renderTime = endTime - startTime;
+                setPerformanceMetrics(prev => ({
+                    ...prev,
+                    renderTime,
+                    memoryUsage: Math.random() * 100,
+                    touchResponsiveness: orientation === 'landscape' ? 90 : 95
+                }));
+            }, 100);
+        };
+        measurePerformance();
+        const interval = setInterval(measurePerformance, 3000);
+        return () => clearInterval(interval);
+    }, [enablePerformanceMonitoring, orientation]);
+    return (_jsxs("div", { className: `min-h-screen bg-cs-page-bg ${className}`, children: [showHeader && (_jsx("header", { className: "sticky top-0 z-50 bg-cs-surface border-b border-cs-border p-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold text-cs-text-primary", children: title }), description && (_jsx("p", { className: "text-base text-cs-text-secondary mt-2", children: description }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, { variant: "outline", children: "Tablet" }), _jsx(Badge, { variant: orientation === 'landscape' ? 'default' : 'secondary', children: orientation === 'landscape' ? 'Landscape' : 'Portrait' }), enableTouchOptimization && (_jsx(Badge, { variant: "default", children: "Touch" })), enablePerformanceMonitoring && (_jsx(Badge, { variant: "secondary", children: "Performance" }))] })] }) })), _jsxs("div", { className: "flex flex-1", children: [showSidebar && (_jsx("aside", { className: "w-64 bg-cs-surface border-r border-cs-border p-4 hidden lg:block", children: _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "font-semibold text-cs-text-primary", children: "Navigation" }), _jsxs("nav", { className: "space-y-2", children: [_jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83C\uDFE0 Dashboard" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83C\uDFA8 Design System" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83D\uDCF1 Mobile Features" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83E\uDDEA Interactive Demos" }), _jsx(Button, { variant: "ghost", className: "w-full justify-start", children: "\uD83D\uDCCA Performance" })] })] }) })), _jsxs("main", { className: "flex-1 p-6 space-y-6", children: [enablePerformanceMonitoring && (_jsxs(Card, { className: "border-2 border-cs-accent", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-xl flex items-center gap-2", children: ["\uD83D\uDCCA Tablet Performance Metrics", _jsx(Badge, { variant: "outline", children: "Real-time" })] }), _jsx(CardDescription, { children: "Performance monitoring optimized for tablet devices" })] }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-6 text-center", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-3xl font-bold text-cs-primary", children: [performanceMetrics.renderTime.toFixed(1), "ms"] }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Render Time" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-3xl font-bold text-cs-secondary", children: [performanceMetrics.memoryUsage.toFixed(1), "%"] }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Memory Usage" })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-3xl font-bold text-cs-accent", children: [performanceMetrics.touchResponsiveness.toFixed(0), "%"] }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Touch Responsiveness" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-3xl font-bold text-cs-primary", children: performanceMetrics.orientation }), _jsx("p", { className: "text-sm text-cs-text-secondary", children: "Orientation" })] })] }) })] })), _jsx("div", { className: "space-y-6", children: children })] })] })] }));
+};
+export default TabletLayout;

package/dist/components/ui/mobile-form-validation.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { ValidationRule } from '../../hooks/use-mobile-form-validation.js';
+import { InputType } from '../../hooks/use-semantic-input.js';
+export interface MobileFormValidationProps {
+    title?: string;
+    description?: string;
+    fields: Array<{
+        name: string;
+        label: string;
+        type: InputType;
+        placeholder?: string;
+        rules: ValidationRule[];
+        initialValue?: any;
+    }>;
+    onSubmit?: (formData: Record<string, any>) => void;
+    onValidationChange?: (isValid: boolean) => void;
+    className?: string;
+    enableEnhancedFeatures?: boolean;
+}
+export interface MobileFormValidationRef {
+    submit: () => Promise<{
+        success: boolean;
+        data: Record<string, any>;
+        errors: string[];
+    }>;
+    reset: () => void;
+    validate: () => Promise<boolean>;
+    getFieldValidation: (fieldName: string) => any;
+}
+export declare const MobileFormValidation: React.ForwardRefExoticComponent<MobileFormValidationProps & React.RefAttributes<MobileFormValidationRef>>;
+export default MobileFormValidation;
+//# sourceMappingURL=mobile-form-validation.d.ts.map

package/dist/components/ui/mobile-form-validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-form-validation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-form-validation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAA2B,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAGnG,OAAO,EAAoB,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAG/E,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,SAAS,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,KAAK,EAAE,cAAc,EAAE,CAAA;QACvB,YAAY,CAAC,EAAE,GAAG,CAAA;KACnB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAA;IAClD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;IACxF,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAChC,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,GAAG,CAAA;CAC/C;AAED,eAAO,MAAM,oBAAoB,2GA0ZhC,CAAA;AAID,eAAe,oBAAoB,CAAA"}