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

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 All notable changes to the stan-design theme package will be documented in this file.
 
-## [0.2.17] - 2025-10-03
+## [0.2.19] - 2025-10-03
 
 ### Added
 - Initial release of stan-design theme package

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

@@ -1 +1 @@
-{"version":3,"file":"accessibility-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accessibility-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8P9D,CAAC"}
+{"version":3,"file":"accessibility-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accessibility-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8P9D,CAAC"}

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

@@ -1,15 +1,16 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { accessibilityManager } from '../../themes/accessibility';
-import { screenReaderOptimizer } from '../../themes/screen-reader';
-import { highContrastThemeManager } from '../../themes/high-contrast';
-import { focusManager } from '../../themes/focus-management';
-import { motionReductionManager } from '../../themes/motion-reduction';
-import { ARIAUtils as AriaPatternGenerator } from '../../themes/aria-patterns';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { accessibilityManager } from '../../themes/accessibility.js';
+import { screenReaderOptimizer } from '../../themes/screen-reader.js';
+import { highContrastThemeManager } from '../../themes/high-contrast.js';
+import { focusManager } from '../../themes/focus-management.js';
+import { motionReductionManager } from '../../themes/motion-reduction.js';
+import { ARIAUtils as AriaPatternGenerator } from '../../themes/aria-patterns.js';
 export const AccessibilityDemo = ({ className = '' }) => {
     const [currentFocus, setCurrentFocus] = useState('');
     const [announcements, setAnnouncements] = useState([]);

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

@@ -1,15 +1,16 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { accessibilityManager } from '../../themes/accessibility';
-import { screenReaderOptimizer } from '../../themes/screen-reader';
-import { highContrastThemeManager } from '../../themes/high-contrast';
-import { focusManager } from '../../themes/focus-management';
-import { motionReductionManager } from '../../themes/motion-reduction';
-import { ARIAUtils as AriaPatternGenerator } from '../../themes/aria-patterns';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { accessibilityManager } from '../../themes/accessibility.js';
+import { screenReaderOptimizer } from '../../themes/screen-reader.js';
+import { highContrastThemeManager } from '../../themes/high-contrast.js';
+import { focusManager } from '../../themes/focus-management.js';
+import { motionReductionManager } from '../../themes/motion-reduction.js';
+import { ARIAUtils as AriaPatternGenerator } from '../../themes/aria-patterns.js';
 export const AccessibilityDemo = ({ className = '' }) => {
     const [currentFocus, setCurrentFocus] = useState('');
     const [announcements, setAnnouncements] = useState([]);

package/dist/components/ui/advanced-component-architecture-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-component-architecture-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-component-architecture-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAu4BrD,CAAA;AAED,eAAe,iCAAiC,CAAA"}
+{"version":3,"file":"advanced-component-architecture-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-component-architecture-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAu4BrD,CAAA;AAED,eAAe,iCAAiC,CAAA"}

package/dist/components/ui/advanced-component-architecture-demo.esm.js

@@ -1,13 +1,14 @@
+'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 { useAdvancedPatterns } from '../../hooks/use-advanced-patterns';
-import { useComponentPerformance } from '../../hooks/use-component-performance';
-import { useMobileOptimization } from '../../hooks/use-mobile-optimization';
-import { useReusableArchitecture } from '../../hooks/use-reusable-architecture';
-import { useAccessibilitySupport } from '../../hooks/use-accessibility-support';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { useAdvancedPatterns } from '../../hooks/use-advanced-patterns.js';
+import { useComponentPerformance } from '../../hooks/use-component-performance.js';
+import { useMobileOptimization } from '../../hooks/use-mobile-optimization.js';
+import { useReusableArchitecture } from '../../hooks/use-reusable-architecture.js';
+import { useAccessibilitySupport } from '../../hooks/use-accessibility-support.js';
 export const AdvancedComponentArchitectureDemo = () => {
     const [activeTab, setActiveTab] = useState('patterns');
     const [showPatternDemo, setShowPatternDemo] = useState(true);

package/dist/components/ui/advanced-component-architecture-demo.js

@@ -1,13 +1,14 @@
+'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 { useAdvancedPatterns } from '../../hooks/use-advanced-patterns';
-import { useComponentPerformance } from '../../hooks/use-component-performance';
-import { useMobileOptimization } from '../../hooks/use-mobile-optimization';
-import { useReusableArchitecture } from '../../hooks/use-reusable-architecture';
-import { useAccessibilitySupport } from '../../hooks/use-accessibility-support';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { useAdvancedPatterns } from '../../hooks/use-advanced-patterns.js';
+import { useComponentPerformance } from '../../hooks/use-component-performance.js';
+import { useMobileOptimization } from '../../hooks/use-mobile-optimization.js';
+import { useReusableArchitecture } from '../../hooks/use-reusable-architecture.js';
+import { useAccessibilitySupport } from '../../hooks/use-accessibility-support.js';
 export const AdvancedComponentArchitectureDemo = () => {
     const [activeTab, setActiveTab] = useState('patterns');
     const [showPatternDemo, setShowPatternDemo] = useState(true);

package/dist/components/ui/advanced-transition-system-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-transition-system-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-transition-system-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAmpBhD,CAAA"}
+{"version":3,"file":"advanced-transition-system-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-transition-system-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAmpBhD,CAAA"}

package/dist/components/ui/advanced-transition-system-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 { Badge } from './badge';
-import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system';
-import { AdvancedTransitionButton, AdvancedTransitionCard, AdvancedTransitionInput, AdvancedTransitionList } from './advanced-transition-system';
+import { Badge } from './badge.js';
+import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system.js';
+import { AdvancedTransitionButton, AdvancedTransitionCard, AdvancedTransitionInput, AdvancedTransitionList } from './advanced-transition-system.js';
 export const AdvancedTransitionSystemDemo = () => {
     const [activeDemo, setActiveDemo] = useState('transitions');
     const [formData, setFormData] = useState({

package/dist/components/ui/advanced-transition-system-demo.js

@@ -1,8 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Badge } from './badge';
-import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system';
-import { AdvancedTransitionButton, AdvancedTransitionCard, AdvancedTransitionInput, AdvancedTransitionList } from './advanced-transition-system';
+import { Badge } from './badge.js';
+import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system.js';
+import { AdvancedTransitionButton, AdvancedTransitionCard, AdvancedTransitionInput, AdvancedTransitionList } from './advanced-transition-system.js';
 export const AdvancedTransitionSystemDemo = () => {
     const [activeDemo, setActiveDemo] = useState('transitions');
     const [formData, setFormData] = useState({

package/dist/components/ui/advanced-transition-system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-transition-system.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-transition-system.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"advanced-transition-system.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-transition-system.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/advanced-transition-system.esm.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useState, useEffect } from 'react';
 import { cn } from '../../lib/utils';
-import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system';
+import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system.js';
 export const AdvancedTransitionContainer = forwardRef(({ className, duration = 300, easing = 'ease-out', delay = 0, performance = true, deviceOptimization = true, accessibility = true, batteryAware = true, children, ...props }, ref) => {
     const { startTransition, transitionState, isTransitionActive } = useAdvancedTransitionSystem({
         duration,

package/dist/components/ui/advanced-transition-system.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useState, useEffect } from 'react';
 import { cn } from '../../lib/utils';
-import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system';
+import { useAdvancedTransitionSystem } from '../../hooks/use-advanced-transition-system.js';
 export const AdvancedTransitionContainer = forwardRef(({ className, duration = 300, easing = 'ease-out', delay = 0, performance = true, deviceOptimization = true, accessibility = true, batteryAware = true, children, ...props }, ref) => {
     const { startTransition, transitionState, isTransitionActive } = useAdvancedTransitionSystem({
         duration,

package/dist/components/ui/animation/animated-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animated-container.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animation/animated-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,iBAAiB,+FAoJ7B,CAAA"}
+{"version":3,"file":"animated-container.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animation/animated-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,iBAAiB,+FAoJ7B,CAAA"}

package/dist/components/ui/animation/animated-container.esm.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { cn } from '../../../lib/utils';
-import { useAnimationProfile } from '../../../hooks/use-animation-profile';
+import { useAnimationProfile } from '../../../hooks/use-animation-profile.js';
 export const AnimatedContainer = forwardRef(({ animation = 'fadeIn', duration = 'normal', easing = 'ease', delay = 0, stagger = 0, onAnimationStart, onAnimationEnd, className, children, ...props }, ref) => {
     const containerRef = useRef(null);
     // Use the forwarded ref if provided, otherwise use local ref

package/dist/components/ui/animation/animated-container.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { cn } from '../../../lib/utils';
-import { useAnimationProfile } from '../../../hooks/use-animation-profile';
+import { useAnimationProfile } from '../../../hooks/use-animation-profile.js';
 export const AnimatedContainer = forwardRef(({ animation = 'fadeIn', duration = 'normal', easing = 'ease', delay = 0, stagger = 0, onAnimationStart, onAnimationEnd, className, children, ...props }, ref) => {
     const containerRef = useRef(null);
     // Use the forwarded ref if provided, otherwise use local ref

package/dist/components/ui/animation/staggered-container.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnimatedContainerProps } from './animated-container';
+import { AnimatedContainerProps } from './animated-container.js';
 export interface StaggeredContainerProps extends Omit<AnimatedContainerProps, 'children'> {
     children: React.ReactNode;
     staggerDelay?: number;

package/dist/components/ui/animation/staggered-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"staggered-container.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animation/staggered-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAEhF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACnD,aAAa,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;CACvE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDhE,CAAA"}
+{"version":3,"file":"staggered-container.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animation/staggered-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAEnF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACnD,aAAa,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;CACvE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDhE,CAAA"}

package/dist/components/ui/animation/staggered-container.esm.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement } from 'react';
 import { cn } from '../../../lib/utils';
-import { AnimatedContainer } from './animated-container';
+import { AnimatedContainer } from './animated-container.js';
 export const StaggeredContainer = ({ children, staggerDelay = 0.1, staggerDirection = 'forward', staggerEasing = 'ease', className, ...props }) => {
     const childrenArray = Children.toArray(children);
     const totalChildren = childrenArray.length;

package/dist/components/ui/animation/staggered-container.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement } from 'react';
 import { cn } from '../../../lib/utils';
-import { AnimatedContainer } from './animated-container';
+import { AnimatedContainer } from './animated-container.js';
 export const StaggeredContainer = ({ children, staggerDelay = 0.1, staggerDirection = 'forward', staggerEasing = 'ease', className, ...props }) => {
     const childrenArray = Children.toArray(children);
     const totalChildren = childrenArray.length;

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

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

package/dist/components/ui/animation-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 } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
 import { AnimatedContainer, StaggeredContainer, useAnimationProfile, usePerformanceMode } from './animation';
 export const AnimationDemo = () => {
     const [currentAnimation, setCurrentAnimation] = useState('fadeIn');

package/dist/components/ui/animation-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 } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
 import { AnimatedContainer, StaggeredContainer, useAnimationProfile, usePerformanceMode } from './animation';
 export const AnimationDemo = () => {
     const [currentAnimation, setCurrentAnimation] = useState('fadeIn');

package/dist/components/ui/battery-conscious-animation-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"battery-conscious-animation-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/battery-conscious-animation-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EA8iBjD,CAAA;AAED,eAAe,6BAA6B,CAAA"}
+{"version":3,"file":"battery-conscious-animation-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/battery-conscious-animation-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EA8iBjD,CAAA;AAED,eAAe,6BAA6B,CAAA"}

package/dist/components/ui/battery-conscious-animation-demo.esm.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
-import { Button } from './button';
-import { useBatteryAnimations } from '../../hooks/use-battery-animations';
-import { usePerformanceThrottling } from '../../hooks/use-performance-throttling';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { useBatteryAnimations } from '../../hooks/use-battery-animations.js';
+import { usePerformanceThrottling } from '../../hooks/use-performance-throttling.js';
 export const BatteryConsciousAnimationDemo = () => {
     const [showBatteryInfo, setShowBatteryInfo] = useState(true);
     const [showPerformanceInfo, setShowPerformanceInfo] = useState(true);

package/dist/components/ui/battery-conscious-animation-demo.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Badge } from './badge';
-import { Button } from './button';
-import { useBatteryAnimations } from '../../hooks/use-battery-animations';
-import { usePerformanceThrottling } from '../../hooks/use-performance-throttling';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { useBatteryAnimations } from '../../hooks/use-battery-animations.js';
+import { usePerformanceThrottling } from '../../hooks/use-performance-throttling.js';
 export const BatteryConsciousAnimationDemo = () => {
     const [showBatteryInfo, setShowBatteryInfo] = useState(true);
     const [showPerformanceInfo, setShowPerformanceInfo] = useState(true);

package/dist/components/ui/border-radius-shadow-demo.esm.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from './card';
-import { Button } from './button';
+import { Card } from './card.js';
+import { Button } from './button.js';
 export const BorderRadiusShadowDemo = () => {
     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: "Advanced Border Radius & Shadow System" }), _jsx("p", { className: "text-cs-text-secondary", children: "Sophisticated visual polish with calculated variants and multiple depth levels" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Border Radius System" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-sm flex items-center justify-center text-white font-medium", children: "rounded-sm" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-sm (calc(var(--radius) - 4px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-md flex items-center justify-center text-white font-medium", children: "rounded-md" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-md (calc(var(--radius) - 2px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-lg flex items-center justify-center text-white font-medium", children: "rounded-lg" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-lg (var(--radius))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-xl flex items-center justify-center text-white font-medium", children: "rounded-xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-xl (calc(var(--radius) + 2px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-2xl flex items-center justify-center text-white font-medium", children: "rounded-2xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-2xl (calc(var(--radius) + 4px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-full flex items-center justify-center text-white font-medium", children: "rounded-full" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Native Tailwind (50%)" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Shadow System" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-sm flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-sm" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Subtle elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Default shadow" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-md flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-md" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Medium elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-lg flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-lg" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Large elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-xl flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Extra large elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-2xl flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-2xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Maximum elevation" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Component Integration" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsx(Button, { variant: "default", className: "w-full", children: "Default Button" }), _jsx(Button, { variant: "outline", className: "w-full", children: "Outline Button" }), _jsx(Button, { variant: "secondary", className: "w-full", children: "Secondary Button" })] }), _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: "Input Field" }), _jsx("input", { type: "text", placeholder: "Type something...", className: "w-full h-11 rounded-md border border-cs-border bg-cs-surface-bg px-3 py-2 text-cs-text-primary focus:outline-none focus:ring-2 focus:ring-cs-primary focus:ring-offset-2" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Card Example" }), _jsx("div", { className: "p-4 rounded-lg border border-cs-border bg-cs-surface-bg shadow-sm", children: _jsx("p", { className: "text-sm text-cs-text-secondary", children: "This card uses rounded-lg and shadow-sm" }) })] })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Technical Implementation" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium text-cs-text-primary mb-2", children: "CSS Custom Properties" }), _jsxs("div", { className: "bg-cs-surface-bg p-3 rounded-md text-xs font-mono text-cs-text-secondary overflow-auto", children: [_jsx("p", { children: "--radius: 0.5rem" }), _jsx("p", { children: "--radius-sm: calc(var(--radius) - 4px)" }), _jsx("p", { children: "--radius-md: calc(var(--radius) - 2px)" }), _jsx("p", { children: "--radius-lg: var(--radius)" }), _jsx("p", { children: "--radius-xl: calc(var(--radius) + 2px)" }), _jsx("p", { children: "--radius-2xl: calc(var(--radius) + 4px)" })] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium text-cs-text-primary mb-2", children: "Tailwind Classes" }), _jsxs("div", { className: "bg-cs-surface-bg p-3 rounded-md text-xs font-mono text-cs-text-secondary", children: [_jsx("p", { children: "rounded-sm \u2192 var(--radius-sm)" }), _jsx("p", { children: "rounded-md \u2192 var(--radius-md)" }), _jsx("p", { children: "rounded-lg \u2192 var(--radius-lg)" }), _jsx("p", { children: "rounded-xl \u2192 var(--radius-xl)" }), _jsx("p", { children: "rounded-2xl \u2192 var(--radius-2xl)" })] })] })] })] })] }));
 };

package/dist/components/ui/border-radius-shadow-demo.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from './card';
-import { Button } from './button';
+import { Card } from './card.js';
+import { Button } from './button.js';
 export const BorderRadiusShadowDemo = () => {
     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: "Advanced Border Radius & Shadow System" }), _jsx("p", { className: "text-cs-text-secondary", children: "Sophisticated visual polish with calculated variants and multiple depth levels" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Border Radius System" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-sm flex items-center justify-center text-white font-medium", children: "rounded-sm" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-sm (calc(var(--radius) - 4px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-md flex items-center justify-center text-white font-medium", children: "rounded-md" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-md (calc(var(--radius) - 2px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-lg flex items-center justify-center text-white font-medium", children: "rounded-lg" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-lg (var(--radius))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-xl flex items-center justify-center text-white font-medium", children: "rounded-xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-xl (calc(var(--radius) + 2px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-2xl flex items-center justify-center text-white font-medium", children: "rounded-2xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "--radius-2xl (calc(var(--radius) + 4px))" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-cs-primary rounded-full flex items-center justify-center text-white font-medium", children: "rounded-full" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Native Tailwind (50%)" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Shadow System" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-sm flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-sm" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Subtle elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Default shadow" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-md flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-md" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Medium elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-lg flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-lg" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Large elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-xl flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Extra large elevation" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-20 bg-white rounded-lg shadow-2xl flex items-center justify-center text-cs-text-primary font-medium border", children: "shadow-2xl" }), _jsx("p", { className: "text-xs text-cs-text-muted text-center", children: "Maximum elevation" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Component Integration" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsx(Button, { variant: "default", className: "w-full", children: "Default Button" }), _jsx(Button, { variant: "outline", className: "w-full", children: "Outline Button" }), _jsx(Button, { variant: "secondary", className: "w-full", children: "Secondary Button" })] }), _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: "Input Field" }), _jsx("input", { type: "text", placeholder: "Type something...", className: "w-full h-11 rounded-md border border-cs-border bg-cs-surface-bg px-3 py-2 text-cs-text-primary focus:outline-none focus:ring-2 focus:ring-cs-primary focus:ring-offset-2" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Card Example" }), _jsx("div", { className: "p-4 rounded-lg border border-cs-border bg-cs-surface-bg shadow-sm", children: _jsx("p", { className: "text-sm text-cs-text-secondary", children: "This card uses rounded-lg and shadow-sm" }) })] })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Technical Implementation" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium text-cs-text-primary mb-2", children: "CSS Custom Properties" }), _jsxs("div", { className: "bg-cs-surface-bg p-3 rounded-md text-xs font-mono text-cs-text-secondary overflow-auto", children: [_jsx("p", { children: "--radius: 0.5rem" }), _jsx("p", { children: "--radius-sm: calc(var(--radius) - 4px)" }), _jsx("p", { children: "--radius-md: calc(var(--radius) - 2px)" }), _jsx("p", { children: "--radius-lg: var(--radius)" }), _jsx("p", { children: "--radius-xl: calc(var(--radius) + 2px)" }), _jsx("p", { children: "--radius-2xl: calc(var(--radius) + 4px)" })] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium text-cs-text-primary mb-2", children: "Tailwind Classes" }), _jsxs("div", { className: "bg-cs-surface-bg p-3 rounded-md text-xs font-mono text-cs-text-secondary", children: [_jsx("p", { children: "rounded-sm \u2192 var(--radius-sm)" }), _jsx("p", { children: "rounded-md \u2192 var(--radius-md)" }), _jsx("p", { children: "rounded-lg \u2192 var(--radius-lg)" }), _jsx("p", { children: "rounded-xl \u2192 var(--radius-xl)" }), _jsx("p", { children: "rounded-2xl \u2192 var(--radius-2xl)" })] })] })] })] })] }));
 };

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAsBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAsBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/button.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";

package/dist/components/ui/button.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";

package/dist/components/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAG7D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,yFAkBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAG7D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,yFAkBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/ui/checkbox.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";

package/dist/components/ui/checkbox.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ColorScale, SemanticColors } from '../../themes/types';
+import { ColorScale, SemanticColors } from '../../themes/types.js';
 export interface ColorPreviewProps {
     colorScale?: ColorScale;
     semanticColors?: SemanticColors;

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

@@ -1 +1 @@
-{"version":3,"file":"color-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/color-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6RpD,CAAC;AAGF,MAAM,WAAW,kBAAkB;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsGtD,CAAC"}
+{"version":3,"file":"color-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/color-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGnE,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6RpD,CAAC;AAGF,MAAM,WAAW,kBAAkB;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsGtD,CAAC"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } 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';
-import { ColorManager } from '../../themes/colorManager';
+import { ColorManager } from '../../themes/colorManager.js';
 export const ColorPreview = ({ colorScale, semanticColors, scaleName = 'Color Scale', showAccessibility = true, className = '' }) => {
     const { currentThemeConfig } = useTheme();
     // Use provided colors or get from current theme

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } 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';
-import { ColorManager } from '../../themes/colorManager';
+import { ColorManager } from '../../themes/colorManager.js';
 export const ColorPreview = ({ colorScale, semanticColors, scaleName = 'Color Scale', showAccessibility = true, className = '' }) => {
     const { currentThemeConfig } = useTheme();
     // Use provided colors or get from current theme

package/dist/components/ui/data-display/chart.d.ts

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

package/dist/components/ui/data-display/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EACL,UAAU,EAEX,MAAM,SAAS,CAAC;AA4ejB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyJtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EACL,UAAU,EAEX,MAAM,YAAY,CAAC;AA4epB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyJtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/ui/data-display/chart.esm.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
-import { useTheme } from '../../../themes/useTheme';
+import { useTheme } from '../../../themes/useTheme.js';
 // Simple icon components (inline SVG)
 const BarChartIcon = ({ className = 'w-4 h-4' }) => (_jsx("svg", { className: className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" }) }));
 const LineChartIcon = ({ className = 'w-4 h-4' }) => (_jsxs("svg", { className: className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 12l3-3 3 3 4-4" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 21l4-4 4-4 4-4" })] }));

package/dist/components/ui/data-display/chart.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
-import { useTheme } from '../../../themes/useTheme';
+import { useTheme } from '../../../themes/useTheme.js';
 // Simple icon components (inline SVG)
 const BarChartIcon = ({ className = 'w-4 h-4' }) => (_jsx("svg", { className: className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" }) }));
 const LineChartIcon = ({ className = 'w-4 h-4' }) => (_jsxs("svg", { className: className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 12l3-3 3 3 4-4" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 21l4-4 4-4 4-4" })] }));

package/dist/components/ui/data-display/data-grid-simple.d.ts

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

package/dist/components/ui/data-display/data-grid-simple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-simple.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/data-grid-simple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqElD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"data-grid-simple.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/data-grid-simple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqElD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/ui/data-display/data-grid.d.ts

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

package/dist/components/ui/data-display/data-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/data-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,aAAa,EAId,MAAM,SAAS,CAAC;AA4YjB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmR5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/data-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,aAAa,EAId,MAAM,YAAY,CAAC;AA4YpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmR5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/ui/data-display/data-grid.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 // Simple icon components

package/dist/components/ui/data-display/data-grid.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 // Simple icon components

package/dist/components/ui/data-display/list.d.ts

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

package/dist/components/ui/data-display/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EACL,SAAS,EAIV,MAAM,SAAS,CAAC;AAgVjB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+GpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EACL,SAAS,EAIV,MAAM,YAAY,CAAC;AAgVpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+GpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/ui/data-display/list.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 // Simple icon components (inline SVG)

package/dist/components/ui/data-display/list.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 // Simple icon components (inline SVG)