@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.8 → 0.2.10

package/dist/themes/navigation.js

@@ -4,235 +4,235 @@
  */
 
 export interface NavigationThemeConfig {
-  layout;
-  style;
-  behavior;
-  responsive;
-  animations;
-  spacing;
-  colors;
-  typography;
-  breakpoints;
+  layout: NavigationLayout;
+  style: NavigationStyle;
+  behavior: NavigationBehavior;
+  responsive: NavigationResponsive;
+  animations: NavigationAnimations;
+  spacing: NavigationSpacing;
+  colors: NavigationColors;
+  typography: NavigationTypography;
+  breakpoints: NavigationBreakpoints;
 }
 
+export type NavigationLayout = 'horizontal' | 'vertical' | 'sidebar' | 'tabs' | 'breadcrumb' | 'pagination';
 
+export type NavigationStyle = 'minimal' | 'standard' | 'enhanced' | 'enterprise' | 'creative';
 
+export type NavigationBehavior = 'static' | 'sticky' | 'floating' | 'overlay' | 'collapsible';
 
-
-
-
-
+export type NavigationResponsive = 'mobile-first' | 'desktop-first' | 'adaptive';
 
 export interface NavigationAnimations {
-  duration;
-  easing;
-  stagger;
-  transitions;
+  duration: NavigationDuration;
+  easing: NavigationEasing;
+  stagger: NavigationStagger;
+  transitions: NavigationTransitions;
 }
 
 export interface NavigationDuration {
-  fast;
-  normal;
-  slow;
-  instant;
+  fast: string;
+  normal: string;
+  slow: string;
+  instant: string;
 }
 
 export interface NavigationEasing {
-  linear;
-  ease;
-  easeIn;
-  easeOut;
-  easeInOut;
-  bounce;
-  elastic;
+  linear: string;
+  ease: string;
+  easeIn: string;
+  easeOut: string;
+  easeInOut: string;
+  bounce: string;
+  elastic: string;
 }
 
 export interface NavigationStagger {
-  enabled;
-  delay;
-  direction;
+  enabled: boolean;
+  delay: string;
+  direction: 'forward' | 'reverse' | 'random';
 }
 
 export interface NavigationTransitions {
-  enter;
-  exit;
-  move;
-  resize;
+  enter: string;
+  exit: string;
+  move: string;
+  resize: string;
 }
 
 export interface NavigationSpacing {
-  container;
-  item;
-  group;
-  divider;
-  icon;
-  text;
-  padding;
-  margin;
+  container: string;
+  item: string;
+  group: string;
+  divider: string;
+  icon: string;
+  text: string;
+  padding: NavigationPadding;
+  margin: NavigationMargin;
 }
 
 export interface NavigationPadding {
-  horizontal;
-  vertical;
-  top;
-  right;
-  bottom;
-  left;
+  horizontal: string;
+  vertical: string;
+  top: string;
+  right: string;
+  bottom: string;
+  left: string;
 }
 
 export interface NavigationMargin {
-  horizontal;
-  vertical;
-  top;
-  right;
-  bottom;
-  left;
+  horizontal: string;
+  vertical: string;
+  top: string;
+  right: string;
+  bottom: string;
+  left: string;
 }
 
 export interface NavigationColors {
-  background;
-  text;
-  border;
-  accent;
-  hover;
-  active;
-  disabled;
-  focus;
+  background: NavigationColorVariants;
+  text: NavigationColorVariants;
+  border: NavigationColorVariants;
+  accent: NavigationColorVariants;
+  hover: NavigationColorVariants;
+  active: NavigationColorVariants;
+  disabled: NavigationColorVariants;
+  focus: NavigationColorVariants;
 }
 
 export interface NavigationColorVariants {
-  primary;
-  secondary;
-  tertiary;
-  light;
-  dark;
-  contrast;
+  primary: string;
+  secondary: string;
+  tertiary: string;
+  light: string;
+  dark: string;
+  contrast: string;
 }
 
 export interface NavigationTypography {
-  fontFamily;
-  fontSize;
-  fontWeight;
-  lineHeight;
-  letterSpacing;
+  fontFamily: string;
+  fontSize: NavigationFontSizes;
+  fontWeight: NavigationFontWeights;
+  lineHeight: NavigationLineHeights;
+  letterSpacing: NavigationLetterSpacing;
 }
 
 export interface NavigationFontSizes {
-  xs;
-  sm;
-  base;
-  lg;
-  xl;
-  '2xl';
+  xs: string;
+  sm: string;
+  base: string;
+  lg: string;
+  xl: string;
+  '2xl': string;
 }
 
 export interface NavigationFontWeights {
-  light;
-  normal;
-  medium;
-  semibold;
-  bold;
+  light: string;
+  normal: string;
+  medium: string;
+  semibold: string;
+  bold: string;
 }
 
 export interface NavigationLineHeights {
-  tight;
-  normal;
-  relaxed;
-  loose;
+  tight: string;
+  normal: string;
+  relaxed: string;
+  loose: string;
 }
 
 export interface NavigationLetterSpacing {
-  tight;
-  normal;
-  wide;
-  wider;
+  tight: string;
+  normal: string;
+  wide: string;
+  wider: string;
 }
 
 export interface NavigationBreakpoints {
-  mobile;
-  tablet;
-  desktop;
-  wide;
-  ultra;
+  mobile: string;
+  tablet: string;
+  desktop: string;
+  wide: string;
+  ultra: string;
 }
 
 // Navigation Component Configurations
 export interface NavigationComponentConfig {
-  type;
-  variant;
-  size;
-  fullWidth;
-  centered;
-  justified;
-  stacked;
+  type: NavigationLayout;
+  variant: NavigationStyle;
+  size: 'sm' | 'md' | 'lg' | 'xl';
+  fullWidth: boolean;
+  centered: boolean;
+  justified: boolean;
+  stacked: boolean;
 }
 
 // Navigation Item Configuration
 export interface NavigationItemConfig {
-  id;
-  label;
-  href?;
-  icon?;
-  badge?;
-  children?];
-  disabled?;
-  hidden?;
-  active?;
+  id: string;
+  label: string;
+  href?: string;
+  icon?: string;
+  badge?: NavigationBadge;
+  children?: NavigationItemConfig[];
+  disabled?: boolean;
+  hidden?: boolean;
+  active?: boolean;
 }
 
 export interface NavigationBadge {
-  text;
-  variant;
-  size;
+  text: string;
+  variant: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+  size: 'sm' | 'md' | 'lg';
 }
 
 // Navigation State Management
 export interface NavigationState {
-  isOpen;
-  isCollapsed;
-  activeItem;
-  hoveredItem;
-  focusedItem;
-  expandedItems];
+  isOpen: boolean;
+  isCollapsed: boolean;
+  activeItem: string | null;
+  hoveredItem: string | null;
+  focusedItem: string | null;
+  expandedItems: string[];
 }
 
 // Navigation Events
 export interface NavigationEvents {
-  onItemClick) => void;
-  onItemHover) => void;
-  onItemFocus) => void;
-  onToggle) => void;
-  onCollapse) => void;
+  onItemClick: (item: NavigationItemConfig) => void;
+  onItemHover: (item: NavigationItemConfig) => void;
+  onItemFocus: (item: NavigationItemConfig) => void;
+  onToggle: (isOpen: boolean) => void;
+  onCollapse: (isCollapsed: boolean) => void;
 }
 
 // Navigation Accessibility
 export interface NavigationAccessibility {
-  ariaLabel;
-  ariaExpanded;
-  ariaHidden;
-  role;
-  tabIndex;
-  keyboardNavigation;
-  screenReaderSupport;
+  ariaLabel: string;
+  ariaExpanded: boolean;
+  ariaHidden: boolean;
+  role: string;
+  tabIndex: number;
+  keyboardNavigation: boolean;
+  screenReaderSupport: boolean;
 }
 
 // Navigation Performance
 export interface NavigationPerformance {
-  lazyLoading;
-  virtualization;
-  debounceDelay;
-  throttleDelay;
-  cacheSize;
+  lazyLoading: boolean;
+  virtualization: boolean;
+  debounceDelay: number;
+  throttleDelay: number;
+  cacheSize: number;
 }
 
 // Navigation Theme Presets
 export interface NavigationThemePreset {
-  name;
-  description;
-  config;
-  preview;
-  tags];
-  category;
+  name: string;
+  description: string;
+  config: NavigationThemeConfig;
+  preview: string;
+  tags: string[];
+  category: NavigationStyle;
 }