@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.18 → 0.2.22

package/dist/components/ui/form-demo.esm.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Tabs } from './navigation/tabs';
-import MobileFormValidation from './mobile-form-validation';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Tabs } from './navigation/tabs.js';
+import MobileFormValidation from './mobile-form-validation.js';
 export const FormDemo = () => {
     const [activeTab, setActiveTab] = useState('basic');
     const [formResults, setFormResults] = useState([]);

package/dist/components/ui/form-demo.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Tabs } from './navigation/tabs';
-import MobileFormValidation from './mobile-form-validation';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Tabs } from './navigation/tabs.js';
+import MobileFormValidation from './mobile-form-validation.js';
 export const FormDemo = () => {
     const [activeTab, setActiveTab] = useState('basic');
     const [formResults, setFormResults] = useState([]);

package/dist/components/ui/hardware-acceleration-demo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const HardwareAccelerationDemo: React.FC;
 export default HardwareAccelerationDemo;
 //# sourceMappingURL=hardware-acceleration-demo.d.ts.map

package/dist/components/ui/hardware-acceleration-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hardware-acceleration-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hardware-acceleration-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAyhB5C,CAAA;AAED,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"hardware-acceleration-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hardware-acceleration-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAyhB5C,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/components/ui/hardware-acceleration-demo.esm.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
-import { Button } from './button';
-import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration';
-import { useBatteryOptimization } from '../../hooks/use-battery-optimization';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration.js';
+import { useBatteryOptimization } from '../../hooks/use-battery-optimization.js';
 export const HardwareAccelerationDemo = () => {
     const [showGPUInfo, setShowGPUInfo] = useState(true);
     const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);

package/dist/components/ui/hardware-acceleration-demo.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
-import { Button } from './button';
-import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration';
-import { useBatteryOptimization } from '../../hooks/use-battery-optimization';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration.js';
+import { useBatteryOptimization } from '../../hooks/use-battery-optimization.js';
 export const HardwareAccelerationDemo = () => {
     const [showGPUInfo, setShowGPUInfo] = useState(true);
     const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);

package/dist/components/ui/layout-demo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const LayoutDemo: React.FC;
 export default LayoutDemo;
 //# sourceMappingURL=layout-demo.d.ts.map

package/dist/components/ui/layout-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/layout-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA6V9B,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"layout-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/layout-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA6V9B,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/ui/layout-demo.esm.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
-import { Button } from './button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
 import { MobileLayout, TabletLayout, DesktopLayout, AdaptiveLayout } from './layouts';
-import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout';
-import { useLayoutPerformance } from '../../hooks/use-layout-performance';
-import { useMobileLayout } from '../../hooks/use-mobile-layout';
-import { useTabletLayout } from '../../hooks/use-tablet-layout';
+import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout.js';
+import { useLayoutPerformance } from '../../hooks/use-layout-performance.js';
+import { useMobileLayout } from '../../hooks/use-mobile-layout.js';
+import { useTabletLayout } from '../../hooks/use-tablet-layout.js';
 export const LayoutDemo = () => {
     const [activeLayout, setActiveLayout] = useState('adaptive');
     const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);

package/dist/components/ui/layout-demo.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
-import { Button } from './button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
 import { MobileLayout, TabletLayout, DesktopLayout, AdaptiveLayout } from './layouts';
-import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout';
-import { useLayoutPerformance } from '../../hooks/use-layout-performance';
-import { useMobileLayout } from '../../hooks/use-mobile-layout';
-import { useTabletLayout } from '../../hooks/use-tablet-layout';
+import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout.js';
+import { useLayoutPerformance } from '../../hooks/use-layout-performance.js';
+import { useMobileLayout } from '../../hooks/use-mobile-layout.js';
+import { useTabletLayout } from '../../hooks/use-tablet-layout.js';
 export const LayoutDemo = () => {
     const [activeLayout, setActiveLayout] = useState('adaptive');
     const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
 export type DeviceType = 'mobile' | 'tablet' | 'desktop';
 export interface AdaptiveLayoutProps {
     children: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"adaptive-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/adaptive-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAO7D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAExD,MAAM,WAAW,mBAAmB;IAClC,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,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmHxD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"adaptive-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/adaptive-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAOvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAExD,MAAM,WAAW,mBAAmB;IAClC,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,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmHxD,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card, CardContent } from '../card';
-import { Badge } from '../badge';
-import { MobileLayout } from './mobile-layout';
-import { TabletLayout } from './tablet-layout';
-import { DesktopLayout } from './desktop-layout';
+import { Card, CardContent } from '../card.js';
+import { Badge } from '../badge.js';
+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, enableTouchOptimization = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
     const [deviceType, setDeviceType] = useState('desktop');
     const [screenSize, setScreenSize] = useState({ width: 0, height: 0 });

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

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card, CardContent } from '../card';
-import { Badge } from '../badge';
-import { MobileLayout } from './mobile-layout';
-import { TabletLayout } from './tablet-layout';
-import { DesktopLayout } from './desktop-layout';
+import { Card, CardContent } from '../card.js';
+import { Badge } from '../badge.js';
+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, enableTouchOptimization = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
     const [deviceType, setDeviceType] = useState('desktop');
     const [screenSize, setScreenSize] = useState({ width: 0, height: 0 });

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
 export interface DesktopLayoutProps {
     children: ReactNode;
     title?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"desktop-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/desktop-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAK7D,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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,CA4MtD,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,CA4MtD,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -1,9 +1,9 @@
 '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';
-import { Badge } from '../badge';
-import { Button } from '../button';
+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, showTopBar = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
     const [performanceMetrics, setPerformanceMetrics] = useState({
         renderTime: 0,

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

@@ -1,9 +1,9 @@
 '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';
-import { Badge } from '../badge';
-import { Button } from '../button';
+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, showTopBar = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
     const [performanceMetrics, setPerformanceMetrics] = useState({
         renderTime: 0,

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
 export interface MobileLayoutProps {
     children: ReactNode;
     title?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"mobile-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/mobile-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI7D,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"}
+{"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

@@ -1,8 +1,8 @@
 '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';
-import { Badge } from '../badge';
+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({

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

@@ -1,8 +1,8 @@
 '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';
-import { Badge } from '../badge';
+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({

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
 export interface TabletLayoutProps {
     children: ReactNode;
     title?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"tablet-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/tablet-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAK7D,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"}
+{"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

@@ -1,9 +1,9 @@
 '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';
-import { Badge } from '../badge';
-import { Button } from '../button';
+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({

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

@@ -1,9 +1,9 @@
 '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';
-import { Badge } from '../badge';
-import { Button } from '../button';
+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({

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ValidationRule } from '../../hooks/use-mobile-form-validation';
-import { InputType } from '../../hooks/use-semantic-input';
+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;

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

@@ -1 +1 @@
-{"version":3,"file":"mobile-form-validation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-form-validation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,OAAO,EAA2B,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAGhG,OAAO,EAAoB,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAG5E,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"}
+{"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"}

package/dist/components/ui/mobile-form-validation.esm.js

@@ -1,16 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useRef, forwardRef } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { Label } from './label';
-import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation';
-import { useFormFeedback } from '../../hooks/use-form-feedback';
-import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout';
-import { useSemanticInput } from '../../hooks/use-semantic-input';
-import { useFormPerformance } from '../../hooks/use-form-performance';
+import * as React from 'react';
+import { useState, useRef, forwardRef } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation.js';
+import { useFormFeedback } from '../../hooks/use-form-feedback.js';
+import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout.js';
+import { useSemanticInput } from '../../hooks/use-semantic-input.js';
+import { useFormPerformance } from '../../hooks/use-form-performance.js';
 export const MobileFormValidation = forwardRef(({ title = 'Mobile Form Validation', description = 'Advanced form validation with mobile optimization', fields, onSubmit, onValidationChange, className = '', enableEnhancedFeatures = true }, ref) => {
     const [formData, setFormData] = useState({});
     const [isSubmitting, setIsSubmitting] = useState(false);

package/dist/components/ui/mobile-form-validation.js

@@ -1,16 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useRef, forwardRef } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { Label } from './label';
-import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation';
-import { useFormFeedback } from '../../hooks/use-form-feedback';
-import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout';
-import { useSemanticInput } from '../../hooks/use-semantic-input';
-import { useFormPerformance } from '../../hooks/use-form-performance';
+import * as React from 'react';
+import { useState, useRef, forwardRef } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation.js';
+import { useFormFeedback } from '../../hooks/use-form-feedback.js';
+import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout.js';
+import { useSemanticInput } from '../../hooks/use-semantic-input.js';
+import { useFormPerformance } from '../../hooks/use-form-performance.js';
 export const MobileFormValidation = forwardRef(({ title = 'Mobile Form Validation', description = 'Advanced form validation with mobile optimization', fields, onSubmit, onValidationChange, className = '', enableEnhancedFeatures = true }, ref) => {
     const [formData, setFormData] = useState({});
     const [isSubmitting, setIsSubmitting] = useState(false);

package/dist/components/ui/mobile-input-demo.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import * as React from 'react';
 export declare const MobileInputDemo: React.FC;
 //# sourceMappingURL=mobile-input-demo.d.ts.map

package/dist/components/ui/mobile-input-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-input-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-input-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAoMnC,CAAC"}
+{"version":3,"file":"mobile-input-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-input-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAoMnC,CAAC"}

package/dist/components/ui/mobile-input-demo.esm.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from './card';
-import { MobileInput, mobileInputConfigs } from './mobile-input';
+;
+import { Card } from './card.js';
+import { MobileInput, mobileInputConfigs } from './mobile-input.js';
 export const MobileInputDemo = () => {
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold text-cs-text-primary mb-2", children: "Mobile Input System Recovery" }), _jsx("p", { className: "text-cs-text-secondary", children: "Semantic Input Excellence - Recovered from original project" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Semantic Input Types" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Name Input" }), _jsx(MobileInput, { placeholder: "Enter your full name", mobileConfig: mobileInputConfigs.name, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Auto-capitalizes words, suggests name autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Email Input" }), _jsx(MobileInput, { placeholder: "Enter your email", mobileConfig: mobileInputConfigs.email, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Email keyboard, no spell check, email autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Phone Input" }), _jsx(MobileInput, { placeholder: "Enter phone number", mobileConfig: mobileInputConfigs.phone, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Numeric keyboard, phone autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Password Input" }), _jsx(MobileInput, { placeholder: "Enter new password", mobileConfig: mobileInputConfigs.newPassword, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Password keyboard, new-password autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Search Input" }), _jsx(MobileInput, { placeholder: "Search...", mobileConfig: mobileInputConfigs.search, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Search keyboard, no autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Amount Input" }), _jsx(MobileInput, { placeholder: "Enter amount", mobileConfig: mobileInputConfigs.amount, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Decimal keyboard, no autocomplete" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Custom Mobile Configurations" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Custom Input Mode" }), _jsx(MobileInput, { placeholder: "Custom input mode", mobileConfig: {
                                             semanticType: 'email',

package/dist/components/ui/mobile-input-demo.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from './card';
-import { MobileInput, mobileInputConfigs } from './mobile-input';
+;
+import { Card } from './card.js';
+import { MobileInput, mobileInputConfigs } from './mobile-input.js';
 export const MobileInputDemo = () => {
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold text-cs-text-primary mb-2", children: "Mobile Input System Recovery" }), _jsx("p", { className: "text-cs-text-secondary", children: "Semantic Input Excellence - Recovered from original project" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Semantic Input Types" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Name Input" }), _jsx(MobileInput, { placeholder: "Enter your full name", mobileConfig: mobileInputConfigs.name, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Auto-capitalizes words, suggests name autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Email Input" }), _jsx(MobileInput, { placeholder: "Enter your email", mobileConfig: mobileInputConfigs.email, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Email keyboard, no spell check, email autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Phone Input" }), _jsx(MobileInput, { placeholder: "Enter phone number", mobileConfig: mobileInputConfigs.phone, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Numeric keyboard, phone autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Password Input" }), _jsx(MobileInput, { placeholder: "Enter new password", mobileConfig: mobileInputConfigs.newPassword, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Password keyboard, new-password autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Search Input" }), _jsx(MobileInput, { placeholder: "Search...", mobileConfig: mobileInputConfigs.search, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Search keyboard, no autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Amount Input" }), _jsx(MobileInput, { placeholder: "Enter amount", mobileConfig: mobileInputConfigs.amount, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Decimal keyboard, no autocomplete" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Custom Mobile Configurations" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Custom Input Mode" }), _jsx(MobileInput, { placeholder: "Custom input mode", mobileConfig: {
                                             semanticType: 'email',

package/dist/components/ui/mobile-input.esm.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";
-import { Input } from "./input";
+import { Input } from "./input.js";
 /**
  * Mobile-optimized input component with smart keyboard handling
  * Automatically configures input attributes for the best mobile experience

package/dist/components/ui/mobile-input.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";
-import { Input } from "./input";
+import { Input } from "./input.js";
 /**
  * Mobile-optimized input component with smart keyboard handling
  * Automatically configures input attributes for the best mobile experience

package/dist/components/ui/mobile-skeleton-loading-demo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const MobileSkeletonLoadingDemo: React.FC;
 export default MobileSkeletonLoadingDemo;
 //# sourceMappingURL=mobile-skeleton-loading-demo.d.ts.map

package/dist/components/ui/mobile-skeleton-loading-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-skeleton-loading-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-skeleton-loading-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAUlD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAinB7C,CAAA;AAED,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"mobile-skeleton-loading-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-skeleton-loading-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAinB7C,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/components/ui/mobile-skeleton-loading-demo.esm.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton';
-import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states';
-import { useLoadingPerformance } from '../../hooks/use-loading-performance';
-import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading';
-import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton.js';
+import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states.js';
+import { useLoadingPerformance } from '../../hooks/use-loading-performance.js';
+import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading.js';
+import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility.js';
 export const MobileSkeletonLoadingDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [isLoading, setIsLoading] = useState(false);

package/dist/components/ui/mobile-skeleton-loading-demo.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton';
-import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states';
-import { useLoadingPerformance } from '../../hooks/use-loading-performance';
-import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading';
-import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton.js';
+import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states.js';
+import { useLoadingPerformance } from '../../hooks/use-loading-performance.js';
+import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading.js';
+import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility.js';
 export const MobileSkeletonLoadingDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [isLoading, setIsLoading] = useState(false);

package/dist/components/ui/navigation/breadcrumb.d.ts

@@ -3,7 +3,7 @@
  * Provides navigation breadcrumbs with theme support and responsive design
  */
 import * as React from 'react';
-import { BreadcrumbProps } from './types';
+import { BreadcrumbProps } from './types.js';
 export declare const Breadcrumb: React.FC<BreadcrumbProps>;
 export default Breadcrumb;
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/ui/navigation/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiJhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAE7D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiJhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ui/navigation/menu.d.ts

@@ -3,7 +3,7 @@
  * Provides comprehensive menu functionality with theme support and multiple variants
  */
 import * as React from 'react';
-import { MenuProps } from './types';
+import { MenuProps } from './types.js';
 export declare const Menu: React.FC<MenuProps>;
 export default Menu;
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/ui/navigation/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/menu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAmC,MAAM,SAAS,CAAC;AA2BrE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiVpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/menu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAmC,MAAM,YAAY,CAAC;AA2BxE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiVpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/ui/navigation/navigation-demo.esm.js

@@ -5,12 +5,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Breadcrumb } from './breadcrumb';
-import { Tabs } from './tabs';
-import { Menu } from './menu';
-import { Sidebar } from './sidebar';
-import { Stepper } from './stepper';
-import { Pagination } from './pagination';
+import { Breadcrumb } from './breadcrumb.js';
+import { Tabs } from './tabs.js';
+import { Menu } from './menu.js';
+import { Sidebar } from './sidebar.js';
+import { Stepper } from './stepper.js';
+import { Pagination } from './pagination.js';
 export const NavigationDemo = () => {
     const [currentTab, setCurrentTab] = useState('overview');
     const [currentStep, setCurrentStep] = useState(0);