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

package/dist/components/ui/feedback/progress.esm.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { useTheme } from '../../../themes/useTheme';
+import { useTheme } from '../../../themes/useTheme.js';
 // Default color fallbacks for when theme is not available
 const getDefaultColors = () => ({
     surface: { background: '#ffffff', surface: '#f3f4f6', border: '#d1d5db', divider: '#e5e7eb' },

package/dist/components/ui/feedback/progress.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { useTheme } from '../../../themes/useTheme';
+import { useTheme } from '../../../themes/useTheme.js';
 // Default color fallbacks for when theme is not available
 const getDefaultColors = () => ({
     surface: { background: '#ffffff', surface: '#f3f4f6', border: '#d1d5db', divider: '#e5e7eb' },

package/dist/components/ui/feedback/skeleton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types';
+import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types.js';
 export declare const SkeletonText: React.FC<SkeletonTextProps>;
 export declare const SkeletonAvatar: React.FC<SkeletonAvatarProps>;
 export declare const SkeletonButton: React.FC<SkeletonButtonProps>;

package/dist/components/ui/feedback/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAyDrG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBxD,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6C5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAyDxG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBxD,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6C5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/ui/feedback/toast.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ToastProps, ToastContainerProps } from './types';
+import { ToastProps, ToastContainerProps } from './types.js';
 export declare const Toast: React.FC<ToastProps>;
 export declare const ToastContainer: React.FC<ToastContainerProps & {
     children: React.ReactNode;

package/dist/components/ui/feedback/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,UAAU,EAAe,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA8GvE,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuJtC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAYxF,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,UAAU,EAAe,mBAAmB,EAAE,MAAM,YAAY,CAAC;AA8G1E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuJtC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAYxF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/ui/font-preview.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FontConfig } from '../../themes/types';
+import { FontConfig } from '../../themes/types.js';
 export interface FontPreviewProps {
     fontConfig?: FontConfig;
     fontType?: 'primary' | 'secondary' | 'display' | 'body' | 'mono';

package/dist/components/ui/font-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"font-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/font-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+OlD,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC"}
+{"version":3,"file":"font-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/font-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+OlD,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC"}

package/dist/components/ui/font-preview.esm.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
 import { useTheme } from '../../themes';
 export const FontPreview = ({ fontConfig, fontType = 'primary', showAllVariations = false, className = '' }) => {
     const { currentThemeConfig } = useTheme();

package/dist/components/ui/font-preview.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
 import { useTheme } from '../../themes';
 export const FontPreview = ({ fontConfig, fontType = 'primary', showAllVariations = false, className = '' }) => {
     const { currentThemeConfig } = useTheme();

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.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.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.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.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.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.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 { 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,KAAuC,MAAM,OAAO,CAAA;AAM3D,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,16 @@
 '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 { 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,16 @@
 '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 { 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.esm.js

@@ -1,6 +1,6 @@
 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,6 @@
 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.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);

package/dist/components/ui/navigation/navigation-demo.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);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/pagination.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,CAsPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/pagination.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,CAsPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}