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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/stepper.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AASjD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2R1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/stepper.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAY,MAAM,YAAY,CAAC;AASpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2R1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/tabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAW,MAAM,SAAS,CAAC;AAS7C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyLpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/tabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAW,MAAM,YAAY,CAAC;AAShD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyLpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './types';
+import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './types.js';
 export declare const ModalHeader: React.FC<ModalHeaderProps>;
 export declare const ModalBody: React.FC<ModalBodyProps>;
 export declare const ModalFooter: React.FC<ModalFooterProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmBzF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6ItC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAmB5F,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6ItC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useRef, useId } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
-import { Backdrop } from './backdrop';
-import { FocusManager } from './focus-manager';
-import { useOverlayManager } from './overlay-manager';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
+import { Backdrop } from './backdrop.js';
+import { FocusManager } from './focus-manager.js';
+import { useOverlayManager } from './overlay-manager.js';
 // SVG Icons
 const XMarkIcon = ({ className = 'w-6 h-6' }) => (_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/modal.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useRef, useId } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
-import { Backdrop } from './backdrop';
-import { FocusManager } from './focus-manager';
-import { useOverlayManager } from './overlay-manager';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
+import { Backdrop } from './backdrop.js';
+import { FocusManager } from './focus-manager.js';
+import { useOverlayManager } from './overlay-manager.js';
 // SVG Icons
 const XMarkIcon = ({ className = 'w-6 h-6' }) => (_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/overlay-manager.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { OverlayManagerProps, OverlayState } from './types';
+import { OverlayManagerProps, OverlayState } from './types.js';
 interface OverlayContextType {
     overlays: OverlayState[];
     addOverlay: (id: string, zIndex: number) => void;

package/dist/components/ui/overlay/overlay-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/overlay-manager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAC;AAG3E,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C;AAKD,eAAO,MAAM,iBAAiB,0BAM7B,CAAC;AAwBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiC7D,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/overlay-manager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AAG9E,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C;AAKD,eAAO,MAAM,iBAAiB,0BAM7B,CAAC;AAwBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiC7D,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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":"AAEA,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,9 +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,9 +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":"AAEA,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/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":"AAEA,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,8 +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,8 +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.esm.js

@@ -1,11 +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,11 +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.esm.js

@@ -1,16 +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,16 +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":"AAEA,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

@@ -2,10 +2,10 @@
 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

@@ -2,10 +2,10 @@
 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.esm.js

@@ -1,7 +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,7 +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.esm.js

@@ -1,7 +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,7 +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.esm.js

@@ -1,9 +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,9 +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.esm.js

@@ -1,11 +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,11 +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.esm.js

@@ -1,11 +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,11 +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.esm.js

@@ -2,7 +2,7 @@
 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

@@ -2,7 +2,7 @@
 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/plugins/theme-css-generator.esm.js

@@ -240,7 +240,7 @@ export default function themeCSSGenerator() {
                     writeFileSync(themeOutputPath, themeCSS, 'utf-8');
                     console.log(`✅ Generated dual-mode CSS for theme: ${themeObj.meta.name} -> ${themeFileName}`);
                     // Add import to index file
-                    indexCSS += `@import './${themeFileName}';\n`;
+                    indexCSS += `@import './${themeFileName}.js';\n`;
                     // Set stan-design theme as default
                     if (themeKey === 'stan-design') {
                         defaultThemeCSS += themeCSS;

package/dist/plugins/theme-css-generator.js

@@ -240,7 +240,7 @@ export default function themeCSSGenerator() {
                     writeFileSync(themeOutputPath, themeCSS, 'utf-8');
                     console.log(`✅ Generated dual-mode CSS for theme: ${themeObj.meta.name} -> ${themeFileName}`);
                     // Add import to index file
-                    indexCSS += `@import './${themeFileName}';\n`;
+                    indexCSS += `@import './${themeFileName}.js';\n`;
                     // Set stan-design theme as default
                     if (themeKey === 'stan-design') {
                         defaultThemeCSS += themeCSS;