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

package/dist/components/ui/overlay/overlay-manager.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext, useReducer, useCallback } from 'react';
 const OverlayContext = createContext(undefined);

package/dist/components/ui/overlay/popover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopoverProps, PopoverContentProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps } from './types';
+import { PopoverProps, PopoverContentProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps } from './types.js';
 export declare const PopoverContent: React.FC<PopoverContentProps>;
 export declare const PopoverHeader: React.FC<PopoverHeaderProps>;
 export declare const PopoverBody: React.FC<PopoverBodyProps>;

package/dist/components/ui/overlay/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAItF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AA0HjB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8CtD,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwBlD,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAItF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,YAAY,CAAC;AA0HpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8CtD,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwBlD,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBtD,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ui/overlay/popover.esm.js

@@ -1,8 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, cloneElement } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
-import { FocusManager } from './focus-manager';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
+import { FocusManager } from './focus-manager.js';
 // SVG Icons
 const XMarkIcon = ({ className = 'w-5 h-5' }) => (_jsx("svg", { className: className, fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
 // Default color fallbacks

package/dist/components/ui/overlay/popover.js

@@ -1,8 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, cloneElement } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
-import { FocusManager } from './focus-manager';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
+import { FocusManager } from './focus-manager.js';
 // SVG Icons
 const XMarkIcon = ({ className = 'w-5 h-5' }) => (_jsx("svg", { className: className, fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
 // Default color fallbacks

package/dist/components/ui/overlay/portal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PortalProps } from './types';
+import { PortalProps } from './types.js';
 export declare const Portal: React.FC<PortalProps>;
 export default Portal;
 //# sourceMappingURL=portal.d.ts.map

package/dist/components/ui/overlay/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwExC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/portal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwExC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/ui/overlay/portal.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';

package/dist/components/ui/overlay/portal.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';

package/dist/components/ui/overlay/tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TooltipProps, TooltipContentProps } from './types';
+import { TooltipProps, TooltipContentProps } from './types.js';
 export declare const TooltipContent: React.FC<TooltipContentProps>;
 export declare const Tooltip: React.FC<TooltipProps>;
 export default Tooltip;

package/dist/components/ui/overlay/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAiH5D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2K1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAiH/D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2K1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ui/overlay/tooltip.esm.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, cloneElement } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
 // Default color fallbacks
 const getDefaultColors = () => ({
     surface: { background: '#1f2937', surface: '#374151', border: '#4b5563' },

package/dist/components/ui/overlay/tooltip.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, cloneElement } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
 // Default color fallbacks
 const getDefaultColors = () => ({
     surface: { background: '#1f2937', surface: '#374151', border: '#4b5563' },

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

@@ -1 +1 @@
-{"version":3,"file":"performance-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/performance-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAskBnC,CAAA"}
+{"version":3,"file":"performance-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/performance-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAskBnC,CAAA"}

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

@@ -1,10 +1,11 @@
+'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 { Button } from './button';
-import { Badge } from './badge';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
 import { usePerformance, useFrameRate, useMemoryUsage, useBatteryStatus, usePerformanceThrottling } from '../../hooks';
-import { useDevice } from '../../hooks/use-device';
+import { useDevice } from '../../hooks/use-device.js';
 export const PerformanceDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [showRecommendations, setShowRecommendations] = useState(false);

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

@@ -1,10 +1,11 @@
+'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 { Button } from './button';
-import { Badge } from './badge';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
 import { usePerformance, useFrameRate, useMemoryUsage, useBatteryStatus, usePerformanceThrottling } from '../../hooks';
-import { useDevice } from '../../hooks/use-device';
+import { useDevice } from '../../hooks/use-device.js';
 export const PerformanceDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [showRecommendations, setShowRecommendations] = useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"semantic-input-system-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/semantic-input-system-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAye3C,CAAA"}
+{"version":3,"file":"semantic-input-system-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/semantic-input-system-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAye3C,CAAA"}

package/dist/components/ui/semantic-input-system-demo.esm.js

@@ -1,15 +1,16 @@
+'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 { Button } from './button';
-import { Input } from './input';
-import { Label } from './label';
-import { Badge } from './badge';
-import { useSemanticInput } from '../../hooks/use-semantic-input';
-import { useMobileKeyboardOptimization } from '../../hooks/use-mobile-keyboard-optimization';
-import { useTouchFriendlyInput } from '../../hooks/use-touch-friendly-input';
-import { useInputPerformance } from '../../hooks/use-input-performance';
-import { useInputAccessibility } from '../../hooks/use-input-accessibility';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { Badge } from './badge.js';
+import { useSemanticInput } from '../../hooks/use-semantic-input.js';
+import { useMobileKeyboardOptimization } from '../../hooks/use-mobile-keyboard-optimization.js';
+import { useTouchFriendlyInput } from '../../hooks/use-touch-friendly-input.js';
+import { useInputPerformance } from '../../hooks/use-input-performance.js';
+import { useInputAccessibility } from '../../hooks/use-input-accessibility.js';
 export const SemanticInputSystemDemo = () => {
     const [activeDemo, setActiveDemo] = useState('semantic');
     const [formData, setFormData] = useState({

package/dist/components/ui/semantic-input-system-demo.js

@@ -1,15 +1,16 @@
+'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 { Button } from './button';
-import { Input } from './input';
-import { Label } from './label';
-import { Badge } from './badge';
-import { useSemanticInput } from '../../hooks/use-semantic-input';
-import { useMobileKeyboardOptimization } from '../../hooks/use-mobile-keyboard-optimization';
-import { useTouchFriendlyInput } from '../../hooks/use-touch-friendly-input';
-import { useInputPerformance } from '../../hooks/use-input-performance';
-import { useInputAccessibility } from '../../hooks/use-input-accessibility';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { Badge } from './badge.js';
+import { useSemanticInput } from '../../hooks/use-semantic-input.js';
+import { useMobileKeyboardOptimization } from '../../hooks/use-mobile-keyboard-optimization.js';
+import { useTouchFriendlyInput } from '../../hooks/use-touch-friendly-input.js';
+import { useInputPerformance } from '../../hooks/use-input-performance.js';
+import { useInputAccessibility } from '../../hooks/use-input-accessibility.js';
 export const SemanticInputSystemDemo = () => {
     const [activeDemo, setActiveDemo] = useState('semantic');
     const [formData, setFormData] = useState({

package/dist/components/ui/theme-customizer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CompleteThemeConfig } from '../../themes/types';
+import type { CompleteThemeConfig } from '../../themes/types.js';
 export interface ThemeCustomizerProps {
     initialTheme?: string;
     onThemeChange?: (theme: CompleteThemeConfig) => void;

package/dist/components/ui/theme-customizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-customizer.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-customizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgW1D,CAAC"}
+{"version":3,"file":"theme-customizer.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-customizer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgW1D,CAAC"}

package/dist/components/ui/theme-customizer.esm.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
 import { useTheme } from '../../themes';
-import { Card, CardContent, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Input } from './input';
-import { ThemePreview } from './theme-preview';
+import { Card, CardContent, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { ThemePreview } from './theme-preview.js';
 export const ThemeCustomizer = ({ initialTheme = 'stan-design', onThemeChange, showPreview = true, allowCustomization = true, className = '' }) => {
     const { getTheme } = useTheme();
     const [customizationState, setCustomizationState] = useState({

package/dist/components/ui/theme-customizer.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
 import { useTheme } from '../../themes';
-import { Card, CardContent, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Input } from './input';
-import { ThemePreview } from './theme-preview';
+import { Card, CardContent, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { ThemePreview } from './theme-preview.js';
 export const ThemeCustomizer = ({ initialTheme = 'stan-design', onThemeChange, showPreview = true, allowCustomization = true, className = '' }) => {
     const { getTheme } = useTheme();
     const [customizationState, setCustomizationState] = useState({

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

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '../../themes';
-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 ThemePreview = ({ themeName, showColors = true, showFonts = true, showNavigation = true, showSpacing = true, className = '' }) => {
     const { getTheme, currentTheme } = useTheme();
     const targetTheme = themeName || currentTheme;

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

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '../../themes';
-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 ThemePreview = ({ themeName, showColors = true, showFonts = true, showNavigation = true, showSpacing = true, className = '' }) => {
     const { getTheme, currentTheme } = useTheme();
     const targetTheme = themeName || currentTheme;

package/dist/components/ui/theme-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-switcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0PtD,CAAC"}
+{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-switcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0PtD,CAAC"}

package/dist/components/ui/theme-switcher.esm.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Button } from './button';
+import { Button } from './button.js';
 import { useTheme } from '../../themes';
 export const ThemeSwitcher = ({ showPreview = true, showSystemTheme = true, className = '', variant = 'default' }) => {
     const { currentTheme, availableThemes, setTheme, getTheme } = useTheme();

package/dist/components/ui/theme-switcher.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Button } from './button';
+import { Button } from './button.js';
 import { useTheme } from '../../themes';
 export const ThemeSwitcher = ({ showPreview = true, showSystemTheme = true, className = '', variant = 'default' }) => {
     const { currentTheme, availableThemes, setTheme, getTheme } = useTheme();

package/dist/components/ui/theme-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiC/B,CAAC"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiC/B,CAAC"}

package/dist/components/ui/theme-toggle.esm.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Button } from './button';
+import { Button } from './button.js';
 import { Moon, Sun } from 'lucide-react';
 export const ThemeToggle = () => {
     const [isDark, setIsDark] = useState(false);

package/dist/components/ui/theme-toggle.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Button } from './button';
+import { Button } from './button.js';
 import { Moon, Sun } from 'lucide-react';
 export const ThemeToggle = () => {
     const [isDark, setIsDark] = useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"token-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/token-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EA2L7B,CAAC"}
+{"version":3,"file":"token-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/token-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EA2L7B,CAAC"}

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

@@ -1,8 +1,9 @@
+'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 { useTheme } from '../../themes';
 import { createTokenManager } from '../../tokens';
 export const TokenDemo = () => {

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

@@ -1,8 +1,9 @@
+'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 { useTheme } from '../../themes';
 import { createTokenManager } from '../../tokens';
 export const TokenDemo = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"touch-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/touch-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsc7B,CAAA"}
+{"version":3,"file":"touch-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/touch-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsc7B,CAAA"}

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

@@ -1,10 +1,11 @@
+'use client';
 import { jsxs as _jsxs, jsx as _jsx } 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 { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
 import { useGestures, useTouchOptimization, useMobileTouch } from '../../hooks';
-import { useDevice } from '../../hooks/use-device';
+import { useDevice } from '../../hooks/use-device.js';
 export const TouchDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [gestureHistory, setGestureHistory] = useState([]);

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

@@ -1,10 +1,11 @@
+'use client';
 import { jsxs as _jsxs, jsx as _jsx } 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 { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
 import { useGestures, useTouchOptimization, useMobileTouch } from '../../hooks';
-import { useDevice } from '../../hooks/use-device';
+import { useDevice } from '../../hooks/use-device.js';
 export const TouchDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [gestureHistory, setGestureHistory] = useState([]);

package/dist/components/ui/touch-friendly-interface-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"touch-friendly-interface-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/touch-friendly-interface-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA+f9C,CAAA"}
+{"version":3,"file":"touch-friendly-interface-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/touch-friendly-interface-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA+f9C,CAAA"}

package/dist/components/ui/touch-friendly-interface-demo.esm.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Badge } from './badge';
-import { Input } from './input';
-import { Button } from './button';
-import { Card, CardContent } from './card';
-import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { Button } from './button.js';
+import { Card, CardContent } from './card.js';
+import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface.js';
 export const TouchFriendlyInterfaceDemo = () => {
     const [activeDemo, setActiveDemo] = useState('targets');
     const [formData, setFormData] = useState({

package/dist/components/ui/touch-friendly-interface-demo.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Badge } from './badge';
-import { Input } from './input';
-import { Button } from './button';
-import { Card, CardContent } from './card';
-import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { Button } from './button.js';
+import { Card, CardContent } from './card.js';
+import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface.js';
 export const TouchFriendlyInterfaceDemo = () => {
     const [activeDemo, setActiveDemo] = useState('targets');
     const [formData, setFormData] = useState({

package/dist/components/ui/touch-friendly-interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"touch-friendly-interface.d.ts","sourceRoot":"","sources":["../../../src/components/ui/touch-friendly-interface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,oGAuD/B,CAAA;AAKD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxG,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;CACjD;AAED,eAAO,MAAM,kBAAkB,kGAsC9B,CAAA;AAKD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,iBAAiB,+FAgD7B,CAAA;AAKD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,mBAAmB,oGAsD/B,CAAA;AAKD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClH,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,mGA4C/B,CAAA"}
+{"version":3,"file":"touch-friendly-interface.d.ts","sourceRoot":"","sources":["../../../src/components/ui/touch-friendly-interface.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,oGAuD/B,CAAA;AAKD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxG,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;CACjD;AAED,eAAO,MAAM,kBAAkB,kGAsC9B,CAAA;AAKD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,iBAAiB,+FAgD7B,CAAA;AAKD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,mBAAmB,oGAsD/B,CAAA;AAKD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClH,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,mGA4C/B,CAAA"}

package/dist/components/ui/touch-friendly-interface.esm.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cn } from '../../lib/utils';
-import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface';
+import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface.js';
 export const TouchFriendlyButton = forwardRef(({ className, variant = 'default', size = 'default', feedback = 'scale', children, ...props }, ref) => {
     const { isTouchTargetCompliant, getTouchTargetSize } = useTouchFriendlyInterface({
         minSize: 44,

package/dist/components/ui/touch-friendly-interface.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cn } from '../../lib/utils';
-import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface';
+import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface.js';
 export const TouchFriendlyButton = forwardRef(({ className, variant = 'default', size = 'default', feedback = 'scale', children, ...props }, ref) => {
     const { isTouchTargetCompliant, getTouchTargetSize } = useTouchFriendlyInterface({
         minSize: 44,

package/dist/hooks/use-animation-profile.d.ts

@@ -26,7 +26,7 @@ export interface PerformanceMetrics {
 export declare const useAnimationProfile: () => {
     profile: AnimationProfile;
     performanceMetrics: PerformanceMetrics;
-    deviceInfo: import("./use-device").DeviceInfo;
+    deviceInfo: import("./use-device.js").DeviceInfo;
     getAnimationClasses: () => string;
     getOptimizedDuration: (type?: "fast" | "normal" | "slow") => string;
     getOptimizedEasing: (type?: keyof AnimationProfile["easing"]) => string;

package/dist/hooks/use-animation-profile.esm.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useMemo } from 'react';
-import { useDevice } from './use-device';
+import { useDevice } from './use-device.js';
 export const useAnimationProfile = () => {
     const deviceInfo = useDevice();
     const [performanceMetrics, setPerformanceMetrics] = useState({

package/dist/hooks/use-animation-profile.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useMemo } from 'react';
-import { useDevice } from './use-device';
+import { useDevice } from './use-device.js';
 export const useAnimationProfile = () => {
     const deviceInfo = useDevice();
     const [performanceMetrics, setPerformanceMetrics] = useState({

package/dist/hooks/use-device.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-device.d.ts","sourceRoot":"","sources":["../../src/hooks/use-device.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC3C,WAAW,EAAE,UAAU,GAAG,WAAW,CAAA;IACrC,WAAW,EAAE,OAAO,CAAA;CACrB;AASD;;;GAGG;AACH,eAAO,MAAM,SAAS,QAAO,UAkE5B,CAAA;AAGD,eAAO,MAAM,WAAW,eAA6B,CAAA;AACrD,eAAO,MAAM,WAAW,eAA6B,CAAA;AACrD,eAAO,MAAM,YAAY,eAA8B,CAAA;AACvD,eAAO,MAAM,cAAc,gCAAgC,CAAA;AAC3D,eAAO,MAAM,gBAAgB,eAAgC,CAAA;AAG7D,eAAO,MAAM,gBAAgB,GAAI,YAAY,UAAU,KAAG,MAWzD,CAAA"}
+{"version":3,"file":"use-device.d.ts","sourceRoot":"","sources":["../../src/hooks/use-device.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC3C,WAAW,EAAE,UAAU,GAAG,WAAW,CAAA;IACrC,WAAW,EAAE,OAAO,CAAA;CACrB;AASD;;;GAGG;AACH,eAAO,MAAM,SAAS,QAAO,UAkE5B,CAAA;AAGD,eAAO,MAAM,WAAW,eAA6B,CAAA;AACrD,eAAO,MAAM,WAAW,eAA6B,CAAA;AACrD,eAAO,MAAM,YAAY,eAA8B,CAAA;AACvD,eAAO,MAAM,cAAc,gCAAgC,CAAA;AAC3D,eAAO,MAAM,gBAAgB,eAAgC,CAAA;AAG7D,eAAO,MAAM,gBAAgB,GAAI,YAAY,UAAU,KAAG,MAWzD,CAAA"}

package/dist/hooks/use-device.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from 'react';
 // Breakpoints based on common device sizes
 const BREAKPOINTS = {

package/dist/hooks/use-device.js

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from 'react';
 // Breakpoints based on common device sizes
 const BREAKPOINTS = {