// VS Theme Utilities Export
// Provides access to all utility styles

// Reset and base utilities
export const reset = './utilities/_reset.scss';

// Typography utilities
export const typographyFont = './utilities/typography/_font.scss';
export const typographyColor = './utilities/typography/_color.scss';
export const typography = [typographyFont, typographyColor];

// Background utilities
export const backgroundColor = './utilities/background-color/index.scss';

// Border utilities
export const borderColor = './utilities/border/_border-color.scss';
export const borderRadius = './utilities/border/_border-radius.scss';
export const borderSize = './utilities/border/_border-size.scss';
export const borders = [borderColor, borderRadius, borderSize];

// Spacing utilities
export const gap = './utilities/spaces/_gap.scss';
export const margin = './utilities/spaces/_margin.scss';
export const padding = './utilities/spaces/_padding.scss';
export const spacing = [gap, margin, padding];

// Box shadow utilities
export const boxShadow = './utilities/box-shadow/index.scss';

// Size utilities
export const size = './utilities/size/index.scss';

// Display utilities
export const display = './utilities/_display.scss';

// Flex utilities
export const flex = './utilities/_flex.scss';

// Text utilities
export const text = './utilities/_text.scss';

// Position utilities
export const position = './utilities/_position.scss';

// Overflow utilities
export const overflow = './utilities/_overflow.scss';

// Opacity utilities
export const opacity = './utilities/_opacity.scss';

// Cursor utilities
export const cursor = './utilities/_cursor.scss';

// Sizing utilities (width/height)
export const sizing = './utilities/_sizing.scss';

// Visibility utilities
export const visibility = './utilities/_visibility.scss';

// All utilities combined
export const allUtilities = [
  reset,
  ...typography,
  backgroundColor,
  ...borders,
  ...spacing,
  boxShadow,
  size,
  display,
  flex,
  text,
  position,
  overflow,
  opacity,
  cursor,
  sizing,
  visibility,
];

export default {
  reset,
  typography: {
    font: typographyFont,
    color: typographyColor,
    all: typography
  },
  backgroundColor,
  borders: {
    color: borderColor,
    radius: borderRadius,
    size: borderSize,
    all: borders
  },
  spacing: {
    gap,
    margin,
    padding,
    all: spacing
  },
  boxShadow,
  size,
  display,
  flex,
  text,
  position,
  overflow,
  opacity,
  cursor,
  sizing,
  visibility,
  all: allUtilities
};