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

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

@@ -1,391 +1,45 @@
-// Advanced Transition Container Component
+import React from 'react';
 export interface AdvancedTransitionContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-  duration?: number
-  easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ'
-  delay?: number
-  performance?: boolean
-  deviceOptimization?: boolean
-  accessibility?: boolean
-  batteryAware?: boolean
-  children: React.ReactNode
+    duration?: number;
+    easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ';
+    delay?: number;
+    performance?: boolean;
+    deviceOptimization?: boolean;
+    accessibility?: boolean;
+    batteryAware?: boolean;
+    children: React.ReactNode;
 }
-
-export declare const AdvancedTransitionContainer: forwardRef<HTMLDivElement, AdvancedTransitionContainerProps>(
-  ({ 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,
-      easing,
-      delay,
-      performance,
-      deviceOptimization,
-      accessibility,
-      batteryAware
-    })
-
-    const [isVisible, setIsVisible] = useState(false)
-
-    useEffect(() => {
-      const timer = setTimeout(() => {
-        setIsVisible(true)
-        startTransition()
-      }, delay)
-
-      return () => clearTimeout(timer)
-    }, [startTransition, delay])
-
-    const baseClasses = 'advanced-transition transition-performance'
-    const easingClasses = {
-      'ease-out': 'transition-ease-out',
-      'ease-in': 'transition-ease-in',
-      'ease-in-out': 'transition-ease-in-out',
-      'ease-out-quint': 'transition-ease-out-quint',
-      'ease-in-quint': 'transition-ease-in-quint',
-      'ease-in-out-quint': 'transition-ease-in-out-quint',
-      'ease-out-expo': 'transition-ease-out-expo',
-      'ease-in-expo': 'transition-ease-in-expo',
-      'ease-in-out-expo': 'transition-ease-in-out-expo',
-      'ease-out-circ': 'transition-ease-out-circ',
-      'ease-in-circ': 'transition-ease-in-circ',
-      'ease-in-out-circ': 'transition-ease-in-out-circ'
-    }
-
-    const durationClasses = {
-      75: 'transition-duration-75',
-      100: 'transition-duration-100',
-      150: 'transition-duration-150',
-      200: 'transition-duration-200',
-      300: 'transition-duration-300',
-      500: 'transition-duration-500',
-      700: 'transition-duration-700',
-      1000: 'transition-duration-1000'
-    }
-
-    const delayClasses = {
-      75: 'transition-delay-75',
-      100: 'transition-delay-100',
-      150: 'transition-delay-150',
-      200: 'transition-delay-200',
-      300: 'transition-delay-300',
-      500: 'transition-delay-500',
-      700: 'transition-delay-700',
-      1000: 'transition-delay-1000'
-    }
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          baseClasses,
-          easingClasses[easing],
-          durationClasses[duration as keyof typeof durationClasses] || 'transition-duration-300',
-          delayClasses[delay as keyof typeof delayClasses] || '',
-          isVisible ? 'opacity-100' : 'opacity-0',
-          isTransitionActive() ? 'transitioning' : '',
-          className
-        )}
-        style={{
-          transitionDuration: `${transitionState.currentDuration}ms`,
-          transitionDelay: `${transitionState.currentDelay}ms`
-        }}
-        {...props}
-      >
-        {children}
-        {isTransitionActive() && (
-          <div className="absolute inset-0 bg-green-500 bg-opacity-20 pointer-events-none z-10" />
-        )}
-      </div>
-    )
-  }
-)
-
-AdvancedTransitionContainer.displayName = 'AdvancedTransitionContainer'
-
-// Advanced Transition Button Component
+export declare const AdvancedTransitionContainer: React.ForwardRefExoticComponent<AdvancedTransitionContainerProps & React.RefAttributes<HTMLDivElement>>;
 export interface AdvancedTransitionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  duration?: number
-  easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ'
-  delay?: number
-  variant?: 'default' | 'secondary' | 'outline' | 'ghost'
-  size?: 'sm' | 'default' | 'lg'
-  children: React.ReactNode
+    duration?: number;
+    easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ';
+    delay?: number;
+    variant?: 'default' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'default' | 'lg';
+    children: React.ReactNode;
 }
-
-export declare const AdvancedTransitionButton: forwardRef<HTMLButtonElement, AdvancedTransitionButtonProps>(
-  ({ className, duration = 200, easing = 'ease-out', delay = 0, variant = 'default', size = 'default', children, ...props }, ref) => {
-    const { startTransition, transitionState, isTransitionActive } = useAdvancedTransitionSystem({
-      duration,
-      easing,
-      delay,
-      performance: true,
-      deviceOptimization: true,
-      accessibility: true,
-      batteryAware: true
-    })
-
-    const handleClick = () => {
-      startTransition()
-    }
-
-    const baseClasses = 'advanced-transition transition-performance transition-transform'
-    const easingClasses = {
-      'ease-out': 'transition-ease-out',
-      'ease-in': 'transition-ease-in',
-      'ease-in-out': 'transition-ease-in-out',
-      'ease-out-quint': 'transition-ease-out-quint',
-      'ease-in-quint': 'transition-ease-in-quint',
-      'ease-in-out-quint': 'transition-ease-in-out-quint',
-      'ease-out-expo': 'transition-ease-out-expo',
-      'ease-in-expo': 'transition-ease-in-expo',
-      'ease-in-out-expo': 'transition-ease-in-out-expo',
-      'ease-out-circ': 'transition-ease-out-circ',
-      'ease-in-circ': 'transition-ease-in-circ',
-      'ease-in-out-circ': 'transition-ease-in-out-circ'
-    }
-
-    const variantClasses = {
-      default: 'bg-cs-primary text-white hover:bg-cs-primary-hover active:bg-cs-primary-active',
-      secondary: 'bg-cs-secondary text-cs-text-primary hover:bg-cs-secondary-hover active:bg-cs-secondary-active',
-      outline: 'bg-transparent border border-cs-border text-cs-text-primary hover:bg-cs-hover-bg',
-      ghost: 'bg-transparent text-cs-text-primary hover:bg-cs-hover-bg'
-    }
-
-    const sizeClasses = {
-      sm: 'px-3 py-2 text-sm min-h-[44px] min-w-[44px]',
-      default: 'px-4 py-3 text-base min-h-[48px] min-w-[48px]',
-      lg: 'px-6 py-4 text-lg min-h-[56px] min-w-[56px]'
-    }
-
-    return (
-      <button
-        ref={ref}
-        className={cn(
-          baseClasses,
-          easingClasses[easing],
-          variantClasses[variant],
-          sizeClasses[size],
-          'rounded-lg font-medium focus:outline-none focus:ring-2 focus:ring-cs-primary focus:ring-offset-2',
-          isTransitionActive() ? 'scale-95' : 'scale-100',
-          className
-        )}
-        style={{
-          transitionDuration: `${transitionState.currentDuration}ms`,
-          transitionDelay: `${transitionState.currentDelay}ms`
-        }}
-        onClick={handleClick}
-        {...props}
-      >
-        {children}
-        {isTransitionActive() && (
-          <div className="absolute inset-0 bg-blue-500 bg-opacity-20 pointer-events-none rounded-lg" />
-        )}
-      </button>
-    )
-  }
-)
-
-AdvancedTransitionButton.displayName = 'AdvancedTransitionButton'
-
-// Advanced Transition Card Component
+export declare const AdvancedTransitionButton: React.ForwardRefExoticComponent<AdvancedTransitionButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export interface AdvancedTransitionCardProps extends React.HTMLAttributes<HTMLDivElement> {
-  duration?: number
-  easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ'
-  delay?: number
-  interactive?: boolean
-  children: React.ReactNode
+    duration?: number;
+    easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ';
+    delay?: number;
+    interactive?: boolean;
+    children: React.ReactNode;
 }
-
-export declare const AdvancedTransitionCard: forwardRef<HTMLDivElement, AdvancedTransitionCardProps>(
-  ({ className, duration = 300, easing = 'ease-out', delay = 0, interactive = false, children, ...props }, ref) => {
-    const { startTransition, transitionState, isTransitionActive } = useAdvancedTransitionSystem({
-      duration,
-      easing,
-      delay,
-      performance: true,
-      deviceOptimization: true,
-      accessibility: true,
-      batteryAware: true
-    })
-
-    const handleClick = () => {
-      if (interactive) {
-        startTransition()
-      }
-    }
-
-    const baseClasses = 'advanced-transition transition-performance transition-shadow'
-    const easingClasses = {
-      'ease-out': 'transition-ease-out',
-      'ease-in': 'transition-ease-in',
-      'ease-in-out': 'transition-ease-in-out',
-      'ease-out-quint': 'transition-ease-out-quint',
-      'ease-in-quint': 'transition-ease-in-quint',
-      'ease-in-out-quint': 'transition-ease-in-out-quint',
-      'ease-out-expo': 'transition-ease-out-expo',
-      'ease-in-expo': 'transition-ease-in-expo',
-      'ease-in-out-expo': 'transition-ease-in-out-expo',
-      'ease-out-circ': 'transition-ease-out-circ',
-      'ease-in-circ': 'transition-ease-in-circ',
-      'ease-in-out-circ': 'transition-ease-in-out-circ'
-    }
-
-    const interactiveClasses = interactive ? 'cursor-pointer hover:shadow-lg active:shadow-xl' : ''
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          baseClasses,
-          easingClasses[easing],
-          'bg-cs-surface-bg border border-cs-border rounded-lg shadow-sm p-4',
-          interactiveClasses,
-          isTransitionActive() ? 'shadow-2xl' : 'shadow-sm',
-          className
-        )}
-        style={{
-          transitionDuration: `${transitionState.currentDuration}ms`,
-          transitionDelay: `${transitionState.currentDelay}ms`
-        }}
-        onClick={handleClick}
-        {...props}
-      >
-        {children}
-        {isTransitionActive() && (
-          <div className="absolute inset-0 bg-purple-500 bg-opacity-20 pointer-events-none rounded-lg" />
-        )}
-      </div>
-    )
-  }
-)
-
-AdvancedTransitionCard.displayName = 'AdvancedTransitionCard'
-
-// Advanced Transition Input Component
+export declare const AdvancedTransitionCard: React.ForwardRefExoticComponent<AdvancedTransitionCardProps & React.RefAttributes<HTMLDivElement>>;
 export interface AdvancedTransitionInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  duration?: number
-  easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ'
-  delay?: number
-  children?: React.ReactNode
+    duration?: number;
+    easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ';
+    delay?: number;
+    children?: React.ReactNode;
 }
-
-export declare const AdvancedTransitionInput: forwardRef<HTMLInputElement, AdvancedTransitionInputProps>(
-  ({ className, duration = 200, easing = 'ease-out', delay = 0, children, ...props }, ref) => {
-    const { startTransition, transitionState, isTransitionActive } = useAdvancedTransitionSystem({
-      duration,
-      easing,
-      delay,
-      performance: true,
-      deviceOptimization: true,
-      accessibility: true,
-      batteryAware: true
-    })
-
-    const handleFocus = () => {
-      startTransition()
-    }
-
-    const baseClasses = 'advanced-transition transition-performance transition-colors'
-    const easingClasses = {
-      'ease-out': 'transition-ease-out',
-      'ease-in': 'transition-ease-in',
-      'ease-in-out': 'transition-ease-in-out',
-      'ease-out-quint': 'transition-ease-out-quint',
-      'ease-in-quint': 'transition-ease-in-quint',
-      'ease-in-out-quint': 'transition-ease-in-out-quint',
-      'ease-out-expo': 'transition-ease-out-expo',
-      'ease-in-expo': 'transition-ease-in-expo',
-      'ease-in-out-expo': 'transition-ease-in-out-expo',
-      'ease-out-circ': 'transition-ease-out-circ',
-      'ease-in-circ': 'transition-ease-in-circ',
-      'ease-in-out-circ': 'transition-ease-in-out-circ'
-    }
-
-    return (
-      <div className="relative">
-        <input
-          ref={ref}
-          className={cn(
-            baseClasses,
-            easingClasses[easing],
-            'w-full bg-cs-surface-bg border border-cs-border rounded-lg px-4 py-3 text-cs-text-primary',
-            'focus:outline-none focus:ring-2 focus:ring-cs-primary focus:border-cs-primary',
-            'placeholder:text-cs-text-secondary',
-            isTransitionActive() ? 'border-cs-primary ring-2 ring-cs-primary' : '',
-            className
-          )}
-          style={{
-            transitionDuration: `${transitionState.currentDuration}ms`,
-            transitionDelay: `${transitionState.currentDelay}ms`
-          }}
-          onFocus={handleFocus}
-          {...props}
-        />
-        {children}
-        {isTransitionActive() && (
-          <div className="absolute inset-0 bg-yellow-500 bg-opacity-20 pointer-events-none rounded-lg" />
-        )}
-      </div>
-    )
-  }
-)
-
-AdvancedTransitionInput.displayName = 'AdvancedTransitionInput'
-
-// Advanced Transition List Component
+export declare const AdvancedTransitionInput: React.ForwardRefExoticComponent<AdvancedTransitionInputProps & React.RefAttributes<HTMLInputElement>>;
 export interface AdvancedTransitionListProps extends React.HTMLAttributes<HTMLUListElement> {
-  duration?: number
-  easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ'
-  delay?: number
-  staggerDelay?: number
-  children: React.ReactNode
+    duration?: number;
+    easing?: 'ease-out' | 'ease-in' | 'ease-in-out' | 'ease-out-quint' | 'ease-in-quint' | 'ease-in-out-quint' | 'ease-out-expo' | 'ease-in-expo' | 'ease-in-out-expo' | 'ease-out-circ' | 'ease-in-circ' | 'ease-in-out-circ';
+    delay?: number;
+    staggerDelay?: number;
+    children: React.ReactNode;
 }
-
-export declare const AdvancedTransitionList: forwardRef<HTMLUListElement, AdvancedTransitionListProps>(
-  ({ className, duration = 300, easing = 'ease-out', delay = 0, staggerDelay = 100, children, ...props }, ref) => {
-    const baseClasses = 'advanced-transition transition-performance'
-    const easingClasses = {
-      'ease-out': 'transition-ease-out',
-      'ease-in': 'transition-ease-in',
-      'ease-in-out': 'transition-ease-in-out',
-      'ease-out-quint': 'transition-ease-out-quint',
-      'ease-in-quint': 'transition-ease-in-quint',
-      'ease-in-out-quint': 'transition-ease-in-out-quint',
-      'ease-out-expo': 'transition-ease-out-expo',
-      'ease-in-expo': 'transition-ease-in-expo',
-      'ease-in-out-expo': 'transition-ease-in-out-expo',
-      'ease-out-circ': 'transition-ease-out-circ',
-      'ease-in-circ': 'transition-ease-in-circ',
-      'ease-in-out-circ': 'transition-ease-in-out-circ'
-    }
-
-    return (
-      <ul
-        ref={ref}
-        className={cn(
-          baseClasses,
-          easingClasses[easing],
-          'space-y-2',
-          className
-        )}
-        style={{
-          transitionDuration: `${duration}ms`,
-          transitionDelay: `${delay}ms`
-        }}
-        {...props}
-      >
-        {React.Children.map(children, (child, index) => {
-          if (React.isValidElement(child)) {
-            return React.cloneElement(child, {
-              style: {
-                ...child.props.style,
-                transitionDelay: `${delay + (index * staggerDelay)}ms`
-              }
-            })
-          }
-          return child
-        })}
-      </ul>
-    )
-  }
-)
-
-AdvancedTransitionList.displayName = 'AdvancedTransitionList'
+export declare const AdvancedTransitionList: React.ForwardRefExoticComponent<AdvancedTransitionListProps & React.RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=advanced-transition-system.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-transition-system.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-transition-system.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAK9D,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,eAAe,GAAG,mBAAmB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAA;IAC1N,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,2BAA2B,yGAsFvC,CAAA;AAKD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,eAAe,GAAG,mBAAmB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAA;IAC1N,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,wBAAwB,yGAuEpC,CAAA;AAKD,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,eAAe,GAAG,mBAAmB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAA;IAC1N,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,sBAAsB,oGA6DlC,CAAA;AAKD,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,eAAe,GAAG,mBAAmB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAA;IAC1N,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,uBAAuB,uGA2DnC,CAAA;AAKD,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,eAAe,GAAG,mBAAmB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,GAAG,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAA;IAC1N,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,sBAAsB,sGA+ClC,CAAA"}