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

package/src/components/ui/border-radius-shadow-demo.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { Card } from './card.js';
 import { Button } from './button.js';
 

package/src/components/ui/color-preview.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
 import { Badge } from './badge.js';
 import { useTheme } from '../../themes';

package/src/components/ui/data-display/chart.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useMemo, useRef } from 'react';
+import * as React from 'react';
+import { useMemo, useRef } from 'react';;
 import { useTheme } from '../../../themes/useTheme.js';
 import { 
   ChartProps, 

package/src/components/ui/data-display/data-grid-simple.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { DataGridProps } from './types.js';
 
 // Minimal DataGrid component for testing

package/src/components/ui/data-display/data-grid.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useCallback, useMemo, useRef, useEffect } from 'react';;
 import { 
   DataGridProps, 
   DataGridColumnProps, 

package/src/components/ui/data-display/list.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback, useMemo } from 'react';
+import * as React from 'react';
+import { useState, useCallback, useMemo } from 'react';;
 import { 
   ListProps, 
   ListItem, 

package/src/components/ui/data-display/table.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback } from 'react';
+import * as React from 'react';
+import { useState, useCallback } from 'react';;
 import { 
   TableProps, 
   TableRowProps, 

package/src/components/ui/data-display/timeline.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useMemo } from 'react';
+import * as React from 'react';
+import { useState, useMemo } from 'react';;
 import { 
   TimelineProps, 
   TimelineItem, 

package/src/components/ui/data-display/tree.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useCallback, useMemo } from 'react';
+import * as React from 'react';
+import { useCallback, useMemo } from 'react';;
 import { useTheme } from '../../../themes/useTheme.js';
 import { 
   TreeProps, 

package/src/components/ui/data-display/types.ts

@@ -1,7 +1,7 @@
 // Data Display Components - Shared Types
 // Comprehensive type definitions for all data display components
 
-import React from 'react';
+import * as React from 'react';;
 
 // ============================================================================
 // COMMON INTERFACES

package/src/components/ui/enterprise-mobile-experience-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState } from 'react'
+import * as React from 'react';
+import { useState } from 'react';
 import { Badge } from './badge.js'
 import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience.js'
 import {

package/src/components/ui/enterprise-mobile-experience.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { forwardRef, useState, useEffect } from 'react'
+import * as React from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { cn } from '../../lib/utils'
 
 // Enterprise Button Component

package/src/components/ui/feedback/alert.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback } from 'react';
+import * as React from 'react';
+import { useState, useCallback } from 'react';;
 import { AlertProps, AlertAction } from './types.js';
 
 // Simple icon components

package/src/components/ui/feedback/progress.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useEffect, useState } from 'react';
+import * as React from 'react';
+import { useEffect, useState } from 'react';;
 import { useTheme } from '../../../themes/useTheme.js';
 import { ProgressProps, ProgressStep } from './types.js';
 

package/src/components/ui/feedback/skeleton.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types.js';
 
 // Base Skeleton Component

package/src/components/ui/feedback/toast.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useEffect, useCallback, useRef } from 'react';
+import * as React from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';;
 import { ToastProps, ToastAction, ToastContainerProps } from './types.js';
 
 // Simple icon components

package/src/components/ui/feedback/types.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 
 // Base props for all feedback components
 export interface FeedbackBaseProps {

package/src/components/ui/font-preview.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
 import { Badge } from './badge.js';
 import { useTheme } from '../../themes';

package/src/components/ui/form-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useRef } from 'react'
+import * as React from 'react';
+import { useState, useRef } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Button } from './button.js'
 import { Badge } from './badge.js'

package/src/components/ui/hardware-acceleration-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback, useEffect } from 'react'
+import * as React from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Badge } from './badge.js'
 import { Button } from './button.js'

package/src/components/ui/layout-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState } from 'react'
+import * as React from 'react';
+import { useState } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Badge } from './badge.js'
 import { Button } from './button.js'

package/src/components/ui/layouts/adaptive-layout.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { ReactNode, useState, useEffect } from 'react'
+import * as React from 'react';
+import { ReactNode, useState, useEffect } from 'react';
 import { Card, CardContent } from '../card.js'
 import { Badge } from '../badge.js'
 import { MobileLayout } from './mobile-layout.js'

package/src/components/ui/layouts/desktop-layout.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { ReactNode, useState, useEffect } from 'react'
+import * as React from 'react';
+import { ReactNode, useState, useEffect } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js'
 import { Badge } from '../badge.js'
 import { Button } from '../button.js'

package/src/components/ui/layouts/mobile-layout.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { ReactNode, useState, useEffect } from 'react'
+import * as React from 'react';
+import { ReactNode, useState, useEffect } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '../card.js'
 import { Badge } from '../badge.js'
 

package/src/components/ui/layouts/tablet-layout.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { ReactNode, useState, useEffect } from 'react'
+import * as React from 'react';
+import { ReactNode, useState, useEffect } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js'
 import { Badge } from '../badge.js'
 import { Button } from '../button.js'

package/src/components/ui/mobile-form-validation.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useRef, forwardRef } from 'react'
+import * as React from 'react';
+import { useState, useRef, forwardRef } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Button } from './button.js'
 import { Badge } from './badge.js'

package/src/components/ui/mobile-input-demo.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { Card } from './card.js';
 import { MobileInput, mobileInputConfigs } from './mobile-input.js';
 

package/src/components/ui/mobile-skeleton-loading-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useEffect } from 'react'
+import * as React from 'react';
+import { useState, useEffect } from 'react';
 import { Card } from './card.js'
 import { Button } from './button.js'
 import { Badge } from './badge.js'

package/src/components/ui/overlay/backdrop.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React from 'react';
+import * as React from 'react';;
 
 export interface BackdropProps {
   isVisible: boolean;

package/src/components/ui/overlay/focus-manager.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useEffect, useRef, useCallback } from 'react';
+import * as React from 'react';
+import { useEffect, useRef, useCallback } from 'react';;
 
 export interface FocusManagerProps {
   children: React.ReactNode;

package/src/components/ui/overlay/modal.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useEffect, useRef, useId } from 'react';
+import * as React from 'react';
+import { useEffect, useRef, useId } from 'react';;
 import { useTheme } from '../../../themes/useTheme.js';
 import { Portal } from './portal.js';
 import { Backdrop } from './backdrop.js';

package/src/components/ui/overlay/overlay-manager.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { createContext, useContext, useReducer, useCallback, ReactNode } from 'react';
+import * as React from 'react';
+import { createContext, useContext, useReducer, useCallback, ReactNode } from 'react';;
 import { OverlayManagerProps, OverlayState, OverlayAction } from './types.js';
 
 // Overlay context for managing global overlay state

package/src/components/ui/overlay/popover.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useRef, useEffect, useCallback, cloneElement } from 'react';
+import * as React from 'react';
+import { useState, useRef, useEffect, useCallback, cloneElement } from 'react';;
 import { useTheme } from '../../../themes/useTheme.js';
 import { Portal } from './portal.js';
 import { FocusManager } from './focus-manager.js';

package/src/components/ui/overlay/portal.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useEffect, useState } from 'react';
+import * as React from 'react';
+import { useEffect, useState } from 'react';;
 import { createPortal } from 'react-dom';
 import { PortalProps } from './types.js';
 

package/src/components/ui/overlay/tooltip.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useRef, useEffect, useCallback, cloneElement } from 'react';
+import * as React from 'react';
+import { useState, useRef, useEffect, useCallback, cloneElement } from 'react';;
 import { useTheme } from '../../../themes/useTheme.js';
 import { Portal } from './portal.js';
 import { TooltipProps, TooltipContentProps } from './types.js';

package/src/components/ui/overlay/types.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 
 // Base overlay properties
 export interface OverlayBaseProps {

package/src/components/ui/performance-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState } from 'react'
+import * as React from 'react';
+import { useState } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Button } from './button.js'
 import { Badge } from './badge.js'

package/src/components/ui/semantic-input-system-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState } from 'react'
+import * as React from 'react';
+import { useState } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Button } from './button.js'
 import { Input } from './input.js'

package/src/components/ui/theme-customizer.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useCallback, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useCallback, useEffect } from 'react';;
 import { useTheme } from '../../themes';
 import { Card, CardContent, CardHeader, CardTitle } from './card.js';
 import { Button } from './button.js';

package/src/components/ui/theme-preview.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 import { useTheme } from '../../themes';
 import { Card, CardContent, CardHeader, CardTitle } from './card.js';
 import { Badge } from './badge.js';

package/src/components/ui/theme-switcher.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useEffect } from 'react';;
 import { Button } from './button.js';
 import { useTheme } from '../../themes';
 import type { MultiThemeConfig } from '../../themes';

package/src/components/ui/theme-toggle.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useEffect } from 'react';;
 import { Button } from './button.js';
 import { Moon, Sun } from 'lucide-react';
 

package/src/components/ui/token-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState } from 'react';
+import * as React from 'react';
+import { useState } from 'react';;
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
 import { Badge } from './badge.js';
 import { Button } from './button.js';

package/src/components/ui/touch-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState, useRef } from 'react'
+import * as React from 'react';
+import { useState, useRef } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js'
 import { Button } from './button.js'
 import { Badge } from './badge.js'

package/src/components/ui/touch-friendly-interface-demo.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { useState } from 'react'
+import * as React from 'react';
+import { useState } from 'react';
 import { Badge } from './badge.js'
 import { Input } from './input.js'
 import { Button } from './button.js'

package/src/components/ui/touch-friendly-interface.tsx

@@ -1,6 +1,7 @@
 'use client'
 
-import React, { forwardRef } from 'react'
+import * as React from 'react';
+import { forwardRef } from 'react';
 import { cn } from '../../lib/utils'
 import { useTouchFriendlyInterface } from '../../hooks/use-touch-friendly-interface.js'
 

package/src/hooks/use-component-performance.ts

@@ -1,4 +1,5 @@
-import React, { useState, useCallback, useRef, useEffect, ReactNode, ComponentType } from 'react'
+import * as React from 'react';
+import { useState, useCallback, useRef, useEffect, ReactNode, ComponentType } from 'react';
 
 export interface ComponentPerformanceConfig {
   enableMemoization?: boolean

package/src/utils/lazy-loading.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';;
 
 // Lazy loading utilities for code splitting and dynamic imports
 export interface LazyLoadConfig {